@charset "utf-8";



/**메인비주얼**/
#mainvisual {width:796px;height:237px;background:url(../images/main/mainvisual_bg.gif) no-repeat left top}
#mainvisual .visualarea{float:left;width:602px;position:relative;}
.visual_btn01 {position:absolute;left:115px;top:140px;z-index:99;}
.visual_btn02 {position:absolute;left:310px;top:140px;z-index:99;width:100px;height:100px}
.visual_btn01 img,
.visual_btn02 img{width:100px;height:30px;}
.visualarea a img{z-index:1}


.visual_menu{float:right;width:194px;}
.visual_menu li{height:46px}
.visual_menu li.h48{height:48px}

/**공지사항**/
#notice {clear:both;}
.notice01 {float:left;position:relative;width:394px;height:180px;background:url(../images/main/notice_bg.gif) no-repeat left top}
.notice01 .tab {height:27px;border-bottom:1px solid #d8d8d8}
.notice01 .tab li{float:left}
.notice02 {float:right;position:relative;width:394px;height:180px;background:url(../images/main/notice_bg.gif) no-repeat left top}
.notice02 .tab {height:27px;border-bottom:1px solid #d8d8d8}
.notice02 .tab li{float:left}

.notice_list {clear:both;margin:20px 15px 10px 15px}
.notice_list li{position:relative;padding-left:8px;margin:10px 0;background:url(../images/common/bul_dot01.gif) no-repeat left 3px}
.notice_list li span{position:absolute;top:0;right:0;}
.notice_list span.btn_more{background:none;position:absolute;top:10px;right:10px;}

.notice02_list {clear:both;}
.notice02_list li {position:relative;line-height:18px}
.notice02_list li:first-child{border-bottom:1px solid #d8d8d8}
.notice02_list li.iconbg01 {height:60px;margin:10px 0;padding:2px 12px 2px 90px ;background:url(../images/main/notice_03_iconbg.gif) no-repeat 12px 2px}
.notice02_list li.iconbg02 {height:60px;margin:10px 0;padding:2px 12px 2px 90px ;background:url(../images/main/notice_04_iconbg.gif) no-repeat 20px 2px}
.notice02_list span.btn_more{background:none;position:absolute;top:10px;right:10px}


/**과정리스트**/
#lecture_list {clear:both;height:500px;padding:10px 14px 0;background:url(../images/main/lecture_list_bg.gif) no-repeat left top}

.lecture_news {color:#fedb29;padding:13px 10px 0 50px;font-weight:bold;width:702px;height:27px;background:url(../images/main/lecture_news_bg.gif) no-repeat left top}
.lecture_news span{font-weight:100}

.tab_lecture  {height:31px;border-bottom:1px solid #ccc;margin-bottom:10px}
.tab_lecture li{float:left;padding-right:1px}
.tab_lecture li a span{width:117px;text-align:center;display:inline-block}
.tab_lecture li.tab_on{width:117px;height:32px;background:url(../images/main/tab_lecture_on.gif) no-repeat left top}
.tab_lecture li.tab_on a{padding:10px 0;color:#000;display:inline-block}
.tab_lecture li.tab_off{color:#fff;width:117px;height:32px;background:url(../images/main/tab_lecture_off.gif) no-repeat left top}
.tab_lecture li.tab_off a{padding:10px 0;color:#fff;display:inline-block}

.main_table_box{height:380px;overflow-y:scroll; overflow-x:hidden;}

.table_cont {width:100%;border-top:2px solid #333}
.table_cont th {padding:10px 0 8px;color:#515151;border-bottom:1px solid #ccc;}
.table_cont tr.bgG {background:#f8f8f8;text-align:center}
.table_cont td {padding:5px 0 ;text-align:center}


/**하단메뉴**/
.steps_info {float:left;width:521px;height:189px;background:url(../images/main/steps_info_bg.gif) no-repeat left top}
.steps_info h4 {padding:14px 14px}
.steps_list {padding:5px 14px}
.steps_list li {float:left}

.mantoman {float:right;width:265px;height:189px;background:url(../images/main/mantoman_bg.gif) no-repeat left top}
.mantoman h4 {padding:14px 14px}
.mantoman_list {padding:10px 0 0 15px}
.mantoman_list li {float:left;}


/**왼쪽**/

#login {position:relative;width:190px; height:156px;background:url(../images/common/left_login_bg.gif) no-repeat left top}
#login h4{padding:12px 0 15px 14px}
#login .login_gongin{position:absolute;right:10px; top:11px}
.login_form {position:relative;padding:5px 10px}
.login_form li:first-child{padding-bottom:1px}
.login_form input {height:18px;font-size:12px;border:1px solid #c9c9c9;padding:2px 4px}
.btn_login {position:absolute;top:5px;right:10px}
.login_setting{margin:2px 0 0 10px;}
.login_setting input{*margin:-3px;vertical-align:middle}
.login_setting img{vertical-align:middle}


#logining {position:relative;width:190px; height:156px;background:url(../images/common/left_logining_bg.gif) no-repeat left top}
#logining .loging_user {padding:35px 10px 20px}
.loging_user_info { margin:0 10px}
.loging_user_info  li{ margin:0px 10px ;line-height:18px; padding-left:8px;background:url(../images/common/bul_dot02.gif) no-repeat left 5px}