#header {z-index: 9999; background: #fff}
#header .inner {max-width: 182rem; padding: 1.9rem 0;}
#header .logo {width: 31.2rem;}
#header .gnb {gap: 8rem; margin-left: 17rem;}
#header .gnb .lst {}
#header .gnb .lst a {}
#header .gnb .lst span {cursor: pointer;}
#header .call {width: 19rem; margin-left: auto}

@media all and (max-width: 880px){
    #header {}
    #header .inner {max-width: var(--innerMo); padding: 1.3rem 0;}
    #header .logo {width: 20.3rem;}
    #header .gnb {display: none;}
    #header .call {width: 12.2rem;}
    #header .feeBtn {background: #9EA4AA; padding: 0.9rem 1rem; border-radius: 0.8rem; top: calc(100% + 1.2rem); right: 2rem; line-height: 1;}
}

#modal {z-index: 99999; display: none;}
#modal .modalBg {background: rgba(0,0,0,0.6)}
#modal .modalBox {max-width: 94.2rem;}
#modal .modalBox .imgArea {height: 80vh; overflow: auto;}
#modal .modalBox .closeBtn {width: 4rem; top: 4rem; right: 3rem; cursor: pointer;}

@media all and (max-width: 880px){
    #modal {}
    #modal .modalBg {}
    #modal .modalBox {width: 90%}
    #modal .modalBox {}
    #modal .modalBox .closeBtn {width: 3rem; height: 3rem; top: 1rem; right: 1rem;}
}

#footer {background: #282828}
#footer .inner {padding: 5rem 0 6rem; max-width: 140rem;}
#footer .logo {width: 20.4rem;}
#footer .info {padding: 4rem 0 3.5rem;}
#footer .info .adr {padding-bottom: 1.5rem;}
#footer .info .lst {gap: 2rem;}
#footer .info .lst li {}
#footer .copy {}

@media all and (max-width: 880px){
    #footer {}
    #footer .inner {max-width: var(--innerMo); padding: 3.5rem 0 4rem;}
    #footer .logo {width: 18.2rem;}
    #footer .info {padding: 2.5rem 0 3rem; font-size: 1.4rem;}
    #footer .info .adr {padding-bottom: 1.2rem;}
    #footer .info .lst {flex-wrap: wrap; gap: 1.2rem 2rem;}
    #footer .info .lst li:last-child {width: 100%;}
    #footer .copy {font-size: 1.4rem;}
}


#float {z-index: 999; gap: 1.5rem;}
#float .lst {background: #374914; padding: 1.9rem 0.9rem; border-radius: 1.2rem 0 0 1.2rem; display: block;}
#float .lst li {width: 6.6rem;}
#float .lst li + li {padding-top: 1.8rem; margin-top: 1.8rem; border-top: 1px solid rgba(255,255,255,0.3)}
#float .lst li a {}
#float .lst li a .ico {margin-bottom: 1rem;}
#float .btn {box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.25); border-radius: 50%}
#float .top {box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.25); border-radius: 50%}

@media all and (max-width: 880px){
    #float {gap: 0.8rem; transform: none; top: auto; bottom: 7%; width: 7.6rem; right: 1rem;}
    #float .lst {display: none; border-radius: 1.2rem; padding: 1.8rem 0.8rem}
    #float .lst li {width: 6.2rem;}
    #float .lst li + li {}
    #float .lst li a {letter-spacing: -0.08em}
    #float .lst li a .ico {}
    #float .btn {}
    #float .top {}
}


#wrap {overflow: hidden;}

#s1 {height: 100vh;}
#s1 .vdoArea {height: 100%}
#s1 .vdoArea .vdo {height: 100%}
#s1 .vdoArea .vdo video {height: 100%; width: 100%; object-fit: cover}
#s1 .cont {top: 62%;}
#s1 .cont img {}

@media all and (max-width: 880px){
    #s1 {}
    #s1 .vdoArea {}
    #s1 .vdoArea .vdo {}
    #s1 .vdoArea .vdo video {}
    #s1 .cont {width: 28rem;}
    #s1 .cont img {}
}


