/*경찰대학교 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%; min-width:1180px; height:510px; position: absolute; display: block; overflow:hidden; top:0; left:0;}
.skdslider:after {content: ''; padding-top: 50%; display: block;}
.skdslider ul.slides{height:510px; margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li{width:100%; height:510px; display: none;}
.skdslider ul.slide-navs {bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0; z-index:33}
.skdslider ul.slide-navs li {float: left;	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 {background: url("/images/police/main/slide-bg-active.png") no-repeat scroll 0 0 transparent;}
.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{ 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:25%; z-index:33}
.skdslider a.pause{ 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:25%; z-index:33}
/*main_visual 슬라이드 끝*/ 

#main_content{width:1180px; margin:0 auto; position:relative;}
/*
#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:0; 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:1000px; height:456px; float:left; margin-top:500px; font-family:"나눔고딕", 'Nanum Gothic', "Nanum Gothic"; letter-spacing:-1px;} 
#main_content #cont .top{width:100%; height:228px; position:relative; display:inline-block;}
#main_content #cont .mid{width:100%; height:228px; position:relative; display:inline-block;margin-top:-5px;}
#main_content #cont h2{font-size:16px; color:#222; margin-bottom:23px;}
#main_content #cont .rolling_btn{width:25px; height:10px; display:inline-block; position:absolute; top:20px; right:15px;}
#main_content #cont .rolling_btn .prev{margin-right:10px;} 
#main_content #cont #tab_container{width:100%; display:inline-block; position:relative;} 
.mainTitle{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#4e4e4e;}
/* tab_부분 공통 끝 */  

/*
#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.sns_tit{width:75px; height:32px; position:absolute; bottom:12px; right:43px; 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:188px; height:90px; overflow:hidden; margin:12px 0 12px 13px;}
#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}
#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;}
*/
 
#main_content #cont .cont_area01,
#main_content #cont .cont_area04,
#main_content #cont .cont_area06 {width:248px; height:228px; display:block; float:left;overflow:hidden;}
#main_content #cont .cont_area06 img{width:251px; height:228px;}


#main_content #cont .cont_area02{width:503px; height:228px; position:relative; display:block; float:left; overflow:hidden;} 
#main_content #cont .tab{margin:28px 20px 20px}
#main_content #cont .tab ul.tab_btn {width:100%; display:inline-block; margin-bottom:14px}
#main_content #cont .tab ul.tab_btn > li {float:left; width:80px; height:20px; margin-left:0px;} 
#main_content #cont .tab ul.tab_btn > li:first-child {margin:0;}
#main_content #cont .tab ul.tab_btn > li a {display:inline-block; height:20px; border-right:1px solid #ccc; padding-right:10px; font-size:17px; color:#888; font-weight:bold;}
#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 .cont_area02 .tab_content {position:relative;}
#main_content #cont .cont_area02 .tab_content strong {display:block; padding-bottom:11px; font-size:15px; color:#333}
#main_content #cont .cont_area02 .tab_content p {overflow:hidden; height:27px; line-height:160%; font-size:13px; color:#727273; float:left; width:380px;}
#main_content #cont .cont_area02 .tab_content .date {/* position:absolute; */ top:124px; left:0; color:#1b1b1b; font-weight:bold; float:right; width:auto;}
#main_content #cont .cont_area02 .tab_content .more {position:absolute; top:124px; right:10px; color:#1b1b1b; font-weight:bold;}
#main_content #cont .cont_area02 .notice_slide,
#main_content #cont .cont_area02 .press_slide {overflow:hidden; display:block; width:465px; /* height:145px; */}
#main_content #cont .cont_area02 .notice_slide ul,
#main_content #cont .cont_area02 .press_slide ul {/* width:2000px; height:145px; */ display:block;}
#main_content #cont .cont_area02 .notice_slide ul li, 
#main_content #cont .cont_area02 .press_slide ul li {width:465px; /* height:145px; */ float:left; display:block; position:relative;}
#main_content #cont .cont_area02 .rolling_btn {top:-35px; right:10px}
 
