@charset "utf-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/


/* @font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/Pretendard/woff2/Pretendard-Black.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../font/Pretendard/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../font/Pretendard/woff2/Pretendard-Bold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/Pretendard/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/Pretendard/woff2/Pretendard-Medium.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/Pretendard/woff2/Pretendard-Regular.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../font/Pretendard/woff2/Pretendard-Light.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../font/Pretendard/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/Pretendard/woff2/Pretendard-Thin.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Thin.woff) format('woff');
} */



@font-face {
    font-family: 'GongGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'GongGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'GongGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


/* ===========================================================================================
basic style reset
=========================================================================================== */

html{position:relative;height:100vh;font-size:10px;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;letter-spacing:0;}
*,::after,::before{box-sizing:border-box;}
body{margin:0;padding:0;font-size:1.6rem;font-weight:400;font-family:'GongGothic', 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;line-height:1.2;color:#333}

dd,dl,dt,li,ol,ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{border:0;vertical-align:middle;font-size:0;max-width:100%;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast;  image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
table{border-collapse:collapse;width:100%;table-layout:fixed;}
caption,legend{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
input,select,textarea{color:#333;font-size:1.6rem}
input,select{vertical-align:middle}
input::-moz-placeholder { color: #ABABAB; opacity: 1;}
/*input:-ms-input-placeholder { color: #908B8B;}*/
input::-webkit-input-placeholder { color: #ABABAB;}
input[type=password],
input[type=text],
select{padding:0 1.4rem;min-height:4.8rem;color:inherit;background-color:#fff;background-image:none;border:1px solid #ABABAB;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius:1rem; font-size:1.4rem;}
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {border-color: #ABABAB;}
input[disabled],
input[readonly] {  background-color: #eee;  color:#908B8B; opacity: 1;}
input[disabled] {  cursor: not-allowed;}
address,em,i{font-style:normal}
button{color:inherit;border:0;padding:0;background:0 0;cursor:pointer}
hr{margin:0;border:none;padding:0;display:block}
figcaption,figure,form{padding:0;margin:0}
fieldset{border:none;padding:0;margin:0}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
button,input,optgroup,pre,select,textarea{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0}
iframe{border:0}
textarea{resize:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
input{outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* rem rool */
/* pc */
	@media all and (max-width:1280px) { html{font-size:9px;} }
	@media all and (max-width:1180px) { html{font-size:8px;} }
	@media all and (max-width:1080px) { html{font-size:7px;} }
	@media all and (max-width:980px) { html{font-size:7px;} }
/* // pc */

/* mobile */
	@media all and (max-width:768px) { html{font-size:7px;} }
	@media all and (max-width:393px) { html{font-size:6px;} }
	@media all and (max-width:360px) { html{font-size:5px;} }
	/* @media all and (max-width:340px) { html{font-size:4px;} }
	@media all and (max-width:320px) { html{font-size:4px;} } */
/* // mobile */

/* m_only */
/* @media all and (min-width:769px) {
	.m_only{display:none;}
}
@media all and (max-width:768px){
	.m_none{display:none;}
} */

/* layout */

.wrap{width:100%; min-width:128rem;}
.guide{width:128rem; padding-left:.4rem; padding-right:.4rem; margin-left:auto; margin-right:auto;}
.container{min-height:calc(100vh); padding-bottom:22.3rem;}

@media all and (max-width:768px) { 
	.wrap{min-width:100%;}
	.guide{width:100%; padding-left:2rem; padding-right:2rem;}
}

/* header */
.header{position:absolute; left:0; right:0; top:0; z-index:11;}
.header .guide{display:flex; align-items:center; justify-content:space-between; padding:3rem 0 0;} 
.header .guide h1{height:4.9rem;}
.header .guide h1 img{height:100%;}
.header .guide .tel_btn{background-color:rgba(255,255,255,.3); border:1px solid #fff; height:4.7rem; border-radius:4.7rem; display:inline-flex; align-items:center; padding:0 1.3rem; font-size:2.5rem; font-weight:300; color:#fff;}

@media all and (max-width:768px) { 
	.header .guide{padding:3rem 2rem 0;}
}

/* footer */
.footer{background-color:#F9F9F9; padding:6.9rem 0 25.2rem;}
.footer .guide{display:flex; align-items:flex-start; justify-content:space-between;}
.footer .left a{font-size:1.5rem; color:#FF4B3B;}
.footer .left .info{margin-top:5.4rem; display:flex; gap:1.4rem 1.9rem; flex-wrap:wrap; width:70rem;}
.footer .left .info > div{white-space:nowrap; color:#999;}
.footer .left .info > div._col{color:#555;}
.footer .left .info._02 > div{color:#555;}
.footer .foot_logo img{height:5.6rem;}

@media all and (max-width:768px) { 
	.footer .left .info{width:100%; margin-top:3rem;}
	.footer .guide{flex-direction:column;}
	.footer .foot_logo{order:-1; margin-bottom:5rem;}
}


/* float_btn_wrap */
.float_btn_wrap{position:fixed; left:50%; bottom:3.6rem; transform:translateX(-50%); z-index:100;}
.float_btn_wrap .float_btn{position:relative; z-index:2; height:8.5rem; border-radius:8.5rem; display:flex; align-items:center; padding:0 2.7rem 0 3.6rem; box-shadow:0 .4rem .4rem rgba(0,0,0,.25); font-size:3rem; font-weight:500; background-image:linear-gradient(to right, #F4A223, #FF4B3B); color:#fff;}
.float_btn_wrap .float_btn span{font-size:1.6rem; font-weight:300; padding-top:.8rem; padding-left:.4rem;}
.float_btn_wrap .float_btn img{width:3.6rem; margin-left:2.3rem;}
.float_btn_wrap .countdown{position:absolute; top:1rem; left:50%; transform:translate(-50%, -100%); display:flex; align-items:center; padding:0 3.8rem; height:6.4rem; background-color:#333; color:#FFA11D; white-space:nowrap; font-size:2.5rem; font-weight:300; width:max-content; border-radius:2rem 2rem 0 0; box-shadow:0 0 .8rem rgba(0,0,0,.25); z-index:1;}
.float_btn_wrap .countdown .bolt_img{height:3.2rem;}
.float_btn_wrap .countdown .count_img{width:4.8rem; position:absolute; top:-2.6rem; right:-.9rem;}

.float_btn_wrap .float_inp_pop{top:-6.7rem; left:50%; transform:translate(-50%, -100%);}
.float_inp_pop{position:absolute; flex-direction:column; gap:1.2rem;  background-color:#fff; border:1px solid #FF4D3B; border-radius:3rem; width:40.5rem; padding:2.2rem 2.2rem 1.5rem; display:none;}
.float_inp_pop.active{display:flex;}
.float_inp_pop .close{width:1.5rem; height:1.5rem; position:absolute; top:1.5rem; right:2.1rem; background:url('../image/icon/float_close.png') no-repeat center/contain;}
.float_inp_pop input[type="text"]{border:0; height:5.2rem; line-height:5.2rem; padding:0 2.5rem; background-color:#F9F9F9; border-radius:5.2rem; font-size:2.5rem; font-weight:300;}
.float_inp_pop input[type="text"].name_inp{width:22.7rem;}
.float_inp_pop .checkbox{display:flex; justify-content:flex-end; align-items:center; gap:.95rem; padding-right:.5rem;}
.float_inp_pop .checkbox input{width:1.8rem; height:1.8rem;}
.float_inp_pop .checkbox label{font-size:2rem; color:#999; font-weight:300;}
.float_inp_pop .enroll_btn{line-height:5.4rem; background-color:#FF4B3B; border-radius:5.4rem; color:#fff; font-size:2.5rem; font-weight:500;}

.float_btn_wrap .float_btn{white-space:nowrap; width:max-content}






/* btn */
.btn{height:8.6rem; border-radius:8.6rem; display:flex; margin:0 auto; align-items:center; justify-content:center; width:46.2rem; font-size:3rem; font-weight:300;} 

.btn.white{background-color:#fff; color:#333;}
.btn.grad{background-image:linear-gradient(to right, #FFA11D, #FF4B3B); box-shadow:0 .4rem .4rem rgba(0,0,0,.25); color:#fff;}

/* tit_wrap */
.tit_wrap{position:relative; text-align:center;}
.tit_wrap .tit{font-size:6rem; font-weight:700; letter-spacing:-.05em;}
.tit_wrap .desc{font-size:3rem; font-weight:300; color:#666; margin-top:2.4rem; letter-spacing:-.05em;}
.tit_wrap .underline{position:relative;}
.tit_wrap .underline:before{content:''; display:block; position:absolute; height:1.4rem; left:0; right:0; bottom:.3rem; background-color:#FF4B3B; z-index:-1;}

@media all and (max-width:768px) {
	.tit_wrap .tit{font-size:4rem;}
	.tit_wrap .desc{font-size:2.5rem; margin-top:1.4rem;}

}
 
/* sect01 */
.sect01{background:url('../image/background/sect01_bg.png') no-repeat center/cover; height:93.3rem; border-radius:0 0 0 10rem; position:relative; z-index:10;}
.sect01 .guide{height:100%; padding-top:5.2rem; text-align:center; position:relative;}
.sect01 .guide img{height:100%; margin-top:.6rem;}
.sect01 .guide .desc{font-size:1.6rem; font-weight:300; color:#FED0C8; position:absolute; right:0; bottom:2.5rem;}

@media all and (max-width:768px) {
	.sect01{height:50rem;}
}

/* sect02 */
.sect02{background:#353535 url('../image/background/sect02_bg.png') repeat-y center top/contain; margin-top:-10rem; position:relative; z-index:9; padding-top:6.4rem; padding-bottom:20rem; border-radius:0 0 10rem 0;}
.sect02 .guide{width:100.4rem;}
.sect02 .top_tit{height:43.1rem; text-align:center;}
.sect02 .top_tit img{height:100%;}
.sect02 .cont ~ .cont{margin-top:5.6rem;}
.sect02 .cont .cont_tit{width:20.4rem; border:1px solid #fff; color:#fff; line-height:6.2rem; border-radius:6.2rem; text-align:center; font-size:3.2rem; font-weight:500; margin:0 auto; position:relative;}
.sect02 .cont .cont_tit:before,
.sect02 .cont .cont_tit:after{content:''; display:block; height:1px; width:39.6rem; background-color:#fff; position:absolute; top:50%;}
.sect02 .cont .cont_tit:before{left:0; transform:translateX(-100%);}
.sect02 .cont .cont_tit:after{right:0; transform:translateX(100%);}
.sect02 .cont ul{display:flex; gap:1.6rem; justify-content:center; margin-top:1.6rem;}
.sect02 .cont ul li{width:32.1rem; min-width:32.1rem; background-color:#fff; overflow:hidden; cursor: pointer;}
.sect02 .cont ul li .img{height:26.4rem; padding:1rem; display:flex; align-items:center; justify-content:center;}
.sect02 .cont ul li .img img{max-width:100%; max-height:100%;}
.sect02 .cont ul li .tit_wrap{background-color:#F2F2F2; padding:1.2rem 1.2rem .4rem;}
.sect02 .cont ul li .tit_wrap .tit{height:3.8rem; font-size:1.6rem; line-height:1.9rem; color:#666666; font-weight:300; text-align:left;}
.sect02 .cont ul li .tit_wrap .price{margin-top:1.35rem; display:flex; align-items:center; justify-content:flex-end; font-size:1.4rem; color:#999; font-weight:300;}
.sect02 .cont ul li .tit_wrap .price .num{width:10.4rem; padding-left:1rem; text-align:right; position:relative;}
.sect02 .cont ul li .tit_wrap .price .num:after{content:''; display:block; width:7rem; height:2px; background-color:#ff4e3e; position:absolute; right:0; top:50%; margin-top:-2px; transform:rotate(-7deg)}
.sect02 .cont ul li .price_wrap{height:4.46rem; display:flex; align-items:center; justify-content:space-between; padding:0 1.2rem 0 7rem; background-image:linear-gradient(to right, #FF9E1E, #FF4E3E); color:#fff; font-size:2rem; font-weight:400;}
.sect02 .cont ul li:nth-child(odd){border-radius:2rem 0 2rem 2rem;}
.sect02 .cont ul li:nth-child(even){border-radius:2rem 2rem 2rem 0;}
.sect02 .btn{margin-top:6.9rem;}

@media all and (max-width:768px) { 
	.sect02 .guide{width:100%; padding:0; overflow:hidden;}
	.sect02 .top_tit{height:auto; width:100%; padding:0 4rem;}
	.sect02 .cont ul{overflow:auto; width:100%; justify-content:flex-start; padding:0 2rem;}
}


/* sect03 */
.sect03{height:115.1rem; background:url('../image/background/sect03_bg.png') no-repeat center bottom/cover; margin-top:-19.2rem; border-radius:0 0 0 10rem;}
.sect03 .guide{display:flex; flex-direction:column;  justify-content:space-between; height:100%; padding:11.2rem 0 14.1rem;}
.sect03 .tit_wrap{position:relative; z-index:11; text-align:center;}
.sect03 .tit_wrap .tit{margin-top:2rem;}
.sect03 .tit_wrap .img_tit{height:25.5rem;}
.sect03 .img{text-align:center;}
.sect03 .img img{height:33.3rem;}
.sect03 .coin_img{height:44.6rem; display:block; margin:-3rem auto 0;}
.sect03 .gradient-text {
	font-size:48px;
	background: linear-gradient(to right, #FF9E1E, #FF4E3E);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block; /* 배경이 적용될 영역을 맞추기 위해 필요할 수 있음 */
}

@media all and (max-width:768px) { 
	.sect03{height:95rem;}
	.sect03 .guide{padding-bottom:12rem;}
	.sect03 .tit_wrap .img_tit{height:auto; padding:0 3rem;}
	.sect03 .img img{height:auto; padding:0 1rem;}
}

/* sect04 */
.sect04{ background-color:#F5F5F5; position:relative; z-index:-1; margin-top:-12.1rem; border-radius:0 0 10rem 0; padding:27.9rem 0 17.4rem;}
.sect04 .tit_wrap span{font-size:2.5rem; font-weight:400;}
.sect04 ul{display:flex; flex-wrap:wrap; gap:2.4rem; align-items:center; justify-content:center; margin-top:4.8rem;}
.sect04 li{width:calc(25% - (7.2rem / 4)); box-shadow:0 .4rem 1.3rem rgba(255,118,44, .5); border-radius:3rem;}

@media all and (max-width:768px) { 
	
	.sect04 li{width:calc(50% - 1.2rem);}
}


/* sect05 */
.sect05{padding-top:14.5rem;}
.sect05 .tit_wrap .tit{position:relative; display:inline-block;}
.sect05 .tit_wrap .tit span{font-size:3.9rem; font-weight:400;}
.sect05 .tit_wrap .tit img{position:absolute; width:6.2rem; right:-4.8rem; bottom:.8rem;}
.sect05 .cont{margin-top:4.8rem;}
.sect05 .btn{margin-top:8.7rem;}


/* sect06 */
.sect06{padding-top:32.5rem;}
.sect06 .guide{display:flex; justify-content:space-between;}
.sect06 .tit_wrap{text-align:left;}
.sect06 .tit_wrap ._top{font-size:4rem;}
.sect06 .tit_wrap .tit{margin-top:6.9rem;}
.sect06 .tit_wrap ._btm{margin-top:2.4rem; font-size:3rem; font-weight:300; color:#666;}
.sect06 .btn_wrap{padding-top:2.4rem; width:63.6rem; display:flex; flex-direction:column; align-items:stretch; gap:1.6rem;}
.sect06 .btn_wrap ._btn{display:flex; align-items:center; padding:0 4.6rem; position:relative; height:16.4rem; background-color:#f5f5f5; border-radius:3rem 3rem 0 3rem; font-size:3rem; font-weight:300; color:#666;}
.sect06 .btn_wrap ._btn:after{content:''; display:block; width:5.9rem; height:1.5rem; background:url('../image/icon/sect06_icon.png') no-repeat center/contain; position:absolute; right:3rem; bottom:3rem;}
.sect06 .btn_wrap ._btn .img{position:absolute;}
.sect06 .btn_wrap ._btn._01 .img{width:31.1rem; right:4.6rem; bottom:0; overflow:hidden;}
.sect06 .btn_wrap ._btn._01 .img img{margin-bottom:-4.67rem;}
.sect06 .btn_wrap ._btn._02 .img{width:18.5rem; right:9.3rem; top:1.8rem;}
.sect06 .btn_wrap ._btn._03 .img{width:18.1rem; right:7.4rem; top:1.2rem;}
.sect06 .btn_wrap .all_btn{height:9.3rem; display:flex; align-items:center; padding:0 4.6rem; background-image:linear-gradient(to right, #F4A223, #FF4B3B); border-radius:3rem 3rem 0 3rem; box-shadow:0 .4rem .4rem rgba(0,0,0,.25); position:relative; font-size:4rem; font-weight:500; color:#fff;}
.sect06 .btn_wrap .all_btn:after{content:''; display:block; width:5.9rem; height:1.5rem; background:url('../image/icon/sect06_icon_w.png') no-repeat center/contain; position:absolute; right:3rem; bottom:3rem;}

@media all and (max-width:768px) { 
	.sect06{padding-top:20rem;}
	.sect06 .guide{flex-direction:column;}
	.sect06 .tit_wrap{text-align:center;}
	.sect06 .tit_wrap .tit{margin-top:3rem;}
	.sect06 .btn_wrap{margin-top:2.4rem; width:100%;}
	.sect06 .btn_wrap ._btn._01 .img{width:23rem;}
	.sect06 .btn_wrap ._btn._02 .img{width:15rem; right:3rem; top:3rem;}
	.sect06 .btn_wrap ._btn._03 .img{width:15rem; right:3rem; top:2rem;}
	
}


/* sect07 */
.sect07{padding-top:37.9rem;}
.sect07_swiper .swiper{padding:4rem 0;}
.sect07_swiper .swiper-slide{width:44.1rem; height:44.1rem; transform:scale(0.7687); transition:all .3s; position:relative; border-radius:3rem; overflow:hidden; box-shadow:0 .4rem .4rem rgba(0,0,0,.25);}
.sect07_swiper .swiper-slide .review_img{width:100%; height:100%; object-fit:cover;}
.sect07_swiper .swiper-slide .review_wrap{position:absolute; left:0; right:0; bottom:0; height:17.6rem; padding:1.3rem 1.6rem 0 4rem; background-color:rgba(255,255,255,.8); backdrop-filter:blur(13px);}
.sect07_swiper .swiper-slide .review_wrap .top{display:flex; align-items:center; justify-content:space-between;}
.sect07_swiper .swiper-slide .review_wrap .top .name{font-size:1.5rem; color:#666; font-weight:300;}
.sect07_swiper .swiper-slide .review_wrap .top img{height:2.9rem;}
.sect07_swiper .swiper-slide .review_wrap .review{margin-top:1.5rem; font-size:2.3rem; font-weight:300; color:#666666; letter-spacing:-1px; line-height:1.3}
.sect07_swiper .swiper-slide.prev{margin-right:-5rem;}
.sect07_swiper .swiper-slide.next{margin-left:-5rem;}
.sect07_swiper .swiper-slide-active{transform:scale(1);}
.sect07_swiper .swiper-slide-active .review_wrap .review{color:#333; font-size:2.5rem;}

@media all and (max-width:768px) { 
	.sect07{padding-top:20rem;}
}

/* sect08 */
.sect08{padding-top:28rem;}
.sect08 .cont{padding-left:16.2rem; margin-top:6.9rem;}
.sect08 .cont li{height:9.7rem; display:flex; align-items:flex-start;}
.sect08 .cont li ~ li{margin-top:4.9rem;}
.sect08 .cont li .key{width:48.6rem; display:flex; align-items:center; gap:1rem;}
.sect08 .cont li .key .num{width:3.1rem; line-height:3.1rem; border-radius:50%; background-color:#333; color:#fff; text-align:center; font-size:1.6rem; font-weight:300;}
.sect08 .cont li .key .tit{font-size:2.4rem; font-weight:300;}
.sect08 .cont li .key .tit .underline{position:relative;}
.sect08 .cont li .key .tit .underline:before{content:''; display:block; position:absolute; height:.8rem; left:0; right:0; bottom:.1rem; background-color:#F5A024; z-index:-1;}

.sect08 .cont li .val{flex:1; font-size:2rem; font-weight:300; color:#999; letter-spacing:-.08rem; line-height:1.4}
.sect08 .cont li .val b{font-weight:inherit; color:#333;}


@media all and (max-width:768px) {
	.sect08 .cont{padding:0 3rem;}
	.sect08 .cont li{flex-direction:column; gap:1rem; height:auto;}
}





/* modal */
.modal_wrap{position:fixed; z-index:200; inset:0; display:none;}
.modal_wrap.active{display:block;}
.modal_wrap .dimlayer{position:absolute; inset:0; background:rgba(0,0,0,.7)}
.modal_wrap .modal_pop{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.modal_wrap .modal_pop .close_modal{width:6.1rem; height:6.1rem; background:url('../image/icon/modal_close.png') no-repeat center/contain; display:block; margin:2.3rem auto 0;}
.modal_wrap .modal_pop .modal_bd{height:calc(100vh - 10rem); max-height:75.3rem; width:calc(100vw - 2rem); max-width:127.4rem; display:flex; flex-direction:column; align-items:stretch; background-color:#F5F5F5; padding:1.6rem 0 2.5rem 3rem; border:1.7px solid #333333; border-radius:1.7rem; box-shadow:0 .2rem 1.1rem rgba(0,0,0,.25);}

.modal_wrap .modal_pop .modal_bd .tab_btns{display:flex; align-items:center; gap:.6rem; padding-right:3rem;}
.modal_wrap .modal_pop .modal_bd .tab_btns .tab{height:5.2rem; display:flex; align-items:center; justify-content:center; flex:1; border:1px solid #333; border-radius:1rem; color:#333; font-size:2rem; font-weight:300; background-color:#F5F5F5;}
.modal_wrap .modal_pop .modal_bd .tab_btns .tab.active{border:0; background-color:#FF4B3B; color:#fff;}
.modal_wrap .modal_pop .modal_bd .tab_conts{flex:1; overflow:auto; scrollbar-gutter:stable; margin-top:1.1rem;}
.modal_wrap .modal_pop .modal_bd .tab_conts::-webkit-scrollbar {
    width:3rem;
	height:3rem;
}
.modal_wrap .modal_pop .modal_bd .tab_conts::-webkit-scrollbar-thumb {
	background-color: #D9D9D9;
	border-radius: 30px;
	background-clip:padding-box;
	border: 1rem solid transparent;
}
.modal_wrap .modal_pop .modal_bd .tab_conts::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 30px;
}
.modal_wrap .modal_pop .modal_bd .tab_conts .cont{padding-top:1.1rem; border-radius:1.1rem; background-color:#fff; display:none;}
.modal_wrap .modal_pop .modal_bd .tab_conts .cont.active{display:block;}


.modal_wrap .modal_pop .modal_bd .img_detail{flex:1; overflow:auto; scrollbar-gutter:stable;}
.modal_wrap .modal_pop .modal_bd .img_detail::-webkit-scrollbar {
    width:3rem;
	height:3rem;
}
.modal_wrap .modal_pop .modal_bd .img_detail::-webkit-scrollbar-thumb {
	background-color: #D9D9D9;
	border-radius: 30px;
	background-clip:padding-box;
	border: 1rem solid transparent;
}
.modal_wrap .modal_pop .modal_bd .img_detail::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 30px;
}
.modal_wrap .modal_pop .modal_bd .img_detail img{width:100%;}

#imgDetailPop .modal_bd{max-height:calc(100vh - 15rem); height:100vh;}

#termPop .modal_bd{max-width:60rem; height:auto;}

@media all and (max-width:768px) {
	.modal_wrap .modal_pop .modal_bd .tab_btns{flex-wrap:nowrap; overflow:auto;}
	.modal_wrap .modal_pop .modal_bd .tab_btns .tab{flex:unset; width:14rem; min-width:14rem;}
}


.pagi_up_btn{width:11.7rem; height:11.7rem; border-radius:50%; position:fixed; right:6rem; bottom:8rem; z-index:50; backdrop-filter:blur(15px); box-shadow:0 .4rem .4rem rgba(0,0,0,.25); background:rgba(255,255,255,.6) url('../image/icon/pagi_up_btn.png') no-repeat center/2.7rem;}

@media all and (max-width:768px) {
	.pagi_up_btn{width:9rem; height:9rem; right:2rem; bottom:20rem;}
}