:root {
	--color-key:#8c9cdf;
	--color-key-bright:#8c9cdf;
	--color-key-dark:#8c9cdf;
}

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

/* more */
.common_mc .common_btn_more { position:relative; display:flex; justify-content:center; align-items:center; gap:10px; }
.common_mc .common_btn_more p { font-family:"Pretendard Variable"; font-weight:700; font-size:30px; color:#00a5e3; line-height:1; transition:all ease-out .3s }
.common_mc .common_btn_more .icon { position:relative; width:20px; height:20px; transition:all ease-out .3s }
.common_mc .common_btn_more .icon:before { content:''; top:calc(50% - 2px); left:0; position:absolute; width:100%; height:4px; background:#00a5e3 }
.common_mc .common_btn_more .icon:after { content:''; top:0; left:calc(50% - 2px); position:absolute; width:4px; height:100%; background:#00a5e3 }
@media(hover: hover) and (pointer: fine) {
	.common_mc .common_btn_more:hover { border-color:var(--color-key); border-radius:0 }
	.common_mc .common_btn_more:hover p { opacity:1 }
	.common_mc .common_btn_more:hover .icon { transform:rotate(180deg) }
}
@media only screen and (max-width:1023px) {
	/*.common_mc .common_btn_more { width:40px; height:40px }
	.common_mc .common_btn_more .icon { margin-top:-10px; margin-left:-10px; width:20px; height:20px }
	.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:rgba(255,255,255,0); border-radius:50%; border:1px solid rgba(0,0,0,.2); transition:all .3s ease-out }
.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 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,.4); background:rgba(255,255,255,.5) }
	.common_mc .btn_pn:hover .arrow { border-color:rgba(0,0,0,1) }
}



@font-face{
    font-display: swap;
    font-family: nsn_0;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
    font-weight:100;
    
}
@font-face{
    font-display: swap;
    font-family: nsn_1;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
    font-weight:300;
}
@font-face{
    font-display: swap;
    font-family: nsn_2;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
    font-weight:400;
}
@font-face{
    font-display: swap;
    font-family: nsn_3;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
    font-weight:500;
}
@font-face{
    font-display: swap;
    font-family: nsn_4;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
    font-weight:700;
}



@charset "utf-8";
@font-face {
	font-family: 'nanum';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

/*나눔 고딕 Bold*/
@font-face {
    font-family:'NanumGothicBold';
    font-weight: normal;
    font-style: normal;     
    src: url('/font/NanumGothicBold.eot');
    src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothicBold.woff') format('woff'),
         url('/font/NanumGothicBold.ttf') format('truetype');
}

*
{
    margin:0;
    padding:0; 
}

@font-face {
font-family: 'Oswald-Light';
src: url('/font/Oswald-Light.eot'); /*IE9 Compat Modes --*/
src: url('/font/Oswald-Light.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
     url('/font/Oswald-Light.woff') format('woff'),/*Modern Browsers */
     url('/font/Oswald-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
     font-weight: normal;
     font-style: normal;
}

@font-face {
font-family: 'Oswald-Regular';
src: url('/font/Oswald-Regular.eot'); /*IE9 Compat Modes --*/
src: url('/font/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
     url('/font/Oswald-Regular.woff') format('woff'),/*Modern Browsers */
     url('/font/Oswald-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
     font-weight: normal;
     font-style: normal;
}

@font-face {
font-family: 'Oswald-Bold';
src: url('/font/Oswald-Bold.eot'); /*IE9 Compat Modes --*/
src: url('/font/Oswald-Bold.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
     url('/font/Oswald-Bold.woff') format('woff'),/*Modern Browsers */
     url('/font/Oswald-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
     font-weight: normal;
     font-style: normal;
}

@font-face {
font-family: 'e-Oswald-Regular';
src: url('/font/Oswald-Regular.eot'); /*IE9 Compat Modes --*/
src: url('/font/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
     url('/font/Oswald-Regular.woff') format('woff'),/*Modern Browsers */
     url('/font/Oswald-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
     font-weight: normal;
     font-style: normal;
}

@font-face {
font-family: 'e-Oswald-Bold';
src: url('/font/Oswald-Bold.eot'); /*IE9 Compat Modes --*/
src: url('/font/Oswald-Bold.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
     url('/font/Oswald-Bold.woff') format('woff'),/*Modern Browsers */
     url('/font/Oswald-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
     font-weight: normal;
     font-style: normal;
}

	
body,table,td{ font-size:15px; color:#666666; line-height:18px;  border:none; top:0; }
html, body{height:auto !important; height:100%; min-height:100%; width:100%; }

body {
	line-height: 1;
}

BODY 
{margin: 0 0 0 0;scrollbar-3dlight-color:#F3F4F7; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#F3F4F7; scrollbar-darkshadow-color:#D7D7D7; scrollbar-face-color:#D7D7D7; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; }

img {border:0; clear:both; line-height:0; }
a {text-decoration:none;}
ul,ol,dl {list-style-type:none; margin:0;}


.NGB						{font-family:NanumGothicBold;}
	
/* ------------------------- 공통 ------------------------------------ */

/* ------------------------- 서브공통 ------------------------------------ */

.bold								{font-weight:bold;}
/*폰트사이즈*/
.font-size10						{font-size:10px;}
.font-size11						{font-size:11px;}
.font-size12						{font-size:12px;}
.font-size13						{font-size:13px;}
.font-size14						{font-size:14px;}
.font-size15						{font-size:15px;}
.font-size16						{font-size:16px;}
.font-size17						{font-size:17px;}
.font-size18						{font-size:18px;}
.font-size20						{font-size:20px;}
.font-size10t						{font-size:10px; font-family:tahoma;}
.font-size11t						{font-size:11px; font-family:tahoma;}
.font-size12t						{font-size:12px; font-family:tahoma;}

/*행간격*/
.l_height13							{line-height:13px;}
.l_height14							{line-height:14px;}
.l_height15							{line-height:15px;}
.l_height16							{line-height:16px;}
.l_height17							{line-height:17px;}
.l_height18							{line-height:18px;}
.l_height19 						{line-height:19px;}
.l_height20							{line-height:20px;}
.l_height21							{line-height:21px;}
.l_height22							{line-height:22px;}
.l_height23							{line-height:23px;}
.l_height25							{line-height:25px;}
.l_height26							{line-height:26px;}
.l_height29							{line-height:29px;}
.l_height30							{line-height:30px;}

/*칼라*/
.cFFFFFF							{color:#FFFFFF;}
.c00229F							{color:#00229F;}
.c7F7871							{color:#7F7871;}
.cB38A5A							{color:#B38A5A;}
.cFA7C00							{color:#FA7C00;}
.cFF0000							{color:#FF0000;}
.c9D4EFF							{color:#9d4eff;}
.c0012FF							{color:#0012ff;}
.c0E24F1							{color:#0E24F1;}
.c4ab8cb							{color:#4ab8cb;}

.input	{border:solid 1px #cacaca; background-color:#fbfbfb; color:#959595;height:18px;line-height:18px;}
.input2	{ background-color:#fbfbfb; color:#666663;}
.input3	{ background-color:#f1f1f1; color:#666663;}
.inputps	{ border:0;background-color:#E4E0D7; color:#666663;}
.inputsms	{ border:0;background-color:#eee8e8; color:#969696;}

.inputreserve	{border:0; border:none; background-color:#FFFFFF; color:#F00;font-weight:bold;line-height:30px;font-size:16px;}


/*a {selector-dummy:expression(this.hideFocus=true);} */
a:link {
	font-family:nanum; COLOR: #545454; TEXT-DECORATION: none
}
a:visited {
	font-family:nanum; COLOR: #545454; TEXT-DECORATION: none
}
a:active {

	font-family:nanum;COLOR: #545454; TEXT-DECORATION: none
}
a:hover {
	font-family:nanum;COLOR: #000000; TEXT-DECORATION: underline
}

A.realselca2:link	{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
A.realselca2:visited{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
A.realselca2:active{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
A.realselca2:hover {text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

A.reserve:link	{text-decoration:none; color:#545454;font-size:12px;}
A.reserve:visited{text-decoration:none; color:#545454;font-size:12px;}
A.reserve:active{text-decoration:none; color:#545454;font-size:12px;}
A.reserve:hover {	text-decoration:none;	color:#545454;font-size:12px;}

A.btnum:link	{text-decoration:none; color:#636363}
A.btnum:visited{text-decoration:none; color:#636363}
A.btnum:hover {	text-decoration:none;	color:#FFFFFF;	background-color: #B48B5A;}

.footer_top {line-height:32px; color:#FFFFFF;  border-top-width: 2px; border-top-style: solid; border-top-color: #707070; background-color: #8E8E8E;}
.footer_02	{border:solid 1 #EBEBEB; background-color:#F9F9F9; color:#6C6C6C;}
.faq_01	{border:solid 4 #F0F0F0; background-color:#FFFFFF;}

.board_list {text-align:center;}
.board_top { border-top:2px solid #BDBDBD; background-color: #FBFBFA;line-height:30px;color:#474747;font-weight: bold;}
.board_con {line-height:30px;border-top:1px solid #E8E8E8;background-color: #FFFFFF;}
.board_view_top { border-top:2px solid #BDBDBD; background-color: #FBFBFB;line-height:30px;color:#787878;}
.board_view_con {line-height:30px;border-top:1px solid #DBDBDB;background-color: #FBFBFB;color:#787878;}
.board_btm { background-color: #e4e4e4;}
.board_page_text	{ font-family:dotum , gulim , verdana ; font-size:11px ; color:#656565;}
.faq_sbj {line-height:34px;border-top:1px solid #D9D9D9;background-color: #FFFFFF;}

.comment { border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA; background-color: #F8F8F8;}
.comment_view { border-left:3px solid #E7E7E7;border-right:3px solid #E7E7E7; background-color: #FFFFFF;}
.scrollbox	{border:1px solid #D4D4D4; background-color:#FFFFFF; color:#666663;font-family: nanum;font-size:11px; color:#8E8E8E;line-height:16px}
.scrollbox2	{ border:0;background-color:#eee8e8; color:#969696;font-family: nanum;font-size:11px; color:#8E8E8E;line-height:16px}
.private_input	{border:solid 1px #cacaca; background-color:#fbfbfb; color:#666663;}
.board_line { border-bottom:1px solid #e5e5e5;}
.album_boder	{border:solid 23px #f0f0f0;}
.search_border { border:solid 2px #EBEBEB;}
.movie_border {border:solid 1px #BBBBBB;padding:8px;}
.column_bg { background-color: #f1f1f1;}
.resrve_boder { border:solid 1px #d9d9d9;}

.layerwrite{width:437px; padding:0 0 29px 0; color:#999999; line-height:20px; background-color:#eeeeee;}
.layerwrite .line{border-bottom:1px solid #e5e5e5;}
.layerwrite .pop{padding:23px 0px 9px 41px; position:relative;}
.layerwrite .pop h1{padding:0 0 17px 0;}
.layerwrite .labelck{padding:15px 0 0 0;}

.layerwrite .line2 {border-bottom:1px solid #fff; color:#3e2f34; font-size:15px; letter-spacing:-1px;}
.layerwrite .pop2 {padding:23px 0px 9px 20px; position:relative;}
.layerwrite .pop2 .point { color:#ff7c7b; font-size:15px;}
.layerwrite .pop2 h1 {padding:0 0 17px 0;}

.layerwrite .line2{border-bottom:1px solid #fff;}
.layerwrite .pop2{padding:23px 0px 9px 13px; position:relative;}
.layerwrite .pop2 .katalk { color:#ff7c7b; font-size:15px;}
.layerwrite .pop2 h1{padding:0 0 17px 0; color:#3e2f34; font-size:15px;}

.layerwrite .iptui{border-top:2px solid #c9c9c9; border-left:2px solid #c9c9c9; border-right:2px solid #ebebeb; border-bottom:2px solid #ebebeb; height:18px; line-height:20px; padding:0 0 0 5px;}
.layerwrite .transformSelect ul.selected{border-color:#ef518c;}
.layerwrite .transformSelect ul{border-color:#ef518c;}
.layerwrite td input.iptui.focused{border-color:#ef518c;}
.layerwrite td textarea.iptui.focused{border-color:#ef518c;}

.selectbox{display:inline-block; position:relative; height:18px; background:#fff url(../../images/ico_sectboxbg.jpg) no-repeat right top; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; cursor:pointer; color:#333; z-index:100;}
.selectbox a.default{display:block; height:18px; padding:0 0 0 5px; color:#666; line-height:20px; text-decoration:none;}
.selectbox a.default:hover{text-decoration:none; }
.selectbox ul{ position:absolute; left:-1px; top:18px; display:none; width:100%; background-color:#fff; border:1px solid #d0d0d0;}
.selectbox ul li{ display:block; width:100%;}
.selectbox ul li a{display:block; height:18px; padding:0 0 0 5px; color:#666; line-height:20px; text-decoration:none;}
.selectbox ul li a:hover{ background-color:#f2f2f2; color:#666; text-decoration:none;}

.l_unit{float:left;}
.l_hipen{text-align:center; width:15px; padding:2px 0 0 0;}

.sns a, .sns span, .sns strong{float:left;}
.iptui{border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; height:18px; line-height:20px; padding:0 0 0 5px;}
.input	{border:solid 1px #cacaca; background-color:#fbfbfb; color:#666663;height:20px;line-height:20px;}
.btnar{padding:5px 0 20px 0;}
.btnr{text-align:right;}
.btnc{text-align:center;}
.btnar img, .btnar a, .btnar input{vertical-align:middle;}

.pagenavi {position:relative;line-height:20px;text-align:center;padding:39px 0 10px 0}
.pagenavi span{display:inline-block;min-width:18px;max-width:45px;margin:0 1px;font-size:11px;padding:3px 4px 0 2px;border:1px solid #eaeaea;background:#fff;font-weight:bold;letter-spacing:-1px}
.pagenavi a{display:inline-block;color:#737373;font-size:11px;letter-spacing:-1px;cursor:pointer; text-decoration:none;  text-decoration:none;}
.pagenavi a:hover span{background:#f9f9f9;color:#6d4099;border:1px solid #6d4099;text-decoration:none;cursor:pointer; text-decoration:none;}
.pagenavi strong span{background:#fff;color:#6d4099;border:1px solid #6d4099;font-size:11px;cursor:pointer}
.pagenavi .frst,.pagenavi .frst:hover{background:url(/skin/page/frst.gif) no-repeat center center; cursor:pointer}
.pagenavi .last,.pagenavi .last:hover{background:url(/skin/page/end.gif) no-repeat center center;cursor:pointer}
.pagenavi .prev,.pagenavi .prev:hover{background:url(/skin/page/prev.gif) no-repeat center center;cursor:pointer}
.pagenavi .next,.pagenavi .next:hover{background:url(/skin/page/next.gif) no-repeat center center;cursor:pointer}

.pagenaviNew {position:relative;line-height:20px;text-align:center;padding:17px 0 10px 0;display:inline-block;}
.pagenaviNew span{display:inline-block;min-width:18px;max-width:45px;margin:0 1px;font-size:11px;padding:3px 4px 0 2px;border:1px solid #eaeaea;background:#fff;font-weight:bold;letter-spacing:-1px}
.pagenaviNew a{display:inline-block;color:#737373;font-size:11px;letter-spacing:-1px;cursor:pointer; text-decoration:none;  text-decoration:none;}
.pagenaviNew a:hover span{background:#f9f9f9;color:#ff7800;border:1px solid #ff7800;text-decoration:none;cursor:pointer; text-decoration:none;}
.pagenaviNew strong span{background:#fff;color:#ff7800;border:1px solid #ff7800;font-size:11px;cursor:pointer}
.pagenaviNew .frst,.pagenaviNew .frst:hover{background:url(/skin/page/frst.gif) no-repeat center center; cursor:pointer}
.pagenaviNew .last,.pagenaviNew .last:hover{background:url(/skin/page/end.gif) no-repeat center center;cursor:pointer}
.pagenaviNew .prev,.pagenaviNew .prev:hover{background:url(/skin/page/prev.gif) no-repeat center center;cursor:pointer}
.pagenaviNew .next,.pagenaviNew .next:hover{background:url(/skin/page/next.gif) no-repeat center center;cursor:pointer}

.opacity-p0 { opacity:0 }
.opacity-p1 { opacity:.1 }
.opacity-p2 { opacity:.2 }
.opacity-p3 { opacity:.3 }
.opacity-p4 { opacity:.4 }
.opacity-p5 { opacity:.5 }
.opacity-p6 { opacity:.6 }
.opacity-p7 { opacity:.7 }
.opacity-p8 { opacity:.8 }
.opacity-p9 { opacity:.9 }

/* 개인정보취급방침,회원약관 */
#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:'nsn_1';width:100%; height:335px; padding:10px; border:1px solid #ccc; background:#fff; color:#333; line-height:1.4 }