/* header */
#header {background:url(/images/common/header/back_gnb.jpg) no-repeat right 44px; height:180px; font-size:11px;}
#header .logo {text-align:center; padding-top:29px;}
#header .banner {position:absolute; top:35px; left:24px;}
#header ul.button {position:absolute; top:52px; right:22px;}
* html #header ul.button {right:21px;}
#header ul.button li {padding:0 10px; margin:0; margin-top:10px; background:url(/images/common/line_head_board.gif) no-repeat left center;}
#header ul.button li.first {background:url(); margin-top:9px;}
#header ul.button li.startPage {padding:0 0 0 19px; background:url(); margin:0;}
#header .GNB {position:absolute; top:85px;}
#header .layerBtn {position:absolute; top:124px; left:85px;}

#header .login {float:left; width:550px; margin-top:10px;}
#header .keyWord {float:right; overflow:hidden; zoom:1; margin-top:10px;}

#header .login li, #header .keyWord li {float:left;}
#header .keyWord li.line, #header .login li.line {background:url(/images/common/line_head_board.gif) no-repeat left center; padding-left:10px; margin-left:10px;}
* html #header .keyWord li.line, #header .login li.line {border-bottom:0;}
#header .keyWord li.date {background:url(/images/common/icon_arrow_orange.gif) no-repeat left center; padding-left:8px; color:#fc2500; padding-right:15px;}
#header .login li.layer {background:url(/images/common/icon_arrow.gif) no-repeat 30px center; padding-left:38px; letter-spacing:-1px;}
#header .login input {border:1px solid #969696; height:16px; padding:0; font-size:11px; color:#666666;}
#header .login input.memID {background:url(/images/common/header/back_login_id.gif) no-repeat 5px center;}
#header .login input.memPW {background:url(/images/common/header/back_login_pw.gif) no-repeat 5px center;}



/* ·¹ÀÌ¾î ¹Ú½º */
#header .layerBox1 {background:url(/images/common/header/box_bg_layer.gif) repeat-y left top; width:880px;}
#header .layerBox2 {background:url(/images/common/header/box_bottom_layer.gif) no-repeat left bottom;}
#header .layerBox3 {background:url(/images/common/header/box_top_layer.gif) no-repeat left top; font-size:11px; padding:20px 20px 40px 20px; position:relative;}

/* ÅǸ޴º */
#header .tab {background:url(/images/common/header/tab_left.jpg) no-repeat left top;}
#header .tab a {background:url(/images/common/header/tab_right.jpg) no-repeat right top; height:23px; color:#fffafa; font-weight:bold;}
#header .tab span {background:url(/images/common/header/icon_tab.gif) no-repeat left center; padding-left:10px;}



/* Ä¿¸®Å§·³ ¹× ¼±»ý´Ô ¹Ù·Î°¡±â */
#header p.bottomButton {clear:both; position:relative; top:-20px; left:313px; padding:0;}
#header .layerBox3 .layerTop {margin-bottom:10px;}
#header .close {display:none;}
#header #teacherGo, #header #teacherCurriculum {position:absolute; top:142px; z-index:100000;}

#header .teacherGo {overflow:hidden; zoom:1;}
#header .teacherGo dl {float:left; margin-right:15px; width:110px;}
#header .teacherGo dl.long {width:130px;}
#header .teacherGo dl.last {margin-right:0; width:130px;}
#header .teacherGo dt {margin-bottom:5px;}
#header .teacherGo dd {background:url(/images/common/icon_dot2_blue.gif) no-repeat 25px center; padding-left:35px; line-height:1.4em;}
#header .teacherGo .tab span {background-position:15px center; padding:0 0 0 30px;}
#header .teacherGo .subject {font-weight:bold; padding-left:10px; background:url();}
#header .teacherGo .subject p {background:#eeeeee; padding:2px 5px 0 5px; width:100px; margin-bottom:3px;}

#header .curriculumMenu dl {width:110px; margin-bottom:5px;}
#header .curriculumMenu dl.none dd {display:none;}
#header .curriculumMenu dd {background:url(/images/common/icon_dot2_blue.gif) no-repeat 10px center; padding-left:20px; line-height:1.4em;}
#header .curriculumMenu .tab span {background-position:8px center; padding-left:25px;}
#header .curriculumMenu .subject {font-weight:bold; padding-left:0; background:url();}
#header .curriculumMenu .subject p {background:#eeeeee; padding-top:2px; margin:3px 0; text-align:center;}

#header #teacherCurriculum .curriculumMenu {float:left;}
#header #teacherCurriculum #curriculum {width:700px; float:right; margin-top:0;}
#header #teacherCurriculum ul.teacher {overflow:hidden; zoom:1; padding-left:210px; zoom:1;}
#header #teacherCurriculum ul.teacher li {float:left; padding-top:10px;}
#header #teacherCurriculum ul.teacher li.teacherName {width:280px; height:35px; text-align:center; font-weight:bold; font-size:14px; letter-spacing:-1px; line-height:35px; padding-top:0;}
#header #teacherCurriculum .alignGroup {clear:both; zoom:1;}
#header #teacherCurriculum #curriculum {border-top:1px solid #888888;}

/* ¼ö°­ÁßÀÎ °­Á */
#top_mylec {position:relative; z-index:10000; display:none;}
#top_mylec .lecBox {position:absolute; width:465px; top:30px; border:1px solid #868686; background:#ffffff;}
#top_mylec .lecBox .alignGroup {background:#333333; padding:10px 15px;}
#top_mylec .lecBox ul.menu {margin:5px 15px 10px 13px;}
#top_mylec .lecBox ul.menu li {padding-left:2px;}
#top_mylec .lecBox ul.myLecList {margin:5px 15px 10px 15px; height:389px; overflow-y:auto; font-size:11px; line-height:35px;}
#top_mylec .lecBox ul.myLecList li {background:url(/images/common/line_dot4.gif) left bottom repeat-x;}
#top_mylec .lecBox ul.myLecList li a {background:url(/images/common/icon_dot2.gif) no-repeat 5px center; padding-left:10px;}

#top_mylec .lecBox ul.myLecList2 {margin:5px 15px 10px 15px; height:389px; overflow-y:auto; font-size:11px;}
#top_mylec .lecBox ul.myLecList2 li {background:url(/images/common/line_dot4.gif) left bottom repeat-x; padding:5px 0;}
#top_mylec .lecBox ul.myLecList2 li p { padding-left:10px;}
#top_mylec .lecBox ul.myLecList2 li p.fontDarkGray {background:url(/images/common/icon_dot2.gif) no-repeat 5px center; font-size:12px;}