/*경찰대학교 main.css 2015-09-22 FGI Lee Eunjae*/
@charset "utf-8";
@import url('common.css'); 

#main_cont {position:relative; width:100%; min-height:1250px; margin:0px auto; font-family:"나눔고딕", 'Nanum Gothic', "Nanum Gothic";}
* html #main_cont { padding-bottom:0px; margin-bottom:-150px;}
*:first-child+html #main_cont { padding-bottom:0px; margin-bottom:-150px;}

#main_visual{width:100%; height:510px; position:absolute; top:70px;}
/*main_visual 슬라이드*/
.skdslider{width:100%;height:510px; display: block; overflow:hidden; text-align:center;}
.skdslider:after {content: ''; padding-top: 50%; display: block;}
.skdslider ul.slides{height:510px; list-style-type:none;}
.skdslider ul.slides li{width:100%; height:510px; display: none;}
.skdslider ul.slides li img { display:block; position:relative; left:50%; margin-left:-960px;}
.skdslider ul.slide-navs {bottom: 15px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0; z-index:33}
.skdslider ul.slide-navs li {float: left;}
.skdslider ul.slide-navs li button { border:1px solid transaprent; background: url("/images/police/main/slide-bg.png") no-repeat scroll 0 0 transparent; height:15px;	width:15px;	margin-right:4px;	cursor:pointer;}
.skdslider ul.slide-navs li.current-slide button {background: url("/images/police/main/slide-bg-active.png") no-repeat scroll 0 0 transparent;}
.skdslider ul.slide-navs li button:focus { border:1px solid red;}
.skdslider .slide-desc{position: absolute; bottom:0; left:0; width:100%; height:510px; display:inline-block; min-width:1180px;}
.skdslider .slide-desc01 {background: url("/images/police/main/img_visual01.jpg") no-repeat center 0; left: 0; position: absolute; bottom:0; width:100%; height:510px; display:inline-block;}
.skdslider .slide-desc02 {background: url("/images/police/main/img_visual02.jpg") no-repeat center 0; left: 0; position: absolute; bottom:0; width:100%; height:510px; display:inline-block;}
.skdslider .slide-desc03 {background: url("/images/police/main/img_visual03.jpg") no-repeat center 0; left: 0; position: absolute; bottom:0; width:100%; height:510px; display:inline-block;}
.skdslider .slide-desc04 {background: url("/images/police/main/img_visual04.jpg") no-repeat center 0; left: 0; position: absolute; bottom:0; width:100%; height:510px; display:inline-block;}
.skdslider .slide-desc01 span {position:absolute; left:50%; bottom:79px;}
.skdslider a.prev{background: url("image/left.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block;cursor:pointer;position:absolute;top:50%;left:2%;margin-top:-17px;}
.skdslider a.next{background: url("image/right.png") no-repeat scroll 0 0 transparent;	width:35px;	height:35px;	display:block;	cursor:pointer;	position:absolute;	top:50%;	right:2%;	margin-top:-17px;}
.skdslider a.play{ border:1px solid transparent; background: url("/images/police/main/play.png") no-repeat scroll center center; width:15px;height:15px;display:block;cursor:pointer;position:absolute;bottom: 20px;right:45.8%; z-index:33}
.skdslider a.pause{  border:1px solid transparent; background: url("/images/police/main/pause.png") no-repeat scroll center center;width:15px;height:15px;display:block;cursor:pointer;position:absolute;bottom: 20px;right:45.8%; z-index:33}
.skdslider a:focus { border:1px solid red !important;}
/*main_visual 슬라이드 끝*/ 

#main_content{width:1180px; margin:0 auto; position:relative; margin-top:-12px;overflow:hidden; margin-top:-13px\0/IE9;}
#main_content .bookmark{width:90px; height:500px; position:absolute; top:0; right:0;}
#main_content .bookmark li{width:90px; height:83px;}
#main_content .bookmark li:last-child{height:85px;}
#main_content .organ{width:90px; height:500px; position:absolute; top:0; right:2px; background-color:#0e62c1; text-align:center;}
#main_content .organ ul{padding-top:100px; background:url("/images/police/main/bg_organ.png") 22px 21px no-repeat;}
#main_content .organ ul li:first-child {border-top:1px solid #000;}
#main_content #cont{width:903px; float:left; margin-top:500px; font-family:"나눔고딕", 'Nanum Gothic', "Nanum Gothic"; letter-spacing:-1px;}
#main_content #cont .top{width:100%; height:230px; position:relative;}
#main_content #cont .mid{width:100%; height:230px; position:relative;}
#main_content #cont h2{font-size:16px; color:#222; margin-bottom:23px;}
#main_content #cont .rolling_btn{width:30px; height:10px; display:inline-block; position:absolute; top:20px; right:15px;}
#main_content #cont .rolling_btn .prev{margin-right:10px;}
.sum_video{overflow:hidden; margin-top:10px; display:block;}
.sum_video > img{width:100%;}

/* tab_부분 공통

#main_content #cont .tab ul.tab_btn , #main_content #cont .tab ul.tab_btn_05{width:100%; display:inline-block; margin-bottom:23px}
#main_content #cont .tab ul.tab_btn > li {float:left; width:63px; height:20px; margin-left:5px; padding-left:10px; border-left:1px solid #ccc;}
#main_content #cont .tab ul.tab_btn > li.size_12{width:auto; margin-left:2px; padding:0 2px;}
#main_content #cont .tab ul.tab_btn > li a.size_12{display:block; font-size:12px; letter-spacing:-1px;}
#main_content #cont .tab ul.tab_btn > li:first-child{margin:0; border-left:none; padding-left:0;}
#main_content #cont .tab ul.tab_btn > li a{display:block; height:20px; font-size:15px; color:#888; font-weight:bold; text-indent:-1000px;}
#main_content #cont .tab ul.tab_btn > li a:hover , #main_content #cont .tab ul.tab_btn > li a.on{color:#222; text-decoration:none;}
#main_content #cont .tab_container{width:100%; display:inline-block; position:relative;}
*/

#main_content #cont .tab{margin:23px 15px}
.tabCont { position:relative; padding:43px 0 0;}
.tabCont > h2 { position:absolute; top:0; height:20px;}
.tabCont > h2 > a { display:block; overflow:hidden; text-indent:-1000px;}

#main_content #cont .tab .tab_content { display:none;}

.tab_01 .tab_01 { left:0; border-right:1px solid #ccc;}
.tab_01 .tab_01 a {width:64px; background:url("/images/police/main/tab_notice.gif") 0 3px no-repeat;}
.tab_01 .tab_02 { left:74px;}
.tab_01 .tab_02 a { width:64px; background:url("/images/police/main/tab_notice2_off.gif") 0 3px no-repeat;}
.tab_01 .tab_01.on a {background-image:url("/images/police/main/tab_notice_on.gif");}
.tab_01 .tab_02.on a {background-image:url("/images/police/main/tab_notice2_on.gif");}
/*20170903 더보기 추가 -jh- */
#main_content #cont .tab .tab_content .more {position:absolute; top:3px; right:1px;}

.tab_02 .tab_01 { left:0; border-right:1px solid #ccc;}
.tab_02 .tab_01 a { width:57px; background:url("/images/police/main/tab_news.gif") 0 3px no-repeat;}
.tab_02 .tab_02 { left:62px; border-right:1px solid #ccc;}
.tab_02 .tab_02 a {width:72px; background:url("/images/police/main/tab_news2_off.gif") 0 3px no-repeat;}
.tab_02 .tab_03 { left:139px;}
.tab_02 .tab_03 a {width:59px; background:url("/images/police/main/tab_news3_off.gif") 0 3px no-repeat;}
.tab_02 .tab_01.on a {background-image:url("/images/police/main/tab_news_on.gif");}
.tab_02 .tab_02.on a {background-image:url("/images/police/main/tab_news2_on.gif");}
.tab_02 .tab_03.on a {background-image:url("/images/police/main/tab_news3_on.gif");}

.mainDate{display:inline-block; width:100%; color:#17469e; font-size:13px;}
.mainTitle{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#4e4e4e; font-size:13px; margin-top:5px;}

#tab_container .tab_content li {margin-top:10px;}
#tab_container .tab_content li:first-child {margin-top:0;}
/* tab_부분 공통 끝 */

#main_content #cont .cont_area01{width:223px; height:230px; position:relative; display:inline-block; border-right:1px solid #dfdfdf; float:left;}
#main_content #cont .cont_area01 .knpu_now{width:210px; height:210px; overflow:hidden;}
#main_content #cont .cont_area01 ul{width:1000px; height:190px; display:inline-block; padding:23px 15px; overflow:hidden;}
#main_content #cont .cont_area01 li{width:195px;  height:190px; display:inline-block; float:left;}
#main_content #cont .cont_area01 p{width:100%; font-size:12px; color:#4c4c4c; margin-bottom:13px;}
#main_content #cont .cont_area02{width:224px; height:230px; position:relative; display:inline-block; border-right:1px solid #dfdfdf; float:left;}
#main_content #cont .cont_area02 .info{width:192px; height:189px; display:inline-block; overflow:hidden; padding:23px;}
#main_content #cont .cont_area02 .info li{width:100%; height:50px; display:inline-block; margin-bottom:20px;}
#main_content #cont .cont_area02 .info .info_sum{width:70px; height:50px; overflow:hidden; margin-right:13px; float:left;}
#main_content #cont .cont_area02 .info span{width:109px; display:inline-block;}
#main_content #cont .cont_area02 .info .tit{color:#17469e; margin-top:6px; font-weight:bold;}
#main_content #cont .cont_area02 .info .txt{color:#4c4c4c; }
#main_content #cont .cont_area03{width:229px; height:230px; position:relative; float:left;}
#main_content #cont .cont_area04{width:220px; height:230px; position:relative; float:left;}
#main_content #cont .cont_area04 .popup{width:220px; height:230px;overflow:hidden;}
#main_content #cont .cont_area04 ul{width:1000px; height:230px; display:inline-block;overflow:hidden;}
#main_content #cont .cont_area04 li{width:220px; height:230px; line-height:230px; display:inline-block; float:left; text-align:center;}
#main_content #cont .cont_area04 li img{margin-bottom:0 !important;}
#main_content #cont .cont_area05{width:223px; height:230px; position:relative; display:inline-block; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; float:left;}
#main_content #cont .cont_area06{width:229px; height:230px; position:relative; display:inline-block; border-top:1px solid #dfdfdf; float:left; background:url("/images/police/main/bg_cont_area06.jpg") 0 0 no-repeat;}
#main_content #cont .cont_area06 ul{width:210px; height:52px; display:inline-block; margin:54px 0 0 12px;}
#main_content #cont .cont_area06 li{float:left; margin-right:2px;}             

#main_content #cont .cont_area07{width:229px; height:230px; position:relative; display:inline-block; float:left;}
#main_content #cont .cont_area08{width:219px; height:230px; position:relative; display:inline-block; border-right:1px solid #dfdfdf; float:left;}
#main_content #cont .cont_area08 h3{width:190px; margin:20px 0 0 13px; color:#17469e; display:inline-block; font-size:13px;}
#main_content #cont .cont_area08 h3 > a, #main_content #cont .cont_area08 h3 > a:hover, #main_content #cont .cont_area08 h3 > a:active{color:#17469e;}
#main_content #cont .cont_area08 h3.sns_tit{width:71px; height:29px; position:absolute; bottom:27px; right:57px; line-height:18px;}
#main_content #cont .cont_area08 span{width:190px; margin-left:13px; color:#4c4c4c; display:inline-block;}
#main_content #cont .cont_area08 img{width:193px; height:158px; overflow:hidden; margin:12px 0 12px 13px;}
#main_content #cont .cont_area08 .sns_tit img{width:71px; height:29px;}
#main_content #cont .cont_area08 .sns{width:190px; display:inline-block; margin-left:13px;}
#main_content #cont .cont_area08 .sns li{float:left; width:36px; height:36px; margin-right:5px;}
#main_content #cont .cont_area08 .sns img{width:100%; height:100%; padding:0; margin:0;}
#main_content #cont .bot{width:903px; height:78px; position:relative; display:inline-block; background-color:#f1f4f8; margin-top:-1px;}
#main_content #cont .bot ul{margin:20px; 25px;}
#main_content #cont .bot li{float:left; margin-left:20px;}
#main_content #cont .slide_bn{width:100%; height:50px; position:relative; margin-top:40px;}
#main_content #cont .slide_bn .btn_p{position:absolute; left:30px; top:0; cursor:pointer;}
#main_content #cont .slide_bn .btn_n{position:absolute; right:30px; top:0; cursor:pointer;}
#main_content #cont .slide_bn .scroll-img {width:792px; height: 50px; overflow: hidden; position:relative; margin:0 auto}
#main_content #cont .slide_bn #banner_area ul.slide{width:1500px; height:50px; display:inline-block; overflow:hidden;}
#main_content #cont .slide_bn #banner_area ul.slide li{width:150px; float:left; margin-right:10px;}
#main_content #cont .slide_bn #banner_area ul.slide li:last-child{margin:0;}

/* 팝업 */
.overlay{position:fixed; width:100%; height:100%; left:0; top:0; display:none; z-index:10;}
.ca_popup{position:absolute; top:0; left:0; right:0; width:1000px; margin:0 auto; /*padding:20px 25px;*/ background-color:#fff; z-index: 11; display:none; font-family:"나눔고딕", 'Nanum Gothic', "Nanum Gothic";}
.ca_popup .basic_btn{padding:20px 0;}
.ca_pop_top{position:relative; height:46px; padding:0 30px; background-color:#17469e;}
.all_title{font-size:17px; font-weight:600; color:#ffcb08; line-height:46px;}
.all_close{position:absolute; top:0; right:0; display:block;}
.ca_pop_bottom{padding:0 38px; padding-bottom:100px;}
.ca_pop_bottom > ul > li{float:left; width:160px; margin:0 12px; margin-top:10px;}
.ca_pop_bottom > ul > li > strong{display:block; padding:20px 0; font-size:22px; font-weight:600; color:#000; border-bottom:2px solid #0066b3;}
.ca_dep1{}
.ca_dep1 li{border-top:1px solid #e6e6e6;}
.ca_dep1 li:first-child{border-top:0;}
.ca_dep1 li a{display:block; padding:10px 0; font-size:14px; font-weight:600; color:#333333;}
.ca_clear{clear:both;}

/* 홍보동영상_팝업 */
.ca_popup_video{position:absolute; top:360px; left:0; right:0; width:717px; margin:0 auto; /*padding:20px 25px;*/ background-color:#fff; z-index: 11; display:none; font-family:"나눔고딕", 'Nanum Gothic', "Nanum Gothic";}
.ca_popup_video .video{width:100%; position:relative; display:inline-block; margin-top:30px;}
.ca_popup_video .video .video_area{width:320px; float:left; margin-right:17px;}
.ca_popup_video .video .video_area .player{width:320px; height:250px; position:relative;}
.ca_popup_video .video .video_area .video_btn{width:100%; height:30px; background-color:#fdd26c; display:inline-block; position:relative; padding-top:14px; margin-bottom:10px;}
.ca_popup_video .video .video_area .video_btn li{float:left; background:url("/images/police/main/bg_video_btn.png") 0 0 no-repeat; width:50%; text-align:center;}
.ca_popup_video .video .video_area .video_btn li:first-child{background:none;}
.ca_popup_video .video .video_area p{width:100%; display:inline-block; clear:both; color:#0054a6; font-size:18px; font-weight:bold; text-align:center; margin-top:25px;}
.ca_popup_video .video .txt_area{width:280px; height:360px; float:left; border:1px solid #ccc; overflow-y:scroll; padding:10px; text-align:justify;}

/* 2017.12.17 추가 */
.cont_area_new {width:229px; height:230px; float:left; background:url("/images/police/main/bg_new_con.gif") 0 0 no-repeat;}
.cont_area_new ul {overflow:hidden; margin:62px auto 0; width:206px;}
.cont_area_new ul li {float:left; margin-left:2px;}
.cont_area_new ul li:first-child {margin-left:0px;}
.cont_area_new ul li.long {width:198px; margin:2px 0 0 0;}
.cont_area_new ul li a { color:#fff;}

.main_qna {position:absolute; top:10px; right:13px; display:block;}

.print{display:inline-block; width:92px; height:22px; margin-right:10px; text-indent:-9999px; background:url(/images/police/sub/sub_tab/btn_print.png) no-repeat;}

/* 2016-02-17 popup_zone */
#pop_area{width:100%; height:90px; display:inline-block; position:relative; text-align:center; line-height:normal;background:url("/images/common/bg_pop.png") 0 0 repeat-x;}
.pop_wrap{width:1200px; height:90px; position:relative; margin:0 auto;}
.btn_wrap{width:100px; position:absolute; top:55px; right:0;}
.pop_close{position:absolute; top:30px; right:-80px;}

/* 2016-02-17 팝업 슬라이드 */
.pop_slide{width:100%; height:90px; text-align:center; position:relative; overflow:hidden; line-height:0;}
.pop_slide li{width:100%; height:90px; display:inline-block; float:left !important;}
.pop_wrap .bx-controls{width:100px; height:35px; z-index:333; position:absolute; top:15px; right:0; border-bottom:1px solid #4e5c75;}
.pop_wrap .bx-wrapper .bx-prev {background:url("/images/common/btn/btn_pop_prev.png") 0 0 no-repeat; width:47px; height:24px; left:0;}
.pop_wrap .bx-wrapper .bx-next {background:url("/images/common/btn/btn_pop_next.png") 0 0 no-repeat; width:47px; height:24px; right:0;}

/* 2016-02-17 체크 박스 */
.checks {position:relative; text-align:center; color:#8f91a6; font-size:13px; margin-top:10px;}
.checks input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.checks input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.checks input[type="checkbox"] + label:before {content:''; display:inline-block; width:12px; height:12px; line-height:12px; text-align:center; vertical-align:middle; border:1px solid #8f91a6; margin:-2px 2px 0 0;} 
.checks input[type="checkbox"]:checked + label:before {content:''; background:url("/images/common/btn/ico_check.png") center center no-repeat;}