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

/* 영문 숫자 사용 Bebas Neue */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXooxW0.woff) format('woff'); }
@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;}

@font-face {font-family: 'GmarketSansLight'; 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: 'GmarketSansMedium'; 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: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

html, body {width:100%; height:auto; min-height:100%; background:#fff;}
body		{overflow-x:hidden; 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); border-radius:15px;  transition:all .3s;}
body:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
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-family: NanumBarunGothic, sans-serif; font-size:12px; letter-spacing:0em; color:#444444; line-height:150%; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none; }
*html body{letter-spacing:-0.05em;}/* IE6 only */
input, textarea, option, select {font-size:11px; 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}
.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 라디오버튼 */
	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[type="checkbox"] {width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
	input[type="checkbox"] + 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="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: -1px;  width: 18px; height: 18px; line-height: 18px; text-align: center; background: #ffffff; border: 1px solid #cacece; border-radius : 3px; } 
	input[type="checkbox"] + label:active:before, 
	input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	input[type="checkbox"]:checked + label:before {content: '\2714';  color: black; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; 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[type="checkbox"]{width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; overflow:hidden; clip:rect(0 0 0 0);}
	input[type="checkbox"] + label{height:25px; line-height:25px; padding-left:35px; display:inline-block; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABhUlEQVR42mIMCQlhoBIACCAmBuoBgACiplkAAURNswACiJpmAQQQNc0CCCBqmgUQQNQ0CyCAqGkWQABR0yyAAKKmWQABRE2zAAKImmYBBBA1zQIIIGqaBRBA1DQLIICoaRZAAFHTLIAAoqZZAAFETbMAAoiaZgEEEDXNAgggapoFEEDUNAsggKhpFkAAMd6inlkAAURNdwEEEDXNAgggapoFEEDUNAsggKhpFkAAUdMsgACiplkAAUSSWeKMvef5t6bjkgYIICZSDNohmm/A5z6Dp1UdqwqAAMJhlng4x5n9rOboBrEzMHzdmPCl+iZWTQABhD0PsRz5LmnBwfDjxAtny98nUQx6F7wQl8sBAghHfjRv595aISTAADTu1UoO/njCBgEBQADhzttw48CAoEFAABBAuMP+ZOVX7453H4g1CAgAAohQmWPezpF240fyQmJiGiCAqFl+AQQQNdM9QABR0yyAAKKmWQABRE2zAAKImmYBBBA1zQIIIGqaBRBA1DQLIMAA64w/PqPz9RsAAAAASUVORK5CYII=') no-repeat 0 0; /*font-size:15px;*/ vertical-align:middle; cursor:pointer; transition:all .3s;}
	input[type="checkbox"]:checked + label{background-position: 0 -25px; transition:all .3s;}

	@media screen and (max-width: 310px){
		input[type="checkbox"] + label{margin:2px 0;}
	}

/* 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-left:10px; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}




/* 파트너 캘린더용 */
	[class*='optionbox'] {display:block; position:relative; height:30px; background:#f6f6f6; border:0; vertical-align:middle}
	[class*='optionbox'] select { display:block; width:100%; height:100%; padding:0 10px 0 10px; background:#f6f6f6 url('/images/icon_arr_02.png') no-repeat 90% 50%; border:0; border-radius:0; color:#999; font-size:14px; font-weight: 500;}
	[class*='optionbox'] select option { font-size:14px; color:#000; }

	[class*='inpbox'] {display:block; position:relative; height:30px; background:#f6f6f6; border:0; vertical-align:middle; text-align:left;}
	[class*='inpbox'] input[type="text"],
	[class*='inpbox'] input[type="password"] {width:85%; height:100%; padding:0 5px; border:0; background:0; font-size:14px; color:#666; font-weight:400}
	[class*='inpbox'] input[type="text"]:disabled,
	[class*='inpbox'] input[type="password"]:disabled { background:#ddd; }
	[class*='inpbox'] input::placeholder { color: #acacac; font-size:14px; }
	[class*='inpbox'] input:-ms-input-placeholder { color: #acacac; font-size:14px; }

*{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; border-radius:7px; overflow:hidden; }
.view_vod iframe		{position:absolute; width:100% !important; height:100% !important; left:0; }

/* 로딩 */
.loading{width:100vw; height:100%; position:fixed; left:0px; top:0px; background:#fff; z-index:100001;}
.loading .sym {position:absolute;  left:50%; transform:translateX(-50%); width:130px; text-align:center;animation-name: show_load; animation-duration:.9s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .3s; top:300px;}
.loading .sym img {width:45%; display:inline-block; opacity:1;}
.loading .sym span {width:100%; display:inline-block; padding:0px 0 0px 0; font-size:0px; color:rgba(0,0,0,0.4); letter-spacing:0.05em;}
.loading .sym i {display:inline-block; animation: spin 2s linear infinite; color:#000; font-size:25px; }

@keyframes show_load {
	from	{opacity:0;}
	to		{opacity:1}
}

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