@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

/* 내용관리 */
#ctt { background:#fff; }
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con { }
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.section { background:#fff; position:relative; }

.inner {  width:100%; max-width:1230px; line-height:1; margin:0 auto; padding:clamp(70px, 10vw, 130px) 15px; text-align:center; }
.full { width:100%; line-height:1; margin:0 auto; padding:0 15px; text-align:center; }


.title_wrap { display:flex; flex-flow:column; text-align:left; }
.title_wrap .bold_title { line-height:1.5; font-size:clamp(18px, 2.4vw, 30px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.title_wrap .title2 { width:fit-content; line-height:1.5; margin-bottom:10px; font-size:clamp(16px, 1.8vw, 20px); font-weight:600; word-break:keep-all; position:relative; }
.title_wrap .title2::after { content:''; display:flex; width:clamp(6px, 1vw, 8px); aspect-ratio:1/1; border-radius:50%; background:#f59023; position:absolute; left:calc(100% + 12px); top:50%; transform:translateY(-50%); }

.text_wrap { display:flex; flex-flow:column; text-align:left; }
.text_wrap .title { line-height:1.5; font-size:clamp(18px, 2.4vw, 30px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .title2 { width:fit-content; line-height:1.5; margin-bottom:10px; font-size:clamp(16px, 1.8vw, 20px); font-weight:600; word-break:keep-all; position:relative; }
.text_wrap .title2::after { content:''; display:flex; width:clamp(6px, 1vw, 8px); aspect-ratio:1/1; border-radius:50%; background:#f59023; position:absolute; left:calc(100% + 12px); top:50%; transform:translateY(-50%); }
.text_wrap .title3 { line-height:1.5; font-size:clamp(18px, 3vw, 40px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .tit { line-height:1.5; font-size:clamp(16px, 2vw, 24px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .txt { line-height:1.7; margin-top:clamp(10px, 1vw, 15px); font-size:clamp(14px, 1.7vw, 20px); font-weight:400; color:#000; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .bold { font-weight:600; }
.text_wrap .after_dot { width:fit-content; position:relative; }
.text_wrap .after_dot::after { content:''; display:flex; width:clamp(6px, 1vw, 8px); aspect-ratio:1/1; border-radius:50%; background:#f59023; position:absolute; left:calc(100% + 12px); top:50%; transform:translateY(-50%); }

.enquiry_section { background:#000 no-repeat center center / cover; border-bottom:1px solid #555; color:#fff; position:relative; }
.enquiry_section::before { content:''; display:flex; width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; }
.enquiry_section .inner {}
.enquiry_section .inner .text_wrap { align-items:center; text-align:center; }
.enquiry_section .inner .text_wrap .txt { margin-top:clamp(20px, 3vw, 40px); color:#fff; }
.enquiry_section .inner .enquiry_btn {
	display:flex; align-items:center; justify-content:center; width:fit-content; margin:clamp(30px, 4vw, 60px) auto 0; padding:clamp(15px, 2vw, 20px) clamp(20px, 2vw, 40px); border:1px solid #fff; border-radius:100px; font-size:clamp(14px, 1.6vw, 18px); color:#fff;
	letter-spacing:-0.02em; word-break:keep-all; transition:background 0.3s ease, color 0.3s ease;
}
.enquiry_section .inner .enquiry_btn:hover { background:rgba(255,255,255,0.95); color:#000; }


.section1 {}
.section1 .inner { padding-top:clamp(40px, 10vw, 60px); }
.section1 .table_wrap { margin-top:clamp(15px, 2vw, 25px); }
.section1 .table_wrap table { width:100%; line-height:1.5; border-collapse:collapse;  font-size:clamp(12px, 1.5vw, 18px); text-align:left; letter-spacing:-0.02em; word-break:keep-all; }
.section1 .table_wrap table thead {}
.section1 .table_wrap table thead tr {}
.section1 .table_wrap table thead tr th { padding:10px; background:#f7f7f7; font-size:0.9em; font-weight:500; }
.section1 .table_wrap table thead tr th:first-of-type { width:25%; border-right:3px solid #fff; }
.section1 .table_wrap table tbody {}
.section1 .table_wrap table tbody tr { border-bottom:1px solid #eee; }
.section1 .table_wrap table tbody tr td { padding:10px; font-size:0.9em; }

.section1 .content_box {}

.section1 .main_box {}
.section1 .main_box .text_img_wrap { display:flex; flex-flow:column; }
.section1 .main_box .img_wrap { display:flex; width:100%; aspect-ratio:7/3; margin-top:clamp(30px, 4vw, 50px); border-radius:clamp(10px, 1vw, 15px); position:relative; overflow:hidden; }
.section1 .main_box .img_wrap .bx-wrapper {width:100%;}
.section1 .main_box .img_wrap .bx-wrapper .bx-viewport { height:100% !important; }
.section1 .main_box .img_wrap .slide_wrap { width:100%; height:100%; }
.section1 .main_box .img_wrap .slide_wrap .slide { width:100% !important; height:100%; background:no-repeat center center / cover; }

.section1 .sub_box1 { margin-top:clamp(30px, 4vw, 50px); }
.section1 .sub_box1 .features_ul { display:flex; flex-flow:wrap; gap:2%; width:100%; margin-top:clamp(15px, 2vw, 25px); }
.section1 .sub_box1 .features_ul li { display:flex; flex-flow:column; width:calc((100% - 4%) / 3); }
.section1 .sub_box1 .features_ul li .img_wrap { width:100%; aspect-ratio:5/4; background:no-repeat center center / cover; border-radius:clamp(10px, 1vw, 15px); }
.section1 .sub_box1 .features_ul li .txt_wrap { display:flex; flex-flow:column; width:100%; line-height:1.5; margin-top:clamp(10px, 1vw, 15px); text-align:left; letter-spacing:-0.02em; word-break:keep-all; }
.section1 .sub_box1 .features_ul li .txt_wrap .tit { font-size:clamp(14px, 1.8vw, 22px); font-weight:600; }
.section1 .sub_box1 .features_ul li .txt_wrap .txt { width:90%; font-size:clamp(12px, 1.4vw, 16px); font-weight:400; }

.section1 .sub_box2 { margin-top:clamp(30px, 4vw, 50px); }

.section1 .sub_box3 { margin-top:clamp(40px, 6vw, 80px); padding-top:clamp(30px, 4vw, 50px); border-top:1px solid #ddd; }
.section1 .sub_box3 .process_wrap { margin-top:clamp(15px, 2vw, 25px); }
.section1 .sub_box3 .process_wrap .text_wrap .txt { margin-top:0; margin-bottom:clamp(10px, 1vw, 15px); }
.section1 .sub_box3 .process_ul { display:flex; flex-flow:wrap; gap:3%; }
.section1 .sub_box3 .process_ul li { display:flex; flex-flow:column; width:calc((100% - 3%) / 2 ); margin-bottom:clamp(20px, 3vw, 40px); border-radius:clamp(10px, 1vw, 15px); position:relative; overflow:hidden; }
.section1 .sub_box3 .process_ul li .img_wrap { width:100%; aspect-ratio:8/5; border-radius:clamp(10px, 1vw, 15px); background:no-repeat center center / cover; }
.section1 .sub_box3 .process_ul li .txt_wrap { width:fit-content; line-height:1.5; padding:10px 20px; background:rgba(0,0,0,0.7); border-top-left-radius:clamp(10px, 1vw, 15px); color:#fff; font-size:clamp(12px, 1.5vw, 18px); font-weight:500; position:absolute; right:0; bottom:0; }



/* 반응형 */
@media (max-width: 1450px){
	
}

@media (max-width: 1250px){

}

@media (max-width: 1200px){
	.inner, .inner2 { width:90% !important; }
}

@media (max-width: 980px){

}

@media (max-width: 870px){
	
}

@media (max-width: 760px){

}

@media (max-width: 650px){
	.section1 .main_box .text_img_wrap { flex-flow:column-reverse; }
	.section1 .main_box .img_wrap { margin-top:0; margin-bottom:20px; }
	.section1 .sub_box3 .process_ul li { width:calc((100% - 3%) / 2 ); }
	.section1 .sub_box3 .process_ul li .txt_wrap { width:100%; padding:5px;  border-radius:0; }
}

@media (max-width: 540px){
	.section1 .sub_box1 .features_ul { gap:15px; }
	.section1 .sub_box1 .features_ul li { width:100%; }
	.section1 .sub_box1 .features_ul li .img_wrap { aspect-ratio:7/3; }
}

@media (max-width: 430px){

}