@charset "utf-8";

/* 상단팝업 */
#open_popup_wrap .open_popup .control a.prev_btn { position:absolute; left:10px; top:71px; width:22px; height:45px; background:url(/images/popup/pop_prev.png) no-repeat; }
#open_popup_wrap .open_popup .control a.next_btn { position:absolute; right:10px; top:71px; width:22px; height:45px; background:url(/images/popup/pop_next.png) no-repeat; }

#open_popup_wrap .open_popup .popup_box { width:460px; }
#open_popup_wrap .open_popup .popup_box ul { padding:45px 0 0 0; }
#open_popup_wrap .open_popup .popup_box ul li a { width:460px; height:105px; }

#open_popup_wrap .open_popup .main_control { position:absolute; left:auto; right:10px; top:21px; }
#open_popup_wrap .open_popup .main_control a { display:inline-block; float:left; }



/* 새창팝업 */
#popup_content {display:block; visibility:visible;}
#popup_content .pop_bg .pop_con_box { background:#fff; text-align:center; } 
#popup_content .pop_bt_bg { background:#383d43; }
#popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
#popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
#popup_content .pop_bt_bg .pop_font a { color:#fff; }
#popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }




/*layout*/

#wrap{position:relative;background:#eee url(/images/mpa/main/main_bg.png) no-repeat 50% 0;}

#animate #tm{width:700px;}
#animate #tm .th2 li{padding:0 0 0 5px;}

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


/*메인*/
#container h2{position:relative;padding-right:100px;}
#container h2:after{display:inline-block;content:'';width:72px;height:126px;position: absolute;bottom:0;right:0;background:url(/images/hospi/common/title_p_bg.png) no-repeat}

#container h2 span{color:#4b97b1}

.wrapper #container{background:none;}

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

/*Q&A*/
.sect2 .mcnt3{overflow:hidden;background:#fff;text-align:center;}
.sect2 .mcnt3 h3{margin:15px 0 0;text-align:center;}
.sect2 .mcnt3 .ico{display:none;}
.sect2 .mcnt3 a{display:inline-block;margin:10px auto 5px;padding:10px 15px 9px;width:105px;height:auto;border:1px solid #6b50af;border-radius:3px;vertical-align:middle;transition:all 0.5s;}
.sect2 .mcnt3 a:hover,
.sect2 .mcnt3 a:focus{background:#4b97b1;}
.sect2 .mcnt3 a span{padding:0;background:none;}
@media only screen and (min-width:768px){
.sect2 .mcnt3 h3{margin-top:30px;}
.sect2 .mcnt3 .ico{display:block;margin:30px auto 25px;width:97px;height:75px;background:url(/images/mpa/main/mcnt3_ico01.png) no-repeat  50% 0;}
.sect2 .mcnt3 a{margin-top:0;width:90px;}
}
@media only screen and (min-width:1000px){
.sect2 .mcnt3 a{padding:10px 10px 9px;}
}

/*교육과정*/
.sect2 .mcnt4{background:#32abd6}
.sect2 .mcnt4 a:hover{background:#32abd6;}

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


/*군사경찰 명예의전당 메뉴수정*/
.sect2 .mcnt7{background:#9cbc3d}
.sect2 .mcnt7 h3,
.sect2 .mcnt7 a{color:#fff;}
.sect2 .mcnt7 a:hover,
.sect2 .mcnt7 a:focus{background:#9cbc3d;color:#fff;}
.sect2 .mcnt7 a .ico{top:22px;left:11px;width:78px;height:65px;background:url(/images/mpa/main/mcnt6_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt7 a:hover .ico,
.sect2 .mcnt7 a:focus .ico{color:#fff;background-image:url(/images/mpa/main/mcnt6_ico01.png)}



@media only screen and (min-width:480px){
/*군사경찰 명예의전당 메뉴수정*/
.sect2 .mcnt7 a .ico{top:20px;}
}


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

.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/mpa/main/mcnt3_ico01.png) no-repeat 50% 0;}
.sect2 .mcnt4 a .ico {background:url(/images/mpa/main/mcnt4_ico01.png) no-repeat scroll 50% 0;}

.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/mpa/main/mcnt5_ico01.png) no-repeat 50% 0;}

.sect2 .mcnt7 a .ico{margin:25px auto 35px;background:url(/images/mpa/main/mcnt6_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:#4b97b1;}
#animate #tm .th1 .th1_lnk.current+.th2{background:#4b97b1;}

}