#header {z-index: 99999}

#pcHeader {background: #fff; transition: 0.6s;}
#pcHeader .inner {max-width: 156.4rem; margin: 0 auto; padding: 2rem 0; transition: 0.6s;}
#pcHeader .logo {width: 22.6rem; top: -0.5rem;}
#pcHeader .gnb {margin-left: auto;gap: 4rem;}
#pcHeader .gnb li {width: 12rem;}
#pcHeader .gnb li a {display: block;}
#pcHeader .call {margin-left: 5rem;}
#pcHeader .call a {width: 25.6rem; display: inline-block;}

#pcHeader.act {box-shadow: 0 0.4rem 1.2rem rgba(0,0,0,0.24);}
#pcHeader.act .inner {padding: 1.5rem 0;}

@media all and (max-width: 880px){
    #pcHeader {}
    #pcHeader .inner {max-width: var(--innerMo); padding: 1.3rem 0; justify-content: space-between;}
    #pcHeader .logo {width: 14.2rem;}
    #pcHeader .gnb {display: none; }
    #pcHeader .call {margin: 0;}
    #pcHeader .call a {width: 14rem;}
}

#scDown {bottom: 5rem; right: 5rem; z-index: 999}
#scDown a {gap: 1rem;}
#scDown img {filter: drop-shadow(0 0.3rem 0.6rem rgba(0,0,0,0.16)); animation: bounce 1.6s infinite;}
#scDown img.stop {animation: noe;}
#scDown .txt {filter: drop-shadow(0 0.3rem 0.6rem rgba(0,0,0,0.16)); transition: 0.2s;}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
    animation-timing-function: lineaer;
  }
  50% {
    transform: translateY(-1rem);
    animation-timing-function: lineaer;
  }
}

#float {background: #fff; border-radius: 3rem 0 0 3rem; padding: 5rem 2rem; z-index: 999; right: -13rem; transition: 0.4s;}
#float.act {right: 0;}
#float .flLst {}
#float .flLst li {}
#float .flLst li + li {padding-top: 2.5rem; margin-top: 2.5rem;}
#float .flLst li + li::before {content: ''; display: block; position: absolute; height: 1px; width: 4rem; background: #C9CDD2; top: 0; left: 50%; transform: translateX(-50%);}
#float .flLst li a {display: flex; flex-direction: column; align-items: center; gap: 1.2rem; font-size: 1.6rem; color: #5D646A;}
#float .flLst li img {}
#float .flLst li .txt {}
#float .flBtn {right: 78%;}

#footer {background: #33383C; color: #A4AAB1}
#footer .inner {max-width: 121.6rem; padding: 4rem 0 6rem;}
#footer .ftLogo {margin-bottom: 1.6rem; font-weight: bold;}
#footer .info {margin-bottom: 1rem;}
#footer .copy {}

@media all and (max-width: 880px){
    #scDown {display: none;}

    #float {right: 0; padding: 1.9rem 1.6rem; border-radius: 2rem 0 0 2rem; box-shadow: 0 0 1rem rgba(0,0,0,0.2); top: auto; transform: none; bottom: 6em;}
    #float .flLst {}
    #float .flLst li {}
    #float .flLst li + li {padding: 0; margin-top: 1.4rem;}
    #float .flLst li + li::before {display: none;}
    #float .flLst li a {}
    #float .flLst li img {width: 3.2rem;}
    #float .flLst li .txt {display: none;}
    #float .flBtn {display: none;}

    #footer .inner {max-width: var(--innerMo)}
    #footer .ftLogo {}
    #footer .info {font-size: 1.2rem; line-height: 2.2rem; margin-bottom: 3.8rem;}
    #footer .copy {font-size: 1.2rem; line-height: 2.2rem;}

}

#wrap {padding-top: 9rem;}

