@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;/*font:inherit;color:inherit*/}
*, :after, :before {box-sizing:border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:0;overflow-wrap:break-word;word-break:break-word;-moz-tab-size:4;tab-size:4;border:none}
img, picture, video, canvas, svg {/*display: block;max-width:100%;*/}
button {background:none;border:0;cursor:pointer;}
a {text-decoration:none;}
ul,ol,dl {list-style-type:none; margin:0;}
table {border-collapse:collapse;border-spacing:0;}
iframe {border: 0;}
input, textarea, button { border:none;outline:none }
input, textarea, button:focus { outline:none }
select { border:none; outline:none }
a {color: #fff; text-decoration: none; outline: none}
a:hover, a:active {text-decoration: none; color:#fff; background:none;}

:root {
	/*overflow-x:hidden;*/
	/* default */
	font-family:'nsn_1';
	--font-default:'nsn_1';
	font-size:13px;
	color:#333;
	/* color */
	--color-primary:#000;
	--color-key:#c2a68d;
	--color-key-bright:#c2a68d;
	--color-key-dark:#c2a68d;
	/* size */
	/*--font-size-bordlist-pc:15px;
	--font-size-bordlist-mobile:13px;*/
	--br_120:120px;
	--br_100:100px;
	--br_90:90px;
	--br_80:80px;
	--br_70:70px;
	--br_60:60px;
	--br_50:50px;
	--br_40:40px;
	--br_30:30px;
	--br_20:20px;
	--br_10:10px;
	--br_120_m:60px;
	--br_100_m:50px;
	--br_90_m:45px;
	--br_80_m:40px;
	--br_70_m:35px;
	--br_60_m:30px;
	--br_50_m:25px;
	--br_40_m:20px;
	--br_30_m:15px;
	--br_20_m:10px;
	--br_10_m:10px;
	
	--fs-1279:1;
	--fs-1023:1;
	--fs-767:1;
	--fs-767-add:1.1;

	--box-padding:3.4rem;
	
	--ease-out-1:cubic-bezier(0.33, 1, 0.68, 1);
	--ease-in-out-1:cubic-bezier(0.65, 0, 0.35, 1);
	--ease-out-2:cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out-2:cubic-bezier(0.83, 0, 0.17, 1);
	--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);
}


html, body { font-size:62.5% !important; }
@media screen and (max-width: 1279px){
	html, body { font-size:56.3% !important; } /* 9px */
}
@media screen and (max-width: 1023px){
	/*html, body { font-size:56.25% !important; }*/ /* 9px */
	html, body { font-size:53.125% !important; } /* 8.5px */
	/*html, body { font-size:50% !important; }*/ /* 8px */
	/*html, body { font-size:43.75% !important; };*/ /* 7px */
}
@media screen and (max-width: 767px){
	/*html, body { font-size:43.75% !important; };*/ /* 7px */
	/*html, body { font-size:50% !important; }*/ /* 8px */
	html, body { font-size:37.5% !important; } /* 6px */
	/*html, body { font-size:31.3% !important; }*/ /* 5px */
	/*html, body { font-size:25% !important; };*/ /* 4px */
}

#contents { width:100%; height:100%; /*overflow:hidden;*/ /*min-width:1288px;*/ position:relative; padding-top:90px; } /* overflow:hidden -> position:sticky(x) */

.centerBox { display:flex; justify-content:center; align-items:center }
.text_ellipsis1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block }
.text_ellipsis2 { overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }

