#header {z-index: 9999}
#header .pc_header {}
#header .pc_header .inner {padding: 2.7rem 0; max-width: 142rem; transition: 0.4s}
#header .pc_header .logo {margin-right: 1.4rem;}
#header .pc_header .txt {padding: 0.8rem 2rem; border: 1px solid #195A31;}
#header .pc_header .gnb {margin-left: auto;}
#header .pc_header .gnb li {width: 14rem;}
#header .pc_header .gnb li a {display: block;}
#header .pc_header .gnb li a:hover {font-weight: 400}
#header .pc_header.change .inner {padding: 2rem 0;}

#float {z-index: 999; right: 8rem}
#float .bar {background: #222527; margin-bottom: 2.7rem; padding: 2.4rem 0 3rem; border-radius: 20px}
#float .bar .lst {padding: 0 0 2.6rem; width: 6rem; border-bottom: 1px solid #454C53; margin: 0 auto; margin-bottom: 2rem;}
#float .bar .lst li + li {margin-top: 2.2rem}
#float .bar .lst li a {display: block; text-align: center;}
#float .bar .lst li a img {width: 2.4rem; margin: 0 auto;}
#float .bar .lst li a img:hover {filter: brightness(100);}
#float .bar .num {color: #ABEF5C}
#float .bar .num .ico {width: 1.4rem; margin-bottom: 0.8rem;}
#float .top {width: 8.8rem; transition: 0.2s; top: 0}
#float .top:hover {top: -0.6rem}

#consult {background: #1D502F; z-index: 999}
#consult .inner {max-width: 124rem; padding: 2.6rem 0;}
#consult .title {margin-right: 3.7rem;}
#consult .inpArea {display: flex; gap: 1.5rem; font-size: 1.6rem;}
#consult .inpArea input {border-radius: 0; background: #fff; width: 18rem; height: 4.5rem}
#consult .inpArea select {border-radius: 0; background: #fff; width: 18rem; height: 4.5rem}
#consult .inpArea .inpName {}
#consult .inpArea .inpPhone {display: flex; align-items: center; gap: 0.3rem;}
#consult .inpArea .inpPhone input {width: 8.7rem}
#consult .inpArea .inpPhone span {color: #fff;}
#consult .inpArea .inpSelect {}
#consult .chkArea {margin-left: 1.4rem;}
#consult .chkArea li {display: flex; align-items: center; gap: 0.6rem;}
#consult .chkArea li + li {margin-top: 0.5rem;}
#consult .chkArea input {width: 1.4rem; height: 1.4rem; top: -1px; margin: 0}
#consult .submitBtn {color: #262626; padding: 1.1rem 3.2rem; background: #89FF00; border-radius: 3rem; margin-left: auto; font-size: 2.6rem; font-weight: 700}

#wrap {overflow: hidden;}

#s1 {}
#s1 .inner {}
#s1 .s1_swiper {overflow: hidden;}

#s2 {}
#s2 .inner {padding: 22rem 0 27rem; max-width: 140.8rem;}
#s2 .tit {width: 92.8rem;}
#s2 .lst {gap: 3.2rem; margin-top: 7rem;}
#s2 .lst li {width: calc((100% - 6.4rem) / 3);}

#s3 {}
#s3 .inner {padding: 16rem 0 14.5rem; background: url('../img/s3_bg_img.png') no-repeat center/cover;}
#s3 .tit {width: 92.8rem;}

#s4 {background: #F6F7F9;}
#s4 .inner {gap: 12.4rem; margin-left: 13%; padding: 24rem 0 16rem;}
#s4 .txt {z-index: 1;}
#s4 .txt .ico {max-width: 2.2rem;}
#s4 .txt .tit {margin: 2.4rem 0 3.1rem;}
#s4 .txt .wrt {}
#s4 .txt .btn {margin-top: 2.4rem; padding: 0;}
#s4 .txt .btn .s4_prev {width: 4rem; height: 4rem; background: url('../img/s4_ico_left.png') center/contain; left: 0;}
#s4 .txt .btn .s4_prev::after {display: none}
#s4 .txt .btn .s4_next {width: 4rem; height: 4rem; background: url('../img/s4_ico_right.png') center/contain; left: 4.8rem; right: auto}
#s4 .txt .btn .s4_next::after {display: none}
#s4 .s4_swiper {overflow: hidden; max-width: 120rem;}
#s4 .s4_swiper .swiper-slide .hover {opacity: 0; transition: 0.2s}
#s4 .s4_swiper .swiper-slide:hover .hover {opacity: 1;}
#s4 .bg_ico {max-width: 33.5rem; bottom: 18%; left: 7%;}

