/*寃쎌같��븰援�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; float:left; margin-top:500px; font-family:"�섎닎怨좊뵓", 'Nanum Gothic', "Nanum Gothic"; letter-spacing:-1px;}
#main_content #cont .top{width:100%; height:228px; position:relative;}
#main_content #cont .mid{width:100%; height:228px; position:relative;}
#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;} 
/* 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_area02 {width:250px; height:228px; display:block; float:left; overflow:hidden;}
#main_content #cont .cont_area03 {width:251px; height:228px; display:block; float:left; overflow:hidden;}
#main_content #cont .cont_area04 {width:254px; height:228px; display:block; float:left; overflow:hidden;}
#main_content #cont .cont_area07 {width:245px; height:229px; display:block; float:left; overflow:hidden;}
#main_content #cont .cont_area06 {width:250px; height:229px; display:block; float:left; overflow:hidden;}
#main_content #cont .cont_area08 {width:253px; height:229px; display:block; float:left; overflow:hidden; border-right:1px solid #eee;}
/* 怨듭��ы빆 */
#main_content #cont .cont_area01 {position:relative; width:205px; height:178px; display:block; float:left; padding:30px 20px 20px 20px;} 
#main_content #cont .cont_area01 .notice_slide {width:205px; 165px;overflow:hidden;}
#main_content #cont .cont_area01 .notice_slide ul {display:block;width:1000px;}
#main_content #cont .cont_area01 .notice_slide ul li{position:relative;display:block;float:left;width: 205px;height:165px;padding-top:20px;font-size:13px;color:#727273;}
#main_content #cont .cont_area01 .notice_slide ul li a:hover {text-decoration:none;}
#main_content #cont .cont_area01 .notice_slide ul li p {padding-bottom:15px;font-size:15px;color:#0d0d0d;font-weight:bold;}
#main_content #cont .cont_area01 .rolling_btn {position:absolute;top:24px; right:20px}
/* �먯쑀寃뚯떆��*/
#main_content #cont .cont_area05 {position:relative; width:245px; height:229px; display:block; float:left; overflow:hidden;     background: #f5f5f5;}
#main_content #cont .cont_area05 .freeboard_slide {width:205px; 165px;overflow:hidden;}
#main_content #cont .cont_area05 .freeboard_slide ul {display:block;width:1000px;}
#main_content #cont .cont_area05 .freeboard_slide ul li{position:relative;display:block;float:left;width: 205px;height:165px;padding-top:20px;font-size:13px;color:#727273;}
#main_content #cont .cont_area05 .freeboard_slide ul li a:hover {text-decoration:none;}
#main_content #cont .cont_area05 .freeboard_slide ul li p {padding-bottom:15px;font-size:15px;color:#0d0d0d;font-weight:bold;}
#main_content #cont .cont_area05 .rolling_btn {position:absolute;top:24px; right:20px}


/*
#main_content #cont .cont_area01{width:245px; 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_area01 .tab_content {position:relative;}
#main_content #cont .cont_area01 strong {display:block; padding-bottom:11px; font-size:15px; color:#333}
#main_content #cont .cont_area01  p {overflow:hidden; height:83px; line-height:160%; font-size:13px; color:#727273;}
#main_content #cont .cont_area01 .date {position:absolute; top:124px; left:0; color:#1b1b1b; font-weight:bold;}
#main_content #cont .cont_area01 .more {position:absolute; top:124px; right:10px; color:#1b1b1b; font-weight:bold;}
#main_content #cont .cont_area01 .notice_slide,
#main_content #cont .cont_area01 .press_slide {overflow:hidden; display:block; width:465px; height:145px;}
#main_content #cont .cont_area01 .notice_slide ul,
#main_content #cont .cont_area01 .press_slide ul {width:2000px; height:145px; display:block;}
#main_content #cont .cont_area01 .notice_slide ul li, 
#main_content #cont .cont_area01 .press_slide ul li {width:465px; height:145px; float:left; display:block; position:relative;}
#main_content #cont .cont_area01 .rolling_btn {top:-35px; right:10px}
 
#main_content #cont .cont_area03{width:254px; height:228px; position:relative; display:block; float:left;}
#main_content #cont .cont_area03 .tit {position:absolute; top:30px; left:21px; z-index:1;}
#main_content #cont .cont_area03 .popup{width:254px; 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:254px; height:228px; display:inline-block; float:left;}

#main_content #cont .cont_area05{width:503px; height:228px; position:relative; display:block; float:left; background:  url(/images/posori/main/bg_cont_area05.jpg) 0 0 no-repeat;}
#main_content #cont .cont_area05 .tab_cont {position:relative;}
#main_content #cont .cont_area05 .tit {padding:1px 0 24px; font-size: 17px; color: #fff; font-weight: bold;}
#main_content #cont .cont_area05 .cmt {position:absolute; top:-68px; left:0;  height:130px; width:106px; background-color:#2a64af; line-height:140%; font-size:15px; color:#fff; font-weight:bold;}
#main_content #cont .cont_area05 .cmt span {display:block; padding:72px 0 0 15px;} 
#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 {background-image:url(/images/posori/main/bg_tab501.gif);}
#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:#000;  height:32px; line-height:32px; color:#a1a0a0; 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 {width:114px;}
#main_content #cont .cont_area05 .tab_btn_05 .tab_04,
#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 {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/posori/main/bg_dot.gif) no-repeat 0 50%; line-height:180%}
#main_content #cont .cont_area05 .tab_cont ul li a {color:#fff; font-size:14px;} 
#main_content #cont .cont_area05 .more {position:absolute; top:40px; right:0; color:#fff; 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 .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;}