/********************************************************** 
* reveal - 텍스트 효과
***********************************************************/
.reveal { transition:transform 0.8s ease-out, opacity 0.8s ease-out; will-change:transform, opacity; transition-delay: .1s;}
.fade-in { opacity:0; }
.fade-up { transform:translateY(50px); opacity:0; }
.fade-down { transform:translateY(-50px); opacity:0; }
.fade-left { transform:translateX(-100px); opacity:0; }
.fade-right { transform:translate(50%,-0%); opacity:0; }
.active.fade-in { opacity:1; }
.active.fade-up { transform:translateY(0); opacity:1; }
.active.fade-down { transform:translateY(0); opacity:1; }
.active.fade-left { transform:translateX(0); opacity:1; }
.active.fade-right { transform:translate(0,-0%); opacity:1; }
.reveal.highlight:before { width:0%; transition:width 0.8s ease-in-out; }
.reveal.highlight.active:before { width:100%; }


.active.delay_100{transition-delay: .1s}
.active.delay_200{transition-delay: .2s}
.active.delay_300{transition-delay: .3s}
.active.delay_400{transition-delay: .4s}
.active.delay_500{transition-delay: .5s}
.active.delay_600{transition-delay: .6s}
.active.delay_700{transition-delay: .7s}
.active.delay_800{transition-delay: .8s}
.active.delay_900{transition-delay: .9s}
.active.delay_1000{transition-delay: 1.0s}
.active.delay_2000{transition-delay: 2.0s}
.active.delay_2100{transition-delay: 2.1s}
.active.delay_2200{transition-delay: 2.2s}
.active.delay_2300{transition-delay: 2.3s}
.active.delay_2400{transition-delay: 2.4s}
.active.delay_2500{transition-delay: 2.5s}
.active.delay_2600{transition-delay: 2.6s}
.active.delay_2700{transition-delay: 2.7s}
.active.delay_2800{transition-delay: 2.8s}
.active.delay_2900{transition-delay: 2.9s}
.active.delay_3000{transition-delay: 3.0s}
.active.delay_3500{transition-delay: 3.5s}
.active.delay_4000{transition-delay: 4.0s}