#s1 {height: 100vh;}
#s1::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #222527; background: linear-gradient(90deg,rgba(34, 37, 39, 1) 1%, rgba(128, 130, 131, 0.82) 45%, rgba(255, 255, 255, 0) 100%); z-index: 1; mix-blend-mode: multiply; opacity: 0.4;}
#s1 .imgArea {height: 100%}
#s1 .imgArea .img {height: 100%}
#s1 .imgArea .img img {height: 100%; object-fit: cover;}
#s1 .txtArea {z-index: 2; transform: translate(-50%, -50%);}
#s1 .txtArea .tit {line-height: 6.4rem; padding-bottom: 4rem;}
#s1 .txtArea .subt {letter-spacing: 0.6rem;}

@media all and (max-width: 880px){
    #wrap {padding-top: 6rem; overflow: hidden;}

    #s1 {}
    #s1::before {}
    #s1 .imgArea {}
    #s1 .imgArea .img {}
    #s1 .imgArea .img img {}
    #s1 .txtArea {max-width: var(--innerMo);}
    #s1 .txtArea .tit {font-size: 3.4rem; padding-bottom: 4.9rem; line-height: 4.8rem;}
    #s1 .txtArea .subt {font-size: 1.4rem; letter-spacing: 0.4rem;}
}

#s2 {background: url('../img/s2_bg.jpg') center/cover; overflow: hidden;}
#s2 .inner {padding: 27rem 0;}
#s2 .txtArea {}
#s2 .txtArea .ico {}
#s2 .txtArea .tit {line-height: 6.4rem; margin: 5.7rem 0 7.2rem;}
#s2 .txtArea .tit i {color: var(--pcr2); display: inline-block;}
#s2 .txtArea .tit i::before {content: ''; display: block; position: absolute; width: 6px; height: 6px; background: var(--pcr2); border-radius: 50%; left: 50%; transform: translateX(-50%); bottom: 100%;}
#s2 .txtArea .subt {margin-bottom: 2.5rem; display: inline-block;}
#s2 .txtArea .subt::before {content: ''; display: block; position: absolute; width: 8.8rem; background: #C9CDD2; height: 1px; top: 50%; left: calc(100% + 1.35rem)}
#s2 .txtArea .wrt {line-height: 3.2rem;}
#s2 .imgArea {right: 0; top: 0;}

@media all and (max-width: 880px){
    #s2 {background: url('../img/s2_bg_mo.jpg') center/cover;}
    #s2 .inner {max-width: var(--innerMo); padding: 4rem 0 44rem;}
    #s2 .txtArea {}
    #s2 .txtArea .ico {width: 9.4rem;}
    #s2 .txtArea .tit {margin: 4rem 0 5rem; font-size: 3.4rem; line-height: 4.8rem;}
    #s2 .txtArea .subt {font-size: 1.4rem;}
    #s2 .txtArea .wrt {font-size: 1.8rem; line-height: 2.8rem;}
    #s2 .imgArea {position: relative;}
}

#s3 {background: #4258A6;}
#s3 .inner {padding: 16.5rem 0 21rem;}
#s3 .title {line-height: 6.2rem; margin-bottom: 5.3rem;}
#s3 .title span {color: #DCECFF;}
#s3 .cont {}
#s3 .cont .lst {border-top: 1px solid #fff;}
#s3 .cont .lst li {border-bottom: 1px solid #fff; padding: 4.2rem 0;}
#s3 .cont .lst li .tit {gap: 2.2rem; min-width: 36.5rem;}
#s3 .cont .lst li .tit .num {color: #DCECFF; opacity: 0.35;}
#s3 .cont .lst li .tit .txt {}
#s3 .cont .lst li .wrt {line-height: 2.8rem}
#s3 .cont .imgArea {width: 45.4rem; height: 58rem; right: 0; transform: translateY(-50%);}
#s3 .cont .imgArea .imgBox {display: none;}
#s3 .cont .imgArea .imgBox.on {display: block}
#s3 .cont .imgArea .img {}