#s5 {}
#s5 .inner {padding: 20rem 0 19.5rem;}
#s5 .tit {width: 109.6rem; margin-bottom: 10rem}
#s5 .s5_swiper {overflow: hidden;}

#s6 {background: #242628}
#s6 .inner {padding: 16.2rem 0 19.3rem;}
#s6 .tit {width: 123.6rem; margin-bottom: 6.4rem;}
#s6 .imgArea {width: 116.7rem;}
#s6 .prg {width: 110rem;}
#s6 .mark {width: 18rem; top: 0; right: 24%;}

#s7 {background: #242628}
#s7 .inner {margin-left: 13%; gap: 15.2rem;}
#s7 .txt_area {}
#s7 .txt_area .tit {margin-bottom: 12.8rem;}
#s7 .txt_area .lst {}
#s7 .txt_area .lst li {max-width: 56.8rem;}
#s7 .txt_area .lst li + li {margin-top: 1.6rem}
#s7 .img_area {max-width: 94.4rem;}
#s7 .img_area .link {max-width: 44rem;}

#s8 {background: #242628}
#s8 .inner {padding: 21.5rem 0 24.4rem; }
#s8 .inner .img {max-width: 140.8rem;}

#s9 {}

#s10 {}

#s11 {}

#s12 {}
#s12 .inner {margin-left: 13%; gap: 8.9rem; padding: 29.4rem 0 31.7rem;}
#s12 .txt_area {}
#s12 .img_area {max-width: 111.4rem;}

#s13 {}
#s13 .inner {padding: 19.1rem 0 17.2rem; background: url('../img/s13_bg_img.png') no-repeat center/cover;}
#s13 .cont {max-width: 132.7rem; gap: 39.4rem;}

#s14 {}
#s14 .inner {max-width: 133rem; padding: 21.3rem 0 10rem;}
#s14 .tit {margin-bottom: 7.2rem; width: 103.5rem;}
#s14 .lst {gap: 10.4rem;}

#s15 {}
#s15 .inner {padding: 23rem 0 0 0;}
#s15 .tit {margin-bottom: 8.8rem; width: 116.8rem;}

#s16 {}
#s16 .inner {padding: 25.5rem 0; background: url('../img/s16_bg_img.png') no-repeat center/cover;}
#s16 .tit {width: 103.5rem; }

#s17 {}
#s17 .inner {background: #F6F7F9;}
#s17 .txt_area {width: 50%; display: flex; flex-direction: column; justify-content: center;}
#s17 .txt_area .content {width: 51.2rem; margin-left: auto; margin-right: 7.2rem;}
#s17 .txt_area .area + .area {margin-top: 2rem;}
#s17 .txt_area .area .tit {padding-bottom: 0.8rem; margin-bottom: 1.6rem; border-bottom: 1px solid #C9CDD2}
#s17 .txt_area .area .cont {}
#s17 .txt_area .area .cont .wrt {margin-bottom: 0.9rem;}
#s17 .txt_area .area .cont .prg {}
#s17 .txt_area .area .cont .lst {}
#s17 .txt_area .area .cont .lst li + li {margin-top: 0.8rem;}
#s17 .txt_area .area .cont .lst li .day {width: 9rem; margin-right: 2.2rem;}
#s17 .txt_area .area .cont .lst li .day i {font-style: normal;}
#s17 .txt_area .area .cont .prg2 {margin-top: 0.8rem;}
#s17 .txt_area .map {margin: 3.3rem 0 4rem}
#s17 .txt_area .info {line-height: 2.2rem;}
#s17 .img_area {width: 50%;}
#s17 .img_area .s17_swiper {overflow: hidden;}


