#header {z-index: 9999}
#header .pcHeader {background: #fff;}
#header .pcHeader .inner {max-width: 182rem; padding: 1.7rem 0;}
#header .pcHeader .logo {}
#header .pcHeader .gnb {gap: 8rem; margin-left: 20rem;}
#header .pcHeader .call {margin-left: auto}

@media all and (max-width: 880px){
    #header {}

    #header .moHead {background: #fff; transition: 0.2s; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16)}
    #header .moHead .inner {max-width: 89.3%; padding: 1rem 0;}
    #header .moHead .logo {width: 14.4rem;;}
    #header .moHead .menuBtn {width: 2rem;;}

    #header .menuWrap {position: fixed; width: 100%; height: 100%; top: 0; display: none;}
    #header .menuWrap .menuBg {width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0;}

    #header .menuBox {width: 80%; height: 100%; margin-left: auto; background: #fff; right: -100%; transition: 1s; padding: 5.6rem 2.8rem}
    #header .menuBox .menuLogo {width: 14.4rem;}

    #header .menuGnb {margin-top: 3.5rem;}
    #header .menuGnb li {}
    #header .menuGnb li + li {margin-top: 3.8rem;}
    #header .menuGnb li a {display: block;}
    #header .menuGnb li span {display: block;}

    #header .menuClose {width: 2.2rem; height: 2.2rem; top: 2.6rem; right: 2.6rem;}
}

#modal {z-index: 9999; display: none;}
#modal .modalBg {background: rgba(0,0,0,0.5)}
#modal .modalBox {max-width: 55rem;}
#modal .mdClose {top: 2rem; right: 2rem; width: 2rem; cursor: pointer}

@media all and (max-width: 880px){
    #modal {}
    #modal .modalBg {}
    #modal .modalBox {max-width: 86%; width: 100%;}
    #modal .mdClose {}
}

#float {z-index: 999; right: 5rem;}
#float .lst {}
#float .lst li {}
#float .lst li + li {margin-top: 0.8rem}
#float .lst li a {}
#float .lst li img {}
#float .toggle {margin-top: 0.8rem;}
#float .toggle img {}
#float .top {margin-top: 0.8rem}
#float .top a {}
#float .top img {}

@media all and (max-width: 880px){
    #float {right: 2rem; transform: none; top: auto; bottom: 6%;}
    #float .lst {}
    #float .lst li {}
    #float .lst li a {}
    #float .lst li img {width: 6rem;}
    #float .toggle {}
    #float .toggle img {width: 6rem;}
    #float .top {}
    #float .top a {}
    #float .top img {width: 6rem;}
}

#footer {background: #2C2B31; border-top: 1px solid rgba(255,255,255,0.4)}
#footer .inner {padding: 4rem 0 5rem;}
#footer .ftlogo {margin-bottom: 3rem; width: 17.6rem;}
#footer .ftinfo {gap: 1rem 2.5rem;}
#footer .ftinfo .info {color: #fff;}
#footer .copy {margin-top: 1.2rem; color: #fff; opacity: 0.3}

@media all and (max-width: 880px){
    #footer {}
    #footer .inner {max-width: var(--innerMo);}
    #footer .ftlogo {margin-bottom: 2.2rem;}
    #footer .ftinfo {font-size: 1.4rem;}
    #footer .ftinfo .info {}
    #footer .ftinfo .info:nth-child(1) {width: 100%}
    #footer .copy {margin-top: 2rem; font-size: 1.3rem; opacity: 1;}
}


#wrap {overflow: hidden;}

#s1 {}
#s1 .vdoArea {height: 100vh;}
#s1 .vdoArea .vdo {height: 100%; border-radius: 0 0 25rem 0; overflow: hidden;}
#s1 .vdoArea .vdo video {width: 100%; height: 100%; display: block; object-fit: cover;}
#s1 .txtArea {bottom: 9rem}
#s1 .txtArea .subt {padding-bottom: 1.8rem; text-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);}
#s1 .txtArea .tit {}

