/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

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;
	font-size:100%;
	/*line-height:120%;*/
	/*vertical-align:baseline;*/
}
/* HTML5 display-role reset for older browsers */
html, body, .cd-main-content, .sb-site-container, .sb-slidebar {margin:0; padding:0;}
html, body {width:100%; overflow-x:hidden;}
html {height:100%;}
html * {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html.sb-scroll-lock.sb-active:not(.sb-static) {overflow:hidden;}
body {min-height:100%; height:auto;	position:relative; font-size:100%; font-family:"Titillium Web", sans-serif; color:#4e6361; background-color:#f5f4e9;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:#666;}
a:link  {text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:visited {text-decoration:none;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden; display:none;}
h1, h2, h3, h4, h5, h6, th {font-weight:500;}
.overflow-hidden {overflow:hidden;}
.cb {clear:both;}
/*input[type="text"] {font-family:'FontAwesome'; line-height:180%; padding-left:5px; font-size:.875em; border:1px solid #ccc;}*/
input[type="text"],input[type="number"] {line-height:180%; padding-left:5px; font-size:.875em; border:1px solid #ccc;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"],input[type="number"], select, textarea {border:1px solid #ccc; border-radius:2px; font-size:inherit;}
select {height:32px; line-height:32px; background:#fff; vertical-align:middle;}
.input_data {width:75px; height:29px; font-size:.875em !important;}
.boardCheck {width:2% !important;}
.boardNum {width:14% !important;}

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(/lmsdata/m_img/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; width:16px; height:16px; text-indent:-9999px; background: url(/lmsdata/m_img/ui_radio.png) no-repeat 0 0; background-size:cover; 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 {
	line-height:32px;
    background-color:#fff;
    border:1px solid #ccc;
	box-sizing:border-box;
    border-radius:2px;
    cursor:pointer;
    height:34px;
    overflow:hidden;
    position:relative;
    text-align:left;
    vertical-align:middle;
	/*font-size:.875em;*/
}
 
.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;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight:500;
    height:100%;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    width:70px;
}
 
.fileform #upload{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity:0; 
    filter:alpha(opacity=0); 
    opacity:0;
    height:100%; 
    z-index:20;
}
.fileform #fileformlabel { 
	background-color:#fff;
	float:left;
	height:100%;
	overflow:hidden;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
}

/****************************/
.textform {
	line-height:32px;
    background-color:#fff;
    border:1px solid #ccc;
	box-sizing:border-box;
    border-radius:2px;
    height:34px;
    overflow:hidden;
    position:relative;
    text-align:left;
    vertical-align:middle;
	/*font-size:.875em;*/
}
.textform .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;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight:500;
    height:100%;
	cursor:pointer;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    width:70px;
}
.textform #textformlabel, .textform .textformlabel { 
	background-color:#fff;
	float:left;
	height:100%;
	overflow:hidden;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
}
/****************************/
.addonform {
	line-height:32px;
    background-color:#fff;
    border:1px solid #ccc;
	box-sizing:border-box;
    border-radius:2px;
    height:34px;
    overflow:hidden;
    position:relative;
    text-align:left;
    vertical-align:middle;
	/*font-size:.875em;*/
}
.addonform .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-right:1px solid #ccc;
    color:#666;
    float:left;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight:500;
    height:100%;
	cursor:pointer;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    width:70px;
}
.addonform #addonformlabel { 
	background-color:#fff;
	float:left;
	height:100%;
	overflow:hidden;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
}

/* 특별한 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 */
.f12 {font-size:0.75em !important;}
.f14 {font-size:0.875em !important;}
.f16 {font-size:1em !important;}
.f20 {font-size:1.25em !important;}
.f24 {font-size:1.5em !important;}

/* font weight */
.fwb {font-weight:700 !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:#3399cc !important;}
.fcOrange 		{color:#f8941d !important;}
.fcOlive		{color:#669533 !important;}
.fcRed 			{color:#ee1c24 !important;}
.fcSepia 		{color:#817b58 !important;}

/* background color */
.bcSoftgray		{background:#e1e1e1 !important;}
.bcGray			{background:#a8a8a8 !important;}
.bcDarkgray		{background:#666 !important;}
.bcSkyblue 		{background:#3399cc !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;}
.w40 	{width:40px !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:5 !important;}
.p10		{padding:10px !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;}
.m5		{margin:5 !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;}
.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;}

.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;}