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

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(/lmsdata/webfont/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumSquareR.woff2) format('woff2'),
       url(../fonts/NanumSquareR.woff) format('woff'),
       url(../fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(/lmsdata/webfont/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumSquareB.woff2) format('woff2'),
       url(../fonts/NanumSquareB.woff) format('woff'),
       url(../fonts/NanumSquareB.ttf) format('truetype');
}

/* 
@font-face {
  font-family:'nanumsquare';
  font-weight: 400;
  src:url("../fonts/NanumSquareR.eot");
  src:url("../fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
	url("../fonts/NanumSquareR.woff") format('woff');
}

@font-face {
  font-family:'NanumS';
  font-weight: 600;
  src:url("../fonts/NanumSquareB.eot");
  src:url("../fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),
	url("../fonts/NanumSquareB.woff") format('woff');
}
*/

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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	
}
ol, ul {list-style: none;}
img {vertical-align:top;}

h1, h2, h3, h4, h5, h6, th {font-weight:500; zoom: 1; /* ie7~9 font anti-aliasing */}
a {color:#666;}
a:link  {text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:visited {text-decoration:none;}
html {height:100%; /*overflow-y:scroll; overflow: -moz-scrollbars-vertical;*/}
body {font-family:'Noto Sans KR', '돋움', Dotum, Arial, serif; font-size:13px; font-weight:300; color:#666;}
button {font-family:'Noto Sans KR', serif;}
table {border-collapse:collapse; border-spacing:0;}
caption, legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden; display:none;} 
.blind {display:none !important;}
.hide {display:none;}
.tmask {text-indent:-9999px;}
.bmask {border:none !important; background:none !important;}
.cp {cursor:pointer;}
.cpn {cursor:default !important;}
.cpl {text-decoration:none !important;}
.clearFix {clear:both;}

/*a[href], */input[type='submit'], input[type='button'], input[type='checkbox'], input[type='radio'], input[type='image'], select, button, .pointer {cursor:pointer;}
input[type="checkbox"] {width:16px; height:16px; margin:0 2px;}
input[type="checkbox"].icon {position:absolute; left:-9999px; width:16px; height:16px; opacity:0; filter:alpha(opacity=0);}
label.checkbox {display:inline-block; position:relative; padding-left:20px; background:url(../img/common/ui_checkbox.png) no-repeat 0 0; z-index:auto;}
label.checkbox.only {overflow:hidden; width:16px; height:16px; padding-left:0; background-position:0 0;}
label.checkbox.disabled {background-position:0 -60px; cursor:default;}
label.checkbox.on {background-position:0 -30px; color:#f0752c; font-weight:500;}
label.checkbox.only.on {background-position:0 -30px; font-weight:500;}

input[type="radio"] {width:16px; height:16px; margin:0 2px;}
input[type="radio"].icon {position:absolute; left:-9999px; width:16px; height:16px; opacity:0; filter:alpha(opacity=0);}
label.radio {display:inline-block; position: relative; padding-left:20px; background: url(../img/common/ui_radio.png) no-repeat 0 0; z-index:auto;}
label.radio.only { width: 16px; height: 16px; padding: 0; background-position: 0 0; }
label.radio.disabled { background-position: 0 -60px; cursor: default; }
label.radio.on {background-position:0 -30px; color:#f0752c; font-weight:500;}
label.radio.only.on { background-position: 0 -30px; font-weight:500;}
label.radio.only.disabled { background-position: 0 -60px; }

/* [input=file] CSS 요소 */
.fileform { 
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    cursor:pointer;
    height:20px;
    overflow:hidden;
    position:relative;
    text-align:left;
    vertical-align:middle;
    width:200px;
}
 
.fileform .selectbutton { 
    background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
	background:-webkit-linear-gradient(#fff, #e6e6e6);
	background:-moz-linear-gradient(#fff, #e6e6e6);
	background:-ms-linear-gradient(#fff, #e6e6e6);
	background:-o-linear-gradient(#fff, #e6e6e6);
	background:linear-gradient(#fff, #e6e6e6);
    border-left:1px solid #ccc;
    color:#666;
    float:right;
	font-family: 'Noto Sans KR';
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    font-size:12px;
	font-weight:500;
    height:16px;
    line-height:16px;
    overflow:hidden;
    padding:2px 6px;
    text-align:center;
    vertical-align:middle;
    width:50px;
}
.fileform .selectbuttona { 
    background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
	background:-webkit-linear-gradient(#fff, #e6e6e6);
	background:-moz-linear-gradient(#fff, #e6e6e6);
	background:-ms-linear-gradient(#fff, #e6e6e6);
	background:-o-linear-gradient(#fff, #e6e6e6);
	background:linear-gradient(#fff, #e6e6e6);
    border-left:1px solid #ccc;
    color:#666;
    float:right;
	font-family: 'Noto Sans KR';
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    font-size:12px;
	font-weight:500;
    height:16px;
    line-height:16px;
    overflow:hidden;
    padding:2px 6px;
    text-align:center;
    vertical-align:middle;
    width:50px;
} 
.fileform #upload{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity:0; 
    filter:alpha(opacity=0); 
    opacity:0;
    height:20px; 
    z-index:20;
}
.fileform #fileformlabel { 
	background-color:#fff;
	float:left;
	height:16px;
	line-height:16px;
	overflow:hidden;
	padding:2px;
	text-align:left;
	vertical-align:middle;
	width:130px;
}

.fileform #uploada{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity:0; 
    filter:alpha(opacity=0); 
    opacity:0;
    height:20px; 
    z-index:20;
}
.fileform #fileformlabela { 
	background-color:#fff;
	float:left;
	height:16px;
	line-height:16px;
	overflow:hidden;
	padding:2px;
	text-align:left;
	vertical-align:middle;
	width:130px;
}

input {height:inherit; font-family:'Noto Sans KR' ; font-size:12px; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:middle;}
.inputText {height:22px; *margin-top:-1px; text-indent:5px; border:1px solid #ccc;}
.inputText2 {height:28px;padding:2px 0 2px 5px;border:1px solid #cccccc; font-size:12px;color:#666666; vertical-align:top; *margin-top:-1px;}
.inputText_head {height:32px; font-size:14px; text-indent:5px; border:1px solid #ccc;}
.search {height:20px; /*line-height:20px;*/}
label {}
textarea {border:1px solid #ccc; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-family:'Noto Sans KR'; }
select {font-family:'Noto Sans KR'; font-size:12px; height:22px; color:#666; border:1px solid #ccc; vertical-align:middle; *vertical-align:bottom;}
radio {padding:0 !important;}
/* chrome user agent stylesheet */
/*input[type="radio"], input[type="checkbox"] {margin:0px;}*/

.check {width:29px !important;}
.num {width:41px !important;}


/* 특별한 case외에 사용 자제 (주로 span에 적용) */
/* margin, padding, border, background none */
.mFirst {margin-left:0 !important;}
.pFirst {padding-left:0 !important;}
.bFirst {border-left:none !important;}
.mLast {margin-right:0 !important;}
.pLast {padding-right:0 !important;}
.bLast {border-right:none !important;}
.bgLast {background:none !important;}

/* vertical align */
.vm {vertical-align:middle !important;}

/* text-shadow */
.ts0 {text-shadow:none !important;}

/* font family */
.fontDotum {font-family:'Dotum' !important;}
.fontHelvetica {font-family:'Helvetica' !important;}
.fontB {font-weight:700 !important;}
.fontEB {font-weight:800 !important;}

/* font size */
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f14 {font-size:14px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f24 {font-size:24px !important;}
.f28 {font-size:28px !important;}
.f32 {font-size:32px !important;}
.f40 {font-size:40px !important;}
.f48 {font-size:48px !important;}
.f64 {font-size:64px !important;}
.f82 {font-size:82px !important;}

/* font weight */
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}

/* text align */
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/* font color */
.fcBlack	 	{color:#000 !important;}
.fcWhite	 	{color:#fff !important;}
.fcGray			{color:#ccc !important;}
.fcDarkgray		{color:#666 !important;}
.fcBlue			{color:#246890 !important;}
.fcBluesky 		{color:#00bff3 !important;}
.fcOrange 		{color:#f8941d !important;}
.fcOlive		{color:#669533 !important;}
.fcRed 			{color:#ee1c24 !important;}
.fcSepia 		{color:#817b58 !important;}

/* background color */
.bcWhite		{background:#fff !important;}
.bcSoftgray		{background:#e1e1e1 !important;}
.bcGray			{background:#ccc !important;}
.bcDarkgray		{background:#666 !important;}
.bcSkyblue 		{background:#00bff3 !important;}
.bcLightblue	{background:#6595c5 !important;}
.bcDarkblue 	{background:#43617b !important;}
.bcOrange 		{background:#f8941d !important;}
.bcFaim		 	{background:#f4d6b4 !important;}
.bcRed 			{background:#ee1c24 !important;}
.bcSepia 		{background:#817b58 !important;}
.bcLilac 		{background:#eddbe3 !important;}
.bcCream		{background:#edebe1 !important;}
.bcLightgreen	{background:#9bcd20 !important;}
.bcPink			{background:#e45f5f !important;}

/* letter-spacing */
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}

/* width size */
.w10 	{width:10px !important;}
.w20 	{width:20px !important;}
.w30 	{width:30px !important;}
.w50 	{width:50px !important;}
.w60 	{width:60px !important;}
.w70	{width:70px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w320 {width:320px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}
.wmax {width:100% !important;}

/* float style */
.fl		{float:left !important;}
.fr		{float:right !important;}

/* padding, margin style */
.p0		{padding:0 !important;}
.p5		{padding:5px !important;}
.p10	{padding:10px !important;}
.p20	{padding:20px !important;}

.pt0	{padding-top:0 !important;}
.pt5	{padding-top:5px !important;}
.pt10	{padding-top:10px !important;}
.pt15	{padding-top:15px !important;}
.pt20	{padding-top:20px !important;}
.pt25	{padding-top:25px !important;}
.pt30	{padding-top:30px !important;}
.pt35	{padding-top:35px !important;}
.pt40	{padding-top:40px !important;}
.pt45	{padding-top:45px !important;}
.pt50	{padding-top:50px !important;}

.pb0	{padding-bottom:0 !important;}
.pb5	{padding-bottom:5px !important;}
.pb10	{padding-bottom:10px !important;}
.pb15	{padding-bottom:15px !important;}
.pb20	{padding-bottom:20px !important;}
.pb25	{padding-bottom:25px !important;}
.pb30	{padding-bottom:30px !important;}
.pb35	{padding-bottom:35px !important;}
.pb40	{padding-bottom:40px !important;}
.pb45	{padding-bottom:45px !important;}
.pb50	{padding-bottom:50px !important;}

.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20	{padding-left:20px !important;}
.pl25	{padding-left:25px !important;}
.pl30	{padding-left:30px !important;}
.pl35	{padding-left:35px !important;}
.pl40	{padding-left:40px !important;}
.pl45	{padding-left:45px !important;}
.pl50	{padding-left:50px !important;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}
.pr20	{padding-right:25px !important;}
.pr30	{padding-right:30px !important;}
.pr35	{padding-right:35px !important;}
.pr40	{padding-right:40px !important;}
.pr45	{padding-right:45px !important;}
.pr50	{padding-right:50px !important;}

.m0		{margin:0 !important;}
.m4		{margin:4px !important;}
.m5		{margin:5px !important;}

.mt-5	{margin-top:-5px !important;}
.mt-4	{margin-top:-4px !important;}
.mt-3	{margin-top:-3px !important;}
.mt-2	{margin-top:-2px !important;}
.mt-1	{margin-top:-1px !important;}
.mt0	{margin-top:0px !important;}
.mt1	{margin-top:1px !important;}
.mt2	{margin-top:2px !important;}
.mt3	{margin-top:3px !important;}
.mt4	{margin-top:4px !important;}
.mt5	{margin-top:5px !important;}
.mt6	{margin-top:6px !important;}
.mt7	{margin-top:7px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20	{margin-top:20px !important;}
.mt25	{margin-top:25px !important;}
.mt30	{margin-top:30px !important;}
.mt35	{margin-top:35px !important;}
.mt40	{margin-top:40px !important;}
.mt45	{margin-top:45px !important;}
.mt50	{margin-top:50px !important;}
.mt70	{margin-top:70px !important;}

.mb0	{margin-bottom:0px !important;}
.mb2	{margin-bottom:2px !important;}
.mb5	{margin-bottom:5px !important;}
.mb10	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb30	{margin-bottom:30px !important;}
.mb35	{margin-bottom:35px !important;}
.mb40	{margin-bottom:40px !important;}
.mb45	{margin-bottom:45px !important;}
.mb50	{margin-bottom:50px !important;}

.ml0	{margin-left:0px !important;}
.ml5	{margin-left:5px !important;}
.ml10	{margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20	{margin-left:20px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}
.ml35	{margin-left:35px !important;}
.ml40	{margin-left:40px !important;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}

.mr-5	{margin-right:-5px !important;}
.mr0	{margin-right:0px !important;}
.mr5	{margin-right:5px !important;}
.mr10	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr20	{margin-right:20px !important;}
.mr25	{margin-right:25px !important;}
.mr30	{margin-right:30px !important;}
.mr35	{margin-right:35px !important;}
.mr40	{margin-right:40px !important;}
.mr45	{margin-right:45px !important;}
.mr50	{margin-right:50px !important;}