@charset "utf-8";


/* fonts */
 @font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:300;
	src:url(/common/fonts/NotoSansKR-DemiLight.eot);
	src:url(/common/fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
		url(/common/fonts/NotoSansKR-DemiLight.woff) format('woff'),
		url(/common/fonts/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:400;
	src:url(/common/fonts/NotoSansKR-Regular.eot);
	src:url(/common/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
		url(/common/fonts/NotoSansKR-Regular.woff) format('woff'),
		url(/common/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:600;
	src:url(/common/fonts/NotoSansKR-Medium.eot);
	src:url(/common/fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
		url(/common/fonts/NotoSansKR-Medium.woff) format('woff'),
		url(/common/fonts/NotoSansKR-Medium.otf) format('opentype');
}


/* base */
/*@import url( "./notosanskr.css" );*/
html {width: 100%; min-height: 100%; height:100%; margin: 0; }  /* font-size:100% - 16px,  1rem = 10px */
body {width: 100%; min-height: 100%; height:100%; margin: 0;}
body,input,textarea,select,button,table{font-family:'Malgun Gothic','맑은고딕','dotum','돋움','Gulim',AppleGothic,sans-serif; font-size:12px;}
input,textarea,select,button{border:none; background:#fff;vertical-align: middle;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none}
fieldset{width:100%;}
fieldset,img{border:0;}
img{vertical-align:middle;}
.hidden, legend, caption{display:none !important;}
.invisible{visibility:hidden;}
address{font-style:normal}
label{cursor:pointer;}
body{font-family:'Noto Sans','Malgun Gothic',Dotum,sans-serif;font-size:15px;font-weight:300;color:#222;line-height:24px;word-wrap:break-word;word-break:keep-all;letter-spacing:-0.3px;overflow-y:scroll; overflow-x:hidden;}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;height:0;}

/* a-style */
a{color:black; text-decoration:none; cursor: pointer;}
a:hover{color:black;text-decoration:none;}
a:active{text-decoration:none; font-weight:normal;}
a:focus{text-decoration:none; font-weight:normal;}
.blind{text-align:-9999px; position:absolute; left:-1000%; top:0; width:1px; height:1px; overflow:hidden; display:block;}
*{margin:0;padding:0;}


/* Min-Width */
.minw1080{min-width:1080px !important;}

/* Max-Width */
.maxnw100per{max-width: 100% !important;}
.maxnw100per5{max-width: calc(100% - 5px) !important;}

/* Align */
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}

/* Font Weight*/
.fwb {font-weight:bold !important;}

/* Font Size*/
.fnts16 {font-size:16px !important;}
.fnts15 {font-size:15px !important;}
.fnts14 {font-size:14px !important;}
.fnts13 {font-size:13px !important;}
.fnts12 {font-size:12px !important;}

/* Color */
.clrRed {color:#ff0000 !important;}
.clrWht {color:#fff !important;}
.clr777 {color:#777 !important;}

/* Display */
.dspBlk {display:block !important;}
.dspIn {display:inline-block !important;}
.dspNone {display:none !important;}
.loginDspIn {display:inline-block !important;}

/* Position */
.pstAb {position:absolute !important;}
.pstFx {position:fixed !important;}
.pstRe {position:relative !important;}

/* line-height */
.lh26 {line-height: 26px !important;;}
.lh30 {line-height: 30px !important;;}

/* float */
.floatl{float:left !important;}
.floatr{float:right !important;}

.left {text-align:left;}