/* ******************************************************* option ******************************************************* */
/* common */
#contents .hiddenBox { overflow:hidden } /* for sticky */
/* special */
#mc_special { position:relative !important }
#mc_special_m { /*display:none*/ top:0; position:fixed !important; top:100vh; width:100% }
#mc_special_m img { width:100% }
@media only screen and (max-width:767px) {
	#mc_special { /*display:none*/ top:0; position:fixed !important; top:100vh }
	#mc_special_m { /*display:block*/ position:relative !important; top:0 }
}
/* gnb, top */
#top { }
#gnb { /*transform:translateY(1000vh)*/ } /* pc */
#gnb_m_con { /*transform:translateY(1000vh)*/ display:none; } /* mobile */
@media only screen and (max-width:1920px) {
	/*#gnb { transform:translateY(0) }*/ /* pc */
	/*#gnb_m_con { transform:translateY(1000vh) }*/ /* mobile */
}
@media only screen and (max-width:1300px) {
	#contents { padding-top:60px; }
	#top { display:none } /* pc */
	#gnb { /*transform:translateY(1000vh)*/ display:none; } /* pc */
	#gnb_m_con { /*transform:translateY(0)*/ display:block; } /* mobile */
}
#gnb_m_onoff_con { display:none } /* mobile */
#top_m_con { display:none } /* mobile */
#disabeldBox_m { display:none } /* mobile */
@media only screen and (max-width:1300px) {
	/*#gnb_m_con { display:block }*/ /* mobile */
	#gnb_m_onoff_con { display:block } /* mobile */
	#top_m_con { display:block } /* mobile */
	#disabeldBox_m { display:block } /* mobile */
}
/* quick */
#quick_m_con { display:none }
#quick_m_con img { width:100% }
@media only screen and (max-width:1300px) {
	#quick { transform:translateY(1000vh) }
	#quick_m_con { display:block }
	#quick_r { display:none }
}
/* sitemap */
@media only screen and (max-width:1300px) {
	#sitemap { display:none }
}
/* 서브페이지 여백 */
#common_bottom_space { padding-top:100px; background:#fff }
@media only screen and (max-width:767px) {
	#common_bottom_space { padding-top:60px }
}

/* quick_sms */
#quick_sms_m { display:none }
@media only screen and (max-width:1300px) {
	#quick_sms { display:none }
	#quick_sms_m { display:block }
}


/* fix */
#quick_bottom_con { bottom:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:10 } /* quick bottom */
#top_m_con { top:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:20 } /* top */
#disabeldBox_m { top:0px; width:100%; /*max-width:720px;*/ height:100%; background:#000; position:fixed; z-index:30 } /* blask square */
#gnb_m_con { top:0; width:100%; /*max-width:720px;*/ margin-left:-100%; height:100%; position:fixed; overflow:hidden; z-index:50 } /* gnb */
#gnb_m_onoff_con { top:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:50 } /* gnb_onoff */
#quick_m_con { top:0; width:100%; /*max-width:720px;*/ position:fixed; z-index:60 } /* quick top */

/* ******************************************************* size ******************************************************* */

.box1920 { width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden }
.box1920 .img_pc { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center }
.box1920 .img_pc img { width:auto }
.box1920 .img_pc_half { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center } /* 공통요소(960px) */
.box1920 .img_pc_half img { width:auto }
.img_mobile { width:100%; display:none }
@media (max-width:1300px) {
	.box1920 .img_pc { width:100%; left:0; margin-left:0px }
	.box1920 .img_pc img { width:calc((1920/1300)*100%) }
	.box1920 .img_pc_half { width:100%; left:0; margin-left:0px } /* 공통요소(960px) */
	.box1920 .img_pc_half img { width:calc((960/1300)*100%) }
	.none1300 { display:none }
}
@media only screen and (max-width:767px) {
	.box1920 .img_pc { display:none }
	.box1920 .img_pc_half { display:none } /* 공통요소(960px) */
	.box1920 .img_mobile { display:block }
	.none767 { display:none }
}
/* slide image */
.slide_mobile { display:none }
@media only screen and (max-width:767px) {
	.slide_pc { display:none }
	.slide_mobile { display:block }
}
/* sub top image */
.sub_top_mobile { display:none }
@media only screen and (max-width:767px) {
	.sub_top_pc { display:none }
	.sub_top_mobile { display:block }
}

/* 개인정보취급방침,회원약관 */
#private_box { width:100%; height:100%; margin:0 auto; position:relative; padding:20px }
#private_box .tit { background:#eee; border-radius:5px; overflow:hidden; text-align:left; display:flex }
#private_box .tit .wrap { border-radius:5px; height:40px; padding:0 25px 0 20px; display:flex; justify-content:flex-start; align-items:center; gap:10px; background:var(--color-key-dark) }
#private_box .tit .wrap > div { width:4px; height:4px; background:rgba(255,255,255,.5); border-radius:2px; display:inline-block }
#private_box .tit .wrap > p { font-family:'nsn_2'; font-size:15px; color:#fff; display:inline-block  }
#private_box .txt { margin-top:20px }
#private_box .inputprivate { font-family:var(--font-default);width:100%; height:335px; padding:10px; border:1px solid #ccc; background:#fff; color:#333; line-height:1.4 }

