@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;}

/* 기본폰트 */
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

:root {
	
	--font-family: "Paperozi";
	
	--letter-spacing:-0.02em;
	
	/* color */
	--color-key:#000;
	--color-dark:#444;
	--color-primary:#666;
	
	/* ease */
	--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);
	
	/* font size */
	--fs-sum:1.0;
	/*--fs-sum-m:1.0;
	--fs-1279:var(--fs-sum);
	--fs-1023:var(--fs-sum);
	--fs-767:var(--fs-sum);*/
	
	/* padding */
	--box-padding:3.0rem;
	--box-space-TB:16rem;
	--box-space-titlebottom:8rem;
	
	/* borderline */
	--bordercolor-dark:rgba(0,0,0,1);
	--bordercolor-bright:rgba(0,0,0,.2);

}

html, body { font-size:62.5% !important; /*overflow-x:hidden; : for sticky */ } /* 10px */
html, body p { font-family:var(--font-family); font-weight:300; color:var(--color-primary); line-height:1.1; letter-spacing:var(--letter-spacing); word-break:keep-all; }
@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:37.5% !important; }*/ /* 6px */
	html, body { font-size:34.4% !important; } /* 5.5px */
	/*html, body { font-size:31.3% !important; }*/ /* 5px */
	/*html, body { font-size:25% !important; };*/ /* 4px */

	:root { --fs-sum:1.3; /*--box-padding:3.4rem;*/ }
}

/* ****************************************************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************************************************** */
/* ********************************************************************************************** contents ********************************************************************************************** */
/* ****************************************************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************************************************** */

#contents { position:relative; width:min(100%,1920px); margin:0 auto; height:100%; /*padding-top:100px;*/ padding-top:0px; /*overflow:hidden;*/ } /* overflow:hidden -> position:sticky(x) */
@media only screen and (max-width:1279px) {
	#contents { /*padding-top:60px;*/ padding-top:0px; }
}

.common-box-center { position:relative; width:min(100%,calc(var(--max-width) + calc(var(--box-padding) * 2))); margin:0 auto; }
.flex-box-con { position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--gap-column-p) var(--gap-row-p); }
.flex-box-con .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-con { gap:var(--gap-column-m) var(--gap-row-m); }
	.flex-box-con .flex-box-wrap { width:calc((100% - calc(var(--gap-row-m) * calc(var(--row-m) - 1)))/var(--row-m)); }
}

.section-sub { position:relative; font-size:calc(1.8rem * var(--fs-sum)); line-height:1.1; overflow:hidden; }
.section-sub p { color:var(--color-dark); }
.section-sub img { /*display:block;*/ vertical-align:top; width:100%; }
.section-sub a { color:var(--color-key); }

/* common titie */
.section-sub .sec-title-e1 { font-size:calc(5.0rem * var(--fs-sum)); font-weight:100; line-height:1.2; letter-spacing:0; text-transform:uppercase; }
.section-sub .sec-title-k1 { margin-top:3rem; font-size:calc(3.2rem * var(--fs-sum)); font-weight:500; line-height:1.5; }
.section-sub .sec-title-k2 { margin-top:3rem; font-size:calc(2.0rem * var(--fs-sum)); line-height:1.8; }

/* *************************************************************************************************************************************** */
/* ************************************************************* 반응형 옵션 ************************************************************* */
/* *************************************************************************************************************************************** */

/* ++++++++++++++++++++ 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 }
}

/* ++++++++++++++++++++ top / gnb / sms / quick / sitemap ++++++++++++++++++++ */
/* pc */
#top { }
#gnb { /*transform:translateY(1000vh)*/ }
#quick_r { }
#quick_sms { }
#quick_sms_pop { }
#sitemap { }
/* mobile */
#top_m_con { display:none }
#gnb_m_con { /*transform:translateY(1000vh)*/ display:none; }
#gnb_m_onoff_con { display:none }
#quick_m_con { display:none }
#quick_m_con img { width:100% }
#quick_sms_m { display:none }
#disabeldBox_m { display:none }
@media only screen and (max-width:1279px) {
	#top { display:none }
	#gnb { /*transform:translateY(1000vh)*/ display:none; }
	#quick_r { display:none }
	/*#quick_sms { display:none }*/
	#quick_sms_pop { display:none }
	#sitemap { display:none }
	
	#top_m_con { display:block }
	#gnb_m_con { /*transform:translateY(0)*/ display:block; }
	#gnb_m_onoff_con { display:block }
	#quick_m_con { display:block }
	/*#quick_sms_m { display:block }*/
	#disabeldBox_m { display:block }
}