#s2 {}
#s2 .titArea {padding: 15.2rem 0 6rem;}
#s2 .titArea .ico {width: 14rem;}
#s2 .titArea .subt {padding-top: 7rem; margin-top: 3rem; letter-spacing: 0.1em}
#s2 .titArea .subt::before {content: ''; display: block; position: absolute; width: 1px; height: 4rem; top: 0; left: 50%; background: #222;}
#s2 .titArea .tit {padding-top: 3rem;}
#s2 .conArea {}
#s2 .conArea .bgArea {}
#s2 .conArea .bgArea .img {}
#s2 .conArea .bgArea .img img {}
#s2 .conArea .lstArea {gap: 8rem;}
#s2 .conArea .lstArea .lst {width: 36rem; height: 36rem; border-radius: 50%; background: rgba(255,255,255,0.3);}
#s2 .conArea .lstArea .lst + .lst::before {content: ''; display: block; position: absolute; width: 16.6rem; height: 2.5rem; background: url('../img/s2_line.png') center/contain no-repeat; left: -12.3rem; z-index: 1;}
#s2 .conArea .lstArea .cir {width: 30rem; height: 30rem; background: rgba(255,255,255,0.9); border-radius: 50%;}
#s2 .conArea .lstArea .cir::before {}
#s2 .conArea .lstArea .cir .txt {text-align: center;}
#s2 .conArea .lstArea .cir .txt .subt {padding-bottom: 1rem}
#s2 .conArea .lstArea .cir .txt .tit {}
#s2 .conArea .lstArea .cir .txt .tit span {}

@media all and (max-width: 880px){
    #s2 {}
    #s2 .titArea {padding: 8rem 0 4rem;}
    #s2 .titArea .ico {width: 10.4rem;}
    #s2 .titArea .subt {padding-top: 5.5rem; margin-top: 2.5rem; font-size: 1.8rem}
    #s2 .titArea .subt::before {height: 3rem;}
    #s2 .titArea .tit {font-size: 4rem; padding-top: 2rem;}
    #s2 .conArea {}
    #s2 .conArea .bgArea {}
    #s2 .conArea .bgArea .img {}
    #s2 .conArea .bgArea .img img {}
    #s2 .conArea .lstArea {flex-direction: column; gap: 4rem;}
    #s2 .conArea .lstArea .lst {width: 30rem; height: 30rem;}
    #s2 .conArea .lstArea .lst + .lst::before {background: url('../img/s2_line_mo.png') center/contain no-repeat; width: 2.5rem; height: 10.6rem; left: 50%; transform: translateX(-50%); bottom: 89%;}
    #s2 .conArea .lstArea .cir {width: 26rem; height: 26rem;}
    #s2 .conArea .lstArea .cir .txt {}
    #s2 .conArea .lstArea .cir .txt .subt {font-size: 2rem;}
    #s2 .conArea .lstArea .cir .txt .tit {font-size: 3.4rem;}
    #s2 .conArea .lstArea .cir .txt .tit span {}
}


#s3 {}
#s3 .inner {padding: 17rem 0 20rem}
#s3 .inner .titArea {margin-bottom: 7rem;}
#s3 .inner .titArea .subt {line-height: 1; margin-bottom: 4rem; letter-spacing: 0.1em;}
#s3 .inner .titArea .tit {}
#s3 .inner .slideArea {max-width: 176rem; margin-left: auto;}
#s3 .inner .slideArea .nextBtn {cursor: pointer;}
#s3 .inner .slideArea .s3Swiper {overflow: hidden; max-width: 166rem; margin-left: auto}
#s3 .inner .slideArea .s3Pg {display: none;}

