@charset "utf-8";

@font-face{
	font-family:nsB;
	src:url(\/font/NanumSquareB.eot); /*IE9 호환성 보기*/
	src:local('※'), 
		url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'), /*IE 6-8*/ 
		url(/font/NanumSquareB.woff) format('woff'), /*표준 브라우저*/
		url(/font/NanumSquareB.ttf) format('truetype'); /*IE를 제외한 대부분의 브라우저(없어도됨)*/
}
@font-face{
	font-family:nsR;
	src:url(/font/NanumSquareR.eot);
	src:local('※'), 
		url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(/font/NanumSquareR.woff) format('woff'),
		url(/font/NanumSquareR.ttf) format('truetype');
}
@font-face{
	font-family:luckyR;
	src:url(/font/210_LuckySuper_R.eot);
	src:local('※'), 
		url(/font/210_LuckySuper_R.eot?#iefix) format('embedded-opentype'),
		url(/font/210_LuckySuper_R.woff) format('woff'),
		url(/font/210_LuckySuper_R.ttf) format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('./woff2/Pretendard-Black.woff2') format('woff2'), url('./woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('./woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('./woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('./woff2/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('./woff2/Pretendard-SemiBold.woff2') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('./woff2/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('./woff2/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('./woff2/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('./woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('./woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('./woff2/Pretendard-Thin.woff2') format('woff2'), url('./woff/Pretendard-Thin.woff') format('woff');
}

/* reset.css */
html, body {width:100%;height:100%;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,input,select,option,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; -webkit-text-size-adjust:100%;}

table, caption, tbody, tfoot, thead, tr, th, td, img, input, button, select, label, fieldset {vertical-align:middle;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
button {cursor:pointer;}
img, fieldset {border:0;}
ul, ol, li {list-style:none;}
address, caption, cite, code, em, strong, th {font-style:normal;font-weight:normal;}
header, hgroup, footer, section, article, nav, canvas, figure, figcaption {display:block;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
blockquote, q {quotes:none;}
q:after, q:before {content:"";}
.cf:after {content:""; display:block; clear:both;}
caption, th {text-align:left;}
abbr, acronym {border:none;}
hr {display:none;}
#skipNavi, .blind {position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}

/* common */
body {width:100%; *min-width:1000px; background:#fff; *word-break:break-all;-ms-word-break:break-all; overflow-x: hidden; }
body {font-family:"Pretendard", 'Nanum Gothic', '나눔 고딕', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:13px; color:#333; *letter-spacing:-1px;}
a {font-family:"Pretendard", 'Nanum Gothic', '나눔 고딕', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:13px; color:#333; text-decoration:none; outline:0;}
input,select,option,label,button,textarea {font-family:"Pretendard", 'Nanum Gothic', '나눔 고딕', 'Noto Sans KR',, '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', Arial, Helvetica, Sans-serif; font-size:13px; color:#333;}
input,select,option,button,textarea {border:1px solid #ccc; border-radius:0; box-sizing:border-box;}

/* native hide */
.hide {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.hide::-ms-expand {display:none;}
select {padding:0 23px 0 5px; background:#fff url(/images/select_arr.png) no-repeat 100% 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
input {padding:0 8px;}
textarea {padding:5px 6px; line-height:18px;}
button {border-radius:3px;}

/* input_file */
.input_file {position:relative; width:100%;}
.input_file .hidden {z-index:1; position:relative; overflow:hidden; width:100%; height:30px;}
.input_file .hidden .bgimg {position:absolute; left:0; top:0; width:50px; height:100%;  
							background:#dfd9dc url(/images/input_file.png) no-repeat 0 0; background-size:cover;}
.input_file .hidden input {opacity:0; width:100%;}
.input_file .show {position:absolute; left:0; top:0; width:100%; height:28px; padding-left:50px; box-sizing:border-box;}
.input_file .show input {width:100%; height:100%; border:1px solid #dfd9dc; color:#777; box-sizing:border-box;}