@media all and (max-width: 880px){
    #s1 {}
    #s1 .vdoArea {}
    #s1 .vdoArea .vdo {border-radius: 0 0 7rem 0;}
    #s1 .vdoArea .vdo video {}
    #s1 .txtArea {}
    #s1 .txtArea .subt {font-size: 1.8rem; padding-bottom: 2rem;}
    #s1 .txtArea .tit {max-width: 34.4rem;}
}

#s2 {}
#s2 .inner {max-width: 140rem; padding: 18rem 0 22rem;}
#s2 .titImg {max-width: 77.6rem;}
#s2 .txt {margin: 3.5rem 0 6rem; line-height: 3.6rem;}
#s2 .lst {z-index: 1; gap: 4rem;}
#s2 .lst li {}
#s2 .flow {color: #F7F7F7; width: 100%; overflow: hidden; pointer-events: none; z-index: 0; bottom: 17rem;}
#s2 .flowTrack {display: flex; width: max-content; gap: 6rem; white-space: nowrap; animation: flowMove 18s linear infinite;}

@keyframes flowMove{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media all and (max-width: 880px){
    #s2 {}
    #s2 .inner {max-width: var(--innerMo); padding: 8rem 0 9rem;}
    #s2 .titImg {}
    #s2 .txt {margin: 2.5rem 0 2.8rem; font-size: 1.5rem; line-height: 2.5rem;}
    #s2 .lst {flex-direction: column; gap: 1.8rem;}
    #s2 .lst li {width: 27.2rem;}
    #s2 .flow {font-size: 7rem; bottom: 3.2rem;}
}

#s3 {background: url('../img/s3_bg.jpg') center/cover;}
#s3 .inner {padding-top: 17rem; max-width: 140rem;}
#s3 .title {margin-bottom: 10rem; line-height: 7rem;}
#s3 .cont {max-width: 120rem; background: #fff; border-radius: 12rem 12rem 0 0; padding: 8.5rem 12rem 15rem;}
#s3 .cont .tit {background: #483887; padding: 2rem 3.5rem; border-radius: 3.8rem; bottom: calc(100% - 4rem);}
#s3 .cont .lst {}
#s3 .cont .lst li {gap: 6rem;}
#s3 .cont .lst li + li {padding-top: 4rem; margin-top: 4rem; border-top: 1px solid #D9D9D9;}
#s3 .cont .lst li .num {color: #DCD9E8; top: -1.5rem; min-width: 8.4rem}
#s3 .cont .lst li .txt {}
#s3 .cont .lst li .txt .ttit {padding-bottom: 1.5rem;}
#s3 .cont .lst li .txt .twrt {line-height: 3.2rem; letter-spacing: -0.075rem;}
#s3 .bgTxt1 {bottom: 5rem; opacity: 0.2; filter: brightness(2.4);}
#s3 .bgTxt2 {bottom: 5rem; opacity: 0.2; filter: brightness(2.4); right: 0}

@media all and (max-width: 880px){
    #s3 {}
    #s3 .inner {max-width: var(--innerMo); padding-top: 8rem;}
    #s3 .title {font-size: 2.8rem; margin-bottom: 6.6rem; line-height: 3.8rem;}
    #s3 .cont {padding: 6.5rem 2rem 8rem; border-radius: 6rem 6rem 0 0;}
    #s3 .cont .tit {padding: 1.4rem 2.1rem; font-size: 1.8rem; width: max-content; bottom: calc(100% - 3rem);}
    #s3 .cont .lst {}
    #s3 .cont .lst li {gap: 1.8rem;}
    #s3 .cont .lst li + li {padding-top: 2.5rem; margin-top: 2.5rem;}
    #s3 .cont .lst li .num {font-size: 3rem; top: -0.5rem; min-width: 3.6rem}
    #s3 .cont .lst li .txt {}
    #s3 .cont .lst li .txt .ttit {font-size: 1.8rem;}
    #s3 .cont .lst li .txt .twrt {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.01rem;}
    #s3 .bgTxt1 {display: none}
    #s3 .bgTxt2 {display: none}
}

#s4 {background: url('../img/s4_bg.jpg') center/cover;}
#s4 .inner {padding: 17rem 0; max-width: 166rem; margin-left: auto; justify-content: space-between;}
#s4 .txtArea {}
#s4 .txtArea .subt {letter-spacing: 0.4rem; padding-bottom: 3.5rem;}
#s4 .txtArea .tit {line-height: 7rem;}
#s4 .s4Swiper {overflow: hidden; max-width: 104rem;}

@media all and (max-width: 880px){
    #s4 {background: url('../img/s4_bg_mo.jpg') center/cover;}
    #s4 .inner {max-width: var(--innerMo); padding: 7rem 0 10rem; flex-direction: column; gap: 4rem; margin: 0 auto;}
    #s4 .txtArea {text-align: center;}
    #s4 .txtArea .subt {font-size: 1.4rem; padding-bottom: 2.5rem; letter-spacing: 0.2rem;}
    #s4 .txtArea .tit {font-size: 3rem; line-height: 4.2rem;}
    #s4 .s4Swiper {}
}

#s5 {}
#s5 .inner {max-width: 140rem; padding: 17rem 0; gap: 6rem;}
#s5 .imgArea {flex-shrink: 0; z-index: 1}
#s5 .txtArea {width: 100%; z-index: 1}
#s5 .txtArea .tit {line-height: 5.6rem;}
#s5 .txtArea .wrt {padding: 2.5rem 0 5rem; line-height: 3.4rem;}
#s5 .txtArea .prg {display: flex; align-items: center; gap: 2rem;}
#s5 .txtArea .prg .txt {color: #DDDDDD; letter-spacing: 0.38rem; flex-shrink: 0}
#s5 .txtArea .prg .line {width: 100%; height: 1px; background: #ddd}
#s5 .txtArea .name {margin: 5rem 0 3rem; display: flex; align-items: flex-end; gap: 1rem;}
#s5 .txtArea .name span {}
#s5 .txtArea .lstWrap {gap: 6rem;}
#s5 .txtArea .lstWrap .lst {}
#s5 .txtArea .lstWrap .lst li {font-size: 1.6rem; line-height: 2.8rem; padding-left: 1.4rem;}
#s5 .txtArea .lstWrap .lst li::before {content: ''; display: block; position: absolute; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #A098C1; left: 0; top: calc(50% - 0.2rem);}
#s5 .bgTxt {color: #F4F4F8; font-weight: 600; left: -38rem;}
#s5 .bgIco {right: -10rem; top: 14%;}

@media all and (max-width: 880px){
    #s5 {}
    #s5 .inner {padding: 5rem 0 8rem; max-width: var(--innerMo); flex-direction: column; gap: 4.4rem;}
    #s5 .imgArea {max-width: 90%;}
    #s5 .txtArea {}
    #s5 .txtArea .tit {font-size: 2.8rem; line-height: 3.8rem;}
    #s5 .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem; padding: 2rem 0 3rem;}
    #s5 .txtArea .prg {}
    #s5 .txtArea .prg .txt {font-size: 1.6rem; letter-spacing: 0.23rem;}
    #s5 .txtArea .prg .line {display: none;}
    #s5 .txtArea .name {margin: 3rem 0 2.5rem; font-size: 2.6rem;}
    #s5 .txtArea .name span {font-size: 1.8rem;}
    #s5 .txtArea .lstWrap {flex-direction: column; gap: 2.5rem;}
    #s5 .txtArea .lstWrap .lst {}
    #s5 .txtArea .lstWrap .lst li {}
    #s5 .bgTxt {left: -77%; top: 30%;}
    #s5 .bgIco {width: 17.3rem; top: auto; bottom: 7%; right: -3%;}
}

#s6 {background: url('../img/s6_bg.jpg') center/cover;}
#s6 .inner {padding: 16rem 0;}
#s6 .txtArea {}
#s6 .txtArea .subt {opacity: 0.3; letter-spacing: 0.4rem;}
#s6 .txtArea .tit {padding: 3.5rem 0 4rem;}
#s6 .txtArea .wrt {line-height: 3.6rem;}
#s6 .bgtxt {opacity: 0.15; letter-spacing: 1.5rem; top: 47%;}
#s6 .bgtxt1 {left: -9%;}
#s6 .bgtxt2 {right: -9%;}

@media all and (max-width: 880px){
    #s6 {background: url('../img/s6_bg_mo.jpg') center/cover;}
    #s6 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 13.3rem 0;}
    #s6 .txtArea {}
    #s6 .txtArea .subt {font-size: 1.4rem; letter-spacing: 0.24rem;}
    #s6 .txtArea .tit {font-size: 3rem; padding: 2.5rem 0; line-height: 4rem;}
    #s6 .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem;}
    #s6 .bgtxt {font-size: 2.2rem; transform: none; letter-spacing: 0.7rem;}
    #s6 .bgtxt1 {left: 50%; transform: translateX(-50%); top: 2.5rem;}
    #s6 .bgtxt2 {left: 50%; transform: translateX(-50%); bottom: 2.5rem; top: auto; right: auto;}
}

#s7 {background: url('../img/s7_bg.jpg') center/cover;}
#s7 .inner {padding: 17rem 0 18rem; max-width: 140rem;}
#s7 .titArea {margin-bottom: 6rem;}
#s7 .titArea .subt {color: #CCCBD1; padding-bottom: 3.5rem; letter-spacing: 0.3rem;}
#s7 .titArea .tit {line-height: 7rem;}
#s7 .s7Swiper {overflow: hidden;}
#s7 .s7Prev,
#s7 .s7Next {width: 6rem; height: 6rem; top: auto; bottom: 32%;}
#s7 .s7Prev::after,
#s7 .s7Next::after {display: none}
#s7 .s7Prev {background: url('../img/s7_prev.png') center/contain no-repeat; left: -7%;}
#s7 .s7Next {background: url('../img/s7_next.png') center/contain no-repeat; right: -7%;}

@media all and (max-width: 880px){
    #s7 {}
    #s7 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 7rem 0 14rem}
    #s7 .titArea {margin-bottom: 4rem;}
    #s7 .titArea .subt {font-size: 1.4rem; padding-bottom: 2.5rem;}
    #s7 .titArea .tit {font-size: 2.8rem; line-height: 3.8rem;}
    #s7 .s7Swiper {}
    #s7 .s7Prev,
    #s7 .s7Next {width: 4.5rem; height: 4.5rem; bottom: 7rem;}
    #s7 .s7Prev {left: 35%;}
    #s7 .s7Next {right: 35%;}
}

#s8 {}
#s8 .inner {max-width: 140rem; padding: 17rem 0 18rem; margin: 0 auto;}
#s8 .titArea {margin-bottom: 8rem;}
#s8 .titArea .subt {padding-bottom: 3.5rem; color: #CCCBD1; letter-spacing: 0.3rem;}
#s8 .titArea .tit {line-height: 7rem;}
#s8 .s8Swiper {overflow: hidden;}
#s8 .s8Prev,
#s8 .s8Next {width: 4rem; height: 4rem; top: 52%;}
#s8 .s8Prev::after,
#s8 .s8Next::after {display: none;}
#s8 .s8Prev {background: url('../img/s7_prev.png') center/contain no-repeat; left: auto; right: 4%;}
#s8 .s8Next {background: url('../img/s7_next.png') center/contain no-repeat; right: 0}
#s8 .bgIco {top: 29%; left: -10%;}

@media all and (max-width: 880px){
    #s8 {}
    #s8 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 8rem 0 6rem;}
    #s8 .titArea {margin-bottom: 4rem;}
    #s8 .titArea .subt {font-size: 1.4rem; padding-bottom: 2.5rem; letter-spacing: 0.2rem;}
    #s8 .titArea .tit {font-size: 2.8rem; line-height: 3.8rem;}
    #s8 .s8Swiper {}
    #s8 .s8Prev,
    #s8 .s8Next {top: 56.5%;}
    #s8 .s8Prev {right: 12%;}
    #s8 .s8Next {}
    #s8 .bgIco {width: 16.7rem; left: 0; top: 3%;}
}

#s9 {background: #212026}
#s9 .inner {padding: 20rem 0 14rem;}
#s9 .titArea {margin-bottom: 7rem;}
#s9 .titArea .subt {display: inline-block; border-bottom: 2px solid #BCB3E2}
#s9 .titArea .tit {padding: 3rem 0 3.5rem;}
#s9 .titArea .wrt {color: #9D9D9D; line-height: 3.6rem;}
#s9 .contArea {justify-content: center;}
#s9 .contArea .imgArea {right: -2rem;}
#s9 .contArea .txtArea {background: #82719B; background: linear-gradient(90deg,rgba(130, 113, 155, 1) 70%, rgba(130, 113, 155, 0.76) 82%, rgba(130, 113, 155, 0.4) 92%, rgba(130, 113, 155, 0) 100%); padding: 6rem; width: 86.4rem; left: -2rem;}
#s9 .contArea .txtArea .tit {}
#s9 .contArea .txtArea .prg {margin: 3rem 0; display: inline-block; border-bottom: 1px solid;}
#s9 .contArea .txtArea .wrt {line-height: 3.2rem; margin-bottom: 4rem;}
#s9 .contArea .txtArea .lst {}
#s9 .contArea .txtArea .lst li {gap: 1.2rem;}
#s9 .contArea .txtArea .lst li + li {margin-top: 1.5rem;}
#s9 .contArea .txtArea .lst li img {}
#s9 .bgTxt {font-size: 9rem; color: #fff; opacity: 0.07; right: -86rem; top: -10rem; letter-spacing: 2.5rem;}

@media all and (max-width: 880px){
    #s9 {}
    #s9 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 8rem 0 10rem;}
    #s9 .titArea {}
    #s9 .titArea .subt {font-size: 1.5rem;}
    #s9 .titArea .tit {font-size: 3rem; padding: 1.5rem 0 2rem;}
    #s9 .titArea .wrt {font-size: 1.6rem; line-height: 2.6rem;}
    #s9 .contArea {flex-direction: column;}
    #s9 .contArea .imgArea {right: auto;}
    #s9 .contArea .txtArea {width: 100%; left: auto; background: #82719B; background: linear-gradient(180deg,rgba(130, 113, 155, 1) 70%, rgba(130, 113, 155, 0.76) 82%, rgba(130, 113, 155, 0.4) 92%, rgba(130, 113, 155, 0) 100%); padding: 4.5rem 3rem 6rem;}
    #s9 .contArea .txtArea .tit {font-size: 2.6rem;}
    #s9 .contArea .txtArea .prg {font-size: 1.6rem; margin: 2rem 0 2.3rem;}
    #s9 .contArea .txtArea .wrt {font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 3.5rem; max-width: 94%;}
    #s9 .contArea .txtArea .lst {}
    #s9 .contArea .txtArea .lst li {align-items: baseline; font-size: 1.6rem; gap: 0.8rem; line-height: 2.4rem;}
    #s9 .contArea .txtArea .lst li + li {margin-top: 1.6rem;}
    #s9 .contArea .txtArea .lst li img {width: 2rem; top: 0.7rem;}
    #s9 .bgTxt {font-size: 4rem; top: auto; bottom: -1rem; right: -49%; letter-spacing: 1rem; transform: translateX(-50%);}
}

#s10 {background: url('../img/s10_bg.jpg') center/cover no-repeat;}
#s10 .inner {max-width: 140rem; margin: 0 auto; padding: 13rem 0 22rem; justify-content: space-between;}
#s10 .txtArea {}
#s10 .txtArea .subt {display: inline-block; border-bottom: 2px solid #BCB3E2;}
#s10 .txtArea .tit {padding: 3rem 0 5rem; line-height: 7rem;}
#s10 .txtArea .wrt {line-height: 4rem;}
#s10 .partArea {width: 62rem;}
#s10 .partArea .tit {background: #BCB3E2; padding: 0.8rem 3.7rem; border-radius: 2.3rem; margin-bottom: 2rem;}
#s10 .partArea .lst {gap: 2rem;}
#s10 .partArea .lst li {width: calc((100% - 2rem) / 2); background: #fff; border-radius: 2rem; padding: 2.5rem 3rem; height: 18rem; display: flex; flex-direction: column; justify-content: space-between;}
#s10 .partArea .lst li .num {color: #DDDBEA;}
#s10 .partArea .lst li .txt {}
#s10 .partArea .lst li .ico {right: 3rem}

@media all and (max-width: 880px){
    #s10 {background: url('../img/s10_bg_mo.jpg') center/cover no-repeat;}
    #s10 .inner {max-width: var(--innerMo); margin: 0 auto; flex-direction: column; gap: 4rem; padding: 8rem 0; align-items: baseline;}
    #s10 .txtArea {}
    #s10 .txtArea .subt {font-size: 1.5rem;}
    #s10 .txtArea .tit {font-size: 2.8rem; line-height: 3.8rem; padding: 1.5rem 0 2.5rem;}
    #s10 .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem;}
    #s10 .partArea {width: 100%}
    #s10 .partArea .tit {font-size: 1.6rem; padding: 0.6rem 2rem; margin-bottom: 1.5rem;}
    #s10 .partArea .lst {gap: 1rem;}
    #s10 .partArea .lst li {width: calc((100% - 1rem) / 2); height: 16rem; padding: 2rem;}
    #s10 .partArea .lst li .num {font-size: 1.8rem;}
    #s10 .partArea .lst li .txt {font-size: 1.8rem;}
    #s10 .partArea .lst li .ico {width: 8.6rem; top: 2rem; transform: none; right: 2rem;}
}

#s11 {}
#s11 .inner {max-width: 162rem; margin: 0 auto; padding: 17rem 0 15rem;}
#s11 .titArea {margin-bottom: 7rem;}
#s11 .titArea .subt {padding-bottom: 3rem; letter-spacing: 0.3rem; color: #CCCBD1}
#s11 .titArea .tit {line-height: 7rem;}
#s11 .lstArea {gap: 2rem;}
#s11 .lstArea li {width: calc((100% - 6rem) / 4)}
#s11 .lstArea li .img {}
#s11 .lstArea li .tit {padding: 2.8rem 0 1.6rem; border-bottom: 1px solid #D9D9D9; margin-bottom: 1.6rem;}
#s11 .lstArea li .wrt {line-height: 2.8rem;}

@media all and (max-width: 880px){
    #s11 {}
    #s11 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 8rem 0 6.5rem;}
    #s11 .titArea {margin-bottom: 4rem;}
    #s11 .titArea .subt {font-size: 1.4rem; padding-bottom: 2rem; letter-spacing: 0.2rem;}
    #s11 .titArea .tit {font-size: 2.8rem; line-height: 3.8rem;}
    #s11 .lstArea {flex-direction: column; gap: 4.8rem;}
    #s11 .lstArea li {width: 100%}
    #s11 .lstArea li .img {}
    #s11 .lstArea li .tit {}
    #s11 .lstArea li .wrt {}
}

#s12 {background: url('../img/s12_bg.jpg') center/cover no-repeat;}
#s12 .cont {padding: 12rem 0;}
#s12 .cont .ico {}
#s12 .cont .tit {line-height: 7rem; padding: 3.5rem 0 4rem;}
#s12 .cont .prg {opacity: 0.4; color: #fff; letter-spacing: 0.3rem;}
#s12 .bgtxt {letter-spacing: 1.5rem; top: 47%; color: #fff; opacity: 0.15}
#s12 .bgtxt1 {left: -9%;}
#s12 .bgtxt2 {right: -9%;}

@media all and (max-width: 880px){
    #s12 {background: url('../img/s12_bg_mo.jpg') center/cover no-repeat;}
    #s12 .cont {padding: 13rem 0;}
    #s12 .cont .ico {width: 5.4rem;}
    #s12 .cont .tit {font-size: 3.2rem; line-height: 4.4rem; padding: 3.5rem 0 3rem;}
    #s12 .cont .prg {font-size: 1.6rem;}
    #s12 .bgtxt {font-size: 2.2rem; transform: none; letter-spacing: 0.7rem;}
    #s12 .bgtxt1 {left: 50%; transform: translateX(-50%); top: 2.5rem; display: none}
    #s12 .bgtxt2 {left: 50%; transform: translateX(-50%); bottom: 2.5rem; top: auto; right: auto;}
}

#s13 {background: #2C2B31}
#s13 .inner {padding: 15rem 0 10rem;}
#s13 .title {margin-bottom: 5rem;}
#s13 .title span {color: #BCB3E2;}
#s13 .cont {gap: 8rem;}
#s13 .cont .mapArea {width: 70rem; flex-shrink: 0; border-radius: 1rem; overflow: hidden;}
#s13 .cont .infoArea {width: 100%;}
#s13 .cont .infoArea .lst {}
#s13 .cont .infoArea .lst + .lst {padding-top: 3.4rem; margin-top: 3.4rem; border-top: 1px solid rgba(255,255,255,0.2)}
#s13 .cont .infoArea .lst .ico {top: 0.4rem;}
#s13 .cont .infoArea .lst .tit {margin: 0 5rem 0 2rem;}
#s13 .cont .infoArea .lst .con {}
#s13 .cont .infoArea .lst .con .kaka {font-size: 1.8rem;}
#s13 .cont .infoArea .lst .con .kaka b {color: #BCB3E2}
#s13 .cont .infoArea .lst .time {}
#s13 .cont .infoArea .lst .time .div {}
#s13 .cont .infoArea .lst .time .div + .div {margin-top: 1rem;}
#s13 .cont .infoArea .lst .time .div span {padding-right: 2.5rem; min-width: 16rem; display: inline-block; min-width: 16.5rem;}
#s13 .cont .infoArea .lst .time .prg {color: #BCB3E2; margin-top: 1.8rem; line-height: 2.4rem;}
#s13 .cont .infoArea .lst .mdbtn {}
#s13 .cont .infoArea .lst .mdbtn span {padding: 0.8rem 2.5rem; background: #fff; color: #415936; border-radius: 1.8rem; cursor: pointer;}

.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}