/* ++++++++++++++++++++ mobile ++++++++++++++++++++ */
#quick_bottom_con { bottom:0; position:fixed; width:100%; z-index:10 } /* quick bottom */
#top_m_con { top:0; position:fixed; width:100%; z-index:20 } /* top */
#disabeldBox_m { top:0px; width:100%; height:100%; background:#000; position:fixed; z-index:30 } /* blask square */
#gnb_m_con { top:0; width:100%; margin-left:-100%; height:100%; position:fixed; overflow:hidden; z-index:50 } /* gnb */
#gnb_m_onoff_con { top:0; position:fixed; width:100%; z-index:50 } /* gnb_onoff */
#quick_m_con { top:0; width:100%; position:fixed; z-index:60 } /* quick top */

/* ++++++++++++++++++++ image ++++++++++++++++++++ */
/* img 1920px : width-1500px */
.img-1500 { width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden }
.img-1500 .pc { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center }
.img-1500 .pc img { width:auto }
@media (max-width:1560px) {
	.img-1500 .pc { width:100%; left:0; margin-left:0px }
	.img-1500 .pc img { width:calc((1920/1560)*100%) }
}
/* img 1920px : width-1300px */
.img-1300 { width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden }
.img-1300 .pc { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center }
.img-1300 .pc img { width:auto }
@media (max-width:1300px) {
	.img-1300 .pc { width:100%; left:0; margin-left:0px }
	.img-1300 .pc img { width:calc((1920/1300)*100%) }
}

/* *************************************************************************************************************************************** */
/* **************************************************************** font ***************************************************************** */
/* *************************************************************************************************************************************** */