@media all and (max-width: 880px){
    #s3 {}
    #s3 .inner {max-width: var(--innerMo); padding: 15rem 0 17rem;}
    #s3 .title {font-size: 3.4rem; line-height: 4.6rem; margin-bottom: 7rem; text-align: center;}
    #s3 .cont {}
    #s3 .cont .lst {}
    #s3 .cont .lst li {flex-direction: column; align-items: baseline;}
    #s3 .cont .lst li .tit {min-width: auto; gap: 1.2rem;}
    #s3 .cont .lst li .tit .num {font-size: 2rem;}
    #s3 .cont .lst li .tit .txt {font-size: 2.4rem;}
    #s3 .cont .lst li .wrt {padding: 1.3rem 0 0 3.3rem; font-size: 1.6rem; line-height: 2.4rem;}
    #s3 .cont .imgArea {position: relative; width: 100%; top: auto; height: 34rem; right: auto; transform: none; margin-top: 5.6rem;}
    #s3 .cont .imgArea .imgBox {}
    #s3 .cont .imgArea .imgBox.on {}
    #s3 .cont .imgArea .img {}
}

#s4 {}
#s4 .inner {padding: 19rem 0;}
#s4 .titArea {margin-bottom: 8rem;}
#s4 .titArea .tit {margin-bottom: 3.1rem; display: inline-block;}
#s4 .titArea .tit::before {content: ''; display: block; position: absolute; width: 20rem; height: 1px; background: #72787F; top: 50%; left: calc(100% + 2.8rem)}
#s4 .titArea .subt {gap: 2.8rem;}
#s4 .titArea .subt img {}
#s4 .titArea .subt .txt {line-height: 2.6rem;}
#s4 .contArea {gap: 10.6rem;}
#s4 .contArea .imgArea {}
#s4 .contArea .txtArea {padding-top: 7.4rem;}
#s4 .contArea .txtArea .tit {line-height: 5.8rem;}
#s4 .contArea .txtArea .wrt {margin: 7rem 0 5rem; line-height: 3.4rem;}
#s4 .contArea .txtArea .name {gap: 2rem;}
#s4 .contArea .txtArea .name img {margin-bottom: -1rem;}
#s4 .contArea .txtArea .popBtn {max-width: 22rem; margin-top: 7rem;}

#s4 .modal {display: none; z-index: 99999}
#s4 .modal .bg {background: rgba(0, 0, 0, 0.4);}
#s4 .modal .box {width: 100%; max-width: 128rem; transform: translate(-50%, -50%) scale(0.8); transition: 0.4s; opacity: 0;}
#s4 .modal .box.act {transform: translate(-50%, -50%) scale(1); opacity: 1}
#s4 .modal .box .img {filter: drop-shadow(0.2rem 0.5rem 1.5rem rgba(0,0,0,0.1));}
#s4 .modal .box .closeBtn {top: 4.6rem; right: 5.4rem; cursor: pointer;}

@media all and (max-width: 880px){
    #s4 {}
    #s4 .inner {max-width: var(--innerMo); padding: 8.3rem 0 9rem;}
    #s4 .titArea {margin-bottom: 5rem;}
    #s4 .titArea .tit {font-size: 1.8rem; margin-bottom: 1.6rem;}
    #s4 .titArea .tit::before {width: 14rem; left: calc(100% + 1.8rem)}
    #s4 .titArea .subt {flex-direction: column; gap: 2.4rem; align-items: baseline;}
    #s4 .titArea .subt img {max-width: 33.7rem;}
    #s4 .titArea .subt .txt {font-size: 1.4rem; line-height: 2.4rem;}
    #s4 .contArea {flex-direction: column; gap: 5rem;}
    #s4 .contArea .imgArea {}
    #s4 .contArea .txtArea {padding: 0}
    #s4 .contArea .txtArea .tit {font-size: 2.4rem; line-height: 3.6rem}
    #s4 .contArea .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem; margin: 4rem 0;}
    #s4 .contArea .txtArea .name {font-size: 1.6rem;}
    #s4 .contArea .txtArea .name img {width: 9.5rem}
    #s4 .contArea .txtArea .popBtn {max-width: 19.8rem; margin-top: 4.2rem;}

    #s4 .modal {}
    #s4 .modal .bg {}
    #s4 .modal .box {max-width: 100%; width: 90%; height: 80vh; overflow-y: auto; border-radius: 3rem;}
    #s4 .modal .box.act {}
    #s4 .modal .box .img {}
    #s4 .modal .box .closeBtn {width: 2.4rem; top: 3rem; right: 3rem;}
}