/* popup */
#popup_pc { top:0; left:0; position:absolute; width:100%; background:rgba(255,0,0,.5); line-height:0 }
#popup_mobile { top:0; left:0; position:absolute; width:100%; background:rgba(0,0,255,.5); line-height:0 }

/* ******************************************************* swiper ******************************************************* */

.common_mc .swiper { line-height:0 }

/* swiper-pagination */
.common_mc .swiper-pagination { bottom:auto !important; position:relative; margin-top:40px; width:100% !important }
.common_mc .swiper-pagination-bullet { width:8px; height:8px; border-radius:4px; overflow:hidden; opacity:1; background:rgba(20,30,80,.1); transition:all .5s var(--ease-out-1); cursor:pointer; margin:0 !important }
.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:8px !important }
.common_mc .swiper-pagination-bullet-active { width:40px; transition:all .5s var(--ease-out-1); background:rgba(20,30,80,.4); }
/*@media only screen and (max-width:1023px) {
	.common_mc .swiper-pagination { bottom:auto; position:relative; margin-top:40px }
	.common_mc .swiper-pagination-bullet { width:6px; height:6px; border-radius:3px }
	.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:6px !important }
	.common_mc .swiper-pagination-bullet-active { width:30px }
}*/
@media only screen and (max-width:767px) {
	.common_mc .swiper-pagination { bottom:auto; position:relative }
	.common_mc .swiper-pagination-bullet { width:4px; height:4px; border-radius:2px }
	.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:4px !important }
	.common_mc .swiper-pagination-bullet-active { width:20px }
	.common_mc .swiper-pagination { margin-top:20px }
}

/* prev/next */
.common_mc .btn_pn { top:0; position:absolute; width:100px; height:100%; cursor:pointer; display:none; transition:all .5s var(--ease-out-1) }
.common_mc .btn_prev { left:-100px }
.common_mc .btn_next { right:-100px }
.common_mc .btn_pn .arrow_wrap { top:50%; left:50%; transform:translate(-50%,-50%); position:absolute; width:60px; height:60px; background:rgba(0,0,0,0); border-radius:50%; border:1px solid rgba(0,0,0,.2); transition:all .3s var(--ease-out-1) }
.common_mc .btn_pn .arrow_wrap:before { content:''; position:absolute; top:50%; left:0; width:30px; height:1px; background:rgba(0,0,0,.2); transition:all .3s var(--ease-out-1); }

.common_mc .btn_pn .arrow { border:solid rgba(0,0,0,.4); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:10px; transition:all .3s var(--ease-out-1) }
.common_mc .btn_prev .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-48.5%) rotate(135deg); position:absolute; margin-left:-0px }
.common_mc .btn_prev .arrow_wrap:before { left:50%; transform:translateX(-12px); }

.common_mc .btn_next .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-48.5%) rotate(-45deg); position:absolute; margin-left:0px }
.common_mc .btn_next .arrow_wrap:before { right:50%; transform:translateX(12px); }

@media(hover: hover) and (pointer: fine) {
	.common_mc .btn_pn:hover .arrow_wrap { border-color:rgba(0,0,0,1); background:rgba(0,0,0,1) }
	.common_mc .btn_pn:hover .arrow_wrap:before {background:rgba(255,255,255,1); }
	.common_mc .btn_pn:hover .arrow { border-color:rgba(255,255,255,1) }
}