header.wh{background: none; border: none;}
header.wh .menu_item > .s-main-ttl{color: #fff;}
header.wh .btn_schedule span{color: #fff;}
header.wh img{filter: brightness(0) invert(1);}

.oracle_header.wh .ico_calendar{filter: brightness(0) invert(1);}
.oracle_header.wh .m_icon i{background: #fff;}
.oracle_header.is_open .m_icon i{background: #000;}
.oracle_header.is_open .ico_calendar{filter: none;}

header.is_open .btn_schedule span{color: #383838;}
header.bn{background: none; border: none;}

.ico_arr{ width: 0.875rem; height: 0.875rem;  background: url(../img/exp_ico_arr.png) 50% 100% / cover no-repeat;  }
.btn-box:hover .ico_arr {background-image: url(../img/foot_arr_ico_c.png) ; }

#sub_top{height: 800px; width: 100%; display: flex; align-items: center; justify-content: center; }
#sub_top .txt-box{color: #FFF; text-align: center; display: flex; flex-direction: column; gap: 22px; display: flex; justify-content: center; align-items: center;}
#sub_top .txt-box h2{font-family: "Goudy Old Style";font-size: 32px; font-style: normal; font-weight: 500; line-height: normal;}
#sub_top .txt-box p{font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.55; /* 155.556% */}

.sub12_bg{background: url("../sub/img/sub12_top.webp") center center / cover no-repeat;}
.sub21_bg{background: url("../sub/img/sub21_bg.webp") center bottom / cover no-repeat;}
.sub22_bg{background: url("../sub/img/sub22_bg.webp") center bottom / cover no-repeat;}
.sub23_bg{background: url("../sub/img/sub23_bg.webp") center bottom / cover no-repeat;}
.sub24_bg{background: url("../sub/img/sub24_bg.webp") center bottom / cover no-repeat;}
.sub25_bg{background: url("../sub/img/sub25_bg.webp") center bottom / cover no-repeat;}
.sub31_bg{background: url("../sub/img/sub31_bg.webp") center bottom / cover no-repeat;}
.sub32_bg{background: url("../sub/img/sub32_bg.webp") center bottom / cover no-repeat;}
.sub42_bg{background: url("../sub/img/sub42_bg.webp") center bottom / cover no-repeat;}
.sub43_bg{background: url("../sub/img/sub43_bg.webp") center bottom / cover no-repeat;}

.bg_FBFAF9{background:#FBFAF9;}

#sub_top02{height: 1164px; width: 100%; padding: 240px 208px 0;}
#sub_top02 .txt-box{color: #383838; text-align: left; display: flex; flex-direction: column; gap: 58px; display: flex; justify-content: center; align-items: left;}
#sub_top02 .txt-top{display: flex; text-align: left; justify-content: center; align-items: left; gap: 18px; flex-direction: column;}

#sub_top02 .txt-box h2{font-family: "Noto Serif KR"; font-size: 42px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.42px;}
#sub_top02 .txt-box h3{font-family: "Noto Sans KR"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 28px;}
#sub_top02 .txt-box p{color: #383838; font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.8; }

.comm-txt-box{display: flex; flex-direction: column; justify-content: center; text-align: center; gap: 38px;}
.comm-txt-box .top-box{display: flex; flex-direction: column; gap: 15px;}
.comm-txt-box .top-txt{color: #356547; font-family: "Goudy Old Style"; font-size: 18px; font-weight: 500; letter-spacing: 0.72px;}
.comm-txt-box .main-txt{color: #383838; font-family: "Noto Serif KR"; font-size: 34px; font-weight: 700; letter-spacing: 0.34px; line-height: normal;}
.comm-txt-box p{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-weight: 400; line-height: 1.66; /* 166.667% */}
.comm-txt-box p span{display: inline-block; padding-top: 12px;}

.sub-sect{padding: 160px 0;}
.sub-sect02{padding: 190px 0;}
.pt-none{padding-top: 0;} 
.pb-none{padding-bottom: 0;} 

section .inner{width: 100%; max-width: 1920px; margin: 0 auto; padding-top: 86px;}
section .inner02{width: 100%; max-width: 1920px; margin: 0 auto; padding-top: 154px;}
section .half-inner{max-width: 1440px; width: 100%; margin: 0 auto; justify-content: start; display: flex;}
section .half-inner02{max-width: 1440px; width: 100%; margin: 0 auto; justify-content: space-between; display: flex;}
section .half-inner03{max-width: 1250px; width: 100%; margin: 0 auto; justify-content: space-between; display: flex;}
section .half-inner > div{display: flex; align-items: center; justify-content: center; flex-direction:column;}
section .half-inner02 > div{display: flex; align-items: center; justify-content: center; flex-direction:column;}
section .half-inner03 > div{display: flex; align-items: center; justify-content: center; flex-direction:column;}

.gap-100{gap: 100px;} 
.gap-86{gap: 86px;} 

.before-after-list{width:100%; max-width: 726px;}
.before-after-list ul{display: flex; gap: 10px; align-items: center; width: 100%;}
.before-after-list li{position: relative;}
.before-after-list li:first-child .tit{background: #A4A4A4;}
.before-after-list li:last-child .tit{background: #356547;}
.before-after-list .tit{top: 0; left: 0; position: absolute; display: flex; width: 100%; height: 46px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-family: "Goudy Old Style"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.64px;}
.before-after-list .tit02{font-family: "Noto Serif KR";}

.before-after-list02{width:100%;}
.before-after-list02 ul{display: flex; gap: 10px; align-items: center; width: 100%; justify-content: center;}
.before-after-list02 li{position: relative;}
.before-after-list02 li:first-child .tit{background: #A4A4A4;}
.before-after-list02 li:nth-child(2) .tit{background: #74925D;}
.before-after-list02 li:last-child .tit{background: #356547;}
.before-after-list02 .tit{top: 0; left: 0; position: absolute; display: flex; width: 100%; height: 46px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-family: "Goudy Old Style"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.64px;}
.before-after-list02 .tit02{font-family: "Noto Serif KR";}

.before-after-list03{width:100%;}
.before-after-list03 ul{display: flex; gap: 10px; align-items: start; width: 100%; justify-content: space-between;}
.before-after-list03 li{position: relative; width: 100%;}
.before-after-list03 .tit{background: #74925D; border-radius: 30px;  top: 0; left: 50%; position: absolute; display: flex; max-width: 228px; width: 100%; padding: 14px 0; justify-content: center; align-items: center; color: #FFF; font-family: "Noto Serif KR"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.5; /* 150% */ transform: translate(-50% , -50%);}
.before-after-list03 .gif-box{width: 100%; height: 460px; overflow: hidden;}
.before-after-list03 .gif-box img{width: 100%; height: 100%; object-fit: cover;}
.before-after-bottom{padding-top: 18px;}
.before-after-bottom02{padding-top: 86px;}
.before-after-bottom03{padding-top: 28px;}
.before-after-bottom04{padding-top: 28px;}

.before-after-bottom p{color: #383838; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-align: center;}
.before-after-bottom p b{color: #356547;}
.before-after-bottom02 p{font-size: 18px; font-weight: 400; color: #383838; font-family: "Noto Sans KR"; font-style: normal; line-height: normal; text-align: center;}
.before-after-bottom03 p{color: #383838; text-align: center; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66; /* 166.667% */}
.before-after-bottom04 p{margin: 0 auto; width: fit-content; color: #383838; text-align: center; font-family: "Noto Serif KR"; font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.5; /* 150% */ position: relative;}
.before-after-bottom04 p span{position: relative; z-index: 2;}
.before-after-bottom04 p::after{display: inline-block; position: absolute; width: 101%; height: 10px; background: #DEE5D5; bottom: 2px; left: 50%; transform: translateX(-50%); content: ""; z-index: 0;}
section .list_inner {max-width: 1370px; width: 100%; margin: 0 auto;}
section .list_inner ul{width: 100%; display: flex; gap:25px; align-items: center; justify-content: center;}
section .list_inner ul li{border-radius: 20px; overflow: hidden; color: #FFF;  width: 100%; height: 242px; padding: 44px 38px; display: flex; flex-direction: column; gap: 20px;}
section .list_inner ul li h5{text-align: left; font-family: "Noto Sans KR"; font-size: 26px; font-style: normal; font-weight: 700; line-height: 1.15; /* 115.385% */}
section .list_inner ul li p{font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.5; /* 150% */}
section .list_inner ul li:first-child{background:#BDC38B url("../sub/img/sub22_sect02_bg01.webp") center bottom / cover no-repeat;}
section .list_inner ul li:nth-child(2){background:#74925D url("../sub/img/sub22_sect02_bg02.webp") center bottom / cover no-repeat;}
section .list_inner ul li:last-child{background:#356547 url("../sub/img/sub22_sect02_bg03.webp") center bottom / cover no-repeat;}

section .list_inner02 {max-width: 1445px; width: 100%; margin: 0 auto;}
section .graph_inner{max-width: 1260px; width: 100%; margin: 0 auto;}
.side-txt .txt{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66; /* 166.667% */ padding-bottom: 38px;}
.side-txt .txt02{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66; /* 166.667% */ padding-top: 38px;}

.highlight-txt{position: relative; width: fit-content;color: #383838; text-align: left; font-family: "Noto Serif KR"; font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.5; z-index: 1;}
.highlight-txt:before{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 101%; height: 50%; background-color: #D4DACC; content: ''; z-index: -1;}

.sub-eyeline-video{width: 100%; max-width: 726px;}
.sub-eyeline-video video{width: 100%; height: 100%; object-fit: cover;}

.sub23-gif-box{width: 100%; max-width: 550px; height: 460px; overflow: hidden;}
.sub23-gif-box img{width: 100%; height: 100%; object-fit: cover;}
.sub23-gif-box video{width: 100%; height: 100%; object-fit: cover;}

#sub12_sect02 .swiper-button-prev:after,#sub12_sect02 .swiper-button-next::before, #sub12_sect02 .swiper-button-next:after{display: none;}
#sub12_sect02 .swiper-button-next,#sub12_sect02 .swiper-button-prev{width: 52px; height: 52px;}
#sub12_sect02 .swiper-button-prev{left: 13.5%;}
#sub12_sect02 .swiper-button-next{right: 13.5%;}
#sub12_sect02 .custom-pagination{width: 100%; max-width: 370px; margin: 0 auto; display: flex; align-items: center; gap: 30px; padding-top: 28px; justify-content: center;} 
#sub12_sect02 .pagination-progress-fill{height: 100%; display: block; background: #284700; border-radius: 10px; transition: .5s;}
#sub12_sect02 .pagination-progress{width: 100%; max-width: 270px; height: 5px; border-radius: 10px; background: #D9D9D9;}
#sub12_sect02 .pagination-fraction{font-family: "Goudy Old Style"; font-size: 20px; color: #767676;}
#sub12_sect02 .pagination-fraction .total{color: #383838;}

#sub12_sect03{background: #FFFAF4;}
#sub12_sect03 .sub12_list{width: 100%;}
#sub12_sect03 .sub12_list ul{justify-content: space-between; gap: 24px; display: flex; align-items: end;}
#sub12_sect03 .sub12_list ul li{color: #FFF; width: 100%; padding: 60px; display: flex; flex-direction: column; gap: 2px; height: 620px; justify-content: end;}
#sub12_sect03 .sub12_list ul li span{font-family: "Goudy Old Style"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.6; /* 160% */}
#sub12_sect03 .sub12_list ul li .bottom-box h5{font-family: "Noto Sans KR"; font-size: 32px; font-weight: 700; line-height: 1.31; /* 131.25% */}
#sub12_sect03 .sub12_list ul li .bottom-box p{ font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.6; /* 160% */}
#sub12_sect03 .sub12_list ul li .bottom-box{display: flex; gap: 24px; flex-direction: column;}
#sub12_sect03 .sub12_list ul li:first-child{background: url("../sub/img/sub12_sect03_img01.webp") center center / cover no-repeat;}
#sub12_sect03 .sub12_list ul li:nth-child(2){background: url("../sub/img/sub12_sect03_img02.webp") center center / cover no-repeat;}
#sub12_sect03 .sub12_list ul li:last-child{background: url("../sub/img/sub12_sect03_img03.webp") center center / cover no-repeat;}

.before-after-board{background: #FBFAF9;}
.before-after-board .inner{margin: 0 auto; max-width: 1440px;}

#last-sect{display: flex;justify-content: space-between; background: #F8F4F1;}
#last-sect .left-cont{display: flex; flex-direction: column; gap: 38px; justify-content: center; align-items: center;}
#last-sect .left-cont > .left-box{display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 60px;}
#last-sect .left-cont .highlight-txt{margin: 0 auto;}
#last-sect .right-cont img{width: 100%;}
#last-sect .txt{color: #383838; text-align: center; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66;}
#last-sect .txt b{font-weight: 600;}
#last-sect > div{width: 100%;}
.btn-box a{border: 1px solid #356547; transition: .5s; display: flex; display: flex; padding: 10px 22px; align-items: center; gap: 14px; background: #356547; border-radius: 30px; overflow: hidden; color: #FFF; text-align: center; font-family: "Noto Sans KR"; font-size: 17px; font-style: normal; font-weight: 400; line-height: 1.76; /* 176.471% */}
.btn-box:hover a{background: #fff; color: #356547;}

.bgtxt-sect{overflow: hidden; border-radius: 50px; color: #FFF; text-align: center;  padding: 100px; text-align: center; display: flex; flex-direction: column;  align-items: center; justify-content: center; width: 100%; max-width: 1680px; margin: 0 auto;}
.bgtxt-sect-bg01{background: url("../sub/img/sub23_sect04_bg.webp") center center / cover no-repeat;}
.bgtxt-sect-bg02{background: url("../sub/img/sub24_sect04_bg.webp") center center / cover no-repeat;}
.bgtxt-sect-bg03{background: url("../sub/img/sub25_sect04_bg.webp") center center / cover no-repeat;}
.bgtxt-sect-bg04{background: url("../sub/img/sub31_sect04_bg.webp") center center / cover no-repeat;}

.bgtxt-sect .comm-txt-box .top-txt{color: #fff;}
.bgtxt-sect .comm-txt-box .main-txt{color: #fff;}
.bgtxt-sect .txt-wrap{display: flex; flex-direction: column; gap: 86px;}
.bgtxt-sect .txt-wrap > .txt{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 38px; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66; /* 166.667% */}
.bgtxt-sect .txt-wrap .bottom-txt p{font-family: "Noto Sans KR"; font-size: 22px; font-style: normal; font-weight: 400; line-height: 1.63; /* 163.636% */}
.bgtxt-sect .txt-wrap .bottom-txt p b{font-weight: 700;}


.rv_ba_label b{font-weight: 500;}

.graph-list ul{display: flex; flex-direction: column; width: 100%;}
.graph-list ul li{display: flex; align-items: center; justify-content: center; width: 100%; border-bottom: 1px solid #EAE5DD;}
.graph-list ul li div{padding: 30px 0; width: 100%; text-align: center;  height: 116px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.graph-list ul li div:first-child{max-width: 174px;}
.graph-list ul li div:nth-child(2){max-width: 174px;}
.graph-list ul li div:nth-child(3){max-width: 135px;}
.graph-list ul li div:nth-child(4){max-width: 310px;}
.graph-list ul li div:last-child{max-width: 467px;}
.graph-list ul li div.img-box{padding: 10px 40px;}
.graph-list ul li.first-list div{padding:30px; background:#8F887D; height: 92px;}
.graph-list ul li.first-list h4{color: #FFF; text-align: center; font-family: "Noto Serif KR"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal;}
.graph-list ul li:nth-child(4) div{ height: 144px;}

.graph-list ul li:nth-child(3){background: rgba(252, 253, 250, 0.30);}
.graph-list ul li:nth-child(4){background: rgba(252, 253, 250, 0.60);}
.graph-list ul li:last-child{background: #FCFDFA; border-bottom: none;}

.graph-list .txt01{color: #356547; font-family: "Noto Serif KR"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 1.55; /* 155.556% */}
.graph-list .txt02{color: #383838; font-family: "Noto Serif KR"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.55; /* 155.556% */}
.graph-list .txt03{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.55; /* 155.556% */ position: relative;}
.graph-list .txt03::after{display: inline-block; position: absolute; width: 101%; height: 10px; background: #DEE5D5; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; z-index: 1;}
.graph-list .txt03 b{position: relative; z-index: 2; font-weight: 500;}
.graph-list .txt04{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.55; /* 155.556% */}
.graph-list .txt04 b{font-weight: 500;}

section  .half-cont {width: 100%; max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto; gap: 86px;}
section  .half-cont .half-content{display: flex; justify-content: space-between; align-items: center;}

.half-cont .txt-box{display: flex; flex-direction: column; gap: 38px; position: relative; }
.half-cont .txt-box h4{position: absolute; left: 0; top: 0; transform: translate(-50% , -80% ); color: rgba(53, 101, 71, 0.08); font-family: "Noto Sans KR"; font-size: 64px; font-style: normal; font-weight: 700; line-height: .48; /* 46.875% */}
.half-cont .txt-box .txt{display: flex; flex-direction: column; gap: 28px;}
.half-cont .txt-box h3{color: #356547; font-family: "Noto Serif KR"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 1.07; /* 107.143% */}
.half-cont .txt-box .txt p{color: #383838; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.66; }
.half-cont .txt-box .txt .txt02 p {display: inline-block; color: #383838; font-family: "Noto Serif KR"; font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.5; /* 150% */ position: relative; width: fit-content;}
.half-cont .txt-box .txt .txt02 p::after{display: inline-block; position: absolute; width: 101%; height: 10px; background: #DEE5D5; bottom: 2px; left: 50%; transform: translateX(-50%); content: ""; z-index: -1;}

section .card-inner{display: flex; justify-content: space-between; width: 100%; margin: 0 auto; max-width: 1440px; gap: 25px;}
.card-cont{color: #FFF; text-align: left; height: 406px; padding: 44px 38px; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: start;}
.card-cont h3{font-family: "Goudy Old Style"; font-size: 26px; font-style: normal; font-weight: 700; line-height: 1.15; /* 115.385% */}
.card-cont .bottom{display: flex; flex-direction: column; gap: 20px;}
.card-cont .bottom h4{font-family: "Noto Sans KR"; font-size: 26px; font-style: normal; font-weight: 700; line-height: 1.15; /* 115.385% */}
.card-cont .bottom p{font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.5; /* 150% */}
.card01{background: url("../sub/img/sub42_sect04_bg.webp") center center / cover no-repeat;}
.card02{background: url("../sub/img/sub42_sect04_bg02.webp") center center / cover no-repeat;}

.sec_consult {padding:0 0 6.2rem;  background: #F5F1ED ;}
.sec_consult .inner { max-width:104.5rem; margin: 0 auto;}
.sec_consult .consult_content {display:flex; align-items:center; justify-content:space-between; gap:6.25rem;}
.sec_consult .img_box {width:60rem;  }
.sec_consult .img_box img {width:100%; height:auto; display:block;}
.sec_consult .txt_box {width:45%;} 
.sec_consult .txt_box .main_sub_ttl {font-size:2.125rem;  }
.sec_consult .txt_box .main_ttl_desc {margin-top:2.38rem;  }
.sec_consult .btn_wrap {margin-top:5.6rem;}
.sec_consult .btn_more_green {display:inline-flex; align-items:center; gap:0.625rem; padding:1.1rem 1.6rem;  color:#fff;   text-decoration:none;} 
.sec_consult .point_txt {font-size:1.5rem;   font-weight:600;  text-align: center; font-family: "Noto Serif KR"; margin: 1.8rem auto 0;}
.sec_consult .highlight {display:inline-block; position:relative; z-index:1; padding:0 0.1rem; background: none;}
.sec_consult .highlight::before {content:''; position:absolute; bottom: 0; left:0; width:100%; height:60%; background: rgba(40, 71, 0, 0.20); z-index:-1;  }
 .main_sub_ttl {font-size:2.125rem; line-height:1.3; font-weight:700; font-family: "Noto Serif KR", serif; }
.main_ttl_desc {margin-top:2.5rem; font-size:1.125rem;  line-height:1.6;}
.btn_more_green { background:#356547; transition:0.3s; font-size:1.0625rem; border-radius:62.4375rem;}
.btn_more_green:hover { background:#46341A; }

.font-noto{font-family: "Noto Serif KR"!important; font-size: 14px;}
.mb-190{margin-bottom: 190px;}
.mo_1024{display: none !important;}
.pc_1024{display: block !important;}
.mo{display: none;}
.pc{display: block;}
@media screen and (max-width: 1024px) {
    section{overflow-x: hidden;}
    body{overflow-x: hidden;}
    .mo_1024{display: block!important;}
    .pc_1024{display: none!important;}
    .mo{display: block;}
    .pc{display: none;}
    section article.inner{padding-top: 50px;}
    #sub_top{height: 100svh;}
    #sub_top .txt-box p{font-size: min(4.3vw, 18px);}
    .sub-sect{padding: 80px 5%;}
    .comm-txt-box{gap: 20px;}
    .comm-txt-box .top-box{gap: 15px;}
    .comm-txt-box .main-txt{font-size: min(7vw, 28px); line-height: normal;}
    .comm-txt-box p{font-size: min(3.8vw, 16px);}
    .comm-txt-box .top-txt{font-size: min(3.5vw, 16px);}

    #sub12_sect02 .pagination-fraction{font-size: min(3.2vw, 16px);}
    #sub12_sect03 .sub12_list ul{flex-wrap: wrap;}
    #sub12_sect02 .swiper-button-prev{left: 0;}
    #sub12_sect02 .swiper-button-next{right: 0;}
    #sub12_sect02 .swiper-button-next img, #sub12_sect02 .swiper-button-prev img{filter: brightness(0) invert(1);}
    #sub12_sect03 .sub12_list ul li{height: 80vw; padding: 40px 20px;}
    #sub12_sect03 .sub12_list ul li .bottom-box{gap: 15px;}
    #sub12_sect03 .sub12_list ul li span{font-size: 18px; font-weight: 500;}
    #sub12_sect03 .sub12_list ul li .bottom-box h5{font-size: min(7vw, 28px);}
    #sub12_sect03 .sub12_list ul li .bottom-box p{font-size: min(3.8vw, 16px);}
    #sub12_sect02 .custom-pagination{padding-top: 15px; gap: 10px;}
    #sub_top02{padding: 150px 0; display: flex; flex-direction: column;  justify-content: start; text-align: center; height: 800px; overflow: hidden;}
    #sub_top02 .txt-top{text-align: center; gap: 15px;}
    #sub_top02 .txt-box{gap: 20px;}
    #sub_top02 .txt-box p{text-align: center; font-size: min(3.8vw, 16px);}
    #sub_top02 .txt-box h3{font-size: min(3.8vw, 16px)}
    #sub_top02 .txt-box h2{font-size: min(7vw, 28px);}
    .sub-sect02{padding: 80px 5%;}
    #last-sect .left-cont{padding: 80px 5% 0;}
    section .inner{padding-top: 50px;}
    section .half-inner{flex-direction: column; gap: 50px;}
    section .half-inner02{flex-direction: column; gap: 50px;}
    section .half-inner03{flex-direction: column; gap: 50px;}
    #last-sect{flex-direction: column; gap: 50px;}
    #last-sect .left-cont > .left-box{gap: 50px;}
    .side-txt{text-align: center;}
    .side-txt .txt{padding-bottom: 20px; font-size: min(3.8vw, 16px);}

    .before-after-bottom{padding-top: 10px;}
    .before-after-bottom02{padding-top: 50px;}
    .before-after-bottom03{padding-top: 20px;}
    .before-after-bottom04{padding-top: 20px;}
    .before-after-bottom p{font-size: min(3.8vw, 16px)}
    .before-after-bottom02 p{font-size: min(3.8vw, 16px)}
    .before-after-bottom03 p{font-size: min(3.8vw, 16px)}
    .before-after-bottom04 p{font-size: min(3.8vw, 16px)}
    
    #last-sect .txt{font-size: min(3.8vw, 16px)}
    
    .highlight-txt{font-size: min(4vw, 18px); text-align: center; margin: 0 auto;}
    .side-txt .txt02{padding-top: 20px; font-size: min(3.8vw, 16px);}
    
    .order01{order: 1;}
    .order02{order: 2;}
    
    .mb-190{margin: 0;}
    
    section .list_inner ul{flex-direction: column; gap: 10px;}
    
    .sub23-gif-box{height: 300px;}
    .sub24_bg{background: #FBFAF8 url(../sub/img/sub24_bg.webp) center bottom -100px / cover no-repeat;}
    .sub32_bg{background: #FBFAF8 url("../sub/img/sub32_bg.webp") right  bottom / 210% no-repeat;}
    .sub42_bg{background: #FBFAF8  url("../sub/img/sub42_bg.webp") right bottom -100px / cover no-repeat;}
    .bgtxt-sect{padding: 80px 5%;}
    .bgtxt-sect .txt-wrap{gap: 50px;}
    .bgtxt-sect .txt-wrap > .txt{gap: 20px; font-size: min(3.8vw, 16px);}
    .bgtxt-sect .txt-wrap .bottom-txt p{font-size: min(4vw, 18px);}
    .bgtxt-sect{border-radius: 0;}
    
    .before-after-list ul{justify-content: center;}
    .before-after-list li{ width: 43vw;}
    .before-after-list li img{width: 100%; height: 100%; object-fit: cover; margin-top: min(30px , 10vw) ;}
    .before-after-list02 ul{flex-wrap: wrap; justify-content: center;}
    .before-after-list02 li {width: 43vw; height: 55vw;}
    .before-after-list02 li img{height: 100%; width: 100%; object-fit: cover;}
    .graph-list ul li{height: auto;}
    .graph-list ul li div{padding: 0; height: auto; padding: 2vw;}
    .graph-list ul li:nth-child(4) div{height: auto;}
    .graph-list ul li.first-list div{height: auto; padding: 5vw 0; border-right: 1px solid rgba(255, 255, 255, 0.50);}
    .graph-list ul li.first-list div:first-child{display: none;}
    .graph-list ul li.first-list div:last-child{border: none;}
    .graph-list ul li div.img-box{display: none;}
    .graph-list ul li div:nth-child(2){width: 25%; gap: 5px;}
    .graph-list ul li div:nth-child(3){width: 20%;}
    .graph-list ul li div:nth-child(4){width: 25%;}
    .graph-list ul li div:last-child{width: 33%;}
    .graph-list ul li div.img-box img{width: 10vw;}
    .graph-list ul li.first-list{background: #8F887D;}
    
    section.graph-sect{padding: 80px 0;}
    
    .graph-list ul li.first-list h4{font-size: min(3.2vw, 15px);}
    .graph-list div p{font-size: min(2.6vw, 16px)!important;}
    .graph-list div p.txt01{font-size: min(2.3vw, 14px)!important;;}
    .graph-list div p.txt03{font-size: min(2.3vw, 14px)!important;;}
    .graph-list div p.txt04{font-size: min(2.3vw, 14px)!important;;}
    section .inner02{padding-top: 50px;}
    .before-after-list03 .tit{padding: 5px 0; font-size: min(3.5vw, 18px);}
    .before-after-list03 .gif-box{height: 28.5vw;}
    section .half-cont .half-content{flex-direction: column; gap: 50px;}
    .half-cont .txt-box h3{font-size: min(5vw, 28px);}
    .half-cont .txt-box .txt p{font-size: min(3.8vw, 16px);}
    .half-cont .txt-box h4{font-size: min(8vw, 38px);}
    .half-cont .txt-box .txt .txt02 p{font-size: min(4vw, 18px); width: fit-content;}
    .half-cont .txt-box{gap: 20px; width: 90%; margin: 0 auto;}
    .half-cont .txt-box .txt{gap: 10px;}
    section .card-inner{display: flex; flex-direction: column; gap: 10px;}
    .card-cont{height: 55vw; max-height: 400px; padding: 30px; border-radius: 20px;}
    .card-cont h3{font-size: min(5vw, 28px);}
    .card-cont .bottom{gap: 10px;}
    .card-cont .bottom h4{font-size: min(5vw, 28px);}
    .card-cont .bottom p{font-size: min(3.5vw, 18px);}
    /* 메인 섹션 가져오기 */
    .sec_consult .consult_content {flex-direction:column; gap:3rem;}
    .sec_consult .img_box, .sec_consult .txt_box {width:100%; text-align:center;}
    .sec_consult .txt_box .main_sub_ttl {font-size: 1.9rem;}
    .sec_consult .btn_wrap{ margin-top: 3rem;}
    
    .before-after-list .tit{font-size: min(3.5vw, 18px);}
    .before-after-list .tag{font-size: min(3.2vw, 16px); color: #fff; padding: 5px 10px; background: #284700; border-radius: 20px; position: absolute; right: 10px; bottom: 10px;}
    .before-after-list .tag01{background: #284700;}
    .before-after-list .tag02{background: #74925D;}
    .before-after-list02 .tit{font-size: min(3.5vw, 18px);}
    .before-after-list02 .tag{font-size: min(3.2vw, 16px); color: #fff; padding: 5px 10px; background: #284700; border-radius: 20px; position: absolute; right: 10px; bottom: 10px;}
    .before-after-list02 .tag01{background: #284700;}
    .before-after-list02 .tag02{background: #74925D;}
    .btn-box a{font-size: min(3.5vw, 16px); padding: 8px 15px; gap: 5px;}
    
    section .list_inner ul li h5{font-size: min(5vw, 28px);}
    section .list_inner ul li p{font-size: min(3.5vw, 16px);}
    section .list_inner ul li{height: 50vw; max-height: 215px; border-radius: 20px; overflow: hidden;}
    .before-after-list .tit{max-height: 30px; height: 10vw;}
    .before-after-list02 .tit{height: 30px;}
}
@media (max-width: 768px) {
    /* 메인 섹션 가져오기 */
    .sec_consult {padding:5rem 0;}
    .sec_consult .point_txt {font-size:1.125rem; line-height:1.6;}
    .sec_consult .highlight::before {height:0.6rem;}
}