.root_daum_roughmap .cont .section.lst, .root_daum_roughmap .wrap_controllers{display: none;}
.sub{background: #fff !important; overflow-x: hidden;}
.subTop{height: 80vh; margin-top: 115px; position: relative;}
.subTop .inner{position: absolute; top: 50%; left: 50%; width: 1410px; transform: translate(-50%, -50%);}
.subTop .subTopImg{height: 80vh; --x-gap: 0rem; --y-gap: 0rem}
.subTop .subTopImg .box:first-child{background:url('/img/sub/subtop.jpg') center/cover no-repeat;}
.title-box span{padding: .5rem 2rem; display: inline-block; border-radius: 20px 4px;}
#mission{background:url('/img/sub/about/story/mission_bg.jpg') center/cover no-repeat;}
#mission .flexList{--x-gap: 13rem}

#s_story00 .flexList{--y-gap: 3rem;}

#section-bg{background:url('/img/sub/about/story/section-bg.jpg') center/cover no-repeat;}
#section-bg00{background:url('/img/sub/about/activity/section-bg.jpg') top center/cover no-repeat;}

#s_greeting{position:relative;background:linear-gradient(to bottom,transparent 0 31%,#f7f5f0 31% 100%);}
#s_greeting .section-left{padding-left: calc((100% - 1410px) / 2); width:100%;}

#greeting_info .box{padding: 3rem 1rem 8rem 2.5rem; border-radius: 12px;}
#greeting_info .box:nth-child(1){background:url('/img/sub/about/greeting/greeting01.jpg') center/cover no-repeat;}
#greeting_info .box:nth-child(2){background:url('/img/sub/about/greeting/greeting02.jpg') center/cover no-repeat;}
#greeting_info .box:nth-child(3){background:url('/img/sub/about/greeting/greeting03.jpg') center/cover no-repeat;}
#greeting_info .box ul li{padding-left: 15px; position: relative; line-height: 2;}
#greeting_info .box ul li:before{content: "·"; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}


#s_activity .activity-tab{--x-gap: .5rem}
#s_activity .activity-tab .box {cursor: pointer; padding: .5rem 0; border-radius: 60px; border: 1px solid var(--pointcolor);}
#s_activity .activity-tab .box.active{background-color: var(--pointcolor); color: #fff; font-weight: 700;}
#s_activity .tab-content {display: none; border-top: 5px solid #e5e1d5; border-bottom: 1px solid #e5e1d5; padding-bottom: 5rem;}
#s_activity .tab-content.active {display: block;}

#cooperation .box{border: 1px solid #ebe8e0; background-color: #f7f6f1; padding: 3rem;}

#s_info .root_daum_roughmap{width: 100%; border-radius: 12px;}
#s_info .root_daum_roughmap .wrap_map{height: 630px;}

#s_program .container_mini>.line{width: 100%; height: 1px; background-color: #e5e1d5;}
#s_program .program00 .line{width: 30px; height: 1px; background-color: var(--pointcolor);}
#s_program .program00 .flexList .box{background-color: #f7f6f1; border-radius: 12px; border: 1px solid #ebe8e0; padding: 2.5rem 3rem;}
@media(max-width: 1550px){
    .subTop .inner{width: 90%;}

    #s_info .box.pl-80{padding-left: 0;}

    #mission .flexList{--x-gap: 5rem}
    #hope .pl-80{padding-left: 0;}
    #s_greeting{position:relative;background:linear-gradient(to bottom,transparent 0 30%,#f7f5f0 30% 100%);}
    #s_greeting .section-left{padding-left: 5%; padding-right: 5%;}
    #s_greeting .box.pr-80{padding-right: 0;}
}
@media(max-width: 1240px){
    #mission .flexList{--x-gap: 3rem}

    #hope .flexList{--y-gap: 3rem}

    #s_greeting .flexList{--y-gap: 3rem}
    #s_greeting{position:relative;background:linear-gradient(to bottom,transparent 0 15.5%,#f7f5f0 15.5% 100%);}
}
@media(max-width: 990px) {
    .sub p,
    .sub h1,
    .sub h2,
    .sub h3,
    .sub h4,
    .sub h5,
    .sub span,
    .sub div {
        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }
}
@media(max-width: 990px){
    .subTop {margin-top: 72px;}
    .subTop .inner{top: 25%;}

    #s_info .root_daum_roughmap .wrap_map{height: 400px;}

    #greeting_info .box {
    padding: 3rem 1rem 8rem 2rem;}
}
@media(max-width: 768px){
#s_program .program00 .line{width: 1px; height: 20px; margin-top: 10px; margin-bottom: 10px; }
#s_program .program00 .box .text-box{width: 85%;}
#s_program .program00 .flex-between>p{width: 15%;}
#s_program .program00 .flexList .box {
    padding: 2.5rem 1.5rem;
}
}
@media(max-width: 500px){
    .sub .font-40{font-size: 2.125rem;}
    .sub .font-60{font-size: 2.8125rem;}

    #s_greeting{position:relative;background:linear-gradient(to bottom,transparent 0 18%,#f7f5f0 18% 100%);}
}