#s5 {}
#s5 .inner {padding: 14.6rem 0 18rem; background: #F6F7F9}
#s5 .titArea {margin-bottom: 7rem;}
#s5 .titArea .tit {line-height: 6.8rem; margin-bottom: 3.2rem;}
#s5 .titArea .subt {}
#s5 .itemSwiper {padding-top: 8.7rem; border-top: 1px solid #C9CDD2; overflow: hidden;}
#s5 .itemSwiper::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #C9CDD2; bottom: 10%}
#s5 .itemSwiper .swiper-wrapper {transition-timing-function: linear !important;}
#s5 .itemSwiper .img {}
#s5 .itemSwiper .img b {display: block; margin-top: 10rem;}

@media all and (max-width: 880px){
    #s5 {}
    #s5 .inner {padding: 8rem 0 10rem}
    #s5 .titArea {margin-bottom: 4.8rem;}
    #s5 .titArea .tit {font-size: 3.2rem; line-height: 4.2rem; margin-bottom: 3rem;}
    #s5 .titArea .subt {font-size: 1.6rem; line-height: 2.4rem;}
    #s5 .itemSwiperMo {padding-top: 5rem; border-top: 1px solid #C9CDD2; overflow: hidden;}
    #s5 .itemSwiperMo::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #C9CDD2; bottom: 10%}
    #s5 .itemSwiperMo .img {font-size: 2.4rem; padding: 0 6rem}
    #s5 .itemSwiperMo .img b {display: block; margin-top: 5.7rem;}
    #s5 .itemSwiperMo .itemPrev,
    #s5 .itemSwiperMo .itemNext {}
    #s5 .itemSwiperMo .itemPrev::after,
    #s5 .itemSwiperMo .itemNext::after {color: #5D646A; font-weight: 900; font-size: 2.8rem;}
}

#s6 {}
#s6 .inner {padding-top: 15rem;}
#s6 .titArea {margin-bottom: 5.5rem;}
#s6 .titArea img {width: 11.2rem;}
#s6 .titArea .subt {margin: 3rem 0 0.8rem;}
#s6 .titArea .tit {}
#s6 .lstArea {gap: 3.2rem;}
#s6 .lstArea li {width: calc((100% - 6.4rem) / 3); background: #263463}
#s6 .lstArea li::before {content: ''; display: block; position: absolute; width: 100%; height: 70%; bottom: 0; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 1%, rgba(140, 147, 172, 0.6) 57%, rgba(38, 52, 99, 0.72) 100%); opacity: 0; transition: 0.4s; z-index: 1;}
#s6 .lstArea li a {}
#s6 .lstArea li .imgArea {opacity: 0.4; filter: grayscale(1) brightness(0.7); transition: 0.4s;}
#s6 .lstArea li .txtArea {width: 100%; bottom: 8rem; z-index: 2}
#s6 .lstArea li .txtArea .tit {}
#s6 .lstArea li .txtArea .subt {padding: 0.4rem 0 5.5rem}
#s6 .lstArea li .txtArea .more {gap: 1.6rem;}

#s6 .lstArea li:hover {}
#s6 .lstArea li:hover::before {opacity: 1;}
#s6 .lstArea li:hover .imgArea {opacity: 1; filter: none;}

@media all and (max-width: 880px){
    #s6 {}
    #s6 .inner {padding-top: 7.6rem}
    #s6 .titArea {margin-bottom: 4rem;}
    #s6 .titArea img {width: 7.2rem;}
    #s6 .titArea .subt {font-size: 2.4rem; line-height: 3.4rem; margin: 2.2rem 0 1.2rem; text-align: center;}
    #s6 .titArea .tit {font-size: 3.2rem;}
    #s6 .lstArea {flex-direction: column; gap: 0}
    #s6 .lstArea li {width: 100%}
    #s6 .lstArea li::before {opacity: 1; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 1%, rgba(140, 147, 172, 0.7) 50%, rgba(38, 52, 99, 0.82) 100%)}
    #s6 .lstArea li a {}
    #s6 .lstArea li .imgArea {opacity: 1; filter: none;}
    #s6 .lstArea li .txtArea {bottom: 6.3rem;}
    #s6 .lstArea li .txtArea .tit {font-size: 3.2rem;}
    #s6 .lstArea li .txtArea .subt {font-size: 2rem; padding: 0.5rem 0 3rem;}
    #s6 .lstArea li .txtArea .more {}
}