@media all and (max-width: 880px) {
    #s3 {}
    #s3 .inner {max-width: var(--innerMo); margin: 0 auto; padding: 11rem 0 9rem;}
    #s3 .inner .titArea {margin-bottom: 4rem;}
    #s3 .inner .titArea .subt {font-size: 1.8rem; margin-bottom: 2rem;}
    #s3 .inner .titArea .tit {font-size: 4rem;}
    #s3 .inner .slideArea {}
    #s3 .inner .slideArea .prevBtn {}
    #s3 .inner .slideArea .s3Swiper {}
    #s3 .inner .slideArea .s3Pg {left: 50%; transform: translateX(-50%); margin-top: 3rem; display: flex; gap: 0.8rem;}
    #s3 .inner .slideArea .s3Pg .swiper-pagination-bullet {width: 1rem; height: 1rem; background: #DBDBDB; opacity: 1;}
    #s3 .inner .slideArea .s3Pg .swiper-pagination-bullet-active {background: #878B2C}
}


#s4 {background: url('../img/s4_bg.jpg') center/cover}
#s4 .inner {padding: 17rem 0 28rem; max-width: 140rem; margin: 0 auto}
#s4 .inner .txtArea {}
#s4 .inner .txtArea .subt {letter-spacing: 0.1em; opacity: 0.5}
#s4 .inner .txtArea .tit {padding: 3.5rem 0 6.4rem;}
#s4 .inner .txtArea .tit span {}
#s4 .inner .txtArea .line {width: 5rem; height: 0.3rem; background: #CDD161;}
#s4 .inner .txtArea .wrt {padding: 4rem 0 3rem;}
#s4 .inner .txtArea .prg {}
#s4 .inner .lstArea {width: 73rem; gap: 3rem; right: -20rem; top: 19%; position: absolute;}
#s4 .inner .lstArea .img:nth-child(2n) {bottom: -10rem}
#s4 .inner .lstArea .img img {}

@media all and (max-width: 880px) {
    #s4 {background: url('../img/s4_bg_mo.jpg') center/cover}
    #s4 .inner {padding: 8rem 0; max-width: var(--innerMo); flex-direction: column; gap: 8rem;}
    #s4 .inner .txtArea {margin-bottom: 6rem;}
    #s4 .inner .txtArea .subt {font-size: 1.6rem;}
    #s4 .inner .txtArea .tit {font-size: 3rem; line-height: 4.2rem; padding: 2.5rem 0 3rem;}
    #s4 .inner .txtArea .tit span {}
    #s4 .inner .txtArea .line {width: 3.5rem; height: 0.2rem;}
    #s4 .inner .txtArea .wrt {font-size: 1.6rem; padding: 2.5rem 0 2rem;}
    #s4 .inner .txtArea .prg {font-size: 2rem;}
    #s4 .inner .lstArea {display: none;}
    #s4 .inner .s4Swiper {overflow: hidden;}
}


#s5 {background: #EFF2E8}
#s5 .inner {max-width: 166rem; margin-left: auto; height: 102rem;}
#s5 .box {display: flex; justify-content: space-between; opacity: 0; z-index: 1; transition: 0.2s;}
#s5 .box.act {opacity: 1; z-index: 2}
#s5 .box .txtArea {padding-top: 13.8rem;}
#s5 .box .txtArea .name {gap: 1.5rem;}
#s5 .box .txtArea .name .n1 {}
#s5 .box .txtArea .name .n2 {}
#s5 .box .txtArea .subt {letter-spacing: 0.3em; line-height: 1; padding: 0.7rem 1.6rem; background: #fff; margin: 3rem 0 5rem;}
#s5 .box .txtArea .tit {line-height: 4rem; margin-bottom: 2.5rem;}
#s5 .box .txtArea .wrt {line-height: 3.2rem; letter-spacing: -0.06em;}
#s5 .box .txtArea .wrt + .wrt {margin-top: 2.3rem;}
#s5 .box .imgArea {position: absolute; right: 0}
#s5 .box .imgArea .img {}
#s5 .btns {gap: 1rem; bottom: 10rem;}
#s5 .btns .btn {width: 14.5rem; background: #E2E2E2; border-radius: 1rem;}
#s5 .btns .btn.on {background: #D4D6B3;}
#s5 .bot {background: #32420F; padding: 4.4rem 0; letter-spacing: -0.06em;}

