@charset "utf-8";
/*layout*/

#animate #tm{width:auto}
#animate #tm .th1{width:auto;font-size:17px;}

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




/** 주메뉴 **/
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-672px; width:850px;}
#animate #tm .th1 {width:113px;}
#animate #tm .th2 li{padding:0 9px;}
#animate #tm .th2 li a{padding:0 0 0 8px;}




/*메인*/
#container h2{font-size:33px;}
#container h2 b{font-weight:500; letter-spacing:0px;}
#container h2 span{color:#2569AA; margin-top:5px;}


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


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



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

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



/*강의자료실*/
.sect2 .mcnt5 a:hover,
.sect2 .mcnt5 a:focus{background:#2569AA;}
.sect2 .mcnt5 a .ico{top:22px;left:11px;width:78px;height:65px;background:url(/images/ndid/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/ndid/main/mcnt5_ico01_ov.png)}


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

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

/*Q&A*/
.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/ndid/main/mcnt3_ico01.png) no-repeat 50% 0;}


/*강의자료실*/
.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/ndid/main/mcnt5_ico01.png) no-repeat 50% 0;}

}

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

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

}