/* reset */
@charset "utf-8";

/* Noto Sans */
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Thin.eot');
    src: url('../font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Thin.woff') format('woff'),
         url('../font/NotoSans-Thin.ttf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Light.eot');
    src: url('../font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Light.woff') format('woff'),
         url('../font/NotoSans-Light.ttf') format('truetype');
    font-weight: 250;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-DemiLight.eot');
    src: url('../font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-DemiLight.woff') format('woff'),
         url('../font/NotoSans-DemiLight.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Regular.eot');
    src: url('../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Regular.woff') format('woff'),
         url('../font/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Medium.eot');
    src: url('../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Medium.woff') format('woff'),
         url('../font/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Bold.eot');
    src: url('../font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Bold.woff') format('woff'),
         url('../font/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/NotoSans-Black.eot');
    src: url('../font/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Black.woff') format('woff'),
         url('../font/NotoSans-Black.ttf') format('truetype');
    font-weight: 900;
}

/* Roboto */
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Thin.eot');
	src:local("��"), 
		url('../font/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Thin.woff') format('woff'),
		url('../font/Roboto-Thin.ttf') format('truetype');
	font-weight: 100;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Light.eot');
	src:local("��"), 
		url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Light.woff') format('woff'),
		url('../font/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Regular.eot');
	src:local("��"), 
		url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Regular.woff') format('woff'),
		url('../font/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Medium.eot');
	src:local("��"), 
		url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Medium.woff') format('woff'),
		url('../font/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Bold.eot');
	src:local("��"), 
		url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Bold.woff') format('woff'),
		url('../font/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face {
	font-family: 'Roboto';
	src: url('../font/Roboto-Black.eot');
	src:local("��"), 
		url('../font/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('../font/Roboto-Black.woff') format('woff'),
		url('../font/Roboto-Black.ttf') format('truetype');
	font-weight: 900;
}
@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;
}
html, body{height:100%;width: 100%; margin: 0; padding: 0; border: 0;position: relative;} 
*{box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;padding: 0;border: 0;vertical-align: middle;zoom:1;font-family:'Noto Sans KR', sans-serif;font-size:15px;font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main{display:block}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
ul, ol, li{ list-style:none;}
em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
table{border:0;width:100%;}
table th{word-wrap:break-word;}
table td{word-wrap:break-word;}
img{border:0;max-width:100%;width: 100%;}
img, fieldset{border:none;}
caption{text-align:left;}

select,input{vertical-align: middle;color: #666666;background-color: #fff;padding: 5px 5px;text-align: center;border: none;}
textarea{font-size:12px; color:#666;resize:none;}
input[type="radio"]{vertical-align:middle;}
button{display:block;outline:none;border:0;background:none;cursor: pointer;}
a:link,a:active,a:visited,a:hover{cursor: pointer;}
a:link{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
a{color: #222222;}
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
:focus,:active,:hover{outline: 0;}
::before,::after{box-sizing:border-box; vertical-align: top;}
button{margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;display:inline-block;}

/* 폰트설정 및 문자 숨기기 */
.font_eng{font-family:'Roboto', sans-serif;}
.setting_select_box select::-ms-expand{display: none;}
.txthidden{position:absolute !important;  width:1px; height:1px; overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}