/* more */
.common_mc .common_btn_more { padding:0 50px; height:60px; border-radius:30px; border:1px solid rgba(0,0,0,.3); display:flex; justify-content:center; align-items:center; font-family:'Noto Sans KR'; font-weight:400; font-size:15px; line-height:1; color:#333; transition:all .5s var(--ease-out-1); }
@media(hover: hover) and (pointer: fine) {
	.common_mc .common_btn_more:hover { border-color:var(--color-key); color:var(--color-key); }
}
@media only screen and (max-width:1023px) {
	.common_mc .common_btn_more { padding:0 15px; height:30px; border-radius:15px; font-size:12px; }
}

/* ******************************************************* swiper - v2 ******************************************************* */

.common_mc_v2 .swiper { line-height:0 }

/* swiper-pagination */
.common_mc_v2 .swiper-pagination { bottom:auto !important; position:relative; margin-top:30px; width:100% !important }
.common_mc_v2 .swiper-pagination-bullet { width:6px; height:6px; border-radius:3px; overflow:hidden; opacity:1; background:rgba(20,30,80,.1); transition:all .5s var(--ease-out-1); cursor:pointer; margin:0 !important }
.common_mc_v2 .swiper-pagination-bullet:nth-child(n+2) { margin-left:6px !important }
.common_mc_v2 .swiper-pagination-bullet-active { width:30px; transition:all .5s var(--ease-out-1); background:rgba(20,30,80,.4); }
/*@media only screen and (max-width:1023px) {
	.common_mc_v2 .swiper-pagination { bottom:auto; position:relative; margin-top:40px }
	.common_mc_v2 .swiper-pagination-bullet { width:6px; height:6px; border-radius:3px }
	.common_mc_v2 .swiper-pagination-bullet:nth-child(n+2) { margin-left:6px !important }
	.common_mc_v2 .swiper-pagination-bullet-active { width:30px }
}*/
@media only screen and (max-width:767px) {
	.common_mc_v2 .swiper-pagination { bottom:auto; position:relative }
	.common_mc_v2 .swiper-pagination-bullet { width:4px; height:4px; border-radius:2px }
	.common_mc_v2 .swiper-pagination-bullet:nth-child(n+2) { margin-left:4px !important }
	.common_mc_v2 .swiper-pagination-bullet-active { width:20px }
	.common_mc_v2 .swiper-pagination { margin-top:20px }
}

/* prev/next */
.common_mc_v2 .btn_pn { z-index:1; top:0; position:absolute; width:60px; height:100%; cursor:pointer; display:none; transition:all .5s var(--ease-out-1); /*background:rgba(255,0,0,.5);*/ }
.common_mc_v2 .btn_prev { left:-30px }
.common_mc_v2 .btn_next { right:-30px }
.common_mc_v2 .btn_pn .arrow_wrap { top:50%; left:50%; transform:translate(-50%,-50%); position:absolute; width:40px; height:40px; background:rgba(255,255,255,1); border-radius:50%; border:1px solid rgba(0,0,0,.2); transition:all .3s var(--ease-out-1) }

.common_mc_v2 .btn_pn .arrow { border:solid rgba(0,0,0,.4); border-width:0 2px 2px 0; display:inline-block; vertical-align:middle; padding:6px; transition:all .3s var(--ease-out-1) }
.common_mc_v2 .btn_prev .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:3px; }
.common_mc_v2 .btn_next .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-3px; }

@media(hover: hover) and (pointer: fine) {
	.common_mc_v2 .btn_pn:hover .arrow_wrap { border-color:rgba(0,0,0,1); background:rgba(0,0,0,1) }
	.common_mc_v2 .btn_pn:hover .arrow_wrap:before {background:rgba(255,255,255,1); }
	.common_mc_v2 .btn_pn:hover .arrow { border-color:rgba(255,255,255,1) }
}

