.main-wrapper:nth-of-type(1){padding:0 20px;background-color:#f8f8f8}
.main-wrapper:nth-of-type(1) .horizontal-group{display:flex;align-items:flex-start;max-width:var(--wrapper);margin:0 auto;padding-top:55px;padding-bottom:40px}
.main-wrapper:nth-of-type(1) .horizontal-group .vertical-group{flex:0 1 612px;display:flex;flex-direction:column}

.main-wrapper:nth-of-type(2){padding:0 20px}
.main-wrapper:nth-of-type(2) .horizontal-group{display:flex;flex-wrap:wrap;max-width:var(--wrapper);margin:0 auto;padding:40px 0}
.main-wrapper:nth-of-type(2) .horizontal-group section{flex:1 1 calc(50% - 25px);border: 1px solid #e7e7e7;height: 300px;padding:45px 50px 30px;margin-left:25px;background:#fff;border-radius: 20px;box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1)}
.main-wrapper:nth-of-type(2) .horizontal-group section:nth-child(2n+1){margin-left:0}
.main-wrapper:nth-of-type(2) .horizontal-group section:nth-child(2) ~ section{margin-top:40px}
.main-wrapper:nth-of-type(2) .horizontal-group section.section-blurb{height:270px}
.main-wrapper:nth-of-type(2) .horizontal-group section.section-youtube{height:270px}

.main-wrapper:nth-of-type(3){padding:0 20px;border-top:1px solid #e7e7e7}


.section-slogan{background:url(../../../../images/name/user/ko/main/visual_img.png) no-repeat 100% 0}
.section-slogan .slogan-title{font-size:48px;font-weight:600;letter-spacing:-1px;line-height:58px;margin-bottom:28px;color:#222}
.section-slogan .slogan-text{color:#555;font-size:16px;letter-spacing:-.5px;line-height:26px}


.section-businees{flex:1;margin-left:50px;overflow:hidden;border-radius:15px;box-shadow:0 4px 15px #0003}
.section-businees .businees-title{font-size:21px;letter-spacing:-0.5px;padding:15px 0;text-align:center;color:#fff;background-color:var(--primary)}
.section-businees .businees-title i{font-weight:700}
.section-businees .businees-shortcut{display:flex;flex-wrap:wrap;padding:20px;background-color:#fff}
.section-businees .businees-shortcut .shortcut-item{flex:0 1 calc(50% - 10px);box-shadow:5px 7px 10px -5px rgba(0, 0, 0, 0.3);border-radius:15px;background-color:#f4f4f4;margin-left:20px}
.section-businees .businees-shortcut .shortcut-item a{display:flex;align-items:center;padding:15px 20px}
.section-businees .businees-shortcut .shortcut-item a span{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width: 60px;height: 60px;border-radius:100%;background-color:#fff}
.section-businees .businees-shortcut .shortcut-item a span img{width: 40px;}
.section-businees .businees-shortcut .shortcut-item a em{color:#222;display:block;font-weight:600;line-height:125%;font-size: 17px;margin-left:15px}
.section-businees .businees-shortcut .shortcut-item:nth-child(2n+1){margin-left:0}
.section-businees .businees-shortcut .shortcut-item:nth-child(2) ~ .shortcut-item{margin-top:20px}


.section-donation{position:relative;border-radius:20px;height:223px;padding: 40px 20px 0 230px;margin-top:44px;background: url(../../../../images/name/user/ko/main/main_img.vRamTd21.png) no-repeat 0 0 / cover;box-shadow:0 -2px 10px -5px #0003}
.section-donation .donation-title{display:flex;align-items:center;margin-bottom:20px;font-size:22px;font-weight:600;line-height:22px;margin-top:10px;color:#222}
.section-donation .donation-title img{width:6px;margin-left:10px}
.section-donation .donation-text{font-size:16px;letter-spacing:-1px;line-height:24px;margin-bottom:10px;word-break:keep-all;color:#222}
.section-donation .donation-text b{font-weight:600}
.section-donation .donation-shortcut{display:flex;position:absolute;bottom:0;left:0;width:100%;height:46px;background-color:var(--primary);border-radius:0 0 20px 20px;}
.section-donation .donation-shortcut a{flex:1;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:500}
.section-donation .donation-shortcut a ~ a{border-left:1px solid #f79b8f}



@media screen and (max-width: 1240px) {
    .main-wrapper:nth-of-type(1) .horizontal-group{flex-direction:column}
    .main-wrapper:nth-of-type(1) .horizontal-group .vertical-group{flex: 1 1 auto;flex-direction: row;width: 100%;}
    
    .section-slogan{flex: 1 1 50%;margin-top: 20px;background-size:200px}
    .section-slogan .slogan-title{font-size:38px;line-height:140%}

    .section-donation{flex:1 1 50%;margin:0 0 0 30px;padding-top:30px}
    .section-donation .donation-text br{display:none}

    .section-businees{margin: 30px 0 0;}
    .section-businees .businees-shortcut .shortcut-item{flex:1 1 calc(33.33% - 20px);margin-left:20px}
    .section-businees .businees-shortcut .shortcut-item:nth-child(2n+1){margin-left:20px}
    .section-businees .businees-shortcut .shortcut-item:nth-child(3n+1){margin-left:0}
    .section-businees .businees-shortcut .shortcut-item:nth-child(2) ~ .shortcut-item{margin-top:0}
    .section-businees .businees-shortcut .shortcut-item:nth-child(3) ~ .shortcut-item{margin-top:20px}
    .section-businees .businees-shortcut .shortcut-item a br:nth-child(2){display:none}
}

@media screen and (max-width:1000px) {
    .main-wrapper:nth-of-type(1) .horizontal-group{padding-top:30px}
    .main-wrapper:nth-of-type(1) .horizontal-group .vertical-group{flex-direction: column;}

    .section-slogan{flex-basis:auto;background-size:auto}
    .section-slogan .slogan-title br{display:none}
    
    .section-donation{flex-basis:auto;margin:30px 0 0;padding-left:40%}
}

@media screen and (max-width:900px) {
    .section-businees .businees-shortcut .shortcut-item{flex:1 1 calc(50% - 20px);margin-left:20px}
    .section-businees .businees-shortcut .shortcut-item:nth-child(3n+1){margin-left:20px}
    .section-businees .businees-shortcut .shortcut-item:nth-child(3) ~ .shortcut-item{margin-top:20px}
    .section-businees .businees-shortcut .shortcut-item:nth-child(2n+1){margin-left:0}
    .section-businees .businees-shortcut .shortcut-item:nth-child(2) ~ .shortcut-item{margin-top:20px}
}

@media screen and (max-width:650px) {
    .section-slogan{background-size:200px}
    .section-slogan .slogan-title br{display:block}

    .section-businees .businees-shortcut .shortcut-item{flex:1 1 100%;margin-left:0}
    .section-businees .businees-shortcut .shortcut-item ~ .shortcut-item{margin-top:20px;margin-left:0}
}



.section-notice .notice-wrapper{position:relative}
.section-notice .notice-title{font-weight:700;font-size:26px;color:#222}
.section-notice .notice-list{margin-top:22px}
.section-notice .notice-list .list-item{display:flex;position:relative;padding-left: 10px}
.section-notice .notice-list .list-item ~ .list-item{margin-top:5px}
.section-notice .notice-list .list-item::before{content:'';position:absolute;top: 11px;left:0;border-radius:5px;height:3px;width:3px;margin-right:5px;background-color:#222}
.section-notice .notice-list .list-item a.item-subject{flex:1 1 auto;display:block;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-notice .notice-list .list-item span.item-date{flex:0 0 auto;color:#888;font-size:13px;font-weight:500}
.section-notice .notice-more{position:absolute;top:0;right:0;color:#222}
.section-notice .notice-more img{width:8px;margin-right:5px}



.section-activity .activity-wrapper{position:relative}
.section-activity .activity-title{font-weight:700;font-size:26px;color:#222}
.section-activity .activity-list{display:flex;margin-top:22px}
.section-activity .activity-list .list-item{flex:1 1 auto}
.section-activity .activity-list .list-item  ~ .list-item{margin-left:20px}
.section-activity .activity-list .list-item a{display:block}
.section-activity .activity-list .list-item .item-thumb{position:relative;overflow:hidden}
.section-activity .activity-list .list-item .item-thumb img{height:140px;width:100%}
.section-activity .activity-list .list-item .item-thumb img[src*="noimg"]{height:auto;}
.section-activity .activity-list .list-item .item-label{display:block;margin-top:10px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.section-activity .activity-more{position:absolute;top:0;right:0;color:#222}
.section-activity .activity-more img{width:8px;margin-right:5px}



.section-blurb{position:relative;overflow:hidden}
.section-blurb::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: url(../../../../images/name/user/ko/main/main_banner.COB0p5-7.png) no-repeat 50% 50% / cover;}
.section-blurb .blurb-wrapper{position:relative}
.section-blurb .blurb-title{margin-bottom:23px;font-weight:600;font-size:28px;color:#222}
.section-blurb .blurb-title small{margin-bottom:10px;font-size: 15px;font-weight: 500;color:#222}
.section-blurb .blurb-title i{color:#01b194}
.section-blurb .blurb-text{color:#222;line-height:170%}



.section-youtube .youtube-wrapper{position:relative}
.section-youtube .youtube-title{font-weight:700;font-size:26px;color:#222}
.section-youtube .youtube-list{display:flex;margin-top:22px}
.section-youtube .youtube-list .list-item{flex:1}
.section-youtube .youtube-list .list-item ~ .list-item{margin-left:20px}
.section-youtube .youtube-list .list-item a{display:block}
.section-youtube .youtube-list .list-item .item-thumb{position:relative;overflow:hidden}
.section-youtube .youtube-list .list-item .item-thumb img{height:100px;width:100%}
.section-youtube .youtube-list .list-item .item-label{display:block;margin-top:10px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-youtube .youtube-more{position:absolute;top:0;right:0;color:#222}
.section-youtube .youtube-more img{width:8px;margin-right:5px}





.section-banner{position:relative}
.section-banner .banner-wrapper{position:relative;display:flex;align-items:center;height:140px}
.section-banner .banner-title{flex:0 0 330px;font-size:24px;font-weight:600;color:#222;text-align:center}
.section-banner .banner-control{position:absolute;top:0;left:0;width:100%}
.section-banner .banner-control button{position:absolute;top:50px;width:38px;height:38px}
.section-banner .banner-control .stop{left:344px}
.section-banner .banner-control .play{left:344px;display:none}
.section-banner .banner-control .prev{left:387px}
.section-banner .banner-control .next{right:0}
.section-banner .banner-list{position:relative;flex:1 1 auto;margin:0 48px 0 106px;overflow:hidden}
.section-banner .banner-list .list-items{position:relative;display:flex}
.section-banner .banner-list .list-items .item{flex:1 0 20%;position:relative;padding:10px}
.section-banner .banner-list .list-items .item::before{content:'';position:absolute;top:50%;right:-1px;transform:translateY(-50%);border-left:1px solid #e7e7e7;height:50%}
.section-banner .banner-list .list-items .item a{display:block;text-align:center}
.section-banner .banner-list .list-items .item a img{max-height:80px;max-width:206px}

@media screen and (max-width:1600px) {
    .section-banner .banner-title{flex-basis:250px}
    .section-banner .banner-list .list-items .item{flex-basis:25%}
    .section-banner .banner-control .stop{left: 260px;}
    .section-banner .banner-control .play{left: 260px;}
    .section-banner .banner-control .prev{left: 310px;}
}
@media screen and (max-width:1400px) {
    .section-banner .banner-title{flex-basis:200px}
    .section-banner .banner-list .list-items .item{flex-basis:33.33%}
    .section-banner .banner-control .stop{left: 220px;}
    .section-banner .banner-control .play{left: 220px;}
    .section-banner .banner-control .prev{left: 260px;}
}
@media screen and (max-width:1100px) {
    .section-banner .banner-list .list-items .item{flex-basis:50%}
}
@media screen and (max-width:850px) {
    .section-banner .banner-list .list-items .item{flex-basis:100%}
}
@media screen and (max-width:700px) {
    .section-banner .banner-title{display:none}
    .section-banner .banner-wrapper{height:auto;padding:30px 0;display:block}
    .section-banner .banner-control button{top: 60px;}
    .section-banner .banner-control .stop{left: 0;}
    .section-banner .banner-control .play{left: 0px;}
    .section-banner .banner-control .prev{left: 40px;}
    .section-banner .banner-list{margin-left: 80px;}
}


@media screen and (max-width:1130px) {
    .section-blurb::before{background-color:#f2f8f6;background-size:450px;background-position: 70px 100%}
}


@media screen and (max-width:1000px) {
    .main-wrapper:nth-of-type(2) .horizontal-group section{flex: 1 1 100%;margin-left:0;height:auto}
    .main-wrapper:nth-of-type(2) .horizontal-group section ~ section{margin-top:30px}
    .main-wrapper:nth-of-type(2) .horizontal-group section.section-blurb{height:auto;padding-right:250px}
    .main-wrapper:nth-of-type(2) .horizontal-group section.section-youtube{height:auto}
    
    .section-blurb::before{background-color:#f2f8f6;background-size:450px;background-position: 100% 100%}
    .section-blurb .blurb-text br{display:none}

    .section-youtube .youtube-list .list-item .item-thumb img{height:100px}
}


@media screen and (max-width:600px) {
    .main-wrapper:nth-of-type(2) .horizontal-group section{padding:0;box-shadow:none;border-radius:0;border:0}
    .main-wrapper:nth-of-type(2) .horizontal-group section ~ section{margin-top:30px;padding-top:30px;border-top:1px solid #e7e7e7}
    .main-wrapper:nth-of-type(2) .horizontal-group section.section-blurb{padding:30px}


    .section-donation{padding: 0}
    .section-donation .donation-wrapper{overflow:hidden;height:100%;padding:20px}
    .section-donation .donation-title{text-shadow:1px 1px 3px #fff}
    .section-donation .donation-text{padding:20px;background-color:rgba(255, 255, 255, 0.7);border-radius:10px}
    .section-donation .donation-text br{display:block;}

    .section-activity .activity-list .list-item{flex:1 1 auto}
    .section-activity .activity-list .list-item .item-thumb{border:1px solid #e7e7e7;border-radius:15px}
    .section-activity .activity-list .list-item .item-label{font-weight:600;color:#222;text-align: center;}

    .section-blurb .blurb-text{padding:20px;background-color:rgba(255, 255, 255, 0.7);border-radius:10px}

}







.aside-popupzone{z-index:1100;position:fixed;top:0;right: 0;width: 270px;height:100vh;border-left:1px solid #e1e3e1;background-color:#fff}
.aside-popupzone .popupzone-handle{display:flex;background-color: #fff;border:solid #e1e3e1;border-width:1px 0 1px 1px;border-radius: 20px 0 0 20px;font-size: 14px;line-height:110%;height: 140px;left: -40px;padding: 10px 15px;position: absolute;top: 165px;width: 40px;word-break: break-all;padding-top: 20px}
.aside-popupzone .popupzone-handle .handle-open{display:none;width:7px;position:absolute;bottom: 20px;left:17px}
.aside-popupzone .popupzone-handle .handle-close{position:absolute;bottom: 20px;left: 17px}
.aside-popupzone .popupzone-warpper{position:relative;background-color:#fff;padding:20px 10px 20px 20px}
.aside-popupzone .popupzone-title{font-size:24px;color:#222;font-weight:600}
.aside-popupzone .popupzone-control{position:absolute;top: 18px;left: 100px;;display:flex}
.aside-popupzone .popupzone-control button{width:30px;height:30px}

.aside-popupzone .popupzone-list{position:relative;overflow:hidden;margin-top: 20px;height: calc(100vh - 65px);}
.aside-popupzone .popupzone-list .list-items{position:relative;}
.aside-popupzone .popupzone-list .list-items .item{padding: 10px;}
.aside-popupzone .popupzone-list .list-items .item .item-open{overflow:hidden;border-radius: 10px;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)}
.aside-popupzone .popupzone-list .list-items .item .item-open img{height: 322px}
.aside-popupzone .popupzone-list .list-items .item .item-layer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color: rgba(0, 0, 0, 0.7);}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript{position:absolute;top:300px;left:20px;right:30px;min-width:300px;max-width:700px;padding: 30px;margin:0 auto;background-color:#fff;border-radius:15px}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-head{display:flex;padding-bottom:20px;border-bottom:1px solid #e7e7e7}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-head .head-title{flex:1;display:block;font-weight:600;font-size:24px;color:#222}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-head .head-close{background-color:#fff;padding:7px;border-radius:5px}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-head .head-close:hover{background-color:#e7e7e7}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-body{margin-top:20px;line-height:140%;overflow: hidden;overflow-y: auto;max-height: 1000px;}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-body p{line-height:140%}
.aside-popupzone .popupzone-list .list-items .item .item-layer .item-descript .descript-foot{margin-top:20px;padding-top:20px;border-top:1px solid #e7e7e7;text-align:center}
@media screen and (max-width:1000px) {
    .aside-popupzone{display:none}
}