@charset "utf-8";

.content h4 {font-size:20px; padding:10px 0; color:#3f3f3f;}
.content h5 {font-size:18px; padding:8px 0 5px 20px; color:#206EEC; position:relative;}
.content h5::before, .content h5::after {display:block; position:absolute; top:0; left:0; content:"";}
.content h5::before {width:15px; height:15px; top:9px; background:#206EEC; border-radius: 30px;}
.content h5::after {width:5px; height:5px; top:14px; left:5px; background:#fff; border-radius: 30px;}
.content h6 {font-size:16px; padding:6px 0 6px 10px; color:#565656; position:relative;}
.content h6::before {display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; background:#565656; border-radius:10px;}
.content p {color:#595959;font-size:14px; font-weight: 400; line-height: 1.3;}

/* (공통)서브 하단 배너모음 선 추가 */
.total_banner {border-top: 1px solid #E9E9E9;}

.list_basic li {position:relative; padding-left:12px; font-size:14px; line-height: 1.4; margin-bottom:5px;}
.list_basic li::before {content:""; display:block; position:absolute; top:10px; left:0;}
.list_basic.lt01 li::before {width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li::before {width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.noblet li {padding-left:0;} /* list_basic 앞 기호 없음 */
.list_basic.noblet li::before {display:none;}

.col_list{padding:15px; overflow:hidden;}
.col_list > li{margin-bottom:15px;}
.col_list > li img{max-width:100%;}

@media all and (min-width:1024px){
    .col_list > li{ float:left; }
    .col_list.col2 > li{ width:50%; }  
    .col_list.col2 > li:nth-child(2n+1){ clear:left;}
    .col_list.col3 > li{ width:33.33333%; }   
    .col_list.col3 > li:nth-child(3n+1){ clear:left;}
}

.col_thumb{padding:0;}
.col_thumb > li{background:#e4e4e4; padding:20px;  text-align: center; margin-bottom:2%;}
.col_thumb > li img{max-width:100%;}
.col_thumb > li p{padding:10px 15px; text-align:left; word-break:keep-all;}
.col_thumb > li h6{text-align:left; margin-top:10px;}
.col_thumb > li ul li{text-align:left;}

@media all and (min-width:1024px){
	.col_thumb{display:flex; align-items: stretch; flex-wrap: wrap;}
	.col_thumb.col2 > li{width:49%; margin-right:2%;}
	.col_thumb.col2 > li:nth-child(2n){margin-right:0;}
    .col_thumb.col3 > li{width:32%; margin-right:2%;}
	.col_thumb.col3 > li:nth-child(3n){margin-right:0;}
	.col_thumb.col2_1 > li:first-child{width:100%;}
}

.dl_basic dt{font-size:18px; font-weight:500;  line-height:1.3; margin-bottom:10px;}
.dl_basic dd{font-weight:300;  line-height:1.3; margin-bottom:10px;}

.box_default {background:#f5f5f5; padding:15px; color:#5d5d5d;}
.box_st01 {border: #bcd2ff solid 1px;}
.box_st01 .inner {border:#f3f7ff solid 5px; padding:15px;}
.box_st01 .inner p {color:#c90223; font-weight:400;}
.box_st02{position:relative; border:#dedede solid 1px; padding:15px; color:#454545;}
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;}
.box_st02:before{left:0; top:0; border-left:#206EEC solid 3px; border-top:#206EEC solid 3px;}
.box_st02:after{right:0; bottom:0; border-right:#206EEC solid 3px; border-bottom:#206EEC solid 3px;}
.box_st02 img{display:block; width:auto; margin:15px auto;}

.btn_set {padding:10px 0;}
.btn_con {display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0;}
.btn_con:after {display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;}
.btn_small {display:inline; padding:5px 10px;}
.btn_blk {border:#2a2a2a solid 1px; color:#2a2a2a;}
.btn_blk.btn_revers {border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;}
.btn_red {border:#eb4141 solid 1px; color:#fb4141;}
.btn_red.btn_revers {border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;} 
.btn_bgblue {background-color:#3862d8; color:#fff;}
.btn_go:after {content:"\f105"; font-weight:700; line-height: 16px;}
.btn_link:after {content:"\f2d2"; font-weight:300;}
.btn_down:after {content:"\f33d"; font-weight:300;}
a[target="_blank"].btn_down::after {content:"\f33d"!important; font-weight:300 !important;}
a[target="_blank"].btn_none:after {display:none;} /* a태그 아이콘 없음 */
a[target="_blank"].no_icon::after {display:none;} /* a태그 아이콘 없음 */

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px;  border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; }
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{border-right:none;}

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
    .basic_table.table_resp thead{display:none;}
}
@media all and (min-width:768px){
    .basic_table.table_resp th{ text-align: center; }
    .basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
    .basic_table.table_resp .no_cont{display:table-cell;}
} 
@media all and (min-width:1024px){
	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px;  font-weight:500}
	
	.content p{ font-size:16px; line-height: 1.5 }
	 
	.list_basic li{ font-size:16px; }
	
	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }
	
	.box_st01 .inner{ border:#f3f7ff solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
    .box_st02 strong{font-size:20px;}
    
    .box_st03{padding:40px 60px; overflow:hidden;}
    .box_st03 img{float:left; margin-right:40px;}
	
	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
    .basic_table th { font-size:16px;}
    
    /* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
    .basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}
    
    /*box안에 내용이 길때*/
    .box_st02 .img_mb{margin-bottom:17px;}
    .box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
    .box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
    .box_st02 .img_mb03{margin-bottom:40px;}
}

.img_box {text-align:center;}
.img_box.img_box001{border:1px solid #dcdcdc; padding:20px; border-radius:5px;}
img{max-width:100%;}

.color01 {color:#eb4141;}
.color02 {color:purple;}
.color03 {color:#206EEC;}
.weight01 {font-weight:500;}
.weight02 {font-weight:700;}
.br {display:block; height:1px;}
.brnone {display:none;}

.inquiry{padding:20px 0;}
.inquiry input[type='radio'] + label{ margin:5px;}
.inquiry .exp{font-weight:500; margin-bottom:15px;}
.inquiry .btn_confirm{display:inline-block; padding:10px 20px; border-radius: 20px;  border:#404040 solid 1px;}
.inquiry .exp_red{margin-top:10px; color:#eb4141;}
.inquiry .btn_request{display:block; width:100px; margin:20px auto 0 auto;  padding:15px; text-align: center;background:#eb4141; color:#fff;  border-radius: 30px;}
.inquiry .car_num{width:150px;}

@media all and (min-width:1024px){
	.inquiry .exp{display:inline-block; margin-right:20px;}
	.inquiry .exp_red{ display:inline-block; margin-left:20px;}
}

.step_list01{padding:20px; overflow:hidden;}
.step_list01 li{position:relative; float:left; width:23%; margin-right:1.33333%; border:#ddd solid 1px; padding:30px 0; font-size:14px; font-weight:bold; line-height:1.3; text-align:center; }
.step_list01 li:last-child:after{display:none;}
.step_list01 li:after {position:absolute; right:-10px;top:50%;transform:translateY(-50%);display:inline-block;content:"\f105";color:#222; font-family:"Font Awesome 5 Pro"; font-size:20px; font-weight:500; z-index:20; background:#fff; }
.step_list01 li span{font-weight:normal}

@media all and (min-width:768px){
    .step_list01 li {font-size:18px;}
}

.step_list02{padding:15px; overflow:hidden;}
.step_list02 > li{position:relative; text-align:center; margin-bottom:30px;}
.step_list02 > li:after{position:absolute; bottom:-30px; left:50%;transform:translateX(-50%) rotate(90deg);display:inline-block;content:"\f105";color:#222;font-family:"Font Awesome 5 Pro";font-size:30px;font-weight:500;z-index:20; background:#fff;}
.step_list02 > li:last-child:after{display:none;}
.step_list02 li .title{display:block; padding:20px; border:#212121 solid 1px; border-radius:10px;}
.step_list02 ul {margin:10px 0;}
.step_list02 ul li{text-align:left;}

@media all and (min-width:1024px){
    .step_list02 > li{ float:left; width:19%; margin-right:1.25%; } 
    .step_list02 > li:last-child{ margin-right:0; }
    .step_list02 li .title{ padding:20px 0; font-size:16px; font-weight:bold; word-break:keep-all; line-height:1.3 }
    .step_list02 ul{ margin-top:15px; }
    .step_list02 ul li{ font-size:14px; }
    .step_list02 ul li .btn_small{ font-size:12px; display:block; text-align:center; }
    .step_list02 > li:after{ left:auto; right:-15px; bottom:auto; top:30px;  transform:translateX(0) translateY(-50%) rotate(0deg);}
}

/*img_wrap*/
.img_wrap {padding:20px 0;}
.img_wrap img{display:block; max-width:100%; margin:0 auto;}
.right_img{clear:both; padding:15px 0;}
.right_img img{display:block; max-width:100%; margin:0 auto;}
.left_img{clear:both; padding:15px 0;}
.left_img img{display:block; max-width:100%; margin:0 auto;}

@media all and (min-width:1024px){
	.right_img{float:right;margin-left:20px;}
	.left_img{float:left;margin-right:20px;}
}

/*design_result*/
.design_result{ text-align:center; padding:30px 0; }
.design_result .title{ display:block; line-height:1.5; font-size:20px; font-weight:300 }
.design_result .title span{ display:block; font-weight:bold; }
.result_img{ text-align:center; }
.result_img li{ display:inline-block; margin:20px; }
.result_img li img{ max-width:100%}
.result_text li .title{ display:inline-block; padding:10px 20px; border-radius:20px; font-weight:bold;  color:#fff; }
.result_text li .title01{ background:#ea68a2;}
.result_text li .title02{ background:#4cb5be; }
.result_text li p{ line-height:1.3; margin-top:10px; margin-bottom:20px; }

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}
.list_step .part{display:block; background:#f5f5f5; padding:10px; margin-top:10px;}

.listCount {float:right; max-width:150px; margin-bottom:10px;}

@media all and (min-width:768px){
    .list_step{overflow:hidden;}
    .list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;}
    .list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
}
@media all and (min-width:1024px){
    .list_step > li{ width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
    .list_step > li:before{left: -27px;}
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
    .list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
    .list_step > li.s_con{padding-top:30px;}
    .list_step > li > br{display:block;}
    .list_step > li:before{left:-16px;}
    .list_step > li:first-child{margin-left:0;}
    .list_step > li:last-child{margin-right:0;}
}

/*재난상황처리과정*/
.col05_b{font-size:15px; display:block; border-top:1px solid #ccc; margin-top:10px; padding-top:5px;}

@media (min-width:1024px) {
	.list_step.col05 > li{width:28%; margin:0 2.5% 20px 2.5%;}
}
@media (min-width:1200px) {
	.list_step.col05 > li{width:30%; margin:0 0.5% 20px 2.5%;}
}

/*통리 민방위대 편성*/
.ceo_box{height:500px;}
.ceo_box01{position:relative; padding-bottom:30px;}
.ceo_box01 p, .ceo_box02 p, .ceo_box03 p{display:block; width:200px; height:40px; background:#bf3048; font-size:18px; color:#fff; margin:0 auto; text-align:center; line-height:40px; font-weight:500;}
.ceo_box01:after{content:''; display:block; background:#aaa; width:1px; position:absolute; left:50%;}
.ceo_box02, .ceo_box03{position:relative;}
.ceo_box02 p, .ceo_box03 p{background:#2d466f;}
.ceo_box03 p{margin-top:40px;}
.ceo_box04 .ceo_list > li{float:left; width:24%; margin-right:1.33%; margin-bottom:0;}
.ceo_box04 .ceo_list > li > p{display:block; text-align:center; padding:17px 0; background:#aaa;}

@media (min-width:768px) {
	.ceo_box .ceo_box01:after{height:200px; bottom:-170px;}
	.ceo_box02{float:right; width: 40%;}
}

/* 재난안전대책본부 > 조직도 */
.org_box span{font-size:14px; line-height:1.4; display:block;}
.org_box{position: relative; width: 365px; margin: 0 auto;}
.org_box:before{content:''; display:block; background:#aaa; width:1px; height:110%; position:absolute; top:0; left:49.8%;}
.org_box01{padding-bottom:30px; position:relative; width: 170px; margin: 0 auto;}
.org_box01 > span{padding:20px 5px; width: 100%; border:1px solid #2a2a2a; border-radius:5px; text-align:center; font-weight:400; background:#fff;}
.org_box01_1 span{background:#bf3048;color:#fff;border: 1px solid #bf3048;}
.org_box_col2 {display: inline-block; width: 365px;}
.org_box_col2:before {content:''; display:block; background:#aaa; width:68%; height:1px; position:absolute; top:39%; right:0;}
.org_box02 .org_right{position:relative; margin-bottom:30px; text-align:right;}
.org_box02 .org_right:before{content:''; display:block; background:#aaa; width:68%; height:1px; position:absolute; top:50%; right:0;}
.org_box02 .org_right span{display:inline-block; width:50%; padding:20px 10px; background:#f8f8f8; border-radius:5px; text-align:center; position:relative;}
.org_box03{position:relative; padding-bottom:50px;}
.org_box03:before{content:'';display:block;background:#aaa; width:calc(100% - 30px); height:1px;position:absolute;top:30px;left:0;}
.org_box03:after{content:''; display:block; clear:both;}
.org_box03 > span{position:relative;}
.org_box03 .org_right{float:right;position:relative;}
.org_box03 .org_right:before{content:''; display:block; background:#aaa; width:1px; height:230px; position:absolute; top:-53.5%; right:30px;}
.org_box03 .org_right span{text-align:right; background:#fff; position:relative; padding:10px 0;}
.org_box04{padding:20px; border:1px dashed #aaa; position:relative; background:#fff;}
.org_box04 ul li{text-align:center; background:#f8f8f8; margin-bottom:10px; padding:20px 0; border-radius:5px;}
.org_box04 ul li:last-child{margin-bottom:0;}

@media all and (min-width:640px){
	.content {font-weight:300;}
	.org_box02 .org_right:before{width:74%;}
	.org_box02 .org_right span{width:200px;}
	.org_box03 .org_right:before{height:280px;}
	.org_box04{margin-top:30px;}
	.org_box04 ul{overflow:hidden;}
	.org_box04 ul li{float:left; width:24%; margin-right:1.33%;}
	.org_box04 ul li:nth-child(4n){margin-right:0;}
}
@media all and (min-width:1024px){
	.org_box{width: 652px;}
	.org_box:before{left:50%;}
	.org_box span{font-size:16px;}	
	.org_box01 {width: 230px;}
	.org_box_col2 {display:inline-block; width: 652px;}
    .org_box02 .org_right{margin-left:200px;}
    .org_box02 .org_right:before{width: 115px;}
    .org_box03:before{width:329px}
    .org_box03 .org_right{margin-right:-130px;}
	.org_box03 .org_right span{font-size:16px;}
}

/* 민방위 > 통/리 민방위대 편성 - 조직도 */
.org_t{position:relative;}
.org_t:before{content:''; display:block; width:1px; height:150px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-0.5px;}
.org_t div{margin-bottom:30px;}
.org_t span{font-size:15px; display:block; text-align:center; padding:15px 0; font-weight:400; border-radius:5px; position:relative;}
.org_t01 span{background:#bf3048; color:#fff;}
.org_t02 span, .org_t03 span{background:#2a2a2a; color:#fff;}
.org_t04 ul li{border:1px solid #dedede; padding:15px 0; margin-bottom:10px; text-align:center; border-radius:5px;}
.org_t04 ul li:last-child{margin-bottom:0;}

@media all and (min-width:640px) {
	.org_t:before{height:180px;}
	.org_t div{margin-bottom:25px;}
	.org_t span{width:200px; margin:0 auto;}
	.org_t02{padding-left: 50%; position:relative;}
	.org_t02:before{content:''; display:block; width:20%; height:1px; background:#aaa; position:absolute; top:50%; left:50%;}
	.org_t02 span{width:150px;}
	.org_t04{position:relative;}
	.org_t04:before{content:''; display:block; width:81%; height:1px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-40.5%;}
	.org_t04 ul{overflow:hidden;}
	.org_t04 ul li{float:left; width:19%; margin-bottom:0; margin-right:1.25%; margin-top:40px; position:relative;}
	.org_t04 ul li:before{content:''; display:block; width:1px; height:40px; background:#aaa; position:absolute; top:-40px; left:50%; }
	.org_t04 ul li:last-child{margin-right:0;}
}

/* 민방위 > 직장민방위대 편성 - 조직도 */
.org_m{position:relative;}
.org_m:before{content:''; display:block; width:1px; height:429px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-1px;}
.org_m div{margin-bottom:30px;}
.org_m ul li{font-size:15px;}
.org_m span{font-size:15px; display:block; text-align:center; padding:15px 0; font-weight:400; border-radius:5px; position:relative;}
.org_m01 span{background:#bf3048; color:#fff;}
.org_m02 span, .org_m03 span{background:#2a2a2a; color:#fff;}
.org_m04{ position:relative;}
.org_m04 > ul{background:#f8f8f8; padding:20px; border-radius:5px;}
.org_m05 > ul > li{margin-bottom:10px; border:1px solid #dedede;}
.org_m05 > ul > li > span{background:#f8f8f8; display:block; width:100%;}
.org_m05 > ul > li > ul{padding:15px;}

@media all and (min-width:640px) {
    .org_m ul li, .org_m span {font-size:15px;}
	.org_m:before {height:373px;}
	.org_m div {margin-bottom:25px;}
	.org_m span {width:200px; margin:0 auto;}
	.org_m02 {padding-left:70%; position:relative; margin-top:-20px;}
	.org_m02::before {content:''; display:block; width:26%; height:1px; background:#aaa; position:absolute; top:50%; left:50%;}
	.org_m02 span {width:150px;}
	.org_m04 {padding-left:70%; margin-top:-65px}
	.org_m04 > ul {width:150px; margin:0 auto; position:relative;}
	.org_m04::before {content:''; display:block; width:26%; height:1px; background:#aaa; position:absolute; top:50%; left:50%;}
	.org_m05 > ul {overflow:hidden;}
	.org_m05 > ul > li {float:left; width:32.3%; margin-right:1.5%;}
	.org_m05 > ul > li:nth-child(3n) {margin-right:0;}
	.org_m05 > ul > li > ul {min-height:108px;}
}
@media all and (min-width:1024px) {
	.org_m02, .org_m04 {padding-left:45%;}
	.org_m05 {position:relative;}
	.org_m05::before {content:''; display:block; width:86.4%; height:1px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-43.2%;}
	.org_m05 > ul > li {width:13.4%; margin-right:1%; margin-top:30px; position:relative;}
	.org_m05 > ul > li::before {content:''; display:block; width:1px; height:30px; background:#aaa; position:absolute; top:-30px; left:50%;}
	.org_m05 > ul > li:nth-child(3n) {margin-right:1%;}
	.org_m05 > ul > li:last-child {margin-right:0;}
}

/*기상정보*/
.viewer_list {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}

@media (min-width:375px) and (max-width:767px) {
    .viewer_list > li {width:22%; margin-right:4%;}
    .viewer_list > li:last-child {margin-right:0;}
}

/* faq */
.accordion-header {
	background: #ebebeb;
	margin: 5px 0 0 0;
	padding: 30px 10px 30px 20px;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	color: #666666;
}
.active-header {
	background: url(/home/safe/images/sub/faq_plus.png) #fff;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.active-header span,.inactive-header span {
	background: url(/home/safe/images/sub/faq_q.png) #fff;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:20px;
    padding-right:20px;
}
.active-header:hover {
	background: url(/home/safe/images/sub/faq_plus.png) #fff;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.inactive-header {
	background: url(/home/safe/images/sub/faq_minus.png) #fff;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.inactive-header:hover {
	background: url(/home/safe/images/sub/faq_minus.png) #fff;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.accordion-content {
	display: none;
	padding: 30px 20px 30px 45px;
	background: url(/home/safe/images/sub/faq_a.png) #eee;
	background-repeat: no-repeat;
	background-position: 25px 35px;
	border-bottom: 1px solid #cccccc;
	border-top: 0;
	width:100% !important;
}

@media all and (min-width:1024px) {
	.flooding_box p {font-size:16px;}
}

/*안전감찰 익명제보방*/
.safe_st{display:inline-block; font-weight:500;}
.safe_st.safe_st01{font-weight:300;  margin:3px 0;}

@media all and (min-width:1440px){
	.safe_st{margin-left:70px !important;}
	.safe_st.safe_st01{margin-left:10px !important;}
}

strong.caution {color:#ff0000;}
strong.typhoon_box {background:#ff8300; color:#fff; padding:5px; margin:5px 0 10px; line-height:35px;}