@media all and (max-width: 880px){
    #header .mo_header {position: fixed; width: 100%; top: 0; z-index: 99; transition: background 0.3s;}
    #header .mo_header.change {background: #fff;}

    #header .mo_header .mo_head {justify-content: space-between; align-items: center; padding: 1.9rem 2.4rem;}
    #header .mo_header .mo_head .menu_call {width: 2.2rem;}
    #header .mo_header .mo_head .logo {width: 13rem}
    #header .mo_header .mo_head .menu_btn {width: 2.4rem;}

    #header .mo_header .mo_menu_wrap {position: fixed; width: 100%; height: 100%; top: 0; display: none;}
    #header .mo_header .mo_menu_wrap .mo_black_bg {width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top:0; left: 0;}

    #header .mo_header .mo_menu_box {width: 80%; height: 100%; margin-left: auto; background: #fff; right: -100%; transition: 1s;}
    #header .mo_header .mo_menu_box .menu_logo {padding: 20px 25%;}

    #header .mo_header .menu_gnb {padding: 20px;}
    #header .mo_header .menu_gnb_lst {padding: 8px; border-bottom: 1px solid #e1e1e1;}
    #header .mo_header .menu_gnb_lst a {}
    #header .mo_header .menu_gnb_lst .gnb_name {font-size: 1.8rem; display: block;}

    #float {top: auto; bottom: 4rem; right: 2.4rem; transform: none; width: 5.6rem;}
    #float img {filter: drop-shadow(0 3px 6px rgba(0,0,0,0.15)); width: 5.6rem}
    #float .bar_mo {margin-bottom: 0.8rem;}
    #float .bar_mo ul {display: none;}
    #float .bar_mo ul li {}
    #float .bar_mo ul li + li {margin-top: 2px;}
    #float .bar_mo .plus {margin-top: 2px}
    #float .top {}

    #consult {}
    #consult .inner {flex-direction: column; max-width: 92%; padding: 1.2rem 0; gap: 0.8rem;}
    #consult .title {display: none;}
    #consult .inpArea {flex-wrap: wrap; gap: 0.5rem; justify-content: center;}
    #consult .inpArea input {width: 100%; height: 3.6rem; font-size: 1.4rem;}
    #consult .inpArea select {width: 100%; height: 3.6rem; font-size: 1.4rem;}
    #consult .inpArea .inpName {width: calc((100% - 0.5rem) / 2)}
    #consult .inpArea .inpPhone {}
    #consult .inpArea .inpPhone input {width: 100%}
    #consult .inpArea .inpPhone span {font-size: 1.2rem;}
    #consult .inpArea .inpSelect {width: calc((100% - 0.5rem) / 2)}
    #consult .chkArea {margin: 0; display: flex; align-items: center; gap: 0.8rem; font-size: 1rem;}
    #consult .chkArea li {}
    #consult .chkArea li + li {margin: 0;}
    #consult .chkArea input {top: 0; width: 1.2rem; height: 1.2rem;}
    #consult .submitBtn {margin: 0; padding: 0.8rem 2rem; font-size: 1.8rem;}

    #wrap {overflow: hidden;}

    #s2 .inner {max-width: 88%; padding: 12rem 0 11rem;}
    #s2 .tit {width: 100%}
    #s2 .lst {margin-top: 4.5rem; gap: 1.6rem;}
    #s2 .lst li {width: calc((100% - 1.6rem) / 2);}

    #s3 .inner {background: url('../img/s3_bg_img_mo.png') no-repeat center/cover; padding: 10.7rem 0;}
    #s3 .tit {width: 100%; max-width: 88%;}

    #s4 .inner {flex-direction: column; max-width: 88%; gap: 4.2rem; margin: 0 auto; padding: 11rem 0 9.5rem;}
    #s4 .txt .tit {font-size: 4.8rem; margin: 3rem 0;}
    #s4 .bg_ico {max-width: 20rem; bottom: auto; left: auto; top: 5%; right: 0;}

    #s5 .inner {padding: 10rem 0 12rem;}
    #s5 .tit {width: 100%; max-width: 88%; margin-bottom: 6.5rem;}

    #s6 .inner {padding: 14rem 0 10.4rem;}
    #s6 .tit {width: 33rem; margin-bottom: 5rem;}
    #s6 .mark {width: 11.3rem; right: 10%;}
    #s6 .imgArea {width: 35.2rem}
    #s6 .prg {width: 36rem; margin-top: 1.2rem;}

    #s7 .inner {flex-direction: column; margin: 0 auto; gap: 4.7rem;}
    #s7 .txt_area {width: 100%; max-width: 88%; margin: 0 auto;}
    #s7 .txt_area .tit {margin-bottom: 3.6rem;}
    #s7 .img_area .link {max-width: 26rem;}

    #s8 .inner {padding: 0}

    #s10 .inner {flex-direction: column-reverse;;}
    #s10 .txt_box {padding: 8rem 0 12rem;}
    #s10 .txt_box .img {width: 100%; max-width: 34.8rem; margin: 0 auto;}

    #s11 .inner {flex-direction: column;}

    #s12 .inner {flex-direction: column; width: 100%; max-width: 88%; margin: 0 auto; padding: 10rem 0 13rem; gap: 5.7rem;}

    #s13 .inner {padding: 12rem 0; background: url('../img/s13_bg_img_mo.png') no-repeat center/cover;}
    #s13 .cont {flex-direction: column; gap: 10rem; width: 100%; max-width: 88%; align-items: baseline;}
    #s13 .cont .txt1 {max-width: 90%}

    #s14 .inner {width: 100%; max-width: 88%; padding: 11rem 0 14rem;}
    #s14 .tit {width: 95%; margin-bottom: 5rem;}
    #s14 .lst {gap: 7rem; flex-direction: column;}

    #s15 .inner {padding: 0;}
    #s15 .tit {width: 81%; margin-bottom: 4.8rem;}
    #s15 .cont {flex-direction: column;}

    #s16 .inner {padding: 18.2rem 0; background: url('../img/s16_bg_img_mo.png') no-repeat center/cover;}
    #s16 .tit {width: 37.4rem;}

    #s17 .inner {flex-direction: column-reverse; background: transparent;}
    #s17 .txt_area {width: 100%}
    #s17 .img_area {width: 100%}
    #s17 .txt_area .content {width: 100%; max-width: 88%; margin: 0 auto; padding: 8rem 0 11.4rem;}
    #s17 .txt_area .area + .area {margin-top: 4.4rem;}
    #s17 .txt_area .area .cont .wrt {font-size: 1.8rem;}
    #s17 .txt_area .area .cont .prg {font-size: 3.6rem;}
    #s17 .txt_area .area .cont .lst {font-size: 1.8rem;}
    #s17 .txt_area .area .cont .prg2 {margin-top: 1.6rem;}
}