#s7 {}
#s7::before {content: ''; display: block; position: absolute; width: 100%; height: 39rem; background: #F9A84F; bottom: 0; left: 0;}
#s7 .inner {padding: 30rem 0 13rem;}
#s7 .titArea {margin-bottom: 7.5rem;}
#s7 .titArea .tit {padding-bottom: 3.6rem;}
#s7 .titArea .subt {}
#s7 .mediSwiper {overflow: hidden;}
#s7 .mediSwiper .mediPrev,
#s7 .mediSwiper .mediNext {width: 5.4rem; height: 5.4rem; border: 1px solid #5A4232; border-radius: 50%; margin: 0;}
#s7 .mediSwiper .mediPrev::after,
#s7 .mediSwiper .mediNext::after {font-size: 2.5rem; font-weight: bold; color: #5A4232;}
#s7 .mediSwiper .mediPrev {top: 4rem; right: 10rem; left: auto;}
#s7 .mediSwiper .mediNext {top: 4rem; right: 4rem;}

@media all and (max-width: 880px){
    #s7 {}
    #s7 .inner {padding: 10rem 0 0 0;}
    #s7 .inner::before {}
    #s7 .titArea {margin-bottom: 4.2rem;}
    #s7 .titArea .tit {font-size: 3.2rem; line-height: 4.2rem; padding-bottom: 3rem}
    #s7 .titArea .subt {font-size: 1.6rem; line-height: 2.4rem;}
    #s7 .mediSwiper {}
    #s7 .mediSwiper .mediNext::after {font-size: 1.8rem;}
    #s7 .mediSwiper .mediPrev {display: none;}
    #s7 .mediSwiper .mediNext {background: #fff; border: 0; width: 4rem; height: 4rem; top: 56%; right: 0.5rem;}
}

#s8 {}
#s8 .inner {padding: 28rem 0 23rem;}
#s8 .box {}
#s8 .box .txtArea {width: 50%}
#s8 .box .txtArea .num {color: #A4AAB1; font-size: 16.7rem; font-weight: 500; opacity: 0.12; right: 0; top: 3rem;}
#s8 .box .txtArea .subt {padding: 1.2rem 4.4rem; border: 1px solid #4258A6; border-radius: 3.2rem}
#s8 .box .txtArea .tit {padding: 2rem 0 4rem;}
#s8 .box .txtArea .prg {}
#s8 .box .txtArea .wrt {line-height: 2.8rem; padding: 3rem 0 4.6rem;}
#s8 .box .txtArea .bot {}
#s8 .box .txtArea .bot::before {content: ''; display: block; position: absolute; width: 110%; height: 1px; background: #4258A6; top: 0;}
#s8 .box .txtArea .botTit {padding: 2.6rem 0;}
#s8 .box .txtArea .lst {gap: 1.2rem; max-width: 47.4rem;}
#s8 .box .txtArea .lst li {background: #F6F7F9; border-radius: 3.4rem; padding: 1.2rem 2.4rem; min-width: 15rem; text-align: center;}
#s8 .box .imgArea {width: 50%; z-index: 2}

#s8 .box1 {}
#s8 .box1 .txtArea {}
#s8 .box1 .imgArea {}
#s8 .box2 {margin-top: 10rem; padding-top: 19rem}
#s8 .box2 .txtArea {padding-left: 6.2rem;}
#s8 .box2 .txtArea .bot::before {left: -6.6rem;}
#s8 .box2 .imgArea {}

