#header {z-index: 999}
.pc_header {box-shadow: 0 3px 6px rgba(138,138,138,0.16);}
.pc_header .inner {max-width: 140.3rem; margin-left: 24rem; padding: 1.7rem 0;}
.pc_header .logo {}
.pc_header .gnb {}
.pc_header .gnb li {width: 14.4rem; line-height: 1}
.pc_header .gnb li.on {color: #3290B5; width: 24rem}

@media all and (max-width: 880px){
    .mo_header {padding: 1.5rem 2.4rem;}
    .mo_header .inner {}
}

#float {right: 0; z-index: 9999}
#float .area {background: #fff; padding: 3.2rem 2rem; border-radius: 3rem 0 0 3rem; box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
#float .area .lst {}
#float .area .lst li + li {padding-top: 1.8rem; margin-top: 1.8rem;}
#float .area .lst li + li::before {content: ''; display: block; position: absolute; width: 50%; height: 1px; left: 50%; transform: translateX(-50%); background: #C9CDD2; top: 0}
#float .area .lst li a {}
#float .area .lst li a img {}
#float .area .lst li a div {padding-top: 1.2rem;}
#float .area .lst li:hover a {opacity: 0.8}

@media all and (max-width: 880px){
    #float {right: 1.5rem; top: auto; transform: none; bottom: 3rem;}
    #float .area_mo {}
    #float .area_mo ul {display: none; padding-bottom: 2px}
    #float .area_mo ul li {}
    #float .area_mo ul li + li {margin-top: 2px}
    #float .area_mo img {max-width: 5.6rem; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));}
    #float .top {margin-top: 0.8rem;}
    #float .top img {max-width: 5.6rem; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));}
}

.formModal {z-index: 99999; display: none; max-width: 80rem;}
.formModal .modal_bg {background: rgba(0,0,0,0.6)}
.formModal .modal_box {padding: 2rem; border-radius: 10px; line-height: 2.6rem;}

@media all and (max-width: 880px){
    .formModal .modal_box {max-width: 90%; font-size: 1.2rem; line-height: 2rem;}
}

#wrap {overflow: hidden;}

#visual {width: 100vw; overflow: hidden;}
#visual::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(255,255,255); background: linear-gradient(127deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 1}
#visual video {width: 100%; height: 100%; object-fit: cover;}
#visual .txtArea {width: 100%; max-width: 136rem; z-index: 1; margin-left: -6vw}
#visual .txtArea .subt {color: #A4AAB1; margin-bottom: 5rem; letter-spacing: 0.3rem;}
#visual .txtArea .tit {}
#visual .txtArea .tit span {color: #3290B5; padding: 2rem 0 0.8rem; display: inline-block;}
#visual .txtArea .tit span::before {content: ''; display: block; position: absolute; width: 100%; height: 0.4rem; background: #3290B5; bottom: 0}
#visual .txtArea .wrt {color: #000000; padding-top: 4rem}

@media all and (max-width: 880px){
    #visual .txtArea {max-width: 87.7%; top: 33%; margin: 0}
    #visual .txtArea .tit span {padding: 1rem 0 0.5rem;}
}

#s1 {}
#s1 .inner {padding-top: 28.3rem;}
#s1 .sym {max-width: 16.4rem; margin-bottom: 5rem;}
#s1 .txt {max-width: 84rem;}
@media all and (max-width: 880px){
    #s1 .inner {padding-top: 15.7rem;}
    #s1 .sym {max-width: 12.2rem; margin-bottom: 3.8rem;}
}

#s2 {}
#s2 .inner {max-width: 136rem; margin: 0 auto; padding-top: 29.6rem;}
#s2 .imgArea {margin-bottom: 11rem;}
#s2 .imgArea .txtBox {position: absolute; width: 100%; top: 23%; display: flex; justify-content: space-between; z-index: 1}
#s2 .imgArea .txt {color: #222527; line-height: 1.2;}
#s2 .imgArea .txt1 span {color: #D7DCE4;}
#s2 .imgArea .txt2 {right: 0; text-align: right;}
#s2 .imgArea .txt2 span {color: #3290B5;}
#s2 .txtArea {}
@media all and (max-width: 880px){
    #s2 .inner {padding-top: 17.4rem;}
    #s2 .imgArea {margin-bottom: 6.8rem;}
    #s2 .imgArea .txtBox {top: 10%; padding-left: 7%; flex-direction: column;}
    #s2 .imgArea .txtBox .txt {font-size: 4.8rem;}
    #s2 .imgArea .txtBox .txt2 {text-align: left; }
    #s2 .txtArea {}
}

#s3 {}
#s3 .inner {padding: 29.6rem 0 12.2rem;}
#s3 .cont {max-width: 129rem; margin: 0 auto; z-index: 1}
#s3 .titArea {max-width: 117.2rem; margin: 0 auto; margin-bottom: 8rem;}
#s3 .lstArea {margin-bottom: 5.2rem; gap: 4.5rem;}
#s3 .lstArea li {}
#s3 .txtArea {max-width: 121.2rem; margin-left: auto}

#s3 .lstArea li {opacity: 0; bottom: -5rem; transition: 1.4s;}
#s3 .lstArea li.on {opacity: 1; bottom: 0; transition: 1.4s;}

@media all and (max-width: 880px){
    #s3 .inner {padding: 16.4rem 0 11.3rem;}
    #s3 .cont {}
    #s3 .titArea {max-width: 38.8rem; margin-bottom: 4.8rem;}
    #s3 .lstArea {flex-direction: column; gap: 1.2rem; margin-bottom: 4.8rem;}
    #s3 .lstArea li {}
    #s3 .txtArea {}
}

#s4 {}
#s4 .cont {padding: 40rem 0 40rem 25.6rem;}
#s4 .txt {width: 48rem; min-width: 48rem;}
#s4 .txt .txtImg {max-width: 39rem;}
#s4 .txt .arr {height: 8rem;}
#s4 .txt .arr .s4_prev,
#s4 .txt .arr .s4_next {width: 4rem; height: 4rem; bottom: 0; top: auto;}
#s4 .txt .arr .s4_prev::after,
#s4 .txt .arr .s4_next::after {display: none}
#s4 .txt .arr .s4_prev {background: url('../imgNew/s4_left.jpg') no-repeat center/contain; left: 0;}
#s4 .txt .arr .s4_next {background: url('../imgNew/s4_right.jpg') no-repeat center/contain; left: 6rem; right: auto;}
#s4 .slide {width: 118.4rem; overflow: hidden;}
#s4 .s4_swiper {}
@media all and (max-width: 880px){
    #s4 .cont {flex-direction: column; gap: 4.8rem; padding: 25.8rem 0 13rem 0;}
    #s4 .txt .txtImg {max-width: 100%;}
    #s4 .txt .arr {margin-left: auto; max-width: 94%;}
    #s4 .slide {width: 100%; max-width: 88%; margin: 0 auto;}
}

#s5 {}
#s5 .inner {}
#s5 .txtBox {}
#s5 .imgBox {}
@media all and (max-width: 880px){
    #s5 .inner {flex-direction: column-reverse;}
}

#s6 {background: #222527;}
#s6 .inner {max-width: 136rem; padding-top: 25.3rem;}
#s6 .imgArea {max-width: 91.6rem; right: -19%; top: 13%;}
#s6 .titArea {max-width: 72.2rem; margin-bottom: 6.8rem;}
#s6 .lstArea {justify-content: space-between; gap: 2.8rem;}
#s6 .lstArea li {}

#s6 .lstArea li {opacity: 0; bottom: -5rem; transition: 1.4s;}
#s6 .lstArea li.on {opacity: 1; bottom: 0; transition: 1.4s;}
@media all and (max-width: 880px){
    #s6 .inner {padding-top: 30.2rem;}
    #s6 .imgArea {right: 0; top: 5%;}
    #s6 .titArea {margin-bottom: 2.6rem;}
    #s6 .lstArea {flex-direction: column; gap: 1rem;}
}

#s7 {background: #222527;}
#s7 .inner {padding: 35.2rem 0 11rem;}
#s7 .cont {max-width: 98.7rem;}
#s7 .titArea {margin-bottom: 6.5rem;}
#s7 .lstArea {width: 53%; margin-left: auto; padding-right: 4.2rem; gap: 3.8rem;}
#s7 .lstArea li {}
#s7 .symArea {max-width: 56.3rem; right: 0; top: 23%;}
#s7 .imgArea {max-width: 96rem; left: 0; bottom: 0;}
@media all and (max-width: 880px){
    #s7 .inner {padding: 21.6rem 0 0 0;}
    #s7 .cont {}
    #s7 .titArea {margin-bottom: 0;}
    #s7 .lstArea {gap: 1.1rem; width: 100%; padding: 0; margin-top: 3.7rem;}
    #s7 .lstArea li {}
    #s7 .symArea {width: 60%; top: 13%;}
    #s7 .imgArea {position: relative;}
}

#s8 {background: #222527;}
#s8 .inner {max-width: 136rem; padding-top: 34.5rem;}
#s8 .titArea {margin-bottom: 5.8rem; max-width: 84.8rem;}
#s8 .imgArea {}
@media all and (max-width: 880px){
    #s8 .inner {padding-top: 14.5rem;}
    #s8 .titArea {margin-bottom: 0;}
    #s8 .imgArea {}
}

#s9 {background: #222527;}
#s9 .inner {max-width: 150rem; padding: 40rem 0 30rem;}
#s9 .titArea {margin-bottom: 11.2rem;}
#s9 .slideArea {}
#s9 .s9_swiper {overflow: hidden;}
#s9 .s9_prev, #s9 .s9_next {color: #fff; font-weight: bold;}
#s9 .s9_prev::after, #s9 .s9_next::after {font-size: 2.4rem;}
#s9 .s9_prev {left: -10%;}
#s9 .s9_next {right: -10%;}
@media all and (max-width: 880px){
    #s9 .inner {padding: 14.8rem 0 12.3rem;}
    #s9 .titArea {margin: 0}
    #s9 .slideArea {padding-top: 8.3rem;}
    #s9 .s9_prev, #s9 .s9_next {transform: none; top: 6%;}
    #s9 .s9_prev::after, #s9 .s9_next::after {}
    #s9 .s9_prev {left: 70%;}
    #s9 .s9_next {right: 6%;}
    #s9 .s9_next::before {content: ''; display: block; position: absolute; background: #fff; width: 2px; height: 2.7rem; left: -70%;}
}


#s10 {}
#s10 .inner {padding: 31rem 0 25rem;}
#s10 .titArea {max-width: 107.2rem;}
@media all and (max-width: 880px){
    #s10 .inner {padding: 14.6rem 0 11.6rem;}
}

#s11 {}
#s11 .inner {}
#s11 .imgArea {}
@media all and (max-width: 880px){

}

#s12 {}
#s12 .inner {}
#s12 .imgArea {}
@media all and (max-width: 880px){

}

#s13 {}
#s13 .inner {max-width: 150rem; padding: 21.6rem 0 27rem;}
#s13 .titArea {margin-bottom: 8rem; max-width: 119.6rem;}
#s13 .slideArea {}
#s13 .s13_swiper {overflow: hidden;}
#s13 .s13_prev, #s13 .s13_next {font-weight: bold; color: #3290B5}
#s13 .s13_prev::after, #s13 .s13_next::after {font-size: 2.4rem;}
#s13 .s13_prev {left: -6%;}
#s13 .s13_next {right: -6%;}
@media all and (max-width: 880px){
    #s13 .inner {padding: 13.4rem 0 11.5rem;}
    #s13 .titArea {margin: 0}
    #s13 .slideArea {padding-top: 8.3rem;}
    #s13 .s13_prev, #s13 .s13_next {transform: none; top: 6%;}
    #s13 .s13_prev::after, #s13 .s13_next::after {}
    #s13 .s13_prev {left: 70%;}
    #s13 .s13_next {right: 6%;}
    #s13 .s13_next::before {content: ''; display: block; position: absolute; background: #3290B5; width: 2px; height: 2.7rem; left: -70%;}
}

#s14 {}
#s14 .topArea {}
#s14 .inner {background: #2B2E30; gap: 20rem; padding: 10.5rem 0 24.2rem 25.8rem;}
#s14 .titArea {max-width: 40rem;}
#s14 .lstArea {max-width: 92.2rem; gap: 8.8rem 4.1rem; padding-top: 17rem;}
#s14 .lstArea li {width: calc((100% - 4.1rem) / 2);}
#s14 .symArea {max-width: 81.4rem;}
@media all and (max-width: 880px){
    #s14 .topArea {}
    #s14 .inner {padding: 10rem 0 11rem; flex-direction: column; gap: 5.2rem;}
    #s14 .titArea {max-width: 100%;}
    #s14 .lstArea {flex-direction: column; gap: 5.1rem; padding: 0;}
    #s14 .lstArea li {width: 100%;}
    #s14 .symArea {display: none}
}

#s15 {}
#s15 .inner {max-width: 144.4rem; padding: 30.5rem 0 8.2rem;}
#s15 .tit {max-width: 100rem;}
#s15 .s15_swiper {overflow: hidden;}
#s15 .swiper-option {bottom: 0; right: 6.7%; width: 29.2rem; height: 11.5rem; z-index: 1; border-radius: 40px 0; background: #3290B5}
#s15 .swiper-button-next,
#s15 .swiper-button-prev {z-index: 99; color: #fff}
#s15 .swiper-button-next::after,
#s15 .swiper-button-prev::after {font-size: 2rem; font-weight: bold;}
#s15 .swiper-button-next {right: 20%}
#s15 .swiper-button-prev {left: 20%;}
#s15 .swiper-pagination {top: 50%; transform: translateY(-50%); bottom: auto}
#s15 .swiper-pagination-current {font-size: 3.6rem; font-weight: bold;}
@media all and (max-width: 880px){
    #s15 .inner {padding: 23.2rem 0 4.7rem;}
    #s15 .tit {max-width: 100%;}
    #s15 .swiper-option {right: 11%; width: 40%; height: 10%;}
    #s15 .swiper-pagination {font-size: 1.4rem}
    #s15 .swiper-pagination-current {font-size: 2.2rem}
    #s15 .swiper-button-next::after,
    #s15 .swiper-button-prev::after {font-size: 1.5rem}
    #s15 .swiper-button-next {right: 10%}
    #s15 .swiper-button-prev {left: 10%}
    #s15 .swiper-slide .txt .more {padding: 0.5rem 1.5rem; font-size: 1.4rem}
}


#s16 {padding: 10.4rem 0 0 0; margin-top: 48em; background: #F6F7F9;}
#s16 .inner {gap: 9.5rem; max-width: 136rem;}
#s16 .left {margin-top: 7.8rem;}
#s16 .left .tit {margin-bottom: 3.2rem;}
#s16 .left .youtube {box-shadow: 0 0 8px rgba(0,0,0,0.1); max-width: 28rem; transition: 0.2s}
#s16 .left .youtube:hover {box-shadow: 0 0 8px rgba(0,0,0,0.3);}
#s16 .left .blog {box-shadow: 0 0 8px rgba(0,0,0,0.1); max-width: 28rem; transition: 0.2s; margin-top: 1rem;}
#s16 .left .blog:hover {box-shadow: 0 0 8px rgba(0,0,0,0.3);}
#s16 .right {}
#s16 .right .mainImg {}
#s16 .right .lst {margin-top: 4.2rem; gap: 1.6rem;}
#s16 .right .lst li {}
#s16 .right .lst li .txt {padding-top: 1.4rem;}
#s16 .right .lst li .txt i {font-style: normal; color: #3290B5;}
@media all and (max-width: 880px){
    #s16 {padding: 6.4rem 0 0 0; margin-top: 15.6rem;}
    #s16 .inner {flex-direction: column; gap: 0;}
    #s16 .left {margin: 0;}
    #s16 .left .tit {margin: 0; margin-bottom: 3.7rem; max-width: 100%;}
    #s16 .right {max-width: 88%; margin: 0 auto; margin-bottom: 3.2rem;}
    #s16 .right .mainImg {height: 20.5rem;}
    #s16 .right .mainImg iframe {width: 100%; height: 100%;}
    #s16 .right .lst {flex-wrap: wrap; gap: 1.6rem; margin-top: 1.6rem;}
    #s16 .right .lst li {width: calc((100% - 1.6rem) / 2);}
    #s16 .youtube {box-shadow: 0 0 8px rgba(0,0,0,0.1); max-width: 88%; margin: 0 auto}
    #s16 .blog {box-shadow: 0 0 8px rgba(0,0,0,0.1); max-width: 88%; margin: 0 auto; margin-top: 1rem;}
}

#s17 {}
#s17 .inner {padding: 36rem 0 33rem; background: #F6F7F9}
#s17 .tit {max-width: 144.4rem;}
#s17 .rollingArea {display: flex; overflow: hidden; margin-top: 2rem}
#s17 .rollingArea .rollList {}
#s17 .rollingArea .rollList ul {}
#s17 .rollingArea .rollList ul li {width: 44.8rem; margin: 0 2rem;}
#s17 .marqueeArea {margin-top: 6rem;}
#s17 .marqueeArea .banners {height: 250px; padding: 1rem 0;}
#s17 .marqueeArea .banners .img {height: 100%}
#s17 .marqueeArea .banners .img img {height: 100%}
#s17 .marquee {overflow: hidden;}
#s17 .marquee2 {overflow: hidden;}
@media all and (max-width: 880px){
    #s17 .inner {padding: 12.7rem 0 11.4rem;}
    #s17 .tit {}
    #s17 .tit .img img + img {margin-top: 3.2rem;}
    #s17 .rollingArea .rollList ul li {width: 26rem; margin: 0 1.5rem;}
    #s17 .marqueeArea {margin-top: 3.4rem;}
    #s17 .marqueeArea .banners {height: 150px; padding: 0.4rem 0;}
}

.rollList.original {
	animation: rollingleft1 33s linear infinite;
}
.rollList.clone {
	animation: rollingleft2 33s linear infinite;
}

.rollList.original_e {
	animation: rollingRight1 33s linear infinite;
}
.rollList.clone_e {
	animation: rollingRight2 33s linear infinite;
}

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

@keyframes rollingleft2 {
	0% { transition: translateX(0); }
	100% { transform: translateX(-200%); }
}

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

@keyframes rollingRight2 {
    0% { transform: translateX(-200%); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}

#s18 {}
#s18 .inner {padding: 29.6rem 0 25.6rem; max-width: 158.6rem;}
#s18 .cont {}
#s18 .left {}
#s18 .left .subt {width: 36rem; margin-bottom: 2rem;}
#s18 .left .tit {}
#s18 .left .tit span {color: #3290B5;}
#s18 .left .wrt {color: #222527; padding: 4.8rem 0 0;}
#s18 .left .banner {width: 77.4rem; overflow: hidden;}
#s18 .left .banner ul {gap: 1rem;}
#s18 .left .banner ul li {width: 25.4rem;}
#s18 .right {max-width: 73rem;}
#s18 .right .s18_swiper {overflow: hidden;%;}
#s18 .right .s18_swiper .swiper-slide {border-radius: 3rem; overflow: hidden;}
#s18 .bannerWrap {margin-top: 12.8rem;}

@media all and (max-width: 880px){
    #s18 .inner {padding: 4rem 0; max-width: 100%}
    #s18 .cont {flex-direction: column-reverse; gap: 4.4rem; align-items: baseline; max-width: 87.7%; margin: 0 auto;}
    #s18 .left {}
    #s18 .left .subt {}
    #s18 .left .tit {font-size: 4rem;}
    #s18 .left .wrt {font-size: 1.8rem; padding: 2.4rem 0 5rem;}
    #s18 .right {max-width: 100%}
    #s18 .right .s18_swiper {}
    #s18 .right .s18_swiper .swiper-slide {border-radius: 0}
    #s18 .bannerMo {max-width: 87.7%; margin: 0 auto; max-height: 50vh; overflow: hidden; overflow-y: auto;}
    #s18 .bannerMo .img + .img {margin-top: 0.6rem;}
}

#s19 {}
#s19 .bgArea {}
#s19 .titArea {top: 13.8rem; left: 14rem; max-width: 97.6rem;}
#s19 .txtArea {bottom: 6.5rem; right: 14em; max-width: 48.3rem;}
@media all and (max-width: 880px){
    #s19 .bgArea {}
    #s19 .titArea {max-width: 100%; top: 6.4rem; left: 0}
    #s19 .txtArea {bottom: 21.2rem; right: 2.4rem; max-width: 24rem;}
}

#s20 {background: #222527;}
#s20 .inner {padding: 12rem 0 15rem; max-width: 136rem;}
#s20 .box {width: 50%}
#s20 .formBox {background: url('../imgNew/s20_bg_img.png') no-repeat; background-size: 26rem; background-position: right 1rem top 0; padding-top: 5rem;}
#s20 .formBox .title {}
#s20 .formBox .title .subt {color: #C9CDD2}
#s20 .formBox .title .tit {padding: 1.2rem 0;}
#s20 .formBox .title .prg {color: #72787F}
#s20 .formBox .fromArea {gap: 1rem; max-width: 55rem; margin-top: 6rem;}
#s20 .formBox .iptArea {gap: 1rem;}
#s20 .formBox .iptArea input {background: transparent; box-shadow: none; border-radius: 0; border: 1px solid #C9CDD2; width: 43.2rem; height: 5.2rem;}
#s20 .formBox .iptArea textarea {background: transparent; box-shadow: none; border-radius: 0; border: 1px solid #C9CDD2; width: 43.2rem; height: 16.7rem;}
#s20 .formBox .submitBtn {background: #81DCFF; width: 10.8rem; min-width: 10.8rem;}
#s20 .formBox .agree {color: #A4AAB1; margin-top: 1rem; line-height: 1;}
#s20 .formBox .agree input {margin-right: 9px}
#s20 .formBox .agree a {bottom: -2px}
#s20 .infoBox {padding-left: 5.4rem; gap: 3.5rem;}
#s20 .infoBox .mapArea {}
#s20 .infoBox .infoArea {}
#s20 .infoBox .infoLst {gap: 3rem;}
#s20 .infoBox .infoLst + .infoLst {margin-top: 3rem;}
#s20 .infoBox .infoLst .tit {gap: 6px;}
#s20 .infoBox .infoLst .tit img {max-width: 2.4rem;}
#s20 .infoBox .infoLst .num {color: #81DCFF}
#s20 .infoBox .infoLst .time {}
#s20 .infoBox .infoLst .time li {}
#s20 .infoBox .infoLst .time li + li {margin-top: 1rem}
#s20 .infoBox .infoLst .time li.last {color: #A4AAB1}
#s20 .infoBox .infoLst .time li span {display: inline-block; bottom: -3px; min-width: 8.6rem;}
#s20 .infoBox .infoLst .time li i {font-style: normal;}

#s20 .ftWrap {border-top: 1px solid #72787F; padding: 4.8rem 0 7.5rem;}
#s20 .ftArea {color: #72787F; max-width: 136rem; margin: 0 auto; gap: 9.6rem; align-items: end;}
#s20 .ftArea .lst {}
#s20 .ftArea .lst + .lst {}
#s20 .ftArea .lst li {}
#s20 .ftArea .lst li + li {margin-top: 0.6rem;}
#s20 .ftArea .lst li span {display: inline-block; width: 12.5rem; border-right: 1px solid #72787F;}
#s20 .ftArea .lst + .lst span {width: 8.5rem;}
#s20 .ftArea .copy {margin-top: 1rem;}

@media all and (max-width: 880px){
    #s20 {}
    #s20 .inner {flex-direction: column; max-width: 88%; padding: 8rem 0 5.4rem; gap: 8.5rem}
    #s20 .box {width: 100%;}
    #s20 .formBox {background-size: 12.6rem; padding: 0;}
    #s20 .formBox .title .subt {font-size: 1.4rem;}
    #s20 .formBox .title .tit {font-size: 2.8rem; padding: 7px 0 1.6rem;}
    #s20 .formBox .title .prg {font-size: 1.8rem;}
    #s20 .formBox .fromArea {margin-top: 2.4rem; flex-direction: column;}
    #s20 .formBox .iptArea input {width: 100%; height: 3rem}
    #s20 .formBox .iptArea textarea {width: 100%; height: 10.8rem;}
    #s20 .formBox .submitBtn {width: 100%; font-size: 1.8rem; padding: 1.2rem 0;}
    #s20 .formBox .agree {justify-content: center;}
    #s20 .infoBox {padding: 0;}
    #s20 .infoBox .infoArea {padding-top: 5.4rem;}
    #s20 .infoBox .infoLst {flex-direction: column; gap: 2.3rem;}
    #s20 .infoBox .infoLst + .infoLst {margin-top: 5.4rem; padding-bottom: 5.8rem; border-bottom: 1px solid #707070;}
    #s20 .infoBox .infoLst .num {padding-left: 3rem}
    #s20 .infoBox .infoLst .time {padding-left: 3rem}
    #s20 .infoBox .infoLst .time li + li {margin-top: 4px}

    #s20 .ftWrap {border: 0; padding: 0 0 7.6rem;}
    #s20 .ftArea {max-width: 88%; gap: 0;}
    #s20 .ftArea .lst li span {width: 12.6rem;}
    #s20 .ftArea .lst + .lst {margin-top: 0.6rem;}
    #s20 .ftArea .lst + .lst span {width: 12.6rem;}
}


#s21 {}
#s21 .inner {}
#s21 .infoBox {width: 100%; background: #222527}
#s21 .infoBox .cont {padding: 14.4rem 0 9.4rem; width: 78%; margin-left: auto}
#s21 .infoBox .txt {margin-bottom: 5.6rem;}
#s21 .infoBox .txt .subt {}
#s21 .infoBox .txt .tit {color: #B9E0FF}
#s21 .infoBox .infoLst {}
#s21 .infoBox .infoLst + .infoLst {margin-top: 3.2rem;}
#s21 .infoBox .infoLst.map {}
#s21 .infoBox .infoLst.time {}
#s21 .infoBox .infoLst .infoTit {min-width: 13.6rem; gap: 0.8rem;}
#s21 .infoBox .infoLst .infoWrt {line-height: 2.4rem;}
#s21 .infoBox .infoLst ul {}
#s21 .infoBox .infoLst ul li {}
#s21 .infoBox .infoLst ul li + li {margin-top: 1.2rem;}
#s21 .infoBox .infoLst ul li b {min-width: 9.6rem}
#s21 .infoBox .infoLst .prg {margin-top: 2.4rem;}
#s21 .infoBox .infoLst .prg div {line-height: 2.8rem; padding-left: 1.4rem;}
#s21 .infoBox .infoLst .prg div::before {content: '*'; display: block; position: absolute; left: 0; top: 0}
#s21 .infoBox .btnArea {gap: 2.4rem; margin-top: 2.4rem;}
#s21 .infoBox .btnArea a {padding: 2rem 0; width: 27rem;}
#s21 .infoBox .btnArea a.aa {background: #3D72C2}
#s21 .infoBox .btnArea a.bb {background: #72787F}
#s21 .mapBox {width: 100%}

@media all and (max-width: 880px){
    #s21 {}
    #s21 .inner {flex-direction: column-reverse;}
    #s21 .infoBox .cont {max-width: 88%; margin: 0 auto; padding: 7rem 0;}
    #s21 .infoBox .txt {margin-bottom: 3.4rem;}
    #s21 .infoBox .txt .subt {font-size: 3.2rem;}
    #s21 .infoBox .txt .tit {font-size: 4.8rem; margin-bottom: 0.7rem;}
    #s21 .infoBox .infoLst {flex-direction: column; gap: 0.8rem;}
    #s21 .infoBox .infoLst + .infoLst {margin-top: 2.7rem;}
    #s21 .infoBox .btnArea {flex-direction: column; align-items: center; gap: 0.9rem; margin-top: 5rem;}
}