@media all and (max-width: 880px){
    #s13 {}
    #s13 .inner {max-width: var(--innerMo); padding: 8rem 0 5.7rem;}
    #s13 .title {text-align: center; margin-bottom: 3.4rem; font-size: 3rem;}
    #s13 .cont {gap: 4.8rem; flex-direction: column-reverse;}
    #s13 .cont .mapArea {width: 100%;}
    #s13 .cont .infoArea {}
    #s13 .cont .infoArea .lst {flex-wrap: wrap;}
    #s13 .cont .infoArea .lst + .lst {padding-top: 2.3rem; margin-top: 2.3rem;}
    #s13 .cont .infoArea .lst .ico {width: 2rem; top: 0;}
    #s13 .cont .infoArea .lst .tit {font-size: 1.6rem; margin: 0 0 0 0.9rem;}
    #s13 .cont .infoArea .lst .con {width: 100%; font-size: 1.6rem; padding-top: 1.3rem;}
    #s13 .cont .infoArea .lst .con .kaka {font-size: 1.3rem;}
    #s13 .cont .infoArea .lst .time {width: 100%; font-size: 1.6rem; padding-top: 1.3rem;}
    #s13 .cont .infoArea .lst .time .div {}
    #s13 .cont .infoArea .lst .time .div span {min-width: 12.6rem;}
    #s13 .cont .infoArea .lst .time .prg {font-size: 1.3rem; line-height: 1.8rem;}
    #s13 .cont .infoArea .lst .mdbtn {width: 100%; font-size: 1.8rem; padding-top: 1.3rem;}
    #s13 .cont .infoArea .lst .mdbtn span {font-size: 1.6rem;}
}














/**/