/* ++++++++++++++++++++ font size ++++++++++++++++++++ */
.font-size-250 { font-size:calc(25.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-100 { font-size:calc(10.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-90 { font-size:calc(9.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-80 { font-size:calc(8.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-70 { font-size:calc(7.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-65 { font-size:calc(6.5rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-60 { font-size:calc(6.0rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-55 { font-size:calc(5.5rem * var(--fs-sum)); line-height:var(--line-height); }

.font-size-50 { font-size:calc(5.0rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-45 { font-size:calc(4.5rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-44 { font-size:calc(4.4rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-43 { font-size:calc(4.3rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-42 { font-size:calc(4.2rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-41 { font-size:calc(4.1rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-40 { font-size:calc(4.0rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-38 { font-size:calc(3.5rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-35 { font-size:calc(3.5rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-32 { font-size:calc(3.2rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-31 { font-size:calc(3.2rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-30 { font-size:calc(3.0rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-29 { font-size:calc(2.9rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-28 { font-size:calc(2.8rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-27 { font-size:calc(2.7rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-26 { font-size:calc(2.6rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-25 { font-size:calc(2.5rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-24 { font-size:calc(2.4rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-23 { font-size:calc(2.3rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-22 { font-size:calc(2.2rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-21 { font-size:calc(2.1rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-20 { font-size:calc(2.0rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-19 { font-size:calc(1.9rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-18 { font-size:calc(1.8rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-17 { font-size:calc(1.7rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-16 { font-size:calc(1.6rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-15 { font-size:calc(1.5rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-14 { font-size:calc(1.4rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-13 { font-size:calc(1.3rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-12 { font-size:calc(1.2rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-11 { font-size:calc(1.1rem * var(--fs-sum)); line-height:var(--line-height); }
.font-size-10 { font-size:calc(1.0rem * var(--fs-sum)); line-height:var(--line-height); }

/* ++++++++++++++++++++ font weight ++++++++++++++++++++ */
.font-weight-100 { font-weight:100; }
.font-weight-200 { font-weight:200; }
.font-weight-300 { font-weight:300; }
.font-weight-400 { font-weight:400; }
.font-weight-500 { font-weight:500; }
.font-weight-600 { font-weight:600; }
.font-weight-700 { font-weight:700; }
.font-weight-800 { font-weight:800; }
.font-weight-900 { font-weight:900; }

/* ++++++++++++++++++++ font weight ++++++++++++++++++++ */
.letter-spacing-0 { letter-spacing:0; }



/* ********************************** */
/* ********** common : how ********** */
/* ********************************** */
.sec-how-normal .common-box-center { padding:0 var(--box-padding); }
/* ******************** title ******************** */
.sec-how-normal .title-con { position:relative; padding:var(--box-space-TB) 0 var(--box-space-titlebottom) 0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
/* ******************** contents ******************** */
.sec-how-normal .contents-con { }
.sec-how-normal .contents-con .flex-box-wrap .photo { border-radius:3rem; }
.sec-how-normal .contents-con .flex-box-wrap .txt-wrap { padding:4rem 0rem 0 0rem; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; align-items:center; text-align:center; }
.sec-how-normal .contents-con .flex-box-wrap .txt-wrap .t2 { margin-top:2rem; line-height:1.6; }
@media only screen and (max-width:767px) {
	.sec-how-normal .contents-con .flex-box-wrap { width:80%; margin:0 auto; }
}
		


/* ********************************************************************************************************************************* */
/* ************************************************************ display ************************************************************ */
/* ********************************************************************************************************************************* */

.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; }
}

/* ********************************************************************************************************************************* */
/* ************************************************************* 말줄임 ************************************************************ */
/* ********************************************************************************************************************************* */

.text-ellipsis-line1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.text-ellipsis-line2 { overflow:hidden; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.text-ellipsis-line3 { overflow:hidden; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.text-ellipsis-line4 { overflow:hidden; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.text-ellipsis-line5 { overflow:hidden; text-overflow:ellipsis; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; }

/* ********************************************************************************************************************************* */
/* ************************************************************* swiper ************************************************************ */
/* ********************************************************************************************************************************* */

/* ++++++++++++++++++++ pagination ++++++++++++++++++++ */
.common-swiper-pagination .swiper-pagination { bottom:auto !important; position:relative; margin-top:5rem; width:100% !important; }
.common-swiper-pagination .swiper-pagination-bullet { opacity:1; position:relative; width:2rem; height:2rem; border-radius:50%; border:1px solid rgba(0,0,0,.2); overflow:hidden; background:#fff; transition:all .5s var(--ease-out-1); cursor:pointer; margin:0 !important }
.common-swiper-pagination .swiper-pagination-bullet:before { content:''; position:absolute; top:0; left:0; transform:scale(0); width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,.5); transition:all .5s var(--ease-out-1); }
.common-swiper-pagination .swiper-pagination-bullet:nth-child(n+2) { margin-left:1.2rem !important }
.common-swiper-pagination .swiper-pagination-bullet-active { border:1px solid rgba(0,0,0,.5); }
.common-swiper-pagination .swiper-pagination-bullet-active:before { transform:scale(.4); }
@media only screen and (max-width:767px) {
	.common-swiper-pagination .swiper-pagination { /*margin-top:30px;*/ }
	.common-swiper-pagination .swiper-pagination-bullet { /*width:4px; height:4px; border-radius:2px*/ }
	.common-swiper-pagination .swiper-pagination-bullet:nth-child(n+2) { /*margin-left:4px !important*/ }
	.common-swiper-pagination .swiper-pagination-bullet-active { /*width:20px*/ }
	.common-swiper-pagination .swiper-pagination {  }
}

/* ++++++++++++++++++++ prev/next ++++++++++++++++++++ */
.common-swiper-pn .btn-pn { z-index:1; top:0; position:absolute; width:80px; height:100%; cursor:pointer; display:none; transition:all .5s var(--ease-out-1); /*background:rgba(255,0,0,.1);*/ }
.common-swiper-pn .btn-prev { left:-80px }
.common-swiper-pn .btn-next { right:-80px }
.common-swiper-pn .btn-pn .arrow-wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50px; height:50px; background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,.4); border-radius:50%; transition:all .3s var(--ease-out-1); }
.common-swiper-pn .btn-pn .arrow-wrap .arrow { border:solid var(--color-key); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:6px; transition:all .3s var(--ease-out-1); }
.common-swiper-pn .btn-prev .arrow-wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:3px; }
.common-swiper-pn .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-swiper-pn .btn-pn:hover .arrow-wrap { background:var(--color-key); }
	.common-swiper-pn .btn-pn:hover .arrow-wrap .arrow { border-color:#fff; }
}


/* ++++++++++++++++++++ more ++++++++++++++++++++ */
/* more */
.common-btn-more .btn-more { position:relative; width:80px; height:80px; /*background:rgba(255,0,0,.1);*/ }
.common-btn-more .btn-more .icon-wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50px; height:50px; display:flex; justify-content:center; align-items:center; background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,.5); border-radius:50%; transition:all .3s var(--ease-out-1); }
.common-btn-more .btn-more .icon-wrap .icon { position:relative; width:52%; height:52%; }
.common-btn-more .btn-more .icon-wrap .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:calc(100% - 1px); height:1px; background:var(--color-primary); transition:all .3s var(--ease-out-1); }
.common-btn-more .btn-more .icon-wrap .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:1px; height:calc(100% - 1px); background:var(--color-primary); transition:all .3s var(--ease-out-1); }
@media(hover: hover) and (pointer: fine) {
	.common-btn-more .btn-more:hover .icon-wrap { background:var(--color-key); border:1px solid rgba(0,0,0,.2); }
	.common-btn-more .btn-more:hover .icon-wrap .icon:before { background:#fff; }
	.common-btn-more .btn-more:hover .icon-wrap .icon:after { background:#fff; }
}
@media only screen and (max-width:767px) {
	.common-btn-more .btn-more { width:30px; height:30px; }
	.common-btn-more .btn-more .icon-wrap { width:30px; height:30px; }
}

/* more v2 */
.common-btn-more-v2 .btn-more { padding:2rem 4rem; border-radius:20rem; background:var(--color-dark); overflow:hidden; display:flex; justify-content:center; align-items:center; gap:2rem; transition:all .5s var(--ease-out-1); }
.common-btn-more-v2 .btn-more p { transform:translateY(.1rem); font-size:calc(1.8rem * var(--fs-sum)); color:#fff; /*line-height:1; letter-spacing:.05rem;*/ transition:all .5s var(--ease-out-1); }
.common-btn-more-v2 .btn-more .arrow-wrap { transition:all .5s var(--ease-out-back); }
.common-btn-more-v2 .btn-more .arrow-wrap .arrow { border:1px solid var(--color-key); border-width:0 1px 1px 0; padding:.5rem; transform:translateY(0px) rotate(-45deg); }
@media only screen and (min-width:768px) {
	@media(hover: hover) and (pointer: fine) {
		.common-btn-more-v2 .btn-more:hover { background:var(--color-key); }
		.common-btn-more-v2 .btn-more:hover .arrow-wrap { transform:translateX(.7rem); }
	}
}
@media only screen and (max-width:767px) {
	.common-btn-more-v2 .btn-more { }
	.common-btn-more-v2 .btn-more p { font-size:calc(1.3rem * var(--fs-sum) * 1.3); }
}

/* more v3 */
.common-btn-more-v3 .btn-more { padding:2rem 4rem; border-radius:20rem; background:var(--color-key); overflow:hidden;display:flex; justify-content:center; align-items:center; gap:2rem; transition:all .5s var(--ease-out-1); }
.common-btn-more-v3 .btn-more p { font-family:'Barlow Semi Condensed'; font-size:calc(1.3rem * var(--fs-sum)); color:#fff; line-height:1; letter-spacing:.05rem; transition:all .5s var(--ease-out-1); }
.common-btn-more-v3 .btn-more .arrow-wrap { transition:all .5s var(--ease-out-back); }
.common-btn-more-v3 .btn-more .arrow-wrap .arrow { border:1px solid #fff; border-width:0 1px 1px 0; padding:.5rem; transform:translateY(0px) rotate(-45deg); }
@media only screen and (min-width:768px) {
	@media(hover: hover) and (pointer: fine) {
		.common-btn-more-v3 .btn-more:hover .arrow-wrap { transform:translateX(.7rem); }
	}
}
@media only screen and (max-width:767px) {
	.common-btn-more-v3 .btn-more { }
	.common-btn-more-v3 .btn-more p { font-size:calc(1.3rem * var(--fs-sum) * 1.3); }
}

/* ****************************************************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************************************************** */
/* ************************************************************************************************* etc ************************************************************************************************ */
/* ****************************************************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************************************************** */

/* ++++++++++++++++++++ aos custom ++++++++++++++++++++ */
/* aos : original */
/*[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=zoom-in]{transform:scale(.6)}
[data-aos=zoom-out]{transform:scale(1.2)}*/
/* aos : custom */
[data-aos=fade-up]{transform:translate3d(0,10rem,0)}
[data-aos=fade-down]{transform:translate3d(0,-10rem,0)}
[data-aos=fade-left]{transform:translate3d(10rem,0,0)}
[data-aos=fade-right]{transform:translate3d(-10rem,0,0)}

/* ++++++++++++++++++++ popup ++++++++++++++++++++ */
#popup_pc { top:0; left:0; position:absolute; width:100%; background:rgba(255,0,0,.5); line-height:0 }
#popup_mobile { display:none; top:0; left:0; position:absolute; width:100%; background:rgba(0,0,255,.5); line-height:0 }
@media only screen and (max-width:767px) {
	#popup_pc { display:none }
	#popup_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 }