#main_content #cont .cont_area03{width:249px; height:228px; position:relative; display:block; float:left;}
#main_content #cont .cont_area03 .popup > ul > li > img{width:249px; height:228px;}
#main_content #cont .cont_area03 .tit {position:absolute; top:30px; left:21px; z-index:1;}
#main_content #cont .cont_area03 .popup{width:249px; height:228px;overflow:hidden;}
#main_content #cont .cont_area03 ul{width:1000px; height:228px; display:inline-block;overflow:hidden;}
#main_content #cont .cont_area03 li{width:249px; height:228px; display:inline-block; float:left;}

#main_content #cont .cont_area05{width:503px; height:228px; position:relative; display:block; float:left;}
#main_content #cont .cont_area05 .tab_cont {position:relative;}
#main_content #cont .cont_area05 .tit {padding:1px 0 24px; font-size: 17px; color: #474747; font-weight: bold;}
#main_content #cont .cont_area05 .cmt {position:absolute; top:-58px; left:0; text-align:center; height:130px; width:106px; background-color:#2a64af; line-height:140%; font-size:15px; color:#333; font-weight:bold;}
#main_content #cont .cont_area05 .cmt span {display:block; padding:83px 0 0 0;} 
#main_content #cont .cont_area05 .tab_content3 .cmt,
#main_content #cont .cont_area05 .tab_content4 .cmt,
#main_content #cont .cont_area05 .tab_content5 .cmt,
#main_content #cont .cont_area05 .tab_content6 .cmt,
#main_content #cont .cont_area05 .tab_content7 .cmt, 
#main_content #cont .cont_area05 .tab_content8 .cmt,
#main_content #cont .cont_area05 .tab_content9 .cmt, 
#main_content #cont .cont_area05 .tab_content10 .cmt {background:url(/images/psi/main/bg_tab501.gif) no-repeat}
#main_content #cont .cont_area05 .tab_btn_05 {padding-left:118px;width:355px; overflow:hidden;}
#main_content #cont .cont_area05 .tab_btn_05 li {float:left; margin-bottom:2px; margin-right:2px;}
#main_content #cont .cont_area05 .tab_btn_05 a {display:block; background-color:#0e62c1;  height:32px; line-height:32px; color:#fff; text-align:center;}
#main_content #cont .cont_area05 .tab_btn_05 a:hover {color:#a1a0a0; text-decoration:none;}
#main_content #cont .cont_area05 .tab_btn_05 a.on {color:#fff;}
#main_content #cont .cont_area05 .tab_btn_05 .tab_01,
#main_content #cont .cont_area05 .tab_btn_05 .tab_02,
#main_content #cont .cont_area05 .tab_btn_05 .tab_03,
#main_content #cont .cont_area05 .tab_btn_05 .tab_04 {width:85px;}
#main_content #cont .cont_area05 .tab_btn_05 .tab_05,
#main_content #cont .cont_area05 .tab_btn_05 .tab_06, 
#main_content #cont .cont_area05 .tab_btn_05 .tab_07,
#main_content #cont .cont_area05 .tab_btn_05 .tab_08 {width:85px;}
#main_content #cont .cont_area05 .tab_cont ul {padding:15px 0 0 118px;}
#main_content #cont .cont_area05 .tab_cont ul li {overflow:hidden; width:290px; padding-left:5px; background:url(/images/psi/main/bg_dot.gif) no-repeat 0 50%; line-height:180%}
#main_content #cont .cont_area05 .tab_cont ul li a {color:#444; font-size:14px;} 
#main_content #cont .cont_area05 .more {position:absolute; top:40px; right:0; color:#1b1b1b; text-decoration:none;}



.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{position:absolute; top:0; left:0; right:0; width:1180px; 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;}