@media all and (max-width: 880px){
    .inner1400 {max-width: 89%;}
}

#header {z-index: 9999}

.pcHeader {background: #FFFBF0; width: 100%; }
.pcHeader .topArea {padding: 3.2rem 0 0 0;}
.pcHeader .topArea .inner {}
.pcHeader .topArea .logo {}
.pcHeader .topArea .sns {gap: 1.2rem;}
.pcHeader .gnbArea {}
.pcHeader .gnbArea .inner {padding: 2.4rem 0; transition: 0.2s;}
.pcHeader .gnbArea .gnb {gap: 6.4rem;}
.pcHeader .gnbArea .gnb li {}
.pcHeader .gnbArea .gnb li:hover {font-weight: 600}
.pcHeader .gnbArea .gnb li a {display: block; padding: 2rem 0;}
.pcHeader .gnbArea .headBtn {gap: 1.2rem;}
.pcHeader .gnbArea .headBtn .csBtn {padding: 0.8rem; background: #333333; color: #FFFBF0;}
.pcHeader .gnbArea .headBtn .plBtn {padding: 0.8rem; border: 1px solid #333; color: #333;}

.pcHeader.fixed {}
.pcHeader.fixed .gnbArea .inner {padding: 0.4rem 0;}

@media all and (max-width: 880px){
    .moHeader {position: fixed; width: 100%; top: 0;}
    .moHeader .moHead {padding: 2.1rem 0; background: #FFFBF0; z-index: 9999;}
    .moHeader .moHead .logo {width: 11.5rem;}
    .moHeader .moHead .menuBtn {right: 2rem;}
    .moHeader .menuWrap {background: #FFFBF0; position: fixed; width: 100%; height: 100vh; z-index: 999; background: #FFFBF0; overflow-y: scroll; padding-bottom: 3.2rem; transition: 0.6s; top: -100rem;}
    .moHeader .menuWrap::-webkit-scrollbar {display: none}
    .moHeader .menuWrap .gnb {padding: 2.4rem 0; border-bottom: 1px solid #D9D9D9;}
    .moHeader .menuWrap .gnb li {}
    .moHeader .menuWrap .gnb li + li {margin-top: 1.6rem;}
    .moHeader .menuWrap .gnb li a {padding: 0.8rem 0;}
    .moHeader .menuWrap .sns {padding-top: 2.4rem;}
    .moHeader .menuWrap .sns li {}
    .moHeader .menuWrap .sns li + li {margin-top: 1.6rem;}
    .moHeader .menuWrap .sns li a {gap: 0.8rem;}
    .moHeader .menuWrap .csBtn {padding: 1.6rem 0; color: #fff; text-align: center; margin-top: 8rem;}

    .moHeader .menuWrap.act {top: 0}
}

#float {bottom: 3rem; right: 3rem; z-index: 999}
#float li {width: 5rem;}
#float li + li {margin-top: 0.6rem;}
#float li a {}

@media all and (max-width: 880px){
    #float {bottom: 1rem; right: 1rem;}
    #float li {width: 3.4rem}
    #float li + li {margin-top: 0.4rem;}
}

#footer {padding: 6rem 0; border-top: 1px solid #D9D9D9}
#footer .inner {max-width: 140rem; align-items: flex-end; gap: 62rem;}
#footer .ftLogo {max-width: 21.8rem; top: 0; left: 0;}
#footer .ftLogo img {margin-bottom: 1.6rem;}
#footer .leftBox {}
#footer .leftBox .btnArea {margin-bottom: 4.6rem; display: flex; flex-direction: column;}
#footer .leftBox .btnArea a {display: inline-block; border: 1px solid #D9D9D9; padding: 1.6rem 0; width: 21.6rem; text-align: center; transition: 0.3s}
#footer .leftBox .btnArea a:hover {color: #fff; background: #333}
#footer .leftBox .btnArea a + a {margin-top: 0.8rem;}
#footer .leftBox .snsArea {gap: 1.6rem;}
#footer .leftBox .snsArea li {}
#footer .leftBox .snsArea li + li {}
#footer .leftBox .snsArea li img {}
#footer .rightBox {}
#footer .rightBox .topArea {margin-bottom: 6rem;}
#footer .rightBox .topArea .call {margin-bottom: 1.6rem}
#footer .rightBox .topArea span {display: inline-block; margin-left: 0.8rem;}
#footer .rightBox .topArea .time {}
#footer .rightBox .botArea {}
#footer .rightBox .botArea .menu {margin-bottom: 1.6rem; display: flex;}
#footer .rightBox .botArea .menu li {}
#footer .rightBox .botArea .menu li + li {margin-left: 0.8rem;}
#footer .rightBox .botArea .name {margin-bottom: 1.6rem;}
#footer .rightBox .botArea .info {line-height: 1.4}
#footer .rightBox .botArea .info li {gap: 0.8rem;}
#footer .rightBox .botArea .info li + li {margin-top: 1.6rem;}
#footer .rightBox .botArea .info li span {min-width: 6.5rem; display: inline-block; min-width: 12.5rem;}
#footer .rightBox .copyArea {margin-top: 4rem;}

@media all and (max-width: 880px){
    #footer .inner {max-width: 89%; flex-direction: column-reverse; gap: 4rem; align-items: baseline;}
    #footer .ftLogo {position: relative; font-size: 1.4rem; margin-bottom: 0;}
    #footer .ftLogo img {width: 11.6rem;}
    #footer .leftBox {width: 100%;}
    #footer .leftBox .btnArea {font-size: 1.2rem; margin-bottom: 2.4rem;}
    #footer .leftBox .btnArea a {display: block; width: 100%; }
    #footer .rightBox .topArea {margin-bottom: 4rem;}
    #footer .rightBox .topArea .call {font-size: 1.4rem; margin-bottom: 0.8rem;}
    #footer .rightBox .topArea .time {font-size: 1.2rem;}
    #footer .rightBox .botArea .name {font-size: 1.3rem;}
    #footer .rightBox .botArea .info {font-size: 1.3rem;}
    #footer .rightBox .botArea .info li span {min-width: 6rem;}
    #footer .rightBox .copyArea {font-size: 1.3rem;}
}

#main {}

.main_visual {}
.main_visual_swiper {}
.main_visual_swiper .swiper-scrollbar {background: #D9D9D9; bottom: 0; height: 4px; left: 50%; transform: translateX(-50%); border-radius: 0}
.main_visual_swiper .swiper-scrollbar-drag {background: #111111;}
.main_visual_txt {z-index: 1; filter: drop-shadow(0 0 20px rgba(0,0,0,0.32));}
.main_visual_txt span {opacity: 0.7}
.main_visual_txt .subt {padding-bottom: 1.6rem;}

@media all and (max-width: 880px){
    .main_visual_txt {font-size: 2.4rem}
    .main_visual_txt .tit {font-size: 3.2rem; line-height: 1.4}
}

.mainS1 {}
.mainS1 .inner {padding: 14rem 0;}
.mainS1 .titArea {margin-bottom: 6rem;}
.mainS1 .titArea .subt {padding-bottom: 1.6rem}
.mainS1 .titArea .tit {padding-bottom: 2.4rem;}
.mainS1 .titArea .wrt {}
.mainS1 .lstArea {gap: 4rem;}
.mainS1 .lstArea .lst {}
.mainS1 .lstArea .lst a {display: block; position: relative;}
.mainS1 .lstArea .lst .imgArea {transition: 0.4s;}
.mainS1 .lstArea .lst .imgArea .img {}
.mainS1 .lstArea .lst .txtArea {top: 12rem;}
.mainS1 .lstArea .lst .txtArea .tit {margin-bottom: 3.2rem; filter: drop-shadow(0 0 20px rgba(68, 43, 10, 0.32));}
.mainS1 .lstArea .lst .txtArea .wrt {line-height: 2.8rem; filter: drop-shadow(0 0 20px rgba(68, 43, 10, 0.32));}

.mainS1 .lstArea .lst:hover .imgArea {transform: scale(1.1);}

@media all and (max-width: 880px){
    .mainS1 .inner {padding: 6rem 0;}
    .mainS1 .titArea {margin-bottom: 4rem;}
    .mainS1 .titArea .subt {font-size: 1.2rem;}
    .mainS1 .titArea .tit {font-size: 2.8rem; padding-bottom: 1.6rem; line-height: 1.3;}
    .mainS1 .titArea .wrt {font-size: 1.4rem; line-height: 1.3;}
    .mainS1 .lstArea {flex-direction: column; gap: 1.6rem; align-items: center;}
    .mainS1 .lstArea .lst .txtArea {top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
    .mainS1 .lstArea .lst .txtArea .tit {font-size: 2.8rem;}
    .mainS1 .lstArea .lst .txtArea .wrt {font-size: 1.6rem; line-height: 2.4rem;}
}

.mainS2 {background: url('../img/main/s2_bg.jpg') no-repeat center/cover;}
.mainS2 .inner {padding: 14rem 0;}
.mainS2 .titArea {margin-bottom: 10rem;}
.mainS2 .titArea .subt {padding-bottom: 1.6rem}
.mainS2 .titArea .tit {padding-bottom: 2.4rem;}
.mainS2 .titArea .wrt {}
.mainS2 .topArea {margin-bottom: 6rem}
.mainS2 .topArea .tit {padding-bottom: 2.4rem;}
.mainS2 .topArea .wrt {margin-bottom: 6rem; line-height: 1.5;}
.mainS2 .topArea .wrt span {position: relative;}
.mainS2 .topArea .wrt span::after {content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #F9D143; bottom: 1px; left: 0}
.mainS2 .topArea .wrt span i {z-index: 1; position: relative;}
.mainS2 .topArea .imgArea {}
.mainS2 .botArea {}
.mainS2 .botArea .tit {padding-bottom: 3.2rem;}
.mainS2 .botArea .wrt {line-height: 1.2;}
.mainS2 .botArea .wrt + .wrt {padding-top: 1.6rem;}
.mainS2 .botArea .wrt span {position: relative;}
.mainS2 .botArea .wrt span::after {content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #F9D143; bottom: 1px; left: 0}
.mainS2 .botArea .wrt span i {z-index: 1; position: relative;}
.mainS2 .botArea .lst {gap: 4rem; margin-top: 6rem;}
.mainS2 .botArea .lst li {}

@media all and (max-width: 880px){
    .mainS2 {background: url('../img/main/s2_bg_mo.jpg') no-repeat center/cover;}
    .mainS2 .inner {padding: 6rem 0;}
    .mainS2 .titArea {margin-bottom: 4rem;}
    .mainS2 .titArea .subt {font-size: 1.2rem;}
    .mainS2 .titArea .tit {font-size: 2.8rem; padding-bottom: 1.6rem; line-height: 1.3;}
    .mainS2 .titArea .wrt {font-size: 1.4rem; line-height: 1.3;}
    .mainS2 .topArea {margin-bottom: 4rem;}
    .mainS2 .topArea .tit {padding-bottom: 1.6rem; font-size: 2rem; line-height: 1.3;}
    .mainS2 .topArea .wrt {font-size: 1.4rem; margin-bottom: 3rem; line-height: 1.3;}
    .mainS2 .botArea .tit {font-size: 1.8rem;}
    .mainS2 .botArea .wrt {font-size: 1.4rem; line-height: 1.3;}
    .mainS2 .botArea .lst {gap: 2rem; margin-top: 3rem;}
}

.mainS3 {background: #FFFBF0;}
.mainS3 .inner {padding: 14rem 0;}
.mainS3 .cont {}
.mainS3 .leftArea {}
.mainS3 .leftArea .titArea {}
.mainS3 .leftArea .titArea .subt {padding-bottom: 1.6rem;}
.mainS3 .leftArea .titArea .tit {}
.mainS3 .leftArea .txt {color: #442B0A; opacity: 0.2; margin-top: 38.6rem; line-height: 1.3;}
.mainS3 .lstArea {gap: 4rem; justify-content: end;}
.mainS3 .lstArea li {}
.mainS3 .lstArea li a {padding: 4rem; width: 32rem; height: 32rem;}
.mainS3 .lstArea li .ico {}
.mainS3 .lstArea li .txt {margin-top: 1.6rem; line-height: 1.3; transition: 0.4s;}
.mainS3 .lstArea li .arrIco {margin: auto 0 0 auto;}
.mainS3 .lstArea li.lst1 {background: rgba(221,215,201,0.5); transition: 0.4s;}
.mainS3 .lstArea li.lst2 {background: rgba(227,219,200,0.5); transition: 0.4s;}
.mainS3 .lstArea li.lst3 {background: rgba(198,190,171,0.5); transition: 0.4s;}
.mainS3 .lstArea li:hover .txt {font-weight: bold}
.mainS3 .lstArea li.lst1:hover {background: rgba(221,215,201,1);}
.mainS3 .lstArea li.lst2:hover {background: rgba(227,219,200,1);}
.mainS3 .lstArea li.lst3:hover {background: rgba(198,190,171,1);}

@media all and (max-width: 880px){
    .mainS3 .inner {padding: 6rem 0;}
    .mainS3 .cont {flex-direction: column; gap: 4rem;}
    .mainS3 .leftArea .titArea .subt {font-size: 1.2rem;}
    .mainS3 .leftArea .titArea .tit {font-size: 2.8rem;}
    .mainS3 .leftArea .txt {display: none;}
    .mainS3 .lstArea {width: 100%; gap: 1.6rem;}
    .mainS3 .lstArea li {width: 100%}
    .mainS3 .lstArea li a {padding: 2.4rem; width: 100%; height: 12.4rem;}
    .mainS3 .lstArea li .ico {width: 3.2rem;}
    .mainS3 .lstArea li .ico img {width: 100%; display: block;}
    .mainS3 .lstArea li .txt {margin-top: 0.8rem; font-size: 1.6rem;}
    .mainS3 .lstArea li .arrIco {position: absolute; right: 2.4rem; top: 50%; transform: translateY(-50%);}
}

.mainS4 {}
.mainS4 .inner {padding: 14rem 0;}
.mainS4 .contArea {gap: 16rem;}
.mainS4 .contArea .slideArea {width: 68rem;}
.mainS4 .contArea .main_s4_top_swiper {}
.mainS4 .contArea .pgArea {margin: 3.5rem auto 0; width: 60%;}
.mainS4 .contArea .pgArea .ms4prev,
.mainS4 .contArea .pgArea .ms4prev2 {opacity: 1; left: -3rem; color: #000;}
.mainS4 .contArea .pgArea .ms4next,
.mainS4 .contArea .pgArea .ms4next2 {opacity: 1; right: -3rem; color: #000;}
.mainS4 .contArea .pgArea .ms4prev.swiper-button-disabled,
.mainS4 .contArea .pgArea .ms4prev2.swiper-button-disabled,
.mainS4 .contArea .pgArea .ms4next.swiper-button-disabled,
.mainS4 .contArea .pgArea .ms4next2.swiper-button-disabled {opacity: 0.4}
.mainS4 .contArea .pgArea .ms4prev::after,
.mainS4 .contArea .pgArea .ms4prev2::after,
.mainS4 .contArea .pgArea .ms4next::after,
.mainS4 .contArea .pgArea .ms4next2::after {font-size: 1.3rem; font-weight: 900;}
.mainS4 .contArea .pgArea .ms4bar,
.mainS4 .contArea .pgArea .ms4bar2 {height: 2px;}
.mainS4 .contArea .pgArea .ms4bar .swiper-scrollbar-drag,
.mainS4 .contArea .pgArea .ms4bar2 .swiper-scrollbar-drag {background: #000}
.mainS4 .contArea .txtArea {}
.mainS4 .contArea .txtArea .tit {}
.mainS4 .contArea .txtArea .wrt {margin-top: 2.4rem; line-height: 1.4;}
.mainS4 .topArea {margin-bottom: 18.8rem;}

@media all and (max-width: 880px){
    .mainS4 .inner {padding: 6rem 0;}
    .mainS4 .contArea {gap: 4rem; flex-direction: column; align-items: baseline;}
    .mainS4 .contArea .slideArea {width: 100%}
    .mainS4 .contArea .txtArea .tit {font-size: 2rem; line-height: 1.3;}
    .mainS4 .contArea .txtArea .wrt {font-size: 1.4rem; margin-top: 1.6rem}
    .mainS4 .contArea .pgArea {margin-top: 2.4rem;}
    .mainS4 .contArea .pgArea .ms4prev::after,
    .mainS4 .contArea .pgArea .ms4prev2::after,
    .mainS4 .contArea .pgArea .ms4next::after,
    .mainS4 .contArea .pgArea .ms4next2::after {font-size: 1.1rem;}

    .mainS4 .topArea {flex-direction: column-reverse; margin-bottom: 12.8rem;}
}

.mainS5 {}
.mainS5 .inner {padding: 14rem 0 12rem;}
.mainS5 .titArea {margin-bottom: 10rem;}
.mainS5 .titArea .subt {padding-bottom: 1.6rem;}
.mainS5 .titArea .tit {}
.mainS5 .topArea {max-width: 92rem; line-height: 1.4; margin-bottom: 12rem;}
.mainS5 .topArea .img {margin-bottom: 6rem;}
.mainS5 .topArea .tit {margin-bottom: 3.2rem;}
.mainS5 .topArea .wrt {}
.mainS5 .midArea {max-width: 92rem; margin-bottom: 12rem;}
.mainS5 .midArea .img {}
.mainS5 .midArea .tit {top: 30rem; line-height: 1.3}
.mainS5 .midArea .tit i {color: #F9D143;}
.mainS5 .midArea .wrt {bottom: 12rem; line-height: 1.6}
.mainS5 .midArea .wrt i {color: #F9D143;}
.mainS5 .botArea {max-width: 92rem;}
.mainS5 .botArea .tit {margin-bottom: 8rem;}
.mainS5 .botArea .lst {}
.mainS5 .botArea .lst li {gap: 4rem;}
.mainS5 .botArea .lst li + li {margin-top: 4rem;}
.mainS5 .botArea .lst li .box {width: 100%; max-width: 44rem; padding: 4rem 0; line-height: 1.4; border: 1px solid #111;}
.mainS5 .botArea .lst li .txt {line-height: 1.6;}
.mainS5 .botArea .lst li .txt span {position: relative;}
.mainS5 .botArea .lst li .txt span::after {content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #F9D143; bottom: 1px; left: 0}
.mainS5 .botArea .lst li .txt span i {z-index: 1;}

@media all and (max-width: 880px){
    .mainS5 .inner {padding: 6rem 0;}
    .mainS5 .titArea {margin-bottom: 4rem;}
    .mainS5 .titArea .subt {font-size: 1.2rem;}
    .mainS5 .titArea .tit {font-size: 2.8rem; line-height: 1.3;}
    .mainS5 .topArea {margin-bottom: 4rem;}
    .mainS5 .topArea .img {margin-bottom: 4rem;}
    .mainS5 .topArea .tit {font-size: 2rem; margin-bottom: 1.6rem;}
    .mainS5 .topArea .wrt {font-size: 1.4rem}
    .mainS5 .midArea {margin-bottom: 8rem;}
    .mainS5 .midArea .tit {font-size: 1.8rem; top: 10rem;}
    .mainS5 .midArea .wrt {font-size: 1.2rem; bottom: 3.2rem; line-height: 1.3;}
    .mainS5 .midArea .wrt i {font-size: 1.4rem;}
    .mainS5 .botArea .tit {font-size: 2rem; margin-bottom: 4rem;}
    .mainS5 .botArea .lst li {flex-direction: column; gap: 2.4rem; align-items: baseline;}
    .mainS5 .botArea .lst li .box {font-size: 1.8rem; padding: 3.2rem 0;}
    .mainS5 .botArea .lst li .txt {font-size: 1.4rem; letter-spacing: -0.3px;}
}

.mainS6 {}
.mainS6 .inner {padding: 14rem 0;}
.mainS6 .titArea {margin-bottom: 6rem;}
.mainS6 .titArea .subt {padding-bottom: 1.6rem;}
.mainS6 .titArea .tit {padding-bottom: 2.4rem;}
.mainS6 .titArea .wrt {}
.mainS6 .slideArea + .slideArea {margin-top: 12rem;}
.mainS6 .slideArea .tit {margin-bottom: 2.4rem;}
.mainS6 .slideArea .moreBtn {margin-top: 6rem}
.mainS6 .slideArea .moreBtn a {border: 1px solid #D9D9D9; gap: 0.8rem; padding: 1.6rem 2.4rem; border-radius: 999px}
.mainS6 .slideArea .moreBtn a img {width: 1.6rem;}
.mainS6 .swiperArea {}
.mainS6 .swiperArea .swiper-wrapper {gap: 3.2rem 4rem; flex-wrap: wrap;}
.mainS6 .swiperArea .swiper-slide {width: calc((100% - 8rem) / 3);}
.mainS6 .swiperArea .swiper-slide .img {overflow: hidden;}
.mainS6 .swiperArea .swiper-slide .img img {transition: 1s;}
.mainS6 .swiperArea .swiper-slide .img:hover img {transform: scale(1.1);}
.mainS6 .swiperArea .swiper-slide .txt {padding-top: 1.6rem;}

@media all and (max-width: 880px){
    .mainS6 .inner {padding: 6rem 0;}
    .mainS6 .titArea .subt {font-size: 1.2rem;}
    .mainS6 .titArea .tit {font-size: 2.8rem; padding-bottom: 1.6rem; line-height: 1.2;}
    .mainS6 .titArea .wrt {font-size: 1.4rem;}
    .mainS6 .slideArea + .slideArea {margin-top: 4rem;}
    .mainS6 .slideArea .tit {font-size: 2rem; margin-bottom: 1.6rem;}
    .mainS6 .swiperArea .swiper-wrapper {flex-wrap: nowrap; gap: 0;}
    .mainS6 .swiperArea .swiper-slide .txt {font-size: 1.4rem;}
    .mainS6 .slideArea .moreBtn {font-size: 1.2rem; margin-top: 2.4rem;}
    .mainS6 .slideArea .moreBtn a {padding: 0.8rem 1.8rem;}
}

.mainS7 {}
.mainS7 .inner {}

.mainS7 .titleBox {width: 42.7%; background: url('../img/main/s7_bg.jpg') center/cover; padding: 12rem 0 0 26rem;}
.mainS7 .titleBox .subt {}
.mainS7 .titleBox .tit {margin: 1.6rem 0 2.4rem;}
.mainS7 .titleBox .wrt {line-height: 1.3;}

.mainS7 .consultBox {width: 57.3%; background: #FFFBF0; padding: 12rem 26rem 12rem 16rem}

.mainS7 .consultBox .iptArea {gap: 3.2rem 4rem;}
.mainS7 .consultBox .iptLst {}
.mainS7 .consultBox .iptLst.half_lst {width: calc((100% - 4rem) / 2);}
.mainS7 .consultBox .iptLst.full_lst {width: 100%}
.mainS7 .consultBox .iptLst .iptTit {padding-bottom: 0.8rem; display: inline-block;}
.mainS7 .consultBox .iptLst .iptTit::after {content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #104D39; border-radius: 100%; top: 0; right: -8px;}
.mainS7 .consultBox .iptLst input {width: 100%; background: transparent; height: 4.8rem; border: 0; border-radius: 0; border-bottom: 1px solid; padding: 0; color: #111; box-shadow: none; font-size: 1.6rem;}
.mainS7 .consultBox .iptLst input::placeholder {color: #999999;}

.mainS7 .consultBox .chkArea {margin: 4.8rem 0; gap: 2.4rem;}
.mainS7 .consultBox .chkLst {}
.mainS7 .consultBox .chkLst input {display: none;}
.mainS7 .consultBox .chkLst input + label {padding-left: 2rem; background: url('../img/ic_check_off.svg') no-repeat; background-position: left center; background-size: 1.6rem;}
.mainS7 .consultBox .chkLst input:checked + label {background: url('../img/ic_check_on.svg') no-repeat; background-position: left center; background-size: 1.6rem;}

.mainS7 .consultBox .txtArea {}
.mainS7 .consultBox .txtArea .tit {padding-bottom: 0.8rem; display: inline-block;}
.mainS7 .consultBox .txtArea .tit::after {content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #104D39; border-radius: 100%; top: 0; right: -8px;}
.mainS7 .consultBox .txtArea textarea {background: #fff; border-radius: 0; border: 1px solid #666666; width: 100%; padding: 1.6rem; height: 12rem; font-size: 1.2rem;}
.mainS7 .consultBox .txtArea .agree {margin-top: 1.6rem;}
.mainS7 .consultBox .txtArea .agree input {display: none;}
.mainS7 .consultBox .txtArea .agree input + label {padding-left: 2rem; background: url('../img/ic_check_off.svg') no-repeat; background-position: left center; background-size: 1.6rem; height: 2rem; line-height: 2rem;}
.mainS7 .consultBox .txtArea .agree input:checked + label {background: url('../img/ic_check_on.svg') no-repeat; background-position: left center; background-size: 1.6rem;}

.mainS7 .consultBox .submitBtn {margin-top: 3.2rem; padding: 2rem 0;}

@media all and (max-width: 880px){
    .mainS7 .inner {flex-direction: column;}

    .mainS7 .titleBox {width: 100%; background: url('../img/main/s7_bg_mo.png') bottom/cover; padding: 6rem 2rem 4rem;}
    .mainS7 .titleBox .subt {font-size: 1.2rem;}
    .mainS7 .titleBox .tit {font-size: 2.8rem; margin: 1.6rem 0;}
    .mainS7 .titleBox .wrt {font-size: 1.4rem;}

    .mainS7 .consultBox {width: 100%; padding: 0 2rem 6rem; padding-top: 4rem;}
    .mainS7 .consultBox .iptArea {gap: 2.4rem 0;}
    .mainS7 .consultBox .iptLst .iptTit {font-size: 1.4rem;}
    .mainS7 .consultBox .iptLst input {height: 4.2rem; font-size: 1.4rem;}

    .mainS7 .consultBox .iptLst.half_lst {width: 100%;}

    .mainS7 .consultBox .chkArea {margin: 4rem 0; flex-direction: column;}
    .mainS7 .consultBox .chkLst input + label {font-size: 1.4rem;}

    .mainS7 .consultBox .txtArea .agree {font-size: 1.4rem;}

    .mainS7 .consultBox .submitBtn {font-size: 1.6rem; padding: 1.6rem 0;}
}

.consult_sec {}
.consult_sec .consultBox {width: 100%; max-width: 116rem; margin: 0 auto}

.consult_sec .consultBox .iptArea {gap: 3.2rem 4rem;}
.consult_sec .consultBox .iptLst {}
.consult_sec .consultBox .iptLst.half_lst {width: calc((100% - 4rem) / 2);}
.consult_sec .consultBox .iptLst.full_lst {width: 100%}
.consult_sec .consultBox .iptLst .iptTit {padding-bottom: 0.8rem; display: inline-block;}
.consult_sec .consultBox .iptLst .iptTit::after {content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #104D39; border-radius: 100%; top: 0; right: -8px;}
.consult_sec .consultBox .iptLst input {width: 100%; background: transparent; height: 4.8rem; border: 0; border-radius: 0; border-bottom: 1px solid; padding: 0; color: #111; box-shadow: none; font-size: 1.6rem;}
.consult_sec .consultBox .iptLst input::placeholder {color: #999999;}

.consult_sec .consultBox .chkArea {margin: 4.8rem 0; gap: 2.4rem;}
.consult_sec .consultBox .chkLst {}
.consult_sec .consultBox .chkLst input {display: none;}
.consult_sec .consultBox .chkLst input + label {padding-left: 2rem; background: url('../img/ic_check_off.svg') no-repeat; background-position: left center; background-size: 1.6rem;}
.consult_sec .consultBox .chkLst input:checked + label {background: url('../img/ic_check_on.svg') no-repeat; background-position: left center; background-size: 1.6rem;}

.consult_sec .consultBox .txtArea {}
.consult_sec .consultBox .txtArea .tit {padding-bottom: 0.8rem; display: inline-block;}
.consult_sec .consultBox .txtArea .tit::after {content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #104D39; border-radius: 100%; top: 0; right: -8px;}
.consult_sec .consultBox .txtArea textarea {background: #fff; border-radius: 0; border: 1px solid #666666; width: 100%; padding: 1.6rem; height: 12rem; font-size: 1.2rem;}
.consult_sec .consultBox .txtArea .agree {margin-top: 1.6rem;}
.consult_sec .consultBox .txtArea .agree input {display: none;}
.consult_sec .consultBox .txtArea .agree input + label {padding-left: 2rem; background: url('../img/ic_check_off.svg') no-repeat; background-position: left center; background-size: 1.6rem; height: 2rem; line-height: 2rem;}
.consult_sec .consultBox .txtArea .agree input:checked + label {background: url('../img/ic_check_on.svg') no-repeat; background-position: left center; background-size: 1.6rem;}

.consult_sec .consultBox .submitBtn {margin-top: 3.2rem; padding: 2rem 0;}

@media all and (max-width: 880px){
    .consult_sec .consultBox {width: 100%; padding: 0 2rem 6rem; padding-top: 2rem;}
    .consult_sec .consultBox .iptArea {gap: 2.4rem 0;}
    .consult_sec .consultBox .iptLst .iptTit {font-size: 1.4rem;}
    .consult_sec .consultBox .iptLst input {font-size: 1.4rem; height: 4.2rem;}
    .consult_sec .consultBox .iptLst.half_lst {width: 100%;}

    .consult_sec .consultBox .chkArea {margin: 4rem 0; flex-direction: column;}
    .consult_sec .consultBox .chkLst input + label {font-size: 1.4rem;}

    .consult_sec .consultBox .txtArea .agree {font-size: 1.4rem;}

    .consult_sec .consultBox .submitBtn {font-size: 1.6rem; padding: 1.6rem 0;}
}


.viewTop {margin-bottom: 6rem; padding-bottom: 1.6rem; border-bottom: 1px solid #ccc;}
.viewTop .leftBox {}
.viewTop .title {font-size: 3.2rem; font-weight: 600; line-height: 1.4;}
.viewTop .bot {}
.viewTop .bot span + span {padding-left: 0.6rem; margin-left: 0.6rem;}
.viewTop .bot span + span::before {content: ''; display: block; position: absolute; width: 1px; height: 60%; top: 50%; transform: translateY(-50%); left: 0; background: #6d6d6d}
.viewTop .cate {font-size: 1.6rem; color: #6d6d6d; font-weight: 500;}
.viewTop .date {font-size: 1.6rem; color: #6d6d6d; font-weight: 500;}
.viewTop .rightBox {display: flex; gap: 0.4rem;}
.viewTop .rightBox .viewTopBtn {font-size: 1.4rem; padding: 0.4rem 1rem; border: 1px solid #333; color: #333; font-family: ui-monospace;}
.viewTop .rightBox .viewTopBtn:hover {background: #333333; color: #fff;}

@media all and (max-width: 880px){
    .viewTop {flex-direction: column; align-items: baseline; gap: 1rem; margin-bottom: 2rem;}
    .viewTop .title {font-size: 2.4rem;}
    .viewTop .cate {font-size: 1.2rem}
    .viewTop .date {font-size: 1.2rem}
    .viewTop .rightBox {margin-left: auto;}
    .viewTop .rightBox .viewTopBtn {font-size: 1rem;}
}


.pg_wrap {float: none; margin-top: 50px; width: 100%; margin-bottom: 1rem}
.pg_wrap:after {display: none}
.pg_wrap .pg {display: flex; align-items: center; justify-content: center; gap: 5px;}
.pg_wrap .pg .pg_page {width: 28px; height: 30px; font-size: 18px; line-height: 28px; font-weight: 400; color: #797979; background: transparent; border: 1px solid #CCCCCC; border-radius: 3px; font-size: 16px; transition: 0.2s;}
.pg_wrap .pg .pg_page:hover {background: #333333; border: 1px solid #333333; color: #fff;}
.pg_wrap .pg .pg_page.pg_start {border: 1px solid #ccc; background: url('../img/ic_first.png') no-repeat center; background-size: 0.6rem}
.pg_wrap .pg .pg_page.pg_prev {border: 1px solid #ccc; background: url('../img/ic_prev.png') no-repeat center; background-size: 0.4rem}
.pg_wrap .pg .pg_page.pg_next {border: 1px solid #ccc; background: url('../img/ic_prev.png') no-repeat center; background-size: 0.4rem; transform: rotate(180deg);}
.pg_wrap .pg .pg_page.pg_end {border: 1px solid #ccc; background: url('../img/ic_first.png') no-repeat center; background-size: 0.6rem; transform: rotate(180deg);}
.pg_wrap .pg .pg_current {width: 28px; height: 30px; line-height: 28px; background: #333333; border: 1px solid #333333; color: #fff; font-weight: 400; font-size: 14px;}