@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}
html, body {}
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 }


:root {
	
	/*overflow-x:hidden;*/
	
	
	/* default */
	font-family:'nsn_1';
	--font-default:'nsn_1';
	
	font-size:13px;
	color:#333;
	
	/* color */
	--color-key:#d9a28a;
	--color-key-dark:#182433;
	
	/* size */
	/*--font-size-bordlist-pc:15px;
	--font-size-bordlist-mobile:13px;*/
	
	--br_s1:100px;
	--br_s2:70px;
	--br_s3:30px;
	--br_s4:15px;
	--br_s5:10px;
	
	--br_s1_m:60px;
	--br_s2_m:40px;
	--br_s3_m:20px;
	--br_s4_m:10px;
	--br_s5_m:6px;

}

#contents { width:100%; height:100%; /*overflow:hidden;*/ /*min-width:1288px;*/ position:relative } /* 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 }

/* ******************************************************* 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 }
.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%) }
}
@media only screen and (max-width:767px) {
	.box1920 .img_pc { display:none }
	.box1920 .img_mobile { display:block }
}

.display-block-1719 { display:none !important; }
.display-block-1659 { display:none !important; }
.display-block-1559 { display:none !important; }
.display-block-1279 { display:none !important; }
.display-block-1023 { display:none !important; }
.display-block-767 { display:none !important; }
@media only screen and (max-width:1719px) {
	.display-none-1719 { display:none !important; }
	.display-block-1719 { display:block !important; }
}
@media only screen and (max-width:1659px) {
	.display-none-1659 { display:none !important; }
	.display-block-1659 { display:block !important; }
}
@media only screen and (max-width:1559px) {
	.display-none-1559 { display:none !important; }
	.display-block-1559 { display:block !important; }
}
@media only screen and (max-width:1279px) {
	.display-none-1279 { display:none !important; }
	.display-block-1279 { display:block !important; }
}
@media only screen and (max-width:1023px) {
	.display-none-1023 { display:none !important; }
	.display-block-1023 { display:block !important; }
}
@media only screen and (max-width:767px) {
	.display-none-767 { display:none !important; }
	.display-block-767 { display:block !important; }
}






/* 개인정보취급방침,회원약관 */
#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) }
#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 }

/* more */
.common_mc .common_btn_more { position:relative; border:1px solid #ccc; width:80px; height:80px; border-radius:40px; display:flex; justify-content:center; align-items:center; transition:all ease-out .3s }
.common_mc .common_btn_more p { font-family:'Oswald-regular'; font-size:12px; color:#999; line-height:1; letter-spacing:.5px; transition:all ease-out .3s }
.common_mc .common_btn_more .icon { top:50%; left:50%; margin-top:-15px; margin-left:-15px; position:absolute; width:30px; height:30px; transform:rotate(-135deg) scale(0); transition:all ease-out .3s }
.common_mc .common_btn_more .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:100%; height:2px; background:var(--color-key) }
.common_mc .common_btn_more .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:2px; height:100%; background:var(--color-key) }
@media(hover: hover) and (pointer: fine) {
	.common_mc .common_btn_more:hover { border-color:var(--color-key) }
	.common_mc .common_btn_more:hover p { opacity:0 }
	.common_mc .common_btn_more:hover .icon { transform:rotate(0deg) scale(1) }
}
@media only screen and (max-width:1023px) {
	.common_mc .common_btn_more { width:50px; height:50px }
	.common_mc .common_btn_more .icon { display:none }
	.common_mc .common_btn_more p { font-size:10px }
}

/* ******************************************************* 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(0,0,0,.1); transition:all ease-out .3s; 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 ease-out .3s; background:rgba(0,0,0,.6) }
/*@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 ease-out .3s }
.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:#fff; border-radius:50%; border:1px solid rgba(0,0,0,.1); transition:all .3s ease-out }
.common_mc .btn_pn .arrow { border:solid #aaa; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:10px; transition:all .3s ease-out }
.common_mc .btn_prev .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:5px }
.common_mc .btn_next .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-5px }
@media(hover: hover) and (pointer: fine) {
	.common_mc .btn_pn:hover .arrow_wrap { border-color:rgba(0,0,0,.3) }
	.common_mc .btn_pn:hover .arrow { border-color:var(--color-key) }
}

/* ******************************************************* popup ******************************************************* */
/*#popup_pc { display:block }
#popup_mobile { display:none }
@media only screen and (max-width:767px) {
	#popup_pc { display:none }
	#popup_mobile { display:block }
}*/