@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(//cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/esamanru/esamanru.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('//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('//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('//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('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

html, body {width:100%; height:100%;}
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 {font-size:12px; letter-spacing:0em; color:#444444; line-height:150%; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none; background:#fff; font-family: var(--neo);}
input, textarea, option, select {font-size:12px; font-family:NanumBarunGothic, sans-serif; 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:rgba(0,0,0,0.3); border-radius:15px; }

textarea {overflow-y:overlay;}
textarea:: {-ms-overflow-style: none;}
textarea::-webkit-scrollbar {background: transparent; width:10px; height:10px; border-radius:15px;}
textarea::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
textarea:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}

/* 라디오버튼 */
input[type="radio"] { position:absolute; width:0 !important; height:0 !important; padding: 0; margin:0; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="radio"] + label { display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
input[type="radio"] + label:before { content: ''; position:absolute; top:50%; left:0; transform: translateY(-50%); width:17px; height:17px; text-align: center; background: #ddd; border:0; border-radius: 100%; transition:all .3s;}
input[type="radio"] + label:active:before,
input[type="radio"]:checked + label:active:before {}
input[type="radio"]:checked + label:before	{background: #0088de; transition:all .3s;}
input[type="radio"]:checked + label:after		{content: '';position:absolute; top:4px; left:5px; transform: rotate(45deg); width:5px; height:5px; border:1px solid rgba(255,255,255,0.7); border-width:0 1px 1px 0; transition:all .3s;}
input[type="radio"]:disabled + label:before	{background:#999; }

/* input date */
input[type="date"]	{position:relative; padding:11px 10px; width:100%; height:40px; border:1px solid #ddd; border-radius:5px;}
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: '\f274'; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size:15px; 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"] { position:absolute; width:0 !important; height:0 !important; padding: 0; margin:0; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="checkbox"] + label { display: inline-block; position: relative; padding-left:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-size:12px;} 
input[type="checkbox"] + label:before { content: ''; position:absolute; top:50%; left:0; transform: translateY(-50%); width:17px; height:17px; text-align: center; background: #555; border-radius:3px; border:0; transition:all .3s;}
input[type="checkbox"] + label:after		{content: '';position:absolute; top:50%; left:6px; transform: translateY(-50%) rotate(45deg); width:5px; height:5px; border:1px solid rgba(255,255,255,0); border-width:0 1px 1px 0; transition:all .3s;}
input[type="checkbox"] + label:active:before,
input[type="checkbox"]:checked + label:active:before {}
input[type="checkbox"]:checked + label:before	{background: red; transition:all .3s;}
input[type="checkbox"]:checked + label:after		{border:1px solid rgba(255,255,255,1); border-width:0 1px 1px 0; transition:all .3s;}
input[type="checkbox"]:disabled + label:before	{background:#999; }

/* 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:40px; padding:10px; background: #ffffff url('/images/sel_arr.gif') no-repeat right 13px center; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;}

*{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;}
.cl	{clear:both;}

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

/* 외부영상 비율유지 */
.view_vod				{position:relative; top:0px; left:0; width:100%; padding-bottom:56.25%; padding-left:0; }
.view_vod iframe		{position:absolute; width:100% !important; height:100% !important; left:0; }

/* 로딩 */
.loading{width:100%; height:100%; position:fixed; left:0px; top:0px; background:#fff; z-index:1000000000;}
.loading .ld_bx {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:250px; width:100%; text-align:center;}
.loading .ld_bx .logo {display:inline-block; width:100%; height:48px; background:url(/images/dc_logo_b.png) no-repeat; background-size:auto 100% !important; background-position:center center !important; margin-bottom:25px;}
.loading .ld_bx .logo img {width:130px;}
.loading .ld_bx .logo span {display:inline-block; width:100%; font-family:var(--neo); font-weight:900; color:#000; font-size:18px; padding-top:10px;}
.loading .ld_bx i {display:inline-block; animation: spin 2s linear infinite; color:#000; font-size:30px; }


@keyframes spin {
	from	{transform: rotate(0);}
	to		{transform: rotate(360deg);}
}

@media screen and (max-width: 650px){
	.loading img {width:120px;}
}
/* 이미지 출력 */
.animate		{-webkit-animation-name: animateBg; animation-name: animateBg; -webkit-animation-duration: 5000ms; animation-duration: 5000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1); animation-timing-function: cubic-bezier(.3,0,.7,1); /*  animation-iteration-count: infinite; 반복구문*/}

@keyframes animateBg {
	from	{-ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2) translateZ(1px);}
	to		{-ms-transform: scale(1, 1); transform: scale(1, 1) translateZ(1px);}
}