@charset "utf-8";

@import url(ocp.import.css);

/* NotoSansKR */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../../../wos/resource/font/NotoSansKR-Regular.woff') format('woff'),
		url('../../../wos/resource/font/NotoSansKR-Regular.woff2') format('woff2'),
		url('../../../wos/resource/font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../../../wos/resource/font/NotoSansKR-Medium.woff') format('woff'),
		url('../../../wos/resource/font/NotoSansKR-Medium.woff2') format('woff2'),
		url('../../../wos/resource/font/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../../../wos/resource/font/NotoSansKR-Bold.woff') format('woff'),
		url('../../../wos/resource/font/NotoSansKR-Bold.woff2') format('woff2'),
		url('../../../wos/resource/font/NotoSansKR-Bold.otf') format('opentype');
}

/* Hana */
@font-face {
	font-family:'Hana B';
	font-style: normal;
	font-weight: normal;
	src: url('../../../wos/resource/font/HanaChungMyoungB.eot');
	src: url('../../../wos/resource/font/HanaChungMyoungB.eot?#iefix') format('embedded-opentype'),
		url('../../../wos/resource/font/HanaChungMyoungB.woff') format('woff'),
		url('../../../wos/resource/font/HanaChungMyoungB.ttf') format('truetype');
}

/* reset */ 
*{margin:0;padding:0;/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/}
html,body{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
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, 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, strong{border:0;font:inherit;vertical-align:baseline;}
body, textarea, input, select, button {font:400 14px/1 'Noto Sans KR', sans-serif;color:#444;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol,ul{list-style:none;}
img, label, input, select, a{vertical-align:middle;}
input,textarea{border:0 none;background:none;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea,button,select{-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;text-decoration:none;}
a:hover,a:active,a:visited{outline:none;text-decoration:none;}
button:active, button,visited{outline:none;}
strong{font-weight:500;}
.blind{text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;}

textarea{padding:10px;width:100%;border:1px solid #cdcdcd;line-height:20px;}
	textarea::-moz-placeholder{color:#909090;}
	textarea:-ms-input-placeholder{color:#909090;}
	textarea::-webkit-input-placeholder{color:#909090;}
button{display:inline-block;border-radius:3px;border:none;font-weight:500;cursor:pointer;vertical-align:middle;}
select{padding:0 30px 0 10px;height:30px;border:1px solid #cdcdcd;background:url('../../../wos/resource/images/btn_select.png') right 12px top 50% no-repeat;}
select:focus{outline:none;}
select::-ms-expand{display:none;}

.flag_beta{overflow:hidden;position:absolute;width:47px;height:21px;background-image:url('../../../wos/resource/images/flag_beta.png');background-repeat:no-repeat;text-indent:-9999px;}