@media all and (max-width: 880px){
    #s8 {}
    #s8 .inner {max-width: var(--innerMo); padding: 11rem 0 15rem;}
    #s8 .box {}
    #s8 .box .txtArea {width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;}
    #s8 .box .txtArea .num {display: none;}
    #s8 .box .txtArea .subt {font-size: 1.6rem; padding: 0.8rem 3.5rem}
    #s8 .box .txtArea .tit {font-size: 4rem; padding: 1.6rem 0 1.2rem;}
    #s8 .box .txtArea .prg {font-size: 2rem; line-height: 3rem;}
    #s8 .box .txtArea .wrt {font-size: 1.6rem; line-height: 2.4rem; padding: 2.8rem 0 4rem;}
    #s8 .box .txtArea .bot {}
    #s8 .box .txtArea .bot::before {display: none;}
    #s8 .box .txtArea .botTit {font-size: 2.2rem; padding: 3.2rem 0 2rem;}
    #s8 .box .txtArea .lst {font-size: 1.6rem;}
    #s8 .box .txtArea .lst li {padding: 1rem 0; min-width: 12rem;}
    #s8 .box .txtArea .txtImg {max-width: 90%; margin: 0 auto; padding-top: 5rem;}

    #s8 .box2 {padding-top: 8rem; margin-top: 9.5rem; border-top: 1px solid #C9CDD2;}
    #s8 .box2 .txtArea {padding: 0}
    #s8 .box2 .txtArea .lst li {width: calc((100% - 1.2rem) / 2);}
}

#s9 {background: #222527}
#s9 .inner {padding: 18rem 0 19rem;}
#s9 .titArea {margin-bottom: 10rem;}
#s9 .titArea .subt {}
#s9 .titArea .tit {padding: 1rem 0 3rem;}
#s9 .titArea .prg {padding: 1.7rem 4rem; border: 1px solid #F9E4BE; border-radius: 3.7rem;}
#s9 .titArea .wrt {margin-top: 3.3rem; line-height: 2.8rem;}
#s9 .contArea {}
#s9 .contArea .imgArea {max-width: 69rem;}
#s9 .contArea .txtArea {padding: 5.6rem 0 0 14rem;}
#s9 .contArea .txtArea .number {font-size: 16.7rem; font-weight: 500; opacity: 0.12; top: -7rem; right: 0;}
#s9 .contArea .txtArea .txtImg {}
#s9 .contArea .txtArea .tit {padding: 1.8rem 0 4rem;}
#s9 .contArea .txtArea .lst {}
#s9 .contArea .txtArea .lst li {gap: 2.1rem;}
#s9 .contArea .txtArea .lst li + li {padding-top: 4rem; margin-top: 4rem; border-top: 1px solid #C9CDD2;}
#s9 .contArea .txtArea .lst li .num {}
#s9 .contArea .txtArea .lst li .txt {}

@media all and (max-width: 880px){
    #s9 {}
    #s9 .inner {max-width: var(--innerMo); padding: 11rem 0 12rem;}
    #s9 .titArea {margin-bottom: 4.2rem;}
    #s9 .titArea .subt {font-size: 3.2rem;}
    #s9 .titArea .tit {font-size: 4rem; padding: 1.2rem 0 3.2rem;}
    #s9 .titArea .prg {font-size: 1.6rem; padding: 1.5rem 1.2rem;}
    #s9 .titArea .wrt {font-size: 1.6rem; line-height: 2.6rem; margin-top: 2rem;}
    #s9 .contArea {flex-direction: column;}
    #s9 .contArea .imgArea {}
    #s9 .contArea .txtArea {padding: 5.3em 0 0 0;}
    #s9 .contArea .txtArea .number {display: none}
    #s9 .contArea .txtArea .txtImg {width: 18.2rem;}
    #s9 .contArea .txtArea .tit {font-size: 2.4rem;}
    #s9 .contArea .txtArea .lst {}
    #s9 .contArea .txtArea .lst li {font-size: 1.6rem}
    #s9 .contArea .txtArea .lst li + li {}
    #s9 .contArea .txtArea .lst li .num {}
    #s9 .contArea .txtArea .lst li .txt {}
}

#s10 {}
#s10 .palceSwiper {overflow: hidden;}
#s10 .palceSwiper .palcePg {width: auto; bottom: 11%; left: 15.3%;}
#s10 .palceSwiper .palcePg .swiper-pagination-bullet {opacity: 1; width: 1.2rem; height: 1.2rem; background: #C9CDD2; margin: 0 0.8rem;}
#s10 .palceSwiper .palcePg .swiper-pagination-bullet-active {background: #F9A84F;}

