@charset "euc-kr";

/* --------------------------------------------------------------------------
	Base 
-------------------------------------------------------------------------- */
* { margin:0; padding:0; }
html { overflow-y:hidden; }
body { color:#848484; font:12px/1.6 'NanumGothic', "³ª´®°íµñ", "µ¸¿ò", Verdana, Dotum, Sans-serif; }
h1,h2,h3,h4,h5 { font-size:100%; }
a:link, a:hover, a:active, a:visited, a:focus { color:#848484; text-decoration:none; }
ul, ol, li { list-style:none; }
table { width:100%; border-collapse:collapse; }
colgroup { background:none; }
input, select, textarea, label { vertical-align:middle; font:12px/18px 'NanumGothic', "³ª´®°íµñ", "µ¸¿ò", Verdana, Dotum, Sans-serif; }
fieldset, img { border:0; }
img { vertical-align:top; }
legend, caption { visibility:hidden; width:0; font-size:0; line-height:0; text-indent:-5000px; }
address, em { font-style:normal; }
hr { display:none; }
.hide { visibility:hidden; position:absolute; padding:0; border:0; background:none; font-size:0; line-height:0; }
input.chk { height:18px; vertical-align:middle; }

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../../font/NanumGothic.eot'); /* IE9 Compat Modes */
  src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/NanumGothic.woff') format('woff'), /* Modern Browsers */
	   url('../../font/NanumGothic.ttf') format('truetype');	 /* Safari, Android, iOS */
}
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 700;
    src: url('../../font/NanumGothicBold.eot'); /* IE9 Compat Modes */
    src: url('../../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../font/NanumGothicBold.woff') format('woff'), /* Modern Browsers */
		 url('../../font/NanumGothicBold.ttf') format('truetype');	 /* Safari, Android, iOS */
}


/* --------------------------------------------------------------------------
	Common 
-------------------------------------------------------------------------- */
#wrap { position:relative; }
#wrap img { vertical-align:middle; }
#wrap .container { position:relative; width:984px; margin:0 auto; }
#wrap .container .top { position:relative; margin:23px 0 0 0; z-index:999; }
#wrap .container .top h1 { }
#wrap .container .top a { position:absolute; top:0; width:24px; height:24px; border:0; background:0; cursor:pointer; }
#wrap .container .top .miniwin { right:34px; }
#wrap .container .top .close { right:0; }


/* --------------------------------------------------------------------------
	Login 
-------------------------------------------------------------------------- */
.login { background:url('../images/bg_login.jpg') repeat-x center -52px; }
.login_section { position:relative; padding:285px 0 0 0; text-align:center; }
.login_section h2 { }
.login_box { position:relative; margin:132px auto 0 auto; width:260px; }
.login_box .inputarea { z-index:16; margin:0; padding:0; border:0; width:250px; height:90px; }
.login_box .inputarea .input_box { position:relative; z-index:13; background:#fff; margin:0 auto 8px;  border:0; font-size:13px; color:#666; font-weight:bold; border-radius:4px; }
.login_box .inputarea .input_box label { position:absolute; top:11px; left:18px; font-size:14px; font-weight:bold; color:#999; cursor:auto; }
.login_box .inputarea .input_box .input_txt { width:214px; height:21px; padding:10px 18px; border:0; font-size:14px; font-weight:bold; background:transparent; }
.login_box .btn_login { position:absolute; top:0; left:260px; z-index:8; width:90px; height:90px; border:0; background:url('../images/btn_login.png') no-repeat; text-indent:-9999px; cursor:pointer; }
.login_box .chk_login { margin:6px 0 0 7px; text-align:left; }
.login_box .chk_login label { margin:0 30px 0 2px; color:#333; vertical-align:middle; }
.login_box h3 { padding:18px 0 0 6px; }


/* --------------------------------------------------------------------------
	Class Select Popup
-------------------------------------------------------------------------- */ 
#class_select { position:relative; width:687px; font-family:Dotum,"µ¸¿ò"; font-size:12px; }
#class_select h1 { text-align:center; background:#6b6353; border-radius:5px 5px 0 0; }
#class_select .btn_close { position:absolute; top:0; right:0; background:#595144; border-radius:0 5px 0 0; }
#class_select .container { background:#f0eee4; border:1px solid #dbd6cf; border-radius:0 0 5px 5px; }
#class_select .container .contents { overflow:hidden; padding:21px 20px 25px 20px; }
#class_select .container .contents h2 { padding:0 0 8px 0; }
#class_select .container .contents .today { float:left; margin:0 20px 0 0; }
#class_select .container .contents .other { }
#class_select .container .contents .selec_box { width:310px; height:245px; overflow-x:hidden; overflow-y:auto; background-color:#fff; border:1px solid #e0ddd2; }
#class_select .container .contents .level_lst { width:100%; display:inline-block; margin:0px 1px 0 0px; }
#class_select .container .contents .level_lst li { height:40px; border-bottom:1px solid #e0ddd2; text-align:center; color:#333; word-spacing:-1.0pt; }
#class_select .container .contents .level_lst li a { display:block; width:100%; height:40px; color:#333; text-decoration:none; }
#class_select .container .contents .level_lst li a:hover { background-color:#f5f5f5; color:#333; font-weight:bold; word-spacing:-3.0pt; }
#class_select .container .contents .level_lst li a span{ display:block; padding-top:14px; line-height:11px; }
#class_select .container .contents .level_lst .lec{ color:#dc8f3c; font-weight:normal; }
#class_select .container .contents .level_lst .lec a{ color:#dc8f3c; }
#class_select .container .contents .level_lst .lec a:hover{ color:#dc8f3c; }
#class_select .container .contents .desc { clear:both; color:#dc8f3c; padding:20px 0 0 4px; }

#noclass_select { position:relative; width:411px; font-family:Dotum,"µ¸¿ò"; font-size:12px; }
#noclass_select h1 { text-align:center; background:#6b6353; border-radius:5px 5px 0 0; }
#noclass_select .btn_close { position:absolute; top:0; right:0; background:#595144; border-radius:0 5px 0 0; }
#noclass_select .container { padding:21px 20px 25px 20px; border:1px solid #dbd6cf; background:#f0eee4; border-radius:0 0 5px 5px; }
#noclass_select .container .no_class_txt { color:#333; font-weight:bold; text-align:center; padding:6px 0 20px 0 ; }
#noclass_select .container .contents { width:368px; background-color:#fff; border:1px solid #e0ddd2; text-align:center; }
#noclass_select .container .contents .lec { font-size:12px; color:#dc8f3c; height:40px; border-top:1px solid #e0ddd2; }
#noclass_select .container .contents .lec:first-child { color:#dc8f3c; height:40px; border-top:0px; }
#noclass_select .container .contents .lec a { display:block; color:#dc8f3c; text-decoration:none; height:40px; }
#noclass_select .container .contents .lec a:hover { background-color:#f5f5f5; color:#dc8f3c; font-weight:bold; }
#noclass_select .container .contents .lec a span { display:block; padding-top:11px; }


/* --------------------------------------------------------------------------
	Modal Popup 
-------------------------------------------------------------------------- */ 
.modalBg { position:absolute; top:0; left:0; width:0; height:0%; background:#000; display:none; z-index:999; }
.modalPopupContainer { position:absolute; z-index:999; }
.modalPopupContainer .popupCon { position:absolute; z-index:999; }


/* --------------------------------------------------------------------------
	¹öÀü Á¤º¸ Ç¥½Ã
-------------------------------------------------------------------------- */ 
#version {clear:both; position:absolute; right:15px; bottom:10px; text-align:right; font-size:12px; color:#fff;}