@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneovar.css);
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 외부 css import : 익스전용 */
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
	@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/*  */
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'GmSansL'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

html, body {width:100% !important; height:calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-bottom))  !important;margin:0 !important;

padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom); 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
/*
body.load_page * {animation-play-state: running !important;}
body:not(.load_page) * {
	animation: none !important; 
	  opacity: 1 !important; 
}

body:not(.load_page) .nav_sec {
  transform: translateY(0) !important; 
}
*/
body {font-family: var(--neo); font-weight:500;font-size:14px; letter-spacing:0em; color:#444444; line-height:150%; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none; background:var(--body_bg); overscroll-behavior: none;}
*html body{letter-spacing:-0.05em;}/* IE6 only */
input, textarea, option, select {font-size:13px; font-family:var(--neo);  font-weight:500;line-height:150%; margin:0px; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none;background-color:#ffffff;border-radius:0px;}
input[type="submit"], input[type="button"], input[type="select"], input[type="textarea"] {}
ul, li	 {list-style:none;}
textarea	{resize: none;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

body		{overflow-y:overlay;}
body:: {-ms-overflow-style: none;}
body::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
body::-webkit-scrollbar-thumb {background:var(--scroll); border-radius:15px; }
/*body:after {content:""; position:fixed; top:calc(0px + env(safe-area-inset-top)); left:0; width:100%; height:100px; transform:translateY(-100%); background:var(--body_bg); z-index:100000;}*/
body.side-open {overflow: hidden !important;}

/* 기본 input */
input[type="text"],
input[type="password"],
input[type="tel"] {position:relative; width:100%; height:35px; display:inline-block; vertical-align:middle; padding:0 10px; border:1px solid #e9e9e9; border-radius:3px;font-size:12px; color:#333; background:#fafafa;transition:all .2s;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus {outline:none; background:#fff; border:1px solid #ddd; }
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder {color: #ddd; font-size:11px; font-weight:500;}

input[type="button"]	{display:inline-block; vertical-align:middle; min-width:40px; height:35px; padding:0 10px; border:0; border-radius:3px;color:#333; background:#f5f3f3; margin-left:3px; font-size:11px;}
input[type="submit"]	{display:inline-block; vertical-align:middle; max-width:250px; width:100%; height:45px; padding:0; border:0; border-radius:30px;color:#fff; background:#333; font-size:13px; transition:all .2s;}
input[type="submit"]:hover	{background:#000;}
input:disabled	{background:#e9e9e9 !important; cursor:not-allowed !important; }

/* 라디오버튼 */
	input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 외형 감추기 */
	input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 18px; height: 18px; text-align: center; background: #ffffff; border: 1px solid #a7a7a7; border-radius: 100%; /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/ } 
	input[type="radio"] + label:active:before, 
	input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0px 1px 3px rgba(0,0,0,0.); } 
	input[type="radio"]:checked + label:before { background: #0088de; border-color: #0088de; } 
	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 10px; height: 10px; background: #0088de; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(255,255,255,1); }
	input[type="radio"]:disabled + label:before { background: #fafafa; border-color: #eeeeee; box-shadow: 0px 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,1), inset 15px 10px -12px rgba(255,255,255,0.1); }




/* input date */
input[type="date"]	{position:relative; padding:10px 10px; height:35px; border:1px solid #e9e9e9; border-radius:3px;font-size:12px; color:#333; background:#fafafa;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button	{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator	{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer; z-index:1;}
input[type="date"]::before	{content:attr(data-placeholder); width:100%;}
input[type="date"]::after  {content:"\e9a4"; font-family: xeicon !important;display: inline-block;speak: none;font-style: normal;font-weight: 400;font-variant: normal;
text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;font-size:13px; color:#555; transition:all .3s; position:absolute; top:50%; right:10px; transform: translateY(-50%);}
input[type="date"]:active::after,
input[type="date"]:hover::after  {color:#000; transition:all .3s;}
input[type="date"]:valid::before	{display:none;}
input[data-placeholder]::before	{position:absolute; top:0; left:0; padding:11px 0 0 10px; background:#fff; color:#999; font-size:12px;}


/* 체크박스 이미지 */
input[type="checkbox"]	{width:0; height:0;}
input[type="checkbox"] + label	{min-width:30px; width:100%; height:30px; position:relative; padding:0; margin:0; background:#f4f4f4; border-radius:3px; display:inline-block;}
input[type="checkbox"] + label span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .0s; color:#555; font-size:11px; line-height:100%;}
input[type="checkbox"] + label span em	{display:inline-block; font-style:normal; }
input[type="checkbox"]:checked + label {background:#333;}
input[type="checkbox"]:checked + label span	{color:#fff; }



/* input number 화살표 제거 */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
	input:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}
	textarea:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}

/* 셀렉트박스 */
select::-ms-expand { display: none;}
select	{outline:none;width: 100%; height:35px; padding:10px; background: #fafafa url('/admin/images/sel_arr.gif') no-repeat right 10px center; border: 1px solid #e9e9e9; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; border-radius:3px; font-size:12px; line-height:110%; font-family:var(--bar); font-weight:normal;}
select option	{font-size:12px; line-height:110%; font-family:var(--bar); font-weight:normal;}
select:focus {outline:none; background: #fff url('/admin/images/sel_arr.gif') no-repeat right 10px center; border-color:#ddd; }

textarea		{overflow-y:overlay;}
textarea:: {-ms-overflow-style: none;}
textarea::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
textarea::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }

*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline:none; -webkit-tap-highlight-color : rgba(0,0,0,0); /*user-select: none;*/ -webkit-touch-callout: none;transition:all .3s;}
.cl	{clear:both;}

a { -webkit-tap-highlight-color:transparent; touch-action: manipulation;}
a:link, a:visited, a:active, a:hover {text-decoration: none; /*outline:none;*/}

/* 외부영상 비율유지 */
.view_vod				{position:relative; top:0px; left:0; width:100% !important; padding:0 0 56.25% 0 !important; white-space: normal !important; border-radius: 7px; overflow: hidden;}
.view_vod iframe		{position:absolute; width:100% !important; height:100% !important; top:0; left:0; }

.content blockquote {position:relative; left:50%; transform:translateX(-50%); padding:0 !important; margin:0 !important; line-height:100% !important; font-size:0 !important; max-width:200px !important;  border:3px solid var(--body_bg); border-radius:15px; overflow:hidden;}
.content blockquote:after {content:""; display:block; padding-top:215%;}
.content blockquote iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.content blockquote a {display:none !important;}



/* 로고기본 */
ul.logo_symbol_default {font-size: 0; display: inline-block; vertical-align:top; white-space:nowrap; width:calc(calc(var(--logo_symbol_side) * 2) + 17px ); height:var(--logo_symbol_side); position:relative; text-align:left; }
ul.logo_symbol_default li {display: inline-block; vertical-align: top;  width: var(--logo_symbol_side); font-size: 0; opacity:0.15;}
ul.logo_symbol_default li:after {content: ""; display:block; padding-top:100%;}
ul.logo_symbol_default li .line {position:absolute; top:0; right:0; }
ul.logo_symbol_default li .line.top {width:100%; height:35%;}
ul.logo_symbol_default li .line.right {width:35%; height:100%;}

ul.logo_symbol_default li.t1 { position:relative; z-index:3; opacity:1 !important;}
ul.logo_symbol_default li.t1 .line {background:var(--sym_color); }
ul.logo_symbol_default li.t2 { position:absolute; left:0; right:0; margin:auto; z-index:2;}
ul.logo_symbol_default li.t2 .line {background:var(--logo_default); }
ul.logo_symbol_default li.t3 { position:absolute; right:0; z-index:1;}
ul.logo_symbol_default li.t3 .line {background:var(--logo_default);}
ul.logo_symbol_default li.t3 .top {background:transparent;}
ul.logo_symbol_default li em {position:absolute; top:-4px; right:0; white-space: nowrap; font-family:var(--neo); font-weight:500; font-size:10px; color:var(--default_color3); font-style:normal; line-height:100%; letter-spacing:0.0em; transform:translate(50%, -100%); display:none;}
ul.logo_symbol_default li em no {font-weight:600; color:var(--default_color1);}

/* 로딩 */
.loading {position:fixed; left:0; top:0; width:100%; height:calc(100% + calc(env(safe-area-inset-top) + env(safe-area-inset-bottom)));background:var(--load_bg); z-index:1000000000; overflow:hidden; text-align:center;/*padding-top: env(safe-area-inset-top);  padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); 
padding-right: env(safe-area-inset-right);*/  }
.loading i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); animation: spin 2s linear infinite; color:var(--load_icon); font-size:35px;  display: none;}
.loading .logo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.loading .logo ver {position: absolute; width: auto; display: inline-block; /* border: 1px solid red; */ font-size: 8px; letter-spacing: 0.05em; line-height: 100%; white-space: nowrap; top: -20px; left: 0; color: var(--default_color1); opacity: 0.4;}


@keyframes spin {
	from	{transform:translate(-50%, -50%) rotate(0);}
	to		{transform:translate(-50%, -50%) rotate(360deg);}
}


@media screen and (max-width: 650px){
	.loading i { top:260px;transform:translate(-50%, 0); }
	.loading .logo { top:260px;transform:translate(-50%, 0); }

}