#header {z-index: 999; }
.pcHead {background: rgba(255,255,255,0.85);}
.pcHead .inner {max-width: 86.5%; padding: 2.2rem 0;}
.pcHead .logo {}
.pcHead .gnb {gap: 8.2rem;}
.pcHead .gnb li:hover {font-weight: 600}
.pcHead .call {}

@media all and (max-width: 880px){
    .moHead {background: rgba(255,255,255,0.85);}
    .moHead .inner {padding: 1.2rem 0;}
    .moHead .logo {max-width: 48%;}
    .moHead .call {right: 6.66%; width: 2.4rem;}
}

.float {right: 8rem; z-index: 9999; bottom: 12%;}
.float .lst {padding: 4.8rem 0.8rem; border-radius: 60px; display: none; background: #3BAC7F}
.float .lst li {opacity: 0.9;}
.float .lst li a {}
.float .lst li img {max-width: 3.2rem;}
.float .lst li img.pc_view {display: block;}
.float .lst li img.mo_view {display: none;}
.float .lst li .txt {padding-top: 5px}
.float .lst li + li {margin-top: 3rem;}
.float .lst li:hover {opacity: 1;}
.float .lst li:hover .txt {font-weight: 600}
.float .lst_ico {visibility: hidden;}
.float .lst_ico.on {visibility: visible;;}
.float .top {margin-top: 1.6rem;}
.float .top img {filter: drop-shadow(0.5rem 0.5rem 1rem rgba(0,0,0,0.2));}

@media all and (max-width: 880px){
    .float {right: 0; bottom: auto; top: 50%; transform: translateY(-50%);}
    .float .lst {border-radius: 20px 0 0 20px; padding: 1.6rem; display: block; position: relative; background: #72787F;}
    .float .lst li + li {margin-top: 1.5rem;}
    .float .lst li img {width: 3.2rem;}
    .float .lst li img.pc_view {display: none;}
    .float .lst li img.mo_view {display: block;}
}

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


.consult {z-index: 9999; transition: 0.4s;}
.consult .cs_btn {padding: 1.3rem 5.7rem; border-radius: 20px 20px 0 0; width: 24rem; gap: 0.8rem;}
.consult .cs_cont {padding: 2.5rem 0; gap: 4.7rem;}
.consult .cs_cont .cont {display: flex; align-items: center; gap: 2.6rem;}
.consult .cs_cont .cont .lst {gap: 2.4rem;}
.consult .cs_cont .cont .lst .ipt {font-size: 1.4rem}
.consult .cs_cont .cont .lst .ipt input {border-radius: 40px; width: 26rem; height: 4.8rem; font-family: inherit;}
.consult .cs_cont .cont .lst .ipt select {border-radius: 40px; width: 26rem; height: 4.8rem; font-family: inherit;}
.consult .cs_cont .cont .agree {gap: 0.4rem; font-size: 1.4rem;}
.consult .cs_cont .cont .agree label {display: block}
.consult .submit_btn {padding: 0.6rem 2.9rem; border-radius: 1rem; font-size: 1.8rem; font-family: inherit;}
.consult .submit_btn span.mo {display: none}

@media all and (max-width: 880px){
    .consult {}
    .consult .cs_btn {padding: 1.3rem 3.7rem; justify-content: center;}
    .consult .cs_cont {flex-direction: column; padding: 2rem 2.6rem;}
    .consult .cs_cont .cont {width: 100%; flex-direction: column; align-items: flex-start; gap: 1rem;}
    .consult .cs_cont .cont .lst {gap: 0.6rem; width: 100%;}
    .consult .cs_cont .cont .lst .ipt01 {width: 9.4rem; flex-shrink: 0}
    .consult .cs_cont .cont .lst .ipt02 {width: 14rem; flex-shrink: 0}
    .consult .cs_cont .cont .lst .ipt03 {width: 100%;}
    .consult .cs_cont .cont .lst .ipt input {height: 3.6rem; width: 100%; border-radius: 0.5rem;}
    .consult .cs_cont .cont .lst .ipt select {height: 3.6rem; width: 100%; border-radius: 0.5rem; }
    .consult .cs_cont .cont .agree {gap: 0.6rem; justify-content: flex-start; font-size: 1.1rem;}
    .consult .submit_btn {width: auto; font-size: 1.2rem; padding: 0.4rem 1.6rem; border-radius: 2.4rem; color: #3BAC7F; font-weight: bold; position: absolute; bottom: 1.5rem; right: 6%;}
    .consult .submit_btn span.mo {display: inline-block;}

}

#s1 {padding-top: 10rem;}
#s1 .inner {width: 94.5%; border-radius: 40px; overflow: hidden; margin-bottom: 2.3rem;}
#s1 .vdArea {width: 100%; height: 100%;}
#s1 .vdArea video {width: 100%; height: 100%; object-fit: cover}
#s1 .txtArea {bottom: 8.2rem;}
#s1 .txtArea img {}
#s1 .fixedLink {left: 5rem; gap: 3.5rem; z-index: 999}
#s1 .fixedLink li {}
#s1 .fixedLink li a {gap: 0.8rem;}
#s1 .fixedLink li img {filter: brightness(100);}
#s1 .fixedLink li:hover img {filter: none !important}
@media all and (max-width: 880px){
    #s1 {padding-top: 6rem;}
    #s1 .txtArea {top: 50%; transform: translate(-50%,-50%); bottom: auto; width: 100%;}
    #s1 .fixedLink {display: none;}
}

/**************************************/

#s2 {overflow: hidden;}
#s2 .pcArea {}
#s2 .pcArea .inner {}
#s2 .pcArea .left {}
#s2 .pcArea .right {}
#s2 .pcArea .box1 {}
#s2 .pcArea .box1 .img {}
#s2 .pcArea .box1 .txt {left: 14rem; bottom: 7rem;}
#s2 .pcArea .box2 {}
#s2 .pcArea .box2 .img {}
#s2 .pcArea .box2 .txt {left: 14rem; bottom: 7rem;}
#s2 .pcArea .box3 {}
#s2 .pcArea .box3 .img {}
#s2 .pcArea .box3 .txt {left: 10.4rem; bottom: 11.3rem;}

#s2 .pcArea .box1 {transform: scale(0.9); transition: 0.6s}
#s2 .pcArea .box2 {transform: scale(0.9); transition: 0.6s}
#s2 .pcArea .box3 {transform: scale(0.9); transition: 0.6s}
#s2 .pcArea .box1 .txt {bottom: 11rem; opacity: 0; transition: 2s;}
#s2 .pcArea .box2 .txt {bottom: 1rem; opacity: 0; transition: 2s;}
#s2 .pcArea .box3 .txt {bottom: 15.3rem; opacity: 0; transition: 2s;}

#s2 .pcArea .box1.act {transform: scale(1);}
#s2 .pcArea .box2.act {transform: scale(1);}
#s2 .pcArea .box3.act {transform: scale(1);}
#s2 .pcArea .box1.act .txt {bottom: 7rem; opacity: 1;}
#s2 .pcArea .box2.act .txt {bottom: 7rem; opacity: 1;}
#s2 .pcArea .box3.act .txt {bottom: 11.3rem; opacity: 1;}
#s2 .pcArea .box3.act .txt img {max-width: 69rem;}

/**************************************/

#s3 {}
#s3 .pcArea {}
#s3 .pcArea .inner {padding-top: 14rem;}
#s3 .pcArea .txtArea {max-width: 85.4%; padding-bottom: 3rem;}
#s3 .pcArea .txtArea .top {}
#s3 .pcArea .txtArea .top img:nth-child(1) {max-width: 67.7rem;}
#s3 .pcArea .txtArea .bot {}
/*
#s3 .pcArea .imgArea {align-items: end}
#s3 .pcArea .imgArea .dc1 {right: -10rem;}
#s3 .pcArea .imgArea .dc1 .txt {left: 23%; top: 42%; cursor: pointer; width: 19rem;}

#s3 .pcArea .imgArea .dc2 {z-index: 2; text-align: center; left: -5rem;}
#s3 .pcArea .imgArea .dc2 .txt {top: 5%; right: 0%; cursor: pointer; width: 13rem}

#s3 .pcArea .imgArea .dc3 {z-index: 1;left: -10rem;}
#s3 .pcArea .imgArea .dc3 .txt {top: 54%; right: 30%; cursor: pointer; width: 14rem;}

#s3 .pcArea .imgArea .dc4 {right: -30rem;}
#s3 .pcArea .imgArea .dc4 .txt {top: 40%; right: 0; cursor: pointer; width: 19rem; left: -10%;}

#s3 .pcArea .imgArea .dc5 {z-index: 0;left: -13rem;}
#s3 .pcArea .imgArea .dc5 .txt {top:41%; right: 0; cursor: pointer; width: 19rem; right: -10%;} */

#s3 .pcArea .imgArea .txt {z-index: 1; cursor: pointer;}
#s3 .pcArea .imgArea .txt1 {width: 15rem; top: 7%; left: 62%;}
#s3 .pcArea .imgArea .txt2 {right: 18%; width: 25rem; top: 47%;}
#s3 .pcArea .imgArea .txt3 {right: 10%; width: 23rem; top: 52%;}

#s3 .pcArea .imgArea .txt4 {left: 34%; top: 44%; width: 25rem;}
#s3 .pcArea .imgArea .txt5 {left: 10%; top: 52%; width: 25rem;}


#s3 .popArea {display: none; z-index: 999999}
#s3 .popArea .popBg {background: rgba(0,0,0,0.7);}
#s3 .popArea .popBox {width: 65%; transform: translate(-50%, -50%) scale(0); transition: 0.8s;}
#s3 .popArea .popBox.on {transform: translate(-50%, -50%) scale(1);}
#s3 .popArea .popBox .popImg {display: none;}
#s3 .popArea .popBox .cancelIco {display: none; position: absolute; max-width: 4rem; top: 6%; right: 4%;}

#s3 .pcArea .txtArea .txt2 {filter: blur(20px); opacity: 0; transition: 1.4s}
#s3 .pcArea .txtArea .txt3 {filter: blur(20px); opacity: 0; transition: 1.4s}
#s3 .pcArea .txtArea .txt2.act {filter: blur(0); opacity: 1; transition: 1.4s}
#s3 .pcArea .txtArea .txt3.act {filter: blur(0); opacity: 1; transition: 1.4s}

#s3 .pcArea .imgArea .dc1 {bottom: -8rem; opacity: 0; transition: 2s}
#s3 .pcArea .imgArea .dc2 {bottom: -8rem; opacity: 0; transition: 2s}
#s3 .pcArea .imgArea .dc3 {bottom: -8rem; opacity: 0; transition: 2s}
#s3 .pcArea .imgArea .dc4 {bottom: -8rem; opacity: 0; transition: 2s}
#s3 .pcArea .imgArea .dc5 {bottom: -8rem; opacity: 0; transition: 2s}
#s3 .pcArea .imgArea .dc1.act {bottom: 0; opacity: 1;}
#s3 .pcArea .imgArea .dc2.act {bottom: 0; opacity: 1;}
#s3 .pcArea .imgArea .dc3.act {bottom: 0; opacity: 1;}
#s3 .pcArea .imgArea .dc4.act {bottom: 0; opacity: 1;}
#s3 .pcArea .imgArea .dc5.act {bottom: 0; opacity: 1;}

@media all and (max-width: 880px){
    #s3 .moArea {padding-top: 7rem;}

    #s3 .popArea .popBox {width: 90%}
    #s3 .popArea .popBox .cancelIco {max-width: 2rem; top: 3%; right: 6%;}
}

/**************************************/

#s4 {}
#s4 .pcArea {background: #F6F7F9}
#s4 .pcArea .inner {max-width: 81.5%; padding: 26.5rem 0 20rem;}
#s4 .pcArea .titArea {padding-bottom: 5.4rem;}
#s4 .pcArea .imgArea {}
#s4 .pcArea .imgArea .bgImg {}
#s4 .pcArea .imgArea .imgTit {bottom: 5.6rem; max-width: 85%}
#s4 .pcArea .imgArea .imgUp1 {bottom: 70%; left: 13%;}
#s4 .pcArea .imgArea .imgUp2 {bottom: 42%; right: 16%;}
#s4 .pcArea .lstArea {margin-top: 8rem; padding: 0 3rem;}
#s4 .pcArea .lstArea li {}

#s4 .pcArea .imgArea .imgTit {bottom: 2.6rem; opacity: 0; transition: 1.4s;}
#s4 .pcArea .imgArea .imgUp1 {bottom: 60%; opacity: 0; transition: 1.4s;}
#s4 .pcArea .imgArea .imgUp2 {bottom: 32%; opacity: 0; transition: 1.4s;}
#s4 .pcArea .imgArea .imgTit.act {bottom: 5.6rem; opacity: 1;}
#s4 .pcArea .imgArea .imgUp1.act {bottom: 70%; opacity: 1;}
#s4 .pcArea .imgArea .imgUp2.act {bottom: 42%; opacity: 1;}

#s4 .pcArea .lstArea li.lst1 {bottom: -4rem; opacity: 0; transition: 0.8s;}
#s4 .pcArea .lstArea li.lst2 {bottom: -4rem; opacity: 0; transition: 0.8s;}
#s4 .pcArea .lstArea li.lst3 {bottom: -4rem; opacity: 0; transition: 0.8s;}
#s4 .pcArea .lstArea li.lst4 {bottom: -4rem; opacity: 0; transition: 0.8s;}
#s4 .pcArea .lstArea li.lst1.act {opacity: 1; bottom: 0}
#s4 .pcArea .lstArea li.lst2.act {opacity: 1; bottom: 0}
#s4 .pcArea .lstArea li.lst3.act {opacity: 1; bottom: 0}
#s4 .pcArea .lstArea li.lst4.act {opacity: 1; bottom: 0}

@media all and (max-width: 880px){
    #s4 .moArea .imgArea .imgTit {max-width: 78%; bottom: 4.4rem;}
    #s4 .moArea .imgArea .imgUp1 {width: 20.8rem; bottom: 53%; left: 10%;}
    #s4 .moArea .imgArea .imgUp2 {width: 18.8rem; bottom: 40%; right: 8%;}
    #s4 .moArea .inner {width: 87.7%; padding-bottom: 14.4rem;}
    #s4 .moArea .titArea {margin: 4.3rem 0 8.7rem;}
    #s4 .moArea .lstArea {gap: 5rem;}

    #s4 .moArea .imgArea .imgTit {bottom: 2.2rem; opacity: 0; transition: 1.4s;}
    #s4 .moArea .imgArea .imgUp1 {bottom: 40%; opacity: 0; transition: 1.4s;}
    #s4 .moArea .imgArea .imgUp2 {bottom: 28%; opacity: 0; transition: 1.4s;}
    #s4 .moArea .imgArea .imgTit.act {bottom: 4.4rem; opacity: 1;}
    #s4 .moArea .imgArea .imgUp1.act {bottom: 66%; opacity: 1;}
    #s4 .moArea .imgArea .imgUp2.act {bottom: 57%; opacity: 1;}
}

/**************************************/

#s5 {background: #3BAC7F}
#s5 .pcArea {}
#s5 .pcArea .titArea {max-width: 88%; margin: 0 auto; padding: 5rem 0;}
#s5 .pcArea .lst {overflow: hidden;}
#s5 .pcArea .lst .imgBox {width: 50%}
#s5 .pcArea .lst .txtBox {width: 50%}
#s5 .pcArea .lst1 .imgBox {background: url('../img/s5_img_1.jpg') no-repeat; background-position: left bottom; background-attachment: fixed;}
#s5 .pcArea .lst2 .imgBox {background: url('../img/s5_img_2.jpg') no-repeat; background-position: right bottom; background-attachment: fixed;}
#s5 .pcArea .lst3 .imgBox {background: url('../img/s5_img_3.jpg') no-repeat; background-position: left bottom; background-attachment: fixed;}
@media all and (max-width: 880px){
    #s5 .moArea {}
    #s5 .moArea .inner {padding: 4.8rem 0 10.4rem 0;}
    #s5 .moArea .titArea {margin-bottom: 8rem; max-width: 90%; margin: 0 auto; padding:0; padding-bottom: 2rem;}
    #s5 .moArea .lstArea {width: 88.7%;}
    #s5 .moArea .lstArea li + li {margin-top: 2.4rem;}
}

/**************************************/

#s6 {overflow: hidden;}
#s6 .pcArea {}
#s6 .pcArea .txt {}
#s6 .pcArea .imgArea {}
#s6 .pcArea .imgArea .img1 {}
#s6 .pcArea .imgArea .img2 {}
#s6 .pcArea .imgArea .imgOver {bottom: 4.5%; right: 39%;}

#s6 .pcArea .imgArea .img1 {right: -2rem; opacity: 0; transition: 1.4s;}
#s6 .pcArea .imgArea .img2 {right: -2rem; opacity: 0; transition: 1.4s;}
#s6 .pcArea .imgArea .imgOver {right: 35%; opacity: 0; transition: 1.4s;}
#s6 .pcArea .imgArea .img1.act {right: 0; opacity: 1;}
#s6 .pcArea .imgArea .img2.act {right: 0; opacity: 1;}
#s6 .pcArea .imgArea .imgOver.act {right: 39%; opacity: 1;}

/**************************************/

#s7 {background: #F6F7F9}
#s7 .inner {padding: 16.8rem 0 18.2rem;}
#s7 .tit {margin-bottom: 5rem; max-width: 69rem;}
#s7 .lst {}
@media all and (max-width: 880px){
    #s7 .inner {padding: 11.6rem 0 7.5rem; width: 87.7%; margin: 0 auto;}
    #s7 .tit {margin-bottom: 6.3rem;}
}

/**************************************/

.midWrap {background: url('../img/s8_bg.jpg') center/cover;}

#s8 {}
#s8 .inner {width: 79.2%; padding: 22.4rem 0 20rem; overflow: hidden;}
#s8 .tit {max-width: 74.8rem; margin-bottom: 9rem; z-index: 1}
#s8 .lst {gap: 3.2rem; z-index: 1}
#s8 .lst li {}
#s8 .bgImg {border-radius: 100%; top: 12%; right: 1%; max-width: 75rem}
#s8 .grImg {top: 78rem;}

#s8 .lst li.lst1 {bottom: -2rem; opacity: 0; transition: 1s;}
#s8 .lst li.lst2 {bottom: -2rem; opacity: 0; transition: 1s;}
#s8 .lst li.lst3 {bottom: -2rem; opacity: 0; transition: 1s;}
#s8 .lst li.lst1.act {bottom: 0; opacity: 1}
#s8 .lst li.lst2.act {bottom: 0; opacity: 1}
#s8 .lst li.lst3.act {bottom: 0; opacity: 1}

#s8 .bgImg {opacity: 0; transform: rotate(30deg); transition: 3s;}
#s8 .bgImg.act {opacity: 1; transform: rotate(0deg); }

@media all and (max-width: 880px){
    #s8 .inner {width: 84.6%; padding: 28rem 0 10rem;}
    #s8 .tit {margin-bottom: 6rem;}
    #s8 .lst {flex-direction: column; width: 86%; margin: 0 auto; gap: 2.4rem;}
    #s8 .bgImg {max-width: 100%; right: auto; top: 3%;}
}

/**************************************/

#s9 {}
#s9 .inner {width: 78.9%; padding: 20rem 0 26.6rem;}
#s9 .bgImg {top: 7%; right: 5%;}
#s9 .tit {margin-bottom: 9rem;}
#s9 .slideArea {width: 100%;}
#s9 .slideArea .s9_swiper {overflow: hidden;}
#s9 .s9_prev, #s9 .s9_next {width: 4rem; height: 4rem;}
#s9 .s9_prev::after, #s9 .s9_next::after {display: none}
#s9 .s9_prev {background: url('../img/s9_left.png') center/contain; left: -8rem;}
#s9 .s9_next {background: url('../img/s9_right.png') center/contain; right: -8rem;}
@media all and (max-width: 880px){
    #s9 .inner {width: 100%; padding: 20rem 0 23.5rem;}
    #s9 .bgImg {width: 60%; top: 0;}
    #s9 .tit {margin-bottom: 5.7rem;}
    #s9 .slideArea .s9_swiper::before {content: ''; display: block; position: absolute; width: 14.5rem; height: 6.4rem; background: #fff; right: 15%; bottom: 0; z-index: 2;}
    #s9 .slideArea .s9_swiper::after {content: ''; display: block; position: absolute; width: 1px; height: 3rem; background: #C9CDD2; right: 32%; bottom: 1.5rem; z-index: 2;}

    #s9 .s9_prev, #s9 .s9_next {width: auto; height: auto; top: auto; margin: 0; bottom: 4%;}
    #s9 .s9_prev::after, #s9 .s9_next::after {display: block; font-size: 2.5rem; color: #000;}
    #s9 .s9_prev {background: none; left: 57%;}
    #s9 .s9_next {background: none; right: 21%;}
}

/**************************************/

#s10 {}
#s10 .inner {max-width: 79.16%; padding-bottom: 23rem}
#s10 .titArea {margin-bottom: 6rem; max-width: 83.6rem}
#s10 .imgArea {}
@media all and (max-width: 880px){
    #s10 .inner {max-width: 92.3%}
}

/**************************************/

#s11 {}
#s11 .inner {}
#s11 .txtArea {width: 36%; padding: 18.3rem 0 0 14rem;}
#s11 .txtArea .tit {max-width: 46.8rem; margin-bottom: 6rem;}
#s11 .txtArea .blog {max-width: 28rem; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
#s11 .imgArea {width: 64%; background: url('../img/s11_bg.jpg') no-repeat center/cover; padding: 16.6rem 0 10rem 9.6rem;}
#s11 .imgArea .box {max-width: 99.2rem;}
#s11 .imgArea .box .lst {width: 100%; gap: 1.6rem;}
#s11 .imgArea .box .lst img {width: calc((100% - 1.6rem) / 2);}
#s11 .imgArea .box .prg {color: #454C53; opacity: 0.5; margin-top: 2.1rem;}
@media all and (max-width: 880px){
    #s11 .inner {flex-direction: column;}
    #s11 .txtArea {width: 87.7%; margin: 0 auto; padding: 13rem 0 6.3rem 0;}
    #s11 .txtArea .blog {max-width: 20rem}
    #s11 .imgArea {background: url('../img/s11_bg_mo.jpg') no-repeat bottom/contain; width: 100%; padding: 0; padding-bottom: 10rem;}
    #s11 .imgArea .box .lst {width: 87.7%; margin: 0 auto; flex-direction: column; gap: 3.4rem}
    #s11 .imgArea .box .lst img {width: 100%;}
}

/**************************************/

#s12 {background: #F6F7F9}
#s12 .inner {padding: 23rem 0;}
#s12 .titArea {max-width: 89.4rem;}
#s12 .lstAreaPc {margin: 10rem auto 13.4rem; max-width: 122.5rem;}
#s12 .lstAreaPc .lst::before {content: ''; display: block; position: absolute; height: 1px; background: #38E9A3; left: 50%; transform: translateX(-50%); width: 89%; top: 16%;}
#s12 .lstAreaPc .lst li {color: #A4AAB1; gap: 1.6rem; cursor: pointer}
#s12 .lstAreaPc .lst li span {display: inline-block; width: 2.1rem; height: 2.1rem; background: url('../img/s12_one_off.png') no-repeat center/contain;}
#s12 .lstAreaPc .lst li.on {color: #38E9A3;}
#s12 .lstAreaPc .lst li.on span {background: url('../img/s12_one_on.png') no-repeat center/contain;}
#s12 .s12_swiper {overflow: hidden;}
@media all and (max-width: 880px){
    #s12 .inner {max-width: 91.3%; overflow: hidden; padding: 9rem 0 0 0;}
    #s12 .lstAreaMo {margin: 3rem 0 5rem;}
    #s12 .lstAreaMo .lst {gap: 1rem;}
    #s12 .lstAreaMo .lst li {padding: 1rem 1.7rem; border-radius: 29px; background: #fff; border: 1px solid #C9CDD2;}
    #s12 .lstAreaMo .lst li.on {background: #38E9A3; border: 1px solid #38E9A3; color: #fff;}
}

/**************************************/

#s13 {background: url('../img/s13_bg.jpg') no-repeat center/cover;}
#s13 .inner {max-width: 79.16%; padding: 23rem 0 22rem;}
#s13 .titArea {max-width: 89.2rem; margin-bottom: 12rem;}
#s13 .lstArea {gap: 4.4rem;}
#s13 .lstArea li {}

#s13 .lstArea li.lst1 {opacity: 0; bottom: -3rem; transition: 1s;}
#s13 .lstArea li.lst2 {opacity: 0; bottom: -3rem; transition: 1s;}
#s13 .lstArea li.lst3 {opacity: 0; bottom: -3rem; transition: 1s;}
#s13 .lstArea li.lst4 {opacity: 0; bottom: -3rem; transition: 1s;}
#s13 .lstArea li.lst1.act {opacity: 1; bottom: 0}
#s13 .lstArea li.lst2.act {opacity: 1; bottom: 0}
#s13 .lstArea li.lst3.act {opacity: 1; bottom: 0}
#s13 .lstArea li.lst4.act {opacity: 1; bottom: 0}

@media all and (max-width: 880px){
    #s13 {background: url('../img/s13_bg_mo.jpg') no-repeat center/cover;}
    #s13 .inner {max-width: 100%; padding: 14.5rem 0 10.4rem;}
    #s13 .titArea {margin-bottom: 4.8rem;}
    #s13 .lstArea {flex-direction: column; gap: 2rem;}
}

/**************************************/

#s14 {background: url('../img/s14_bg.jpg') no-repeat center/cover;}
#s14 .inner {padding: 18.6rem 0 28rem}
#s14 .titArea {margin-bottom: 28rem;}
#s14 .imgArea {width: 100%}
#s14 .imgArea .img1 {width: 35.3rem; bottom: 10%; left: 26%;}
#s14 .imgArea .img2 {width: 27.4rem; margin: 0 auto; z-index: 1}
#s14 .imgArea .img3 {width: 40.8rem; right: 26%; bottom: 20%;}

#s14 .imgArea .img1 {bottom: -5%; opacity: 0; transition: 1.6s}
#s14 .imgArea .img2 {bottom: -15rem; opacity: 0; transition: 1.6s}
#s14 .imgArea .img3 {bottom: -11%; opacity: 0; transition: 1.6s}
#s14 .imgArea .img1.act {bottom: 10%; opacity: 1;}
#s14 .imgArea .img2.act {bottom: 0; opacity: 1;}
#s14 .imgArea .img3.act {bottom: 26%; opacity: 1;}

@media all and (max-width: 880px){
    #s14 {background: url('../img/s14_bg_mo.jpg') no-repeat center/cover;}
    #s14 .inner {padding: 10.8rem 0 17rem;}
    #s14 .titArea {max-width: 84.6%; margin: 0 auto; margin-bottom: 18rem;}
    #s14 .imgArea .img1 {width: 50%; bottom: -10%; left: 8%;}
    #s14 .imgArea .img2 {width: 30%; bottom: -2rem}
    #s14 .imgArea .img3 {width: 40%; right: 10%; bottom: 10%;}
    #s14 .imgArea .img1.act {bottom: 0; opacity: 1;}
    #s14 .imgArea .img2.act {bottom: 0; opacity: 1;}
    #s14 .imgArea .img3.act {bottom: 30%; opacity: 1;}
}

/**************************************/

#s15 {background: #222527;}
#s15 .pcArea {padding: 14rem 0 0;}
#s15 .pcArea .titArea {padding-bottom: 40rem; position: sticky; top: 28%; overflow: hidden; padding-top: 12.8rem;}
#s15 .pcArea .titArea .tit {right: -100%; transform: translateX(100%); transition: 0.2s;}
#s15 .pcArea .titArea .prg {left: -90%; top: 0; transition: 0.2s;}
#s15 .pcArea .lstArea {max-width: 133.7rem; gap: 13rem 11rem; margin: 0 auto; padding-bottom: 36rem; margin-top: 30rem}
#s15 .pcArea .lstArea li {width: calc((100% - 11rem) / 2);}
#s15 .pcArea .lstArea li:nth-child(even) {top: 22rem;}
#s15 .pcArea .bgImg {max-width:50.5rem;}
@media all and (max-width: 880px){
    #s15 .moArea {padding-bottom: 12.2rem;}
    #s15 .moArea .titArea {margin-top: -1px; margin-bottom: 3.2rem;}
    #s15 .moArea .lstArea {width: 87.7%; margin: 0 auto;}
    #s15 .moArea .lstArea li + li {margin-top: 2.8rem;}
}

/**************************************/

#s16 {}
#s16 .cont {gap: 3.6rem; width: 100%}
#s16 .cont .txt {}
#s16 .cont .link {}
@media all and (max-width: 880px){
    #s16 .cont {flex-direction: column; gap: 2rem;}
    #s16 .cont .txt {width: 27.6rem;}
    #s16 .cont .link {width: 19rem}
}

/**************************************/

#s17 {}
#s17 .inner {padding: 7.4rem 0 0; background: #F6F7F9; overflow: hidden;}
#s17 .title {max-width: 144rem; padding-bottom: 5.6rem; border-bottom: 2px solid #3BAC7F;}
#s17 .title .tit {}
#s17 .title .tit span {color: #3BAC7F}
#s17 .title .right {text-align: right}
#s17 .title .star {}
#s17 .title .txt {margin-top: 4rem; line-height: 1.5; color: #72787F}
#s17 .title .txt i {color: #3BAC7F}
#s17 .flow {overflow: hidden; padding: 6.4rem 0 11rem;}
#s17 .flow > div {height: 21rem}
#s17 .flow > div + div {margin-top: 1.6rem}
#s17 .flow .flow_top {width: 10000px}
#s17 .flow ul {gap: 1.6rem; height: 21rem}
#s17 .flow ul li img {filter: drop-shadow(2px 2px 2rem rgba(0,0,0,0.1)); height: 21rem}
@media all and (max-width: 880px){
    #s17 .title {max-width: 89%; flex-direction: column; align-items: center; justify-content: center; border-bottom: 0; padding-bottom: 0.8rem;}
    #s17 .title .star {max-width: 13.8rem; margin-bottom: 0.8rem;}
    #s17 .title .tit {text-align: center; font-size: 4.8rem;}
    #s17 .title .tit i {font-size: 11rem;}
    #s17 .title .right {text-align: center}
    #s17 .title .txt {font-size: 1.6rem; padding-top: 2.4rem; margin-top: 2.4rem; border-top: 1px solid #3BAC7F;}
}

/**************************************/

#s18 {}
#s18 .inner {}
#s18 .bgImg {}
#s18 .titArea {}
@media all and (max-width: 880px){
    #s18 .titArea {width: 82%}
}

/**************************************/

.infoArea {}
.infoArea .box {width: 50%;}
.infoArea .info_box {background: url('../img/info_bg.jpg') no-repeat center/cover; padding-left: 10%}
.infoArea .info_box .title {margin-bottom: 12.8rem}
.infoArea .info_box .title .subt {}
.infoArea .info_box .title .tit {}
.infoArea .info_box .cont {}
.infoArea .info_box .cont .line {padding-top: 2.4rem; border-top: 1px solid #3BAC7F; max-width: 51.5rem}
.infoArea .info_box .cont .line + .line {margin-top: 5rem;}
.infoArea .info_box .cont .line .tit {gap: 0.8rem; min-width: 13.8rem;}
.infoArea .info_box .cont .line .tit .ico {max-width: 2.4rem;}
.infoArea .info_box .cont .line .lst {}
.infoArea .info_box .cont .line .lst li + li {margin-top: 1.2rem;}
.infoArea .info_box .cont .line .lst li.last {padding-top: 4px}
.infoArea .info_box .cont .line .lst span {min-width: 9.6rem; display: inline-block;}
.infoArea .info_box .cont .line .lst i {padding: 2px 6px; margin-left: 1.2rem;}
.infoArea .info_box .cont .line .last i {display: none}
.infoArea .map_box {}

@media all and (max-width: 880px){
    .infoArea {flex-direction: column-reverse;}
    .infoArea .box {width: 100%}
    .infoArea .info_box {padding: 8.3rem 0 7.4rem; }
    .infoArea .info_box .title {max-width: 87%; margin: 0 auto; width: 100%; margin-bottom: 6rem;}
    .infoArea .info_box .title .subt {font-size: 1.8rem}
    .infoArea .info_box .title .tit {font-size: 4rem}
    .infoArea .info_box .cont {max-width: 87%; margin: 0 auto; width: 100%}
    .infoArea .info_box .cont .line {flex-direction: column; padding-top: 2rem; gap: 1.1rem}
    .infoArea .info_box .cont .line .tit img {max-width: 2.4rem}
    .infoArea .info_box .cont .line .lst i {display: none}
    .infoArea .info_box .cont .line .last i {display: inline-block;}
}

/**************************************/

#footer {}
.ft_inner {padding: 4.7rem 0 14.8rem;}
.ft_inner .ft_logo {margin-bottom: 1.6rem; max-width: 24.7rem;}
.ft_inner .ft_cont {}
.ft_inner .ft_cont .lst + .lst {margin-left: 9.6rem;}
.ft_inner .ft_cont .lst li + li {margin-top: 0.6rem}
.ft_inner .ft_cont .lst li span {min-width: 12.7rem; border-right: 1px solid #72787F; display: inline-block; margin-right: 0.6rem}
.ft_inner .ft_cont .lst:nth-child(2) li span {min-width: 8.3rem;}
.ft_inner .ft_cont .etc {margin-left: auto}
.ft_inner .ft_cont .etc .sns {gap: 1.2rem; align-items: center;}
.ft_inner .ft_cont .etc img {opacity: 0.5; transition: 0.4s; max-width: 3.8rem;}
.ft_inner .ft_cont .etc img:hover {opacity: 1;}
.ft_inner .ft_cont .etc .copy {margin-top: 1.4rem;}

@media all and (max-width: 880px){
    .ft_inner {max-width: 87%; width: 100%; margin: 0 auto; padding: 4.4rem 0 4.7rem;}
    .ft_inner .ft_logo {max-width: 21.5rem; margin-bottom: 2.5rem;}
    .ft_inner .ft_logo img {width: 100%; display: block;}
    .ft_inner .ft_cont {flex-direction: column; align-items: baseline;}
    .ft_inner .ft_cont .lst + .lst {margin-left: 0;}
    .ft_inner .ft_cont .lst li {display: flex; margin-top: 1rem}
    .ft_inner .ft_cont .lst li span {min-width: 11rem}
    .ft_inner .ft_cont .lst:nth-child(2) li span {min-width: 11rem}
    .ft_inner .ft_cont .etc {margin-left: 0; margin-top: 4rem}
    .ft_inner .ft_cont .etc img {max-width: 3.2rem;}

}