#s5 .box01 {}
#s5 .box02 {position: absolute; top: 0; width: 100%;}
#s5 .box03 {position: absolute; top: 0; width: 100%;}
#s5 .box04 {position: absolute; top: 0; width: 100%;}

@media all and (max-width: 880px) {
    #s5 {}
    #s5 .inner {height: auto; padding: 6rem 0 5.4rem;}
    #s5 .box {display: none}
    #s5 .box.act {display: block}
    #s5 .box .txtArea {padding: 0; max-width: var(--innerMo); margin: 0 auto;}
    #s5 .box .txtArea .name {gap: 1rem;}
    #s5 .box .txtArea .name .n1 {font-size: 3.6rem;}
    #s5 .box .txtArea .name .n2 {font-size: 2rem;}
    #s5 .box .txtArea .subt {font-size: 1.6rem; letter-spacing: 0.26em; padding: 0.7rem 1.2rem; margin: 2.2rem 0 3rem;}
    #s5 .box .txtArea .tit {font-size: 2rem; line-height: 3rem;}
    #s5 .box .txtArea .wrt {font-size: 1.6rem; line-height: 2.6rem;}
    #s5 .box .txtArea .wrt + .wrt {margin-top: 1.8rem}
    #s5 .box .imgArea {position: relative; padding-left: 2rem; margin-top: 3rem;}
    #s5 .box .imgArea .img {}
    #s5 .btns {position: relative; bottom: 0; gap: 0.6rem; max-width: var(--innerMo); margin: 0 auto; margin-top: 4.2rem;}
    #s5 .btns .btn {}
    #s5 .bot {font-size: 2rem; line-height: 3rem; padding: 3rem 0;}

    #s5 .box01 {}
    #s5 .box02 {position: relative;}
    #s5 .box03 {position: relative;}
    #s5 .box04 {position: relative;}
}


#s6 {background: url('../img/s6_bg.jpg') center/cover}
#s6 .inner {padding: 18rem 0;}
#s6 .titArea {margin-bottom: 5rem;}
#s6 .titArea .subt {margin-bottom: 4rem; padding: 1.2rem 2.4rem; line-height: 1; background: #878B2C; letter-spacing: 0.1em}
#s6 .titArea .tit {}
#s6 .contArea {max-width: 160rem; margin: 0 auto}
#s6 .s6Swiper {overflow: hidden; max-width: 140rem; margin: 0 auto}
#s6 .s6Swiper .slide {box-shadow: 0 0 1rem rgba(0,0,0,0.1)}
#s6 .s6Prev {}
#s6 .s6Next {}

@media all and (max-width: 880px) {
    #s6 {background: url('../img/s6_bg_mo.jpg') center/cover}
    #s6 .inner {max-width: var(--innerMo); padding: 8rem 0 11.6rem;}
    #s6 .titArea {margin-bottom: 4rem;}
    #s6 .titArea .subt {font-size: 1.6rem; padding: 0.7rem 1.1rem; margin-bottom: 2.5rem;}
    #s6 .titArea .tit {font-size: 3.2rem;}
    #s6 .contArea {}
    #s6 .s6Swiper {}
    #s6 .s6Prev {display: none}
    #s6 .s6Next {display: none}
}


#s7 {}
#s7 .inner {padding: 18rem 0 20rem}
#s7 .titArea {margin-bottom: 6rem;}
#s7 .titArea .subt {letter-spacing: 0.15em;}
#s7 .titArea .tit {padding: 3.5rem 0 6rem; line-height: 5.8rem;}
#s7 .titArea .lst {gap: 0.8rem;}
#s7 .titArea .lst li {width: 22rem; border-radius: 2.8rem; background: #E5E5E5; padding: 1.4rem; cursor: pointer;}
#s7 .titArea .lst li.on {font-weight: bold; color: #fff; background: #878B2C}
#s7 .tab {max-width: 160rem; margin: 0 auto; display: none}
#s7 .tab.on {display: block;}
#s7 .tab .slide {max-width: 140rem; margin: 0 auto; overflow: hidden;}
#s7 .tab .prev {cursor: pointer}
#s7 .tab .next {cursor: pointer}
#s7 .tab .swiper-pagination {display: none}

