@charset "utf-8";
/*layout*/
/*#animate #tm{width:650px;}*/

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

/*메인*/
#container h2 span{color:#006b6b}

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

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

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

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

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

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


@media only screen and (min-width:768px){
/*Q&A*/
.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/ot/main/mcnt3_ico01.png) no-repeat 50% 0;}
/*강의자료실*/
.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/ot/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:#006b6b;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#006b6b;}

}


/*페이스북*/
.sns_cont .facebook li.message {padding:0; }
.sect1 .mcnt2 .grap .sns_cont ul.facebook li:before {display:none;}
.sns_cont ul.facebook{padding:0 12px;background:#fff; overflow-y:scroll; height:130px;}
.sns_cont ul.facebook li{padding:15px 0;}
.sns_cont ul.facebook li + li {border-top:1px solid #d2d2d2;}
.sns_cont ul.facebook li:first-child{border-top:0; } 
.sns_cont ul.facebook li:first-child dl {padding-top:0; } 
.sns_cont ul.facebook li a{display:block; }
.sns_cont ul.facebook li dl{display:block;width:100%;overflow:hidden; padding:10px 0; }
.sns_cont ul.facebook li dl dt {display:none;}
.sns_cont ul.facebook li dl dd{display:block;position:static;float:left;width:auto;height:auto;overflow:visible}
.sns_cont ul.facebook li dl dd{line-height:1.6}
.sns_cont ul.facebook li dl .image{margin-bottom:10px}
.sns_cont ul.facebook li dl .id {display:none; }
.sns_cont ul.facebook li dl .timer{width:auto; font-size:15px; font-weight:600; }
.sns_cont ul.facebook li dl .id{font-weight:700;font-size:0.9em;color:#006B6B; }
.sns_cont ul.facebook li dl .text{width:100%;padding-top:10px;font-size:0.85em;line-height:1.4;white-space:pre;}
.sns_cont ul.facebook li dl .text figure{text-align:center;background:#f9f9f9}
.sns_cont ul.facebook li.message dl .text:after{display:block;clear:both;content:'';}
.sns_cont ul.facebook li.message dl .text figure{float:left;margin-right:20px}
.sns_cont ul.facebook li.comments{padding-left:3%;background:#f9f9f9}
.sect1 .mcnt2 .grap .sns_cont li a{display:block;float:left;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}


@media only screen and (min-width:400px){
.sns_cont ul.facebook li dl .id,
.sns_cont ul.facebook li dl .timer{width:70%;} 
}



.sect2 .mcnt5 a,
.sect2 .mcnt5 a:hover,
.sect2 .mcnt5 a:focus{top:0; background:#FC522F;}
.sect2 .mcnt5 {height:247px; margin-top:10px; padding:0; }


@media only screen and (min-width:768px){
	.sect2 .mcnt5{margin:0; padding:0;}
}