@media all and (max-width: 880px){
    #s10 {}
    #s10 .palceSwiper {}
    #s10 .palceSwiper .palcePg {width: 100%; left: auto; bottom: 4%;}
    #s10 .palceSwiper .palcePg .swiper-pagination-bullet {width: 0.8rem; height: 0.8rem; margin: 0 0.6rem;}
    #s10 .palceSwiper .palcePg .swiper-pagination-bullet-active {}
}

#s11 {}
#s11 .inner {padding: 26rem 0 28rem;}
#s11 .title {line-height: 6.6rem; margin-bottom: 7rem;}
#s11 .lstArea {gap: 2.4rem;}
#s11 .lstArea li {}
#s11 .lstArea li .imgArea {}
#s11 .lstArea li .txtArea {padding-top: 3.2rem;}
#s11 .lstArea li .txtArea .tit {line-height: 3.8rem;}
#s11 .lstArea li .txtArea .wrt {padding-top: 2.2rem; margin-top: 2.6rem; border-top: 1px solid #C9CDD2; line-height: 2.8rem;}

@media all and (max-width: 880px){
    #s11 {}
    #s11 .inner {max-width: var(--innerMo); padding: 12rem 0 12.6rem;}
    #s11 .title {font-size: 4rem; line-height: 5rem; margin-bottom: 4.4rem;}
    #s11 .lstArea {flex-direction: column; gap: 7.4rem;}
    #s11 .lstArea li {}
    #s11 .lstArea li .imgArea {}
    #s11 .lstArea li .txtArea {padding-top: 2.2rem;}
    #s11 .lstArea li .txtArea .tit {font-size: 3rem; line-height: 4rem;}
    #s11 .lstArea li .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem; padding-top: 2.4rem; margin-top: 2.4rem;}
}

#s12 {background: url('../img/s12_bg.jpg') center/cover; height: 100vh}
#s12 .mainTxt {position: absolute; top: 23.5rem; left: 30rem;}
#s12 .mainTxt .ico {}
#s12 .mainTxt .subt {padding: 2.8rem 0 7.8rem;}
#s12 .mainTxt .subt::before {content: ''; display: block; position: absolute; width: 1px; height: 5.4rem; background: #FFFFFF; left: 50%; bottom: 0}
#s12 .mainTxt .tit {line-height: 5.8rem; padding-top: 3.4rem;}
#s12 .lst {width: 64rem; background: rgba(0, 0, 0, 0.65); padding: 6.5rem 7rem; border-radius: 3rem; position: absolute; top: 16.5rem; right: 24rem;}
#s12 .lst li {max-width: 46rem;}
#s12 .lst li + li {padding-top: 2.2rem; margin-top: 2.2rem; border-top: 1px solid rgba(255,255,255,0.5)}
#s12 .lst li .tit {margin-right: 2.5rem;}
#s12 .lst li .txt {color: #FFF8EB;}

@media all and (max-width: 880px){
    #s12 {background: url('../img/s12_bg_mo.jpg') center/cover; height: auto; padding: 10rem 0 8.8rem;}
    #s12 .mainTxt {position: relative; top: auto; left: auto; width: 100%; max-width: var(--innerMo); margin: 0 auto;}
    #s12 .mainTxt .ico {width: 6.2rem;}
    #s12 .mainTxt .subt {font-size: 2.4rem; padding: 3.8rem 0 7.4rem;}
    #s12 .mainTxt .subt::before {}
    #s12 .mainTxt .tit {font-size: 3rem; line-height: 5rem; padding-top: 2rem;}
    #s12 .lst {position: relative; top: auto; right: auto; width: 100%; max-width: var(--innerMo); margin: 0 auto; margin-top: 10rem; padding: 7rem 2.8rem;}
    #s12 .lst li {}
    #s12 .lst li .tit {font-size: 2rem; margin-right: 2rem;}
    #s12 .lst li .txt {font-size: 1.4rem;}
}

#s13 {background: #F6F7F9; color: #33383C}
#s13 .inner {max-width: 140rem; gap: 10rem; padding: 15.3rem 0 10.9rem;}
#s13 .inner > div {width: calc((100% - 10rem) / 2);}