@media all and (max-width: 880px) {
    #s7 {}
    #s7 .inner {max-width: var(--innerMo); padding: 9rem 0 10rem;}
    #s7 .titArea {margin-bottom: 4rem;}
    #s7 .titArea .subt {font-size: 1.6rem;}
    #s7 .titArea .tit {font-size: 2.8rem; padding: 2rem 0 4rem; line-height: 3.8rem;}
    #s7 .titArea .lst {font-size: 1.6rem; flex-wrap: wrap; }
    #s7 .titArea .lst li {width: calc((100% - 0.8rem) / 2); padding: 1.3rem 0;}
    #s7 .titArea .lst li.on {}
    #s7 .tab {}
    #s7 .tab .slide {}
    #s7 .tab .slide .prev {}
    #s7 .tab .slide .next {}
    #s7 .tab .swiper-pagination {display: flex; gap: 0.8rem; margin-top: 4rem; justify-content: center; position: relative;}
    #s7 .tab .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; background: #DBDBDB; opacity: 1;}
    #s7 .tab .swiper-pagination .swiper-pagination-bullet-active {background: #878B2C}
}


#s8 {}
#s8 .inner {max-width: 140rem;}
#s8 .titArea {margin-bottom: 7rem;}
#s8 .titArea .subt {letter-spacing: 0.1em; padding-bottom: 4rem;}
#s8 .titArea .tit {}
#s8 .lstArea {gap: 2.5rem;}
#s8 .lstArea .lst {}
#s8 .lstArea .lst .img {}
#s8 .lstArea .lst .tit {padding: 4rem 0 1.5rem; line-height: 4.4rem;}
#s8 .lstArea .lst .wrt {line-height: 3.8rem;}

@media all and (max-width: 880px) {
    #s8 {}
    #s8 .inner {max-width: var(--innerMo);}
    #s8 .titArea {margin-bottom: 4rem;}
    #s8 .titArea .subt {font-size: 1.8rem; padding-bottom: 2rem;}
    #s8 .titArea .tit {font-size: 3.8rem; line-height: 4.8rem;}
    #s8 .lstArea {flex-direction: column;}
    #s8 .lstArea .lst {width: 100%;}
    #s8 .lstArea .lst .img {}
    #s8 .lstArea .lst .tit {padding: 2.5rem 0 1.5rem; font-size: 3rem; line-height: 4rem;}
    #s8 .lstArea .lst .wrt {font-size: 2.2rem; line-height: 3.4rem;}
}


#s9 {}
#s9 .inner {max-width: 135.3rem; margin: 0 auto; gap: 6rem; padding: 18rem 0 20rem;}
#s9 .img {width: 67rem;}
#s9 .txts {}
#s9 .txts .logo {width: 23rem;}
#s9 .txts .tit {letter-spacing: -0.06em; line-height: 5.8rem; padding: 4rem 0 3rem;}
#s9 .txts .subt {letter-spacing: 0.2em}

@media all and (max-width: 880px) {
    #s9 {}
    #s9 .inner {max-width: var(--innerMo); flex-direction: column; padding: 10rem 0 8rem;}
    #s9 .img {width: 100%}
    #s9 .txts {display: flex; flex-direction: column; align-items: center; text-align: center;}
    #s9 .txts .logo {width: 19.2rem;}
    #s9 .txts .tit {font-size: 3.5rem; line-height: 4.5rem; padding: 2.5rem 0;}
    #s9 .txts .subt {font-size: 1.6rem;}
}


