@charset "utf-8";

#topmenu #gnb_device .th1 a.th1_lnk.ov:after,
#topmenu #gnb_device .th1 a.th1_lnk:active:after{background:#8d6e54;}
#topmenu #gnb_device .th2> li >a:after{background:#8d6e54;}
#topmenu #gnb_device .th2 li a.ov,
#topmenu #gnb_device .th2 li a:active{color:#8d6e54}

/*메인*/
#container h2{font-size:33px;}
#container h2 b{font-weight:500; letter-spacing:0px;}
#container h2 span{color:#8d6e54; margin-top:5px;}
#container h2 span.vcd{margin:0 0 0px; padding:0; font-size:23px; color:#564130;font-weight:300;}

.wrapper #container{background:url(/images/swf/main/main_bg.png) no-repeat 400px 0;}




/*공지게시판 탭*/
.sect1 .mcnt2 h3 a.ov:before{background:#8d6e54;}
.sect1 .mcnt2 h3 a.ov:after{border-top-color:#8d6e54;}

/*Q&A*/
.sect2 .mcnt3 a .ico{top:21px;left:13px;width:97px;height:75px;background:url(/images/swf/main/mcnt3_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt3 a:hover .ico,
.sect2 .mcnt3 a:focus .ico{background-image:url(/images/swf/main/mcnt3_ico01_ov.png)}

/*교육과정*/
.sect2 .mcnt4{background:#8d6e54 url(/images/swf/main/mcnt4_bg.png) no-repeat}

/*강의자료실*/
.sect2 .mcnt5 a:hover,
.sect2 .mcnt5 a:focus{background:#8d6e54;}
.sect2 .mcnt5 a .ico{top:22px;left:11px;width:78px;height:65px;background:url(/images/swf/main/mcnt5_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt5 a:hover .ico,
.sect2 .mcnt5 a:focus .ico{color:#000;background-image:url(/images/swf/main/mcnt5_ico01_ov.png)}

/*사진바로가기*/
.sect2 .mcnt6 > a:hover + .more a{background-color:#8d6e54;}


@media only screen and (min-width:768px){
/*Q&A*/
.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/swf/main/mcnt3_ico01.png) no-repeat 50% 0;}
/*강의자료실*/
.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/swf/main/mcnt5_ico01.png) no-repeat 50% 0;}

}


@media only screen and (min-width:1000px){

#animate #tm{position:absolute;top:0px;right:50%;margin-right:-560px; width:730px;}
#animate #tm .th1 {width:23%;}	


#animate #tm .th1 .th1_lnk.current,
#animate #tm .th1 .th1_lnk:hover,
#animate #tm .th1 .th1_lnk:focus{color:#8d6e54;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#8d6e54;}

.wrapper #container{padding:40px 0 0;}

}