#s13 .left {}
#s13 .left .lst {}
#s13 .left .lst .tit {gap: 4px; margin-right: 6.5rem;}
#s13 .left .lst .tit img {}

#s13 .left .call {margin-bottom: 4.6rem;}
#s13 .left .call .cont {}

#s13 .left .consult {margin-bottom: 6rem;}
#s13 .left .consult .cont {line-height: 2.8rem;}
#s13 .left .consult .cont .plus {padding: 0.6rem 1.3rem; border-radius: 40px; margin-bottom: 1.5rem; background: #fff;}

#s13 .left .time {}
#s13 .left .time .cont {}
#s13 .left .time .cont ul {max-width: 36.6rem;}
#s13 .left .time .cont ul + ul {padding-top: 1.8rem; margin-top: 1.8rem; border-top: 1px solid #C9CDD2;}
#s13 .left .time .cont ul li + li {margin-top: 1.2rem}
#s13 .left .time .cont ul li span {min-width: 7.5rem; margin-right: 2.4rem}
#s13 .left .time .cont ul li em {}
#s13 .left .time .cont ul li.blo {color: #A4AAB1 !important}
#s13 .left .time .cont ul li.blo span i {color: #A4AAB1 !important}
#s13 .left .time .cont ul li i {color: #33383C;}
#s13 .left .time .cont ul li i.bbb {position: absolute; left: 96%;width: 100%; color: #FC8B4C; display: block;}
#s13 .left .time .cont .prg {margin-top: 1.8rem;}

#s13 .left .btn_area {gap: 1.2rem; margin-top: auto;}
#s13 .left .btn_area a {width: 100%; background: #33383C; padding: 2.2rem 0; color: #fff; gap: 4px}
#s13 .left .btn_area a:last-child {display: none !important}

#s13 .right {}
#s13 .right .map {}
#s13 .right .wrtWrap {margin: 3.4rem 0 4.7rem;;}
#s13 .right .wrt {line-height: 2;}
#s13 .right .wrt span {gap: 0.4rem; margin-right: 4rem}
#s13 .right .wrt em {padding-left: 0.5rem; bottom: -0.4rem;}
#s13 .right .wrt.aa {color: #4258A6}
#s13 .right .btn_area {background: #00C300}
#s13 .right .btn_area a {display: block; text-align: center; padding: 2.3rem 0; color: #fff;}

@media all and (max-width: 920px){
    #s13 .inner {flex-direction: column-reverse; max-width: 89%; gap: 4rem; padding: 8rem 0;}
    #s13 .inner > div {width: 100%; margin: 0 auto}

    #s13 .right .wrtWrap {margin-bottom: 0}
    #s13 .right .wrt {line-height: 2.4rem; margin: 5rem 0 0; gap: 0.6rem; flex-direction: column;}
    #s13 .right .wrt img {max-width: 2.4rem;}
    #s13 .right .wrt .tit {margin-bottom: 1.6rem}
    #s13 .right .wrt div {padding-left: 3rem;}

    #s13 .right .wrt.aa {margin: 2rem 0 0;}

    #s13 .left .lst {flex-direction: column; gap: 1.6rem; margin-bottom: 4.2rem;}
    #s13 .left .lst .tit img {max-width: 2.4rem}
    #s13 .left .lst .cont {padding-left: 3rem}

    #s13 .left .time .cont ul li span {min-width: 6.5rem; margin-right: 1.5rem;}
    #s13 .left .time .cont ul li.ssss {align-items: baseline;}
    #s13 .left .time .cont ul li i {display: flex; flex-direction: column; align-items: end;}

    #s13 .left .btn_area {flex-direction: column; align-items: center;}
    #s13 .left .btn_area a {width: 80%}
    #s13 .left .btn_area a:last-child {display: block !important; background: #00C300;}

    #s13 .btn_area {margin: 0 auto; width: 84%;}
    #s13 .btn_area a {padding: 2.2rem 0; text-align: center; display: block;}
}

.root_daum_roughmap .cont .section.lst {display: none;}


.