#s10 {background: url('../img/s10_bg.jpg') center/cover}
#s10 .inner {max-width: 140rem; padding: 18rem 0;}
#s10 .txtArea {justify-content: space-between; margin-bottom: 9rem;}
#s10 .txtArea .subt {letter-spacing: 0.1em}
#s10 .txtArea .tit {padding: 4rem 0 7.5rem; letter-spacing: -0.06em}
#s10 .txtArea .btn {width: 35.2rem; display: inline-block;}
#s10 .txtArea .wrt {line-height: 3.8rem; bottom: -1rem; right: 0;}
#s10 .imgArea {gap: 4rem;}
#s10 .imgArea .img01 {}
#s10 .imgArea .img02 {}

@media all and (max-width: 880px) {
    #s10 {background: url('../img/s10_bg_mo.jpg') center/cover}
    #s10 .inner {max-width: var(--innerMo); padding: 9rem 0;}
    #s10 .txtArea {}
    #s10 .txtArea .subt {font-size: 1.8rem;}
    #s10 .txtArea .tit {font-size: 4rem; padding: 2rem 0 3.5rem; line-height: 1}
    #s10 .txtArea .btn {width: 100%; text-align: center;}
    #s10 .txtArea .btn img {width: 26rem; margin: 0 auto;}
    #s10 .txtArea .moImg {margin: 5rem 0 4rem;}
    #s10 .txtArea .wrt {position: relative; font-size: 1.6rem; line-height: 2.6rem;}
    #s10 .imgArea {display: none}
}


#s11 {background: #32420F}
#s11 .inner {max-width: 140rem; padding: 8rem 0 15rem;}
#s11 .title {margin-bottom: 7rem;}
#s11 .cont {gap: 8rem;}
#s11 .mapArea {width: 70rem; flex-shrink: 0}
#s11 .infoArea {width: 100%}
#s11 .infoArea .area {}
#s11 .infoArea .area + .area {padding-top: 3rem; margin-top: 3rem; border-top: 1px solid rgba(255,255,255,0.2);}
#s11 .infoArea .area .tit {gap: 1.2rem; margin-bottom: 2rem;}
#s11 .infoArea .area .tit img {}
#s11 .infoArea .call .num {}
#s11 .infoArea .time .lst {}
#s11 .infoArea .time .lst li {gap: 2.8rem;}
#s11 .infoArea .time .lst li + li {margin-top: 1rem;}
#s11 .infoArea .time .lst li .day {min-width: 11.2rem;}
#s11 .infoArea .time .prg {margin-top: 1.5rem;}
#s11 .infoArea .loca {}
#s11 .infoArea .loca .txt {}
#s11 .infoArea .loca .prg {margin-top: 1.5rem;}

@media all and (max-width: 880px) {
    #s11 {}
    #s11 .inner {max-width: var(--innerMo); padding: 7rem 0 11rem;}
    #s11 .title {font-size: 2.8rem; margin-bottom: 3.5rem; text-align: center;}
    #s11 .cont {gap: 3.6rem; flex-direction: column;}
    #s11 .mapArea {width: 100%}
    #s11 .infoArea {}
    #s11 .infoArea .area {}
    #s11 .infoArea .area + .area {margin-top: 2.4rem; padding-top: 2.4rem;}
    #s11 .infoArea .area .tit {font-size: 2rem; gap: 0.8rem; margin-bottom: 1.5rem;}
    #s11 .infoArea .area .tit img {width: 1.8rem;}
    #s11 .infoArea .call .num {font-size: 3rem;}
    #s11 .infoArea .time .lst {font-size: 1.5rem;}
    #s11 .infoArea .time .lst li {}
    #s11 .infoArea .time .lst li + li {margin-top: 0.8rem;}
    #s11 .infoArea .time .lst li .day {min-width: 9.4rem;}
    #s11 .infoArea .time .prg {font-size: 1.4rem; margin-top: 1.2rem;}
    #s11 .infoArea .loca {}
    #s11 .infoArea .loca .txt {font-size: 1.5rem;}
    #s11 .infoArea .loca .prg {font-size: 1.4rem; margin-top: 1.2rem;}
}







/**/