/* more */
.common_mc_v2 .common_btn_more { display:flex; justify-content:center; align-items:center; gap:10px; }
.common_mc_v2 .common_btn_more .title { font-family:'Noto Sans KR'; font-weight:500; font-size:15px; line-height:1; letter-spacing:-.5px; color:#333; transition:all .5s var(--ease-out-1); }
.common_mc_v2 .common_btn_more .icon { position:relative; width:10px; height:10px; transition:all .5s var(--ease-out-1) }
.common_mc_v2 .common_btn_more .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:100%; height:2px; background:#333; }
.common_mc_v2 .common_btn_more .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:2px; height:100%; background:#333; }
@media(hover: hover) and (pointer: fine) {
	.common_mc_v2 .common_btn_more:hover .icon { transform:rotate(180deg); }
}
@media only screen and (max-width:767px) {
	.common_mc_v2 .common_btn_more { gap:5px; }
	.common_mc_v2 .common_btn_more .title { font-size:12px; }
}

/* ******************************************************* popup ******************************************************* */

#popup_pc { display:block }
#popup_mobile { display:none }
@media only screen and (max-width:767px) {
	#popup_pc { display:none }
	#popup_mobile { display:block }
}

/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */
/* ******************************************************* section sub ******************************************************* */
/* *************************************************************************************************************************** */
/* *************************************************************************************************************************** */

.display-block-1279 { display:none; }
.display-block-1023 { display:none; }
.display-block-767 { display:none; }
@media only screen and (max-width:1279px) {
	.display-none-1279 { display:none; }
	.display-block-1279 { display:block; }
}
@media only screen and (max-width:1023px) {
	.display-none-1023 { display:none; }
	.display-block-1023 { display:block; }
}
@media only screen and (max-width:767px) {
	.display-none-767 { display:none; }
	.display-block-767 { display:block; }
}


.section-sub { font-family:'Noto Sans KR'; font-weight:400; font-size:2.3rem; color:var(--color-primary); line-height:0; letter-spacing:-.10rem; word-break:keep-all; }
.section-sub img { width:100%; }
.section-sub a { color:#333; }

/* ****************************** font custom ****************************** */

/* 페이지 제목 */
.common-page-title-1 { font-family:'Noto Sans KR'; font-weight:400; font-size:5.0rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.13rem; }
.common-page-title-1 .bold { font-weight:700; }

/* 섹션 제목 */
.common-section-title-level1 { font-family:'Noto Sans KR'; font-weight:400; font-size:4.2rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.13rem; }
.common-section-title-level1 .bold { font-weight:700; }

.common-section-title-level2 { font-family:'Noto Sans KR'; font-weight:400; font-size:3.6rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.20rem; }
.common-section-title-level2 .bold { font-weight:700; }

/* 섹션하위제목 */
.common-section-subject { font-family:'Noto Sans KR'; font-weight:400; font-size:2.8rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.13rem; }

/* 섹션하위내용 */
.common-section-contents-level3 { font-family:'Noto Sans KR'; font-weight:400; font-size:2.0rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.07rem; }
.common-section-contents-level3 .bold { font-weight:700; }
.common-section-contents-level2 { font-family:'Noto Sans KR'; font-weight:400; font-size:1.8rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.07rem; }
.common-section-contents-level2 .bold { font-weight:700; }
.common-section-contents-level1 { font-family:'Noto Sans KR'; font-weight:400; font-size:1.6rem; color:var(--color-primary); line-height:var(--line-height); letter-spacing:-.07rem; }
.common-section-contents-level1 .bold { font-weight:700; }

/* ****************************** intro ****************************** */

#sec_intro { padding:0rem var(--box-padding); }
/* ********** subject ********** */
#sec_intro .subject-con { height:74rem; /*padding:0rem 0 0rem 0;*/ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:5rem; }
#sec_intro .subject-con .line { width:1px; height:7rem; background:rgba(0,0,0,.2); }
#sec_intro .subject-con .t1 { font-family:'Barlow Semi Condensed'; font-weight:500; letter-spacing:.5rem; }
#sec_intro .subject-con .t2 { margin-top:-3rem; font-family:'DM Serif Display'; }
#sec_intro .subject-con .t3 { margin-top:-3rem; }
/* ********** contents ********** */
#sec_intro .box-con { }
#sec_intro .box-con .box-wrap { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:0; }
/* box-L*/
#sec_intro .box-con .box-wrap .box-L { width:50%; border-radius:4rem; overflow:hidden; }
#sec_intro .box-con .box-wrap .box-L .swiper-container { position:relative; width:100%; overflow:hidden; }
#sec_intro .box-con .box-wrap .box-L .swiper-container .swiper-slide { /*display:flex; justify-content:center;*/ }
/* box-R*/
#sec_intro .box-con .box-wrap .box-R { position:relative; width:50%; padding:0 10rem 0 10rem; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:4rem; background:#fff; }
#sec_intro .box-con .box-wrap .box-R .t1 { }
#sec_intro .box-con .box-wrap .box-R .line { width:8rem; height:1px; background:var(--color-primary); }
#sec_intro .box-con .box-wrap .box-R .t2 { }
#sec_intro .box-con .box-wrap .box-R .t3 { }
#sec_intro .box-con .box-wrap .box-R .t4 { }
@media only screen and (max-width:1023px) {
	/* ********** subject ********** */
	/*#sec_intro .subject-con { height:90rem; padding:26rem 0 0rem 0; }*/
	/* box-L*/
	#sec_intro .box-con .box-wrap .box-L { width:100%; }
	/* box-R*/
	#sec_intro .box-con .box-wrap .box-R { width:100%; padding:8rem 0 6rem 0; }
}

/* ****************************** special ****************************** */

#sec_special { position:relative; padding:0rem var(--box-padding) 10rem var(--box-padding); /*background:rgba(255,0,0,.1); border-radius:6rem; overflow:hidden;*/ }
#sec_special:before { content:''; position:absolute; top:0; left:3.4rem; width:calc(100% - 6.8rem); height:100%; background:#efede7; border-radius:6rem; overflow:hidden; }
/* ********** subject ********** */
#sec_special .subject-con { position:relative; padding:12rem 0 6rem 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; gap:2rem; }
#sec_special .subject-con .t1 { }
#sec_special .subject-con .t2 { }
/* ********** contents ********** */
#sec_special .box-con { padding:0 8rem; }
#sec_special .box-con .box-wrap { background:rgba(255,255,255,1); height:40rem; border-radius:3rem; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
/* photo */
#sec_special .box-con .box-wrap .photo-wrap { height:50%; padding:6rem 0 0 0; display:flex; justify-content:center; align-items:center; /*background:rgba(255,0,0,.1)*/ }
#sec_special .box-con .box-wrap .photo-wrap .photo { width:auto; }
/* title */
#sec_special .box-con .box-wrap .title-wrap { height:50%; padding:0 0 7rem 0; display:flex; justify-content:center; align-items:flex-end; text-align:center; }
#sec_special .box-con .box-wrap .title-wrap .t1 { }
/* ********** guide ********** */
#sec_special .guide-wrap { position:relative; margin:7rem auto 0 auto; width:100rem; height:9rem; display:flex; justify-content:center; align-items:center; text-align:center; background:var(--color-primary); border-radius:4.5rem; }
#sec_special .guide-wrap .t1 { color:#fff; }
@media only screen and (max-width:1023px) {
	#sec_special:before { left:0; width:100%;  border-radius:0rem; }
	/* ********** contents ********** */
	#sec_special .box-con { padding:0 0rem; }
	#sec_special .box-con .box-wrap { height:40rem; }
	/* photo */
	#sec_special .box-con .box-wrap .photo-wrap .photo { transform:scale(.65) }
	/* ********** guide ********** */
	#sec_special .guide-wrap { width:100%; height:auto; padding:4rem 4rem; border-radius:10rem; }
	#sec_special .guide-wrap .t1 { font-size:2.4rem; }
}

/* ****************************** qna ****************************** */

#sec_qna { padding:0rem var(--box-padding) 20rem var(--box-padding); }
/* ********** subject ********** */
#sec_qna .subject-con { padding:20rem 0 10rem 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; gap:5rem }
#sec_qna .subject-con .t1 { }
/* ********** contents ********** */
#sec_qna .box-con { border-bottom:1px solid var(--color-primary); }
#sec_qna .box-con .box-wrap { position:relative; border-top:1px solid var(--color-primary); padding:5rem 0 0 0; overflow:hidden; }
#sec_qna .box-con .box-wrap .t1-wrap { padding:0 0 5rem 0; display:flex; justify-content:space-between; align-items:center; }
#sec_qna .box-con .box-wrap .t1-wrap .t1 { width:calc(100% - 27px); padding-right:2rem; transition:all .5s var(--ease-out-1); }
#sec_qna .box-con .box-wrap .t1-wrap .icon { flex-shrink:0; position:relative; width:27px; height:27px; transition:all .5s var(--ease-out-1); }
#sec_qna .box-con .box-wrap .t1-wrap .icon:before { content:''; position:absolute; top:0; left:10px; width:7px; height:100%; background:#333; transition:all .5s var(--ease-out-1); }
#sec_qna .box-con .box-wrap .t1-wrap .icon:after { content:''; position:absolute; top:10px; left:0; width:100%; height:7px; background:#333; transition:all .5s var(--ease-out-1); }
#sec_qna .box-con .box-wrap .t2-wrap { display:none; padding:0rem 40rem 5rem 0; background:#fff; }
#sec_qna .box-con .box-wrap .t2-wrap .t1 { opacity:0; transition:all .5s var(--ease-in-out-1); }
/* active */
#sec_qna .box-con .box-wrap.active .t1-wrap .t1 { color:#f9bc2e; }
#sec_qna .box-con .box-wrap.active .t1-wrap .icon { transform:rotate(180deg); }
#sec_qna .box-con .box-wrap.active .t1-wrap .icon:before { background:#f9bc2e; transform:rotate(90deg);}
#sec_qna .box-con .box-wrap.active .t1-wrap .icon:after { background:#f9bc2e; }
#sec_qna .box-con .box-wrap.active .t2-wrap .t1 { opacity:1; }
@media only screen and (max-width:1023px) {
	#sec_qna .box-con .box-wrap .t1-wrap .t1 { width:calc(100% - 17px); }
	#sec_qna .box-con .box-wrap .t1-wrap .icon { width:17px; height:17px; }
	#sec_qna .box-con .box-wrap .t1-wrap .icon:before {left:6px; width:5px; }
	#sec_qna .box-con .box-wrap .t1-wrap .icon:after { top:6px; height:5px; }
	#sec_qna .box-con .box-wrap .t2-wrap { padding:0rem 0rem 5rem 0; }
}

/* ****************************** 장비xxxxx ****************************** */

.common-sec-equip { padding:0rem var(--box-padding); }
/* ********** subject ********** */
.common-sec-equip .subject-con { padding:20rem 0 10rem 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; gap:2rem }
.common-sec-equip .subject-con .t1 { }
.common-sec-equip .subject-con .t2 { }
/* ********** contents ********** */
.common-sec-equip .box-con { display:flex; flex-direction:column; gap:10rem; }
.common-sec-equip .box-con .box-wrap { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:0; }
/* box-L*/
.common-sec-equip .box-con .box-wrap .box-L { position:relative; width:50%; padding:12rem 6rem 0 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:0; }
.common-sec-equip .box-con .box-wrap .box-L:before { content:''; position:absolute; top:0; left:0; width:calc(100% - 6rem); height:1px; background:var(--color-primary); }
.common-sec-equip .box-con .box-wrap .box-L .t1 { }
.common-sec-equip .box-con .box-wrap .box-L .t2 { margin-top:4rem; }
/* info */
.common-sec-equip .box-con .box-wrap .box-L .info-con { margin-top:10rem; display:flex; flex-direction:column; gap:3rem; }
.common-sec-equip .box-con .box-wrap .box-L .info-con .info-wrap { display:flex; flex-wrap:wrap; align-items:center; gap:3rem; }
.common-sec-equip .box-con .box-wrap .box-L .info-con .info-wrap .icon { width:19.1%; flex-shrink:0; background:#fff; }
.common-sec-equip .box-con .box-wrap .box-L .info-con .info-wrap .txt-wrap { width:calc(100% - 19.1% - 3rem); background:#fff; }
.common-sec-equip .box-con .box-wrap .box-L .info-con .info-wrap .txt-wrap .i2 { margin-top:1.5rem; }
/* box-R*/
.common-sec-equip .box-con .box-wrap .box-R { width:50%; border-radius:4rem; overflow:hidden; }
.common-sec-equip .box-con .box-wrap .box-R .equip-con { width:100%; }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap { }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap .photo { border-radius:3rem; }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap .txt-wrap { width:100%; padding:3rem 1.6rem 0 1.6rem; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; align-items:center; text-align:center; }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap .txt-wrap .t1 { }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap .txt-wrap .t2 { margin-top:1rem; letter-spacing:.05rem; }
.common-sec-equip .box-con .box-wrap .box-R .equip-con .flex-box-wrap .txt-wrap .t3 { margin-top:2rem; }
@media only screen and (max-width:1023px) {
	/* box-L*/
	.common-sec-equip .box-con .box-wrap .box-L { width:100%; padding:8rem 0 6rem 0; }
	.common-sec-equip .box-con .box-wrap .box-L:before { width:100%; }
	/* info */
	.common-sec-equip .box-con .box-wrap .box-L .info-con { margin-top:6rem; }
	/* box-R*/
	.common-sec-equip .box-con .box-wrap .box-R { width:100%; }
}

/* ****************************** 레이저종류xxxxx ****************************** */

.common-sec-recovery-01 { padding:0rem var(--box-padding); }
/* ********** subject ********** */
.common-sec-recovery-01 .subject-con { padding:20rem 0 0rem 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; gap:2rem }
.common-sec-recovery-01 .subject-con .t1 { }
.common-sec-recovery-01 .subject-con .t2 { }
/* ********** contents ********** */
.common-sec-recovery-01 .box-con { display:flex; flex-direction:column; gap:7rem; }

.common-sec-recovery-01 .wrap-title { padding:12rem 0 4rem 0; }

.common-sec-recovery-01 .box-con .box-wrap { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:0; }
/* box-L*/
.common-sec-recovery-01 .box-con .box-wrap .box-L { position:relative; width:50%; padding:10rem 6rem 0 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:0; }
.common-sec-recovery-01 .box-con .box-wrap .box-L:before { content:''; position:absolute; top:0; left:0; width:calc(100% - 6rem); height:1px; background:var(--color-primary); }
.common-sec-recovery-01 .box-con .box-wrap .box-L .t1 { }
.common-sec-recovery-01 .box-con .box-wrap .box-L .t2 { margin-top:4rem; }
/* box-R*/
.common-sec-recovery-01 .box-con .box-wrap .box-R { width:50%; border-radius:4rem; overflow:hidden; }
@media only screen and (max-width:1023px) {
	/* box-L*/
	.common-sec-recovery-01 .box-con .box-wrap .box-L { width:100%; padding:8rem 0 6rem 0; }
	.common-sec-recovery-01 .box-con .box-wrap .box-L:before { width:100%; }
	/* box-R*/
	.common-sec-recovery-01 .box-con .box-wrap .box-R { width:100%; }
}









/* 추후삭제 */
.section-sub .common-active-m { display:none; }
@media only screen and (max-width:1023px) {
	.section-sub .common-active-p { display:none; }
	.section-sub .common-active-m { display:block; }
}
/* 추후삭제 */

/* ++++++++++++++++++++++++++++++ common box-1 ++++++++++++++++++++++++++++++ */
.section-sub .common-box-center { position:relative; width:min(100%,calc(var(--max-width) + calc(var(--box-padding) * 2))); margin:0 auto; }

/* ++++++++++++++++++++++++++++++ common box-2 ++++++++++++++++++++++++++++++ */
.flex-box { position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--gap-column-p) var(--gap-row-p); }
.flex-box .box-wrap { position:relative; width:calc((100% - calc(var(--gap-row-p) * calc(var(--row-p) - 1)))/var(--row-p)); overflow:hidden; }
.flex-box .flex-box-wrap { position:relative; width:calc((100% - calc(var(--gap-row-p) * calc(var(--row-p) - 1)))/var(--row-p)); overflow:hidden; }
 @media only screen and (max-width:1023px) {
	.flex-box { gap:var(--gap-column-m) var(--gap-row-m); }
	.flex-box .box-wrap { width:calc((100% - calc(var(--gap-row-m) * calc(var(--row-m) - 1)))/var(--row-m)); }
	.flex-box .flex-box-wrap { width:calc((100% - calc(var(--gap-row-m) * calc(var(--row-m) - 1)))/var(--row-m)); }
}


