@charset "UTF-8"; 

/********************************
 01자치경찰제
 *******************************/

/*01자치경찰제 > 01자치경찰제란?*/
.bold_blue {font-weight:500; color:#2862a9;}
.bold_red {font-weight:500; color:#be1f1f;}
.color_blue {font-weight:500; color:#58779C;}
.intro_box {}
.intro_list {margin-left:-20px;}
.intro_list:after {content:''; display:block; visibility:hidden; clear:both;}
.intro_list > li {float:left; width:50%; padding:0 0 0 20px;}
.list_1st > li > ul.intro_list > li:before {display:none;}
.intro_list > li > div {}
.intro_list > li > div > .tit {display:block; margin-bottom:5px; padding:15px; width:100%; border-radius:5px; text-align:center; font-size:1.8rem; font-weight:600;}
.intro_list > li > div > .tit.tit01 {background-color:#27A8AD; color:#121212;}
.intro_list > li > div > .tit.tit02 {background-color:#8360AB; color:#fff;}
.intro_list > li > div > ul {padding:10px; border:1px solid #ddd; min-height:100px;}
.intro_list > li > div > ul > li {}

.police_imgbox {padding:10px;/* min-height:auto;*/ border:1px solid #ddd;}
.police_imgbox p {}
.police_imgbox .view_btn {display:none;}
.hiddenTxt {display:block; position:absolute; top:-9999px;}

.work_list {margin-left:-20px;}
.work_list:after {content:''; display:block; visibility:hidden; clear:both;}
.work_list > li {float:left; width:33.3333%; padding:0 0 0 20px;}
.work_list > li p {text-align:center;}
.work_list > li p img {width:100%;}
.work_list > li > div {margin-top:10px;}
.work_list > li > div span {display:block; padding:10px; margin-bottom:5px; border-radius:7px; text-align:center; color:#fff; background-color:#2A507F;}
.work_list > li > div ul {min-height:140px; border:1px solid #dedede; background-color:#f9f9f9; padding:10px;}
.work_list > li > div ul li {}

.work_list02 {margin-left:-20px;}
.work_list02:after {content:''; display:block; visibility:hidden; clear:both;}
.work_list02 > li {float:left; width:33.3333%; padding:0 0 0 20px;}
.work_list02 > li div {display:block; width:250px; height:250px; margin:0 auto; border-radius:50%; border:1px solid #ddd; padding:14px;}
.work_list02 > li div.outcircle01 {background-color:#9DDEE4;}
.work_list02 > li div.outcircle02 {background-color:#BDDD70;}
.work_list02 > li div.outcircle03 {background-color:#A4E1A8;}
.work_list02 > li div .circle{display:block; width:220px; height:220px; border-radius:50%; padding:87px 10px 10px; text-align:center; background-color:#fff; font-size:1.7rem;}

.work_list03 {margin-left:-20px;}
.work_list03:after {content:''; display:block; visibility:hidden; clear:both;}
.work_list03 > li {float:left; width:33.3333%; padding:0 0 0 20px;}
.work_list03 > li > div {margin-top:10px; padding:15px; min-height:160px; border:1px solid #dedede; background-color:#fafafa;}
.work_list03 > li > div .w3_tit {padding:7px; margin-bottom:10px; border-radius:7px; text-align:center; color:#fff; background-color:#4a5765; font-weight:500;}
.work_list03 > li > div ul {}
.work_list03 > li > div ul li {}

.bk01 {display:block;}

/* media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px){
	.work_list03 > li > div {min-height:200px;}
	.work_list03 > li > div .w3_tit {min-height:50px;}
	.bk01 {display:inline;}
}
@media screen and (max-width:920px) {
	.intro_list > li > div > ul {min-height:110px;}

	.work_list > li > div ul {min-height:160px;}
	.work_list03 > li > div {min-height:250px;}
}
@media screen and (max-width:767px) {
	.intro_list > li {float:none; width:100%; padding:0 0 10px 20px;}
	.intro_list > li > div > .tit {padding:8px; font-size:1.6rem;}
	.intro_list > li > div > ul {min-height:auto;}

	.work_list > li > div ul {min-height:200px;}

	.work_list02 > li div {width:200px; height:200px;}
	.work_list02 > li div .circle{width:170px; height:170px; padding:67px 10px 10px;}
	.work_list02 > li div .circle.circle02{padding:57px 10px 10px;}

	.work_list03 > li {float:none; width:100%; padding:0 0 10px 20px;}
	.work_list03 > li > div {min-height:auto; padding:10px;}
	.work_list03 > li > div .w3_tit {min-height:auto;}
}
@media screen and (max-width:640px) {
	.police_imgbox p {margin-bottom:20px;}
	.police_imgbox .view_btn {display:block; width:100%; text-align:center; padding:10px 0; background-color:#f5f5f5; border:1px solid #dedede; color:#121212;}

	.work_list > li > div ul {min-height:auto;}
	.work_list > li {float:none; width:100%; padding:0 0 20px 20px;}

	.work_list02 > li {float:none; width:100%; padding:0 0 10px 20px;}
	.work_list02 > li div {display:block; width:100%; height:auto; margin:0 auto; border-radius:10px; border:1px solid #ddd; padding:5px;}
	.work_list02 > li div .circle{width:100%; height:auto; padding:10px; border-radius:5px;}
	.work_list02 > li div .circle.circle02{padding:10px; }
}
@media screen and (max-width:480px) {
}

/*01자치경찰제 > 02비전 및 목표*/
.vision_box {}
.vision_box dl {margin-bottom:30px;}
.vision_box dl:after {content:''; display:block; visibility:hidden; clear:both;}
.vision_box dl dt {display:inline-block; float:left; width:100px; margin-right:10px; padding:15px; text-align:center;}
.vision_box dl dd {display:inline-block; float:left; width:calc(100% - 110px); border-radius:5px; padding:15px; }
.vision_box dl dd.vision_txt01 {background-color:#D2EBEE; font-weight:500; font-size:1.7rem;}
.vision_box dl dd.vision_txt02 {background-color:#E1EFD3; font-weight:500; font-size:1.7rem;}

.vision_box dl dd.vision_txt03 {padding:0;}
.vision_box dl dd .vision_ddList {}
.vision_box dl dd .vision_ddList > li {margin-bottom:10px;}
.vision_box dl dd .vision_ddList > li:after {content:''; display:block; visibility:hidden; clear:both;}
.vision_box dl dd .vision_ddList > li > span {float:left; display:block; width:120px; min-height:109px; margin-right:5px; text-align:center; font-size:1.8rem; font-weight:500; color:#fff; border-radius:5px; box-sizing:border-box;}
.vision_box dl dd .vision_ddList > li.vision_dd01 > span {padding:40px 20px 20px; background-color:#BC8713; color:#222;}
.vision_box dl dd .vision_ddList > li.vision_dd02 > span {min-height:132px; padding:53px 20px 20px; background-color:#4D7128;}
.vision_box dl dd .vision_ddList > li.vision_dd03 > span {padding:40px 20px 20px; background-color:#28656D; }

.vision_box dl dd .vision_ddList > li > div {float:left; width:calc(100% - 125px); min-height:100px; padding:15px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}

.vision_box dl dd .vision_ddList > li > div p {padding-bottom:5px; font-weight:500; font-size:1.75rem;}
.vision_box dl dd .vision_ddList > li.vision_dd01 > div p {color:#BC8713;}
.vision_box dl dd .vision_ddList > li.vision_dd02 > div p {color:#4D7128;}
.vision_box dl dd .vision_ddList > li.vision_dd03 > div p {color:#28656D;}

.vision_box dl dd .vision_ddList > li > div > ol > li > i{display:inline-block; width:18px; height:18px; margin-right:4px; text-align:center; text-indent:-2px; border-radius:50%; color:#fff; background-color:#777; font-size:1.2rem;}

/* media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.vision_box dl dt {float:none; width:100%; margin-right:0px; padding:10px;}
	.vision_box dl dd {float:none; width:100%; text-align:center;}

	.vision_box dl dd .vision_ddList > li {}
	.vision_box dl dd .vision_ddList > li > span {float:none; width:100%; min-height:auto; margin-right:0px; font-size:1.7rem; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	.vision_box dl dd .vision_ddList > li.vision_dd01 > span {padding:10px;}
	.vision_box dl dd .vision_ddList > li.vision_dd02 > span {min-height:auto; padding:10px;}
	.vision_box dl dd .vision_ddList > li.vision_dd03 > span {padding:10px;}
	.vision_box dl dd .vision_ddList > li > div {float:none; width:100%; text-align:left; border-top-left-radius:0px; border-top-right-radius:0px;}
	.vision_box dl dd .vision_ddList > li > div p {padding-bottom:10px; text-align:center; font-size:1.6rem;}

	.vision_box dl dd .vision_ddList > li > div > ol > li {font-size:1.5rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/*01자치경찰제 > 03위원회 BI*/
.grid_box {margin-bottom:10px; padding:35px; border:1px solid #f4f4f4; text-align:center; background:url('../images/grid_bg.png');}

.bidown_box{}
.bidown_box .bidown_box_wrap{padding:30px 0 30px 0}
.bidown_box .bidown_box_wrap ul{}
.bidown_box .bidown_box_wrap ul li{float: left;display: inline-block;margin-bottom: 10px;padding-left: 30px;width:33.3%;position: relative;}
.bidown_box .bidown_box_wrap ul li:nth-child(1){padding-left: 0!important}
.bidown_box .bidown_box_wrap ul li a{display: block;position: relative; padding: 3px 8px 3px 50px; border: 1px solid #ddd;}
.bidown_box .bidown_box_wrap ul li a:hover{font-weight: bold;border: 1px solid #666;}
.bidown_box .bidown_box_wrap ul li a span{display: table-cell; height: 42px;line-height: 1.2;vertical-align: middle;word-break: break-all;}
.bidown_box .bidown_box_wrap ul .btn_down{display: block;position: absolute; left: 10px; top: 50%; margin-top: -16px; width: 32px;height: 32px;font-size: 0;text-indent: -9999px;}
.bidown_box .bidown_box_wrap ul .btn_down.icon01:before{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 32px;height: 32px;
    background-image: url(../images/sub/icon_down_ai.png);
    background-repeat: no-repeat;}
.bidown_box .bidown_box_wrap ul .btn_down.icon02:before{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 32px;height: 32px;
    background-image: url(../images/sub/icon_down_jpg.png);
    background-repeat: no-repeat;}
.bidown_box .bidown_box_wrap ul .btn_down.icon03:before{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 32px;height: 32px;
    background-image: url(../images/sub/icon_down_pdf.png);
    background-repeat: no-repeat;}


.color_box {padding:60px 0 40px;}
.color_box .color_wrap {margin-left:-30px;}
.color_box .color_wrap:after {content:''; display:block; visibility:hidden; clear:both;}
.color_box .color_wrap > li {float:left; width:50%; padding:0 0 0px 30px;}


.color_box .color_wrap > li .color_list {margin-left:-10px;}
.color_box .color_wrap > li .color_list:after {content:''; display:block; visibility:hidden; clear:both;}
.color_box .color_wrap > li .color_list > li {float:left; width:50%; padding:0 0 0px 10px;}
.color_box .color_wrap > li .color_list > li > div {border-top-left-radius:5px; border-top-right-radius:5px;}
.color_box .color_wrap > li .color_list > li > div.color_info {border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.color_box .color_wrap > li .color_list > li .color_txt {text-align:center; padding:20px; color:#121212;}
.color_box .color_wrap > li .color_list > li .main_color.mc01 .color_txt {color:#fff;}
.color_box .color_wrap > li .color_list > li .color_info {border:1px solid #ddd; border-width:0 1px 1px 1px; padding:15px; color:#333;}

.main_color.mc01 {background-color:#0b186d;}
.main_color.mc02 {background-color:#2bb8bf;}
.sub_color.sc01 {background-color:#d8b33d;}
.sub_color.sc02 {background-color:#bebab0;}

/*media query*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.grid_box {padding:10px;}
	.color_box .color_wrap > li {float:none; width:100%;}
	.color_box .color_wrap > li .color_list > li .color_txt {padding:10px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/********************************
 02위원회소개
 *******************************/

/*02위원회소개 > 02위원장인사*/
.greeting_box {margin-top:60px;padding-bottom:50px;background: url(../images/sub/img_n_greetingbg03.png) -10px -10px no-repeat; background-size:contain}
.greeting_box .greeting_top {margin-bottom:10px;}
.greeting_box .greeting_top:after {content:''; display:block; visibility:hidden; clear:both;}
.greeting_box .greeting_top .greeting_nimg {float:left; width:440px;}
.greeting_box .greeting_top .greet_tit{float:right;width:calc(100% - 0px);position:relative;margin: 125px -19px;padding:90px 0 0;font-size:3.0rem;line-height:1.6;color:#121212;letter-spacing:-1px;text-align: left;}

.greeting_box .greeting_ntxt {margin-top: 237px;text-align: center;font-size: 1.8rem;}
.greeting_box .greeting_ntxt p {margin-top: 18px;}
.greeting_box .greeting_ntxt strong {font-size: 2.0rem; font-weight: 600;}

/* media query*/
@media screen and (max-width:1200px) {
	
.greeting_box {background: url(../images/sub/img_n_greetingbg03.png)  -10px -10px no-repeat; background-size:contain }
.greeting_box .greeting_top .greet_tit{text-align: center;margin-top: 50%;margin-left: 0px;margin-bottom:20px;margin-right: 0px;}
.greeting_box .greeting_ntxt {margin-top: 0px;}
}

@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
	.greeting_box {background: url(../images/sub/img_n_greetingbg03.png) 0px -10px no-repeat; background-size:contain}
	.greeting_box .greeting_top .greeting_nimg {float:none; width:100%; text-align:center;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	/*.greeting_box {background:url(../images/sub/img_n_greetingbg.png) 0px -80px no-repeat;}*/
	.greeting_box .greeting_top .greet_tit{font-size:1.8rem}
}
@media screen and (max-width:480px) {
	.greeting_nfix .greet_tit {font-size:1.8rem; line-height:1.2;}
	.bk_01 {display:inline;}
	.greeting_box .greeting_top .greet_tit{margin-top: 35%;}
}


/*02위원회소개 > 03위원소개*/
.Commission_imgbox {/* margin-top:20px; */}
.Commission_imgbox:after {content:''; display:block; visibility:hidden; clear:both;}
.Commission_layout {position:relative;}
.Commission_layout:after {content:''; display:block; visibility:hidden; clear:both;}
.Commission_layout > li {float:left;width:50%;padding: 20px 0 0;}

.Commission_inner {margin-right:20px;min-height: 180px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.Commission_inner.inner_even {margin:0 0 0 20px;}
.Commission_inner.myr_size {min-height:650px;}

.Commission_inner img {display:inline-block;float:left;background: #ddd;height: 150px;width: 118px;}
.Commission_inner .Commission_txtbox {padding-left: 134px;padding-top:10px;}
.Commission_inner .Commission_txtbox h3 {margin-top: 0;margin-bottom: 10px;font-size: 2.0rem;line-height:1;color:#0d5cb8;}

.Commission_inner .Commission_txtbox .myr_tit {}
.Commission_inner .Commission_txtbox .myr_txt {}
.Commission_inner .Commission_txtbox .myr_txt p {position:relative; margin-top:20px; padding-left:10px; font-size:2.2rem; line-height:1; color:#333;}
.Commission_inner .Commission_txtbox .myr_txt p:before {position:absolute; content:''; left:0; top:0; width:3px; height:15px; background-color:#0072bc;}

/*media query*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:920px) {
	.Commission_layout > li {padding-top:30px;}
	.Commission_inner.inner_even {margin:0 0 0 0px;}
	.Commission_inner.myr_size {min-height:828px;}

	.Commission_inner .Commission_txtbox h3 {font-size:2.2rem;}
	.Commission_inner .Commission_txtbox .myr_txt p {margin-bottom:4px; font-size:2.0rem;}
	.Commission_inner .Commission_txtbox .myr_txt p:before {height:12px;}
}

@media screen and (max-width:767px) {
	.Commission_layout > li {width:100%;}
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:480px) {
	.Commission_layout > li {padding-top:20px;}
	.Commission_inner img {display:block; float:none; /*width:170px;*/}
	.Commission_inner .Commission_txtbox {padding-left:0; padding:20px 0;}
	.Commission_inner .Commission_txtbox h3 {font-size:1.8rem;}
	.Commission_inner .Commission_txtbox .myr_txt p {padding-left:8px; font-size:1.6rem;}
	.Commission_inner .Commission_txtbox .myr_txt p:before {width:2px; height:9px;}
}


/*02위원회소개 > 04조직도*/
.org_box {text-align:center; font-size:2.0rem;}
.org_box:after {content:''; display:block; visibility:hidden; clear:both;}

.org_box01 {display:block; position:relative; margin:0 auto; width:200px; height:200px; background-color:#0a639d; border-radius:50%; color:#fff;}
.org_box01 p {padding-top:70px}
.org_box01:after {content:''; display:block; background-color:#aaa; width:1px; height:100px; position:absolute; top:200px; left:50%;}

.org_box02 {position:relative; margin:40px auto; width:300px; height:80px;}
.org_box02:before {content:''; display:block; background-color:#aaa; width:1px; height:100px; position:absolute; top:80px; left:50%;}
.org_box02 a {display:block; line-height:80px; border-radius:10px; color:#fff; background-color:#3c4656; font-weight:500;}
.org_box02 a:hover {text-decoration:underline;}

.org_box03 {position:relative; margin:10px auto 50px; width:300px; height:60px;}
.org_box03:before {content:''; display:block; background-color:#aaa; width:1px; height:100px; position:absolute; top:66px; left:50%;}
.org_box03 a {display:block; line-height:60px; border-radius:10px; color:#fff; border:3px solid #3c4656; background-color:#fff; color:#3c4656;}
.org_box03 a:hover {text-decoration:underline;}

.org_box04 {display:block; position:relative; padding-bottom:20px; width:100%;}
.org04_list {padding:11px; border:1px solid #aaa; background-color:#fafafa;}
.org04_list:after {content:''; display:block; visibility:hidden; clear:both;}
.org04_list li {display:inline-block; float:left; width:48%; margin:1%; background-color:#FFF;}
.org04_list li a {display:block; padding:10px; border:1px solid #aaa; border-radius:10px;}
.org04_list li a:hover,
.org04_list li a:active,
.org04_list li a:focus {border-color:#0a639d;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.org_box {font-size:1.8rem;}
}
@media screen and (max-width:767px) {
	.org_box01:after {height:60px;}
}
@media screen and (max-width:640px) {
	.org_box {font-size:1.6rem;}
	.org_box01 {width:160px; height:160px;}
	.org_box01 p {padding-top:55px}
	.org_box01:after {top:160px;}

	.org_box02 {overflow:unset; display:block; margin:30px auto; width:250px; height:60px;}
  	.org_box02 a {line-height:60px;}
	.org_box02:before {width:1px; height:60px; left:50%; top:60px;}
  	.org_box03 {overflow:unset; display:block; margin:0px auto 40px; width:250px; height:54px;}
	.org_box03 a {line-height:54px;}
	.org_box03:before {width:1px; height:60px; left:50%; top:60px;}
}
@media screen and (max-width:480px) {
	.org03_list li {margin:10px 0 0 0;width:100%;}
	.org03_list li:first-child {margin:0;}
}


/*02위원회소개 > 05오시는길*/
.location_area {height:360px; border:1px solid #ddd;}
.bus_list {}
.bus_list ul {}
.bus_list ul li {padding:10px; border-bottom:1px solid #ddd;}
.bus_list ul li dl {}
.bus_list ul li dl:after {content:''; display:block; visibility:hidden; clear:both;}
.bus_list ul li dl dt {float:left; display:block; width:140px; margin-right:10px; padding:3px 0; text-align:center; background-color:#333; color:#fff; border-radius:5px;}
.bus_list ul li dl dd {float:left; width:calc(100% - 160px);}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.bus_list ul li {border-bottom:0;}
	.bus_list ul li dl dt, .bus_list ul li dl dd {float:none; width:100%;}
	.bus_list ul li dl dt {margin-bottom:5px;}
	.bus_list ul li dl dd {border:1px solid #ddd; border-radius:5px; padding:10px;}
}


/********************************
 04자료마당
 *******************************/
/*04자료마당 > 04One-one 범죄예방 가이드 > 01범죄유형 알아보기 intro*/
.crime_box {}
.crime_box .crime_list {margin-left:-20px;}
.crime_box .crime_list:after {content:''; display:block; visibility:hidden; clear:both;}
.crime_box .crime_list li {float:left; width:16.66%; padding:0 0 20px 20px;}
.crime_box .crime_list li .crime_inner {display:block; padding:20px; border-radius:5px; border:1px solid #dedede; background-color:#fafafa; height: 224px}
.crime_box .crime_list li .crime_inner .crime_img {text-align:center;}
.crime_box .crime_list li .crime_inner .crime_img img {width: 100%;}
.crime_box .crime_list li .crime_inner .crime_tit {display:block; padding-top:10px; text-align:center; font-size:1.6rem; font-weight:500; color:#121212;}

.crime_box .crime_list li .crime_inner:hover {border:1px solid #0072bc; background-color:#f8fcfe;}
.crime_box .crime_list li .crime_inner:hover .crime_tit {color:#0072bc;}

/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.crime_box .crime_list li {width:33.3333%;}
}
@media screen and (max-width:767px) {
	.crime_box .crime_list li .crime_inner {padding:10px;}
	.crime_box .crime_list li .crime_inner .crime_tit {font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.crime_box .crime_list {margin-left:-15px;}
	.crime_box .crime_list li {width:50%; padding:0 0 15px 15px;}
	.crime_box .crime_list li .crime_inner {padding:7px; height:185px}
	.crime_box .crime_list li .crime_inner .crime_tit {font-size:1.5rem; padding-top:7px;}
}
@media screen and (max-width:480px) {
}


/*04자료마당 > 04One-one 범죄예방 가이드 > 01범죄유형 알아보기 > 가정폭력 */
.crime_slide_wrap {position:relative; }
.crime_slide_wrap .crime_slide {text-align:center; width:60%; margin:0 auto 100px;}
.crime_slide_wrap .crime_slide > div {padding:0px 0 20px; object-fit:cover;}

.slide_page {}
.slide_page .arrowbox {}
.slide_page .arrowbox .prev {position:absolute; font-size:0; line-height:0; text-indent:120%;white-space:nowrap; z-index:100; width:28px; height:49px; top:44%; left:0; background:url(../images/slide_arrow_prev.png) no-repeat;}
.slide_page .arrowbox .next {position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; z-index:100; width:28px; height:49px; top:44%; right:0; background:url(../images/slide_arrow_next.png) no-repeat;}

/* 슬라이드 버튼 */
.slide_ctrl {position:absolute; width:100%; text-align:center; bottom:-40px;}
.slide_ctrl li {display:inline-block; vertical-align:middle; width:18px; height:18px; margin:2px;}
.slide_ctrl li span.off button {display:block; width:18px; height:18px; border-radius:16px; border:3px solid rgba(0,0,0,0.4); background-color:transparent; text-indent:-9999px;}
.slide_ctrl li span.on button {display:block; width:18px; height:18px; border-radius:16px; background-color:#005a93; text-indent:-9999px;}


/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.crime_slide_wrap .crime_slide > div { width:100%; height:auto;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.slide_ctrl li {width:13px; height:13px; margin:1px;}
	.slide_ctrl li span.off button {width:13px; height:13px;}
	.slide_ctrl li span.on button {width:13px; height:13px;}
}



/*피해지원기관 맵*/
.map_topbox {position:relative;border:1px solid #ccc; border-radius:5px; margin-bottom:20px;}
.map_topbox:after {content:''; display:block; visibility:hidden; clear:both;}
.maptop_txtinner {position:relative; padding:15px 30px; /* min-height:80px; */}
.maptop_txtinner:after {content:''; display:block; visibility:hidden; clear:both;}
.maptop_txtinner .t_txt {display:block; min-height:auto; vertical-align:middle;}

.map_topbox .big_h3tit {position:relative; display:block; padding:10px; text-align:center; background-color:#fafafa; border-bottom:1px solid #ddd; border-top-left-radius:5px; border-top-right-radius:5px;}
.map_topbox .big_h3tit .maptop_dropdown {position:relative; display:inline-block; padding-right:25px; font-size:1.9rem; font-weight:500;}
.map_topbox .big_h3tit .maptop_dropdown:after {content:''; display:block; position:absolute; top:50%; margin-top:-3px; right:0px; width:12px; height:7px; background:url(../images/btm_arrow02.png) right center no-repeat;transition: all ease 0.3s 0s;}
.map_topbox .big_h3tit .maptop_dropdown.on:after {transform:rotate(-180deg);}

.search_tbox5 {position:relative; padding:0; width:100%;}/*width:100%*/

.check_srchbtn {text-align:center;}
.check_srchbtn button {width:160px; height:40px; background-color:#333; border-radius:5px; color:#fff; cursor:pointer;}
.check_srchbtn button:hover,
.check_srchbtn button:active,
.check_srchbtn button:focus {background-color:#0054a2; transition: background-color 0.2s linear;}
.check_srchbtn button span {display:block; font-size:1.6rem;}

.search_checkbox {/*padding:5px 0;*/}
.search_checkbox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_checkbox .radio_tit {display:inline-block; float:left ; margin:5px 0; width:100px; line-height:40px; font-size:1.7rem; font-weight:500; text-align:left; color:#121212;}
.search_checkbox ul {display:inline-block; width:calc(100% - 120px); padding-left:20px;}
.search_checkbox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.search_checkbox li {display:inline-block; float:left; margin:5px; padding:0 10px; border-radius:20px;}
.search_checkbox li:after {content:''; display:block; visibility:hidden; clear:both;}
.search_checkbox li input {}
.search_checkbox ul.srch_checkList01 li {width:100%;}
.search_checkbox ul.srch_checkList01 select {width:100%;}

.search_checkbox ul.srch_checkList03 {display:inline-block; float:left; width:75%; padding-left:0px;}
.search_checkbox ul.srch_checkList03 li {width:100%; margin:5px 0;}
.search_checkbox ul.srch_checkList03 select {width:100%;}

.check_srchbtn.check_srchbtn03 {float:left; width: calc(100% - 75% - 120px); margin:5px 0;}
.check_srchbtn.check_srchbtn03 button {width:100%; text-align:center;}
.check_srchbtn.check_srchbtn03 button span {text-align:center; color:#fff; width:100%;}

.m_smallpin {display:inline-block; width:12px; height:19px; vertical-align:top; background-repeat:no-repeat;}
.m_smallpin.smallpin01 {background-image:url('../images/map/map_smallpin01.png');}
.m_smallpin.smallpin02 {background-image:url('../images/map/map_smallpin02.png');}
.m_smallpin.smallpin03 {background-image:url('../images/map/map_smallpin03.png');}
.m_smallpin.smallpin04 {background-image:url('../images/map/map_smallpin04.png');}
.m_smallpin.smallpin05 {background-image:url('../images/map/map_smallpin05.png');}
.m_smallpin.smallpin06 {background-image:url('../images/map/map_smallpin06.png');}
.m_smallpin.smallpin07 {background-image:url('../images/map/map_smallpin07.png');}
.m_smallpin.smallpin08 {background-image:url('../images/map/map_smallpin08.png');}

.map_area {border:1px solid #ddd; height:600px;}

/*맵 팝업*/
.infoDiv {position:absolute; width:280px; left:-143px; bottom:55px; padding:15px; border:1px solid #ddd; background-color:#fff; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); word-break:keep-all; white-space:pre-line;}
.infoDiv:before,
.infoDiv:after {content:''; display:block; position:absolute; left:50%; margin-left:-6px; width:0px; height:0px; border-style:solid; border-width:12px 10px;}
.infoDiv:before {bottom:-24px; border-color:#ddd transparent transparent transparent;}
.infoDiv:after {bottom:-22px; border-color:#fff transparent transparent transparent;}
.infoDiv .mapTypeDiv {color:#ff542e; font-size:13px;}
.infoDiv .mapTitleDiv {margin:2px 0 5px; color:#0a2f72; font-weight:500;}
.infoDiv .mapAddrDiv {position:relative; padding-left:18px; font-size:14px; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.infoDiv .mapAddrDiv:before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:13px; height:16px; background: url('../images/map/map_icon02.png') center center no-repeat;}
.infoDiv .mapContactDiv {position:relative; padding-left:18px; margin-bottom:5px; font-size:14px;}
.infoDiv .mapContactDiv:before {content:""; display:inline-block; position:absolute; top:1px; left:0; width:13px; height:16px; background: url('../images/map/map_icon01.png') center center no-repeat;}
.infoDiv .mapSprtContDiv {background-color:#f2f2f2; padding:8px; font-size:13px;}
.infoDiv .mapLinkDiv {text-align:center; margin-top:5px;}
.infoDiv .mapLinkDiv a {display:block; background-color:#2e628e; padding:5px; color:#fff; font-size:13px; border-radius:3px;}


@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.search_checkbox ul.srch_checkList02 li {width:48%;}
}

@media screen and (max-width:920px) {
  	.search_checkbox ul {display:block; float:none; width:100%; min-height:70px; padding-left:0;}
	.search_checkbox .radio_tit {display:block; float:none; width:100%; padding-bottom:7px; border-bottom:1px solid #ddd; text-align:center;}
	.search_checkbox li {padding:0; margin:5px 0;}
	.search_checkbox ul.srch_checkList01 li {width:100%;}
	
	.search_checkbox ul.srch_checkList03 {min-height:auto; width:80%; padding-right:10px;}
	.check_srchbtn.check_srchbtn03 {width:calc(100% - 80%);}
}

@media screen and (max-width:767px) {
	.map_topbox:before {height:30px;}
	.maptop_txtinner {position:relative; padding:15px; min-height:auto;}
	.maptop_txtinner:before {display:none;}
	.maptop_txtinner .t_txt {display:block; min-height:auto;}
}
@media screen and (max-width:640px) {
	.maptop_txtinner {padding:15px;}

	.search_checkbox li {padding:0 5px;}
	.search_checkbox ul.srch_checkList02 li {width:100%;}
	
	.search_checkbox ul.srch_checkList03 {width:75%;}
	.check_srchbtn.check_srchbtn03 {width:calc(100% - 75%);}
}
@media screen and (max-width:480px) {
}


/*정책제안*/
.top_textbox {border:1px solid #dedede; padding:25px; background-color:#fbfbfb;}

.policy_board {}
.policy_board .policy_boardList {margin-left:-20px;}
.policy_board .policy_boardList:after {content:''; display:block; visibility:hidden; clear:both;}
.policy_board .policy_boardList li {float:left; width:33.3333%; padding:0 0 20px 20px;}
.policy_board .policy_boardList li .policy_inner {display:block; border:1px solid #ddd; border-radius:5px;}
.policy_board .policy_boardList li .policy_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.policy_board .policy_boardList li .policy_inner .plc_category {display:block; padding:10px 20px; color:#024385; background-color:#f0f5fc; font-weight:500; border-top-left-radius:5px; border-top-right-radius:5px;}
.policy_board .policy_boardList li .policy_inner .plc_txtbox {padding:20px;}
.policy_board .policy_boardList li .policy_inner .plc_txtbox:after {content:''; display:block; visibility:hidden; clear:both;}
.policy_board .policy_boardList li .policy_inner .plc_txtbox .plc_tit {font-size:1.8rem; font-weight:500; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*overflow:hidden; min-height:56px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;*/}
.policy_board .policy_boardList li .policy_inner .plc_txtbox .plc_txt {padding:8px 0 35px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.policy_board .policy_boardList li .policy_inner .plc_txtbox .plc_write {display: inline-block; float:left; font-size:1.4rem;}
.policy_board .policy_boardList li .policy_inner .plc_txtbox .plc_date {display: inline-block; float:right; font-size:1.4rem;}

.policy_board .policy_boardList li:hover .policy_inner {border:1px solid #8faddb;}
.policy_board .policy_boardList li:hover .policy_inner .plc_tit {color:#0072bc; text-decoration:underline;}
.policy_board .policy_boardList li:hover .policy_inner .plc_txt {color:#555}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.top_textbox {padding:15px;}
	
	.policy_board .policy_boardList li {width:50%;}
}
@media screen and (max-width:640px) {
	.policy_board .policy_boardList li {float:none; width:100%;}
}
@media screen and (max-width:480px) {
}