.trigger_top_off {bottom: -5rem; opacity: 0; transition: 1.4s}
.trigger_top_on {bottom: 0; opacity: 1; transition: 1.4s}

.trigger_left_off {right: -5rem; opacity: 0; transition: 1.4s;}
.trigger_left_on {right: 0; opacity: 1; transition: 1.4s;}

.trigger_right_off {left: -5rem; opacity: 0; transition: 1.4s;}
.trigger_right_on {left: 0; opacity: 1; transition: 1.4s;}

.trigger_bot_off {top: -5rem; opacity: 0; transition: 1.4s}
.trigger_bot_on {top: 0; opacity: 1; transition: 1.4s}

.trigger_opa_off {opacity: 0; transition: 1.4s}
.trigger_opa_on {opacity: 1; transition: 1.4s}

.trigger_fil_off {filter: blur(20px); opacity: 0; transition: 1.4s}
.trigger_fil_on {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_blur {filter: blur(20px); opacity: 0; transition: 1.4s}
.fillter_blur.fillter_off {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_left {right: -5rem; opacity: 0; transition: 1.4s;}
.fillter_left.fillter_off {right: 0; opacity: 1; transition: 1.4s;}

.fillter_top {bottom: -5rem; opacity: 0; transition: 1.4s;}
.fillter_top.fillter_off {bottom: 0; opacity: 1; transition: 1.4s;}