@charset "utf-8";



/*강의자료*/
.ss_c{color:#310092; border:1px solid #310092;}/*수사*/
.kyung_c{color:#0191f1; border:1px solid #0191f1;}/*경찰학개론*/
.hsb_c{color:#c035d0; border:1px solid #c035d0;}/*형소법*/
.yy_c{color:#fd48a7; border:1px solid #fd48a7;}/*영어*/
.hb_c{color:#ab751b; border:1px solid #ab751b;}/*형법*/
.etc1{color:#666; border:1px solid #666;}/*기타*/
.hks{color:#219623; border:1px solid #219623;}/*한국사*/
.mater{ width:55px; font-size:12px; line-height:16px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border-radius:20px;background:#fff;  text-align:center; font-weight:600; display:inline-block; letter-spacing:-1px}

/*기출문제 카테고리별*/
.tb_c{background:#b54166}/*특별채용*/
.kc_c{background:#404da2}/*해양경찰*/
.gi_c{background:#6bd602}/*기동대*/
.hs_c{background:#40a1a2}/*학사경장*/
.kbi_c{background:#bd8c23}/*101경비단*/
.wo_c{ background:#af4cb6}/*여자경찰*/
.sj_c{ background:#23bd8c}/*경찰승진*/
.kb_c{ background:#3c839a}/*경찰간부*/
.gg_c{background:#238ebd}/*9급공무원*/
.gich_ca{ width:55px; font-size:12px; line-height:16px;  padding:2px 3px 2px 3px; margin-right:5px;*-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#fff;border-radius:20px;color:#fff; text-align:center; font-weight:600; display:inline-block; letter-spacing:-1px}
.sk{background:#7ebf00;}/*일반순경*/
.etc{background:#999;}/*기타*/




/*채용절차*/

.step_info .sub_box{padding:10px;display:none; overflow:hidden}
.step_info .sub_box dl{margin-bottom:20px;border-bottom:1px solid #e2e2e2;}
.step_info .sub_box dl:last-child{border-bottom:0px;}
.step_info .sub_box p{font-size:13px;margin-bottom:10px;color:#666; line-height:20px}
.step_info .sub_box .view_info{padding:20px 10px;border-top:1px solid #e2e2e2;}
.step_info .sub_box .view_info dt{margin-bottom:10px;font-size:14px;font-weight:bold;}
.step_info .sub_box .view_info dd{line-height:18px;}

.step_box{background:#fff;width:100%;}
.step_box > a.option_tit{position:relative;display:block;overflow:hidden;padding:20px 35px 16px 10px;border-bottom:1px solid #d2d2d2; background:#fff;}
.step_box > a.option_tit h4{font-size:18px;font-weight:600; text-align:center;line-height:20px;cursor:pointer/*float:left;*/}
.step_box > a.option_tit .date_info{ font-size:11px; line-height:15px; float:left; width:100%; color:#888 }
.step_box > a.option_tit span.on{position:absolute;right:10px;top:17px;display:block;;width:20px;height:15px;background:url('../images/sub/icon_box1.png') no-repeat -20px -2px;z-index:20;content:''; }
.step_box > a.option_tit span{position:absolute;right:10px;top:22px;display:block;;width:20px;height:15px; background:url('../images/sub/icon_box1.png') no-repeat 0 -2px ;z-index:20;content:'';}
.step_box .sub_box{border-bottom:1px solid #d2d2d2;}
.gold{ color:#c28133}



/*포토갤러리*/

.poto_box{ width:100%; height:100%; background:none; display:block; overflow:hidden}
.poto_box .poto{width:100%; display: inline-block;  margin-top:10px; border-top:solid 1px #eee; padding-top:10px;overflow:hidden} 
.poto_box .poto ul{ display:block; padding: 0px 1% 20px 1%; }
.poto_box .poto li { display: inline-block; width:46.8%; height:30%; /*min-height:175px;*/ max-height:250px; margin: 1%; float:left; border:solid 1px #ccc; overflow: hidden; }

.poto_box .poto li a{color:#333}
.poto_box .poto li .name{width:100%; display:block; font-size:13px; color:#333; overflow:hidden; }
.poto_box .poto li .time{width:100%; display:block; font-size:11px; color:#666; overflow:hidden; padding:4px 6px 6px 6px}

.poto_box .poto li img{ width: 100%; height:103px; cursor: pointer;}
.p_n{ overflow:hidden;padding:6px; font-size:0.7em; color:#333; line-height:1.2em; box-sizing:border-box;"}
.poto_box .poto img { width: 100%; height:103px; cursor: pointer; }

.poto_box .poto_list{width:100%; display:block;  margin-top:10px; border-top:solid 1px #eee; padding-top:5px;} 
.poto_box .poto_list .title {font-size:15px;color:#923b9e; font-weight:bold; margin-left:20px; line-height:25px;}
.poto_box .poto_list li { display:inline; width:100%; height:auto; float:left; border-bottom:solid 1px #eee; margin-bottom:10px; padding-bottom:10px; margin-right:3%;}
.poto_box .poto_list img{width:100%; height:auto; }

.poto_box .poto_list div.thumb img{width:100%; height:auto; }
.poto_box .poto_list div.thumb_desc {width:100%;overflow: hidden; font-size: 14px;line-height: 1.3;padding: 5px 0;height: 55px;text-align:center;}



.inter_box .poto_list{width:100%; display:block;  margin-top:10px; border-top:solid 1px #eee; padding-top:5px;} 
.inter_box .poto_list .title {font-size:15px;color:#923b9e; font-weight:bold; margin-left:20px; line-height:25px;}
.inter_box .poto_list li { display:inline; width:100%; height:auto; float:left; border-bottom:solid 1px #eee; margin-bottom:10px; padding-bottom:10px; margin-right:3%;}
.inter_box .poto_list img{width:100%; height:auto; }

.inter_box .poto_list div.thumb img{width:100%; height:auto; }
.inter_box .poto_list div.thumb_desc {width:100%;overflow: hidden; font-size: 14px;line-height: 1.3;padding: 5px 0;height: 55px;text-align:center;}





.poto_view{ width:96%; margin:0 auto; display: block;}
.poto_view ul{ display:block; overflow:hidden;} 
.poto_view .title {font-size:0.8em;color:#333; font-weight:normal; line-height:28px; border-bottom:1px solid #777;}
.poto_view li {display:inline; width:100%; height:auto; float:left; margin-bottom:24px; padding:0;  color:#777; text-align:justify; font-size:13px; line-height:18px;}
.poto_view .name{ float:left; width:100%; padding:4% 0 0 0; font-size:1.2em; color:#333; font-weight:bold;}
.poto_view img{width:99%; }
.poto_content p, .cont .poto_content span { font-size: 13px !important; }




/*합격자버튼탭*/

.pass_w95{ width:95%; margin:0 auto; background:url(../images/sub/bg_line.gif) 0 bottom repeat-x}
.pass_nbox{  margin:0 auto; }
.pass_nav {overflow:hidden}
.pass_nav ul {width:100%;padding:0 5px;display:table}
.pass_nav ul li {height:40px;text-align:center;display:table-cell;}
.pass_nav ul li a {line-height:40px;font-size:13px;/*font-size:14px;*/display:block;font-weight:600; color:#999999}
.pass_nav ul li.active a {border-bottom:2px solid #fa6206;font-weight:600;color:#fa6206}





/*모의고사기출*/
.m_logbox{height:auto; padding:20px 0 ;  text-align: center; font-size:16px; font-weight:600; background:#fff; border:2px solid #bcdcd3;line-height:20px; width:100%; overflow:hidden }
.m_logbox span{ color:#0066FF}
.m_logbox p{ font-size:12px; text-align: center; font-weight:normal;}