@charset "utf-8";

.text_box01{display:block; background:#f7f7f7; border:1px solid #ddd; padding:20px}
.text_box02{display:block; background:#f7f7f7; border:1px solid #ddd; padding:0 20px 20px 20px}

/* 민원안내 */
.minw_box01{background:#f4f5f8; border:1px solid #e4e9f7; padding:30px 30px 30px 190px}
.minw_box01.type_1{background:#f4f5f8 url(/images/minw/m_intro_01.png) no-repeat 30px center;}
.minw_box01.type_2{background:#f4f5f8 url(/images/minw/m_intro_02.png) no-repeat 30px center;}
.minw_box01.type_3{background:#f4f5f8 url(/images/minw/m_intro_03.png) no-repeat 30px center;}
.minw_box01.type_4{background:#f4f5f8 url(/images/minw/m_intro_04.png) no-repeat 30px center;}
.minw_box01.type_5{background:#f4f5f8 url(/images/minw/m_intro_05.png) no-repeat 30px center;}
.minw_box01.type_6{overflow:hidden;background:#f4f5f8 url(/images/minw/m_intro_06.png) no-repeat 30px center;}

.minw_box01.type_6 .f_left{float:left;margin-left:2%}
.minw_box01.type_6 .f_left.t01{width:44%;margin-left:0}
.minw_box01.type_6 .f_left.t02{width:54%}
.minw_box01.type_6 .f_left h5{position:relative;padding-left:10px}
.minw_box01.type_6 .f_left h5:before{content:"·";position:absolute;left:0;top:0;display:block}
.minw_box01.type_6 .f_left h5 span{display:inline-block}

.minw_box01 p.ment_01 span{color:#8c5900; font-weight:600; font-size:20px; margin-top:20px}
.btn.go3{color: #fff;
    background: #8c7302 url(/images/common/btn_go02_on.gif) no-repeat right center;
    padding:12px 36px 12px 14px;margin-top:10px;border:1px solid #999}


/* 민원안내 - 안전신문고 */

.minw_box02{background:#f4f5f8; border:1px solid #e4e9f7; padding:30px; box-sizing:border-box; width:100%; display:table}
.minw_box02 ul{width:24%; min-height:180px; background:#fff; border:1px solid #999; padding:20px 8px 5px 8px; box-sizing:border-box; text-align:center; float:left; margin:5px 1% 0 0}

.minw_box02 li:nth-child(1){color:#8c5900; font-size:16px; font-weight:500}
.minw_box02 li:nth-child(2){padding:5px 0 0 0; min-height:54px}

.minw_box02 h5{font-size:16px}
.minw_box02 p{padding-bottom:10px}

/* 20180305 추가 */
.minw_box01 ul.def_list{width:auto;background:none;border:0;min-height:inherit;padding:0 0 0 15px;box-sizing:inherit;text-align:left;float:none;margin:0}
.minw_box01 ul.def_list li{padding-left:10px;background:url(/images/common/bul_list.gif) left 10px no-repeat}
.minw_box01 ul.def_list li:nth-child(1){color:inherit;font-size:inherit;font-weight:normal}
.minw_box01 ul.def_list li:nth-child(2){padding:0 0 0 10px;min-height:inherit}



/* 청장과의 대화 */
.d_talk{position:relative;overflow:hidden}
.d_talk>span{position:absolute;left:0;top:0}
.d_talk>span img{width:160px}
.d_talk .minw_talk_con{padding-left:190px;min-height:238px}
.d_talk .minw_talk_con strong{font-size:22px;font-family:"Nanum Myeongjo", "바탕", sans-serif;font-weight:bold}
.d_talk .minw_talk_con strong span{font-size:28px;}
.d_talk .minw_talk_con p.greet{font-family:"Nanum Myeongjo", "바탕", sans-serif;display:block;font-weight:600;font-size:17px;color:#666;margin-bottom:40px}
.d_talk .minw_talk_con p{font-weight:normal;margin-top:20px}
.d_talk .minw_talk_con span{color:#8c7302}
.d_talk .minw_talk_btn{margin-top:30px;text-align:right}

.page_exp.bg_minw{background: #fff url(/images/minw/freeboard_icon.png) no-repeat 16px bottom!important}

/* 매장문화재 발견신고 처리 절차 안내 */
.discoveryBox{overflow:hidden}
.discoveryBox h4, .discoveryBox .discoveryDown{float:left}
.discoveryBox p{clear:both}
.discoveryBox .discoveryDown{display:block;margin-left:10px;padding:7px 18px 7px 40px;color:#444;border:1px solid #999;background:url(/images/common/icon_down_dscvr.png) 18px center no-repeat;border-radius:18px}

.dscvr_box{margin-top:20px;padding:20px 5%;background:#f4f5f8;border:1px solid #e4e9f7;overflow:hidden}
.dscvr_box>span{float:left;display:table;padding-left:76px;min-height:66px}
.dscvr_box>span.dscvr_t01{background:url(/images/minw/img_dscvr_01.png) left center no-repeat}
.dscvr_box>span.dscvr_t02{background:url(/images/minw/img_dscvr_02.png) left center no-repeat}
.dscvr_box>span>span{display:table-cell;vertical-align:middle}
.dscvr_box>.dscvr_center{float:left;margin:0 35px;position:relative;width:100%;height:11px;max-width:232px;display:inline-block;padding:25px 0;background:url(/images/minw/img_dscvr_arrow.png) right center no-repeat}
.dscvr_box>.dscvr_center>p{position:absolute;left:0;width:100%;text-align:center;overflow:hidden;}
.dscvr_box>.dscvr_center>p.t01{top:0}
.dscvr_box>.dscvr_center>p.t02{bottom:0}

.dscvr_list li{margin-left:10px;padding-left:10px;background:url(/images/common/bul_dscvr_list.gif) left 10px no-repeat}

.handling_step>li{position:relative;background:#f4f5f8;padding:22px 68px;border-radius:72px;margin-bottom:57px}
.handling_step>li:first-child{margin-top:10px}
.handling_step>li:last-child{border-radius:83px;margin-bottom:0}
.handling_step>li:after{content:"";display:block;position:absolute;top:-40px;left:50%;margin-left:-12px;width:14px;height:23px;background:url(/images/minw/icon_step_downArrow.gif) no-repeat}
.handling_step>li:first-child:after{display:none}
.handling_step>li>.stepItem{display:table;position:relative;overflow:hidden;min-height:100px}
.handling_step>li>.stepItem>strong{position:absolute;left:0;top:50%;margin-top:-50px;display:table;width:100px;height:100px;background:#a98c0b;color:#fff;text-align:center;border-radius:50%;font-size:20px}
.handling_step>li>.stepItem>strong>span{display:table-cell;vertical-align:middle}
.handling_step>li>.stepItem>ul{display:table-cell;padding-left:130px;vertical-align:middle}
.handling_step>li>.stepItem>ul>li{position:relative;padding-left:10px;margin-top:10px;font-size:15px}
.handling_step>li>.stepItem>ul>li:first-child{margin-top:0}
.handling_step>li>.stepItem>ul>li:before{content:"-";display:block;position:absolute;left:0;top:0}
.handling_step>li>.stepItem>ul>li>ul>li{position:relative;padding-left:18px;margin-left:-12px}
.handling_step>li>.stepItem>ul>li>ul>li:before{content:"※";display:block;position:absolute;left:0;top:0}

/* Responsive */

@media all and (max-width:1170px){
    .minw_box02 ul{width:24%; min-height:200px;}
    .minw_box02 li:nth-child(2){min-height:60px}
}

@media all and (max-width:1120px){
    .dscvr_box{text-align:center}
    .dscvr_box>*{float:none !important}
    .dscvr_box>span{margin:0 auto}
    .dscvr_box>.dscvr_center{margin:0;height:50px;max-width:inherit;display:inline-block;padding:15px 0;background:url(/images/minw/img_dscvr_arrow01.png) center center no-repeat}
    .dscvr_box>.dscvr_center>p{width:auto}
    .dscvr_box>.dscvr_center>p.t01{top:50%;margin-top:-11px;left:50%;margin-left:-60px}
    .dscvr_box>.dscvr_center>p.t02{top:50%;margin-top:-11px;left:inherit;right:50%;margin-right:-94px}
}

@media all and (max-width:830px){
    .handling_step>li{border-radius:0;padding:22px}
    .handling_step>li>.stepItem>strong{position:static;margin:0 auto 15px}
    .handling_step>li>.stepItem>ul{display:block;padding-left:0}
    .handling_step>li:last-child{border-radius:0}
}


@media all and (max-width:750px){
    .minw_talk_con br{display:none}


}

@media all and (max-width:700px){
    .minw_box02 ul{width:32%;}
}

@media all and (max-width:580px){
    .minw_box02 ul{width:48%;}
}


@media all and (max-width:560px){

    .minw_box01{background:#f4f5f8; border:1px solid #e4e9f7; padding:30px}
    .minw_box01.type_1,
    .minw_box01.type_2,
    .minw_box01.type_3,
    .minw_box01.type_4,
    .minw_box01.type_5,
    .minw_box01.type_6{background: #f4f5f8 }


}
@media all and (max-width:500px){
    .d_talk>span{left:50%;margin-left:-80px}
    .d_talk .minw_talk_con{padding-left:0;padding-top:255px}
    .d_talk .minw_talk_btn a{margin-bottom:3px}
}

@media all and (max-width:480px){
    .minw_box01.type_6{padding:20px 15px}
    .minw_box01.type_6 .f_left{margin-left:0}
    .minw_box01.type_6 .f_left.t01{width:100%}
    .minw_box01.type_6 .f_left.t02{width:100%;margin-top:20px}
}

@media all and (max-width:420px){
    .minw_box02 ul{width:100%; margin:5px 0 0 0; min-height:inherit;}
    .minw_box02 li:nth-child(2){min-height:inherit; padding:5px;}
}

@media all and (max-width:400px){
    .discoveryBox .discoveryDown{float:none;clear:both;display:block;margin:0 auto 10px;width:108px}
}


/* 국민참여 2018 09 17 */

.blank_ico { display: inline-block;width: 12px;height: 12px; background: url(/images/minw/blank_small_img.png) center center no-repeat;margin-left: 5px;vertical-align: middle; }

.use_top { position: relative; overflow: hidden; }
.use_top .top_left { position: relative; padding: 25px; float: left; width:32.6%; margin-right: 1%; overflow: hidden; background: #e5e9f5; box-sizing: border-box; min-height: 300px; border:1px solid #d3daed;}
.use_top .top_left:before { content: ""; position: absolute; display: block; width: 36px; height: 43px; top: 15px; right: 20px; background: url(/images/minw/use_icon01.png) no-repeat; }

.use_top .top_left h4 { background: none;position: relative; padding: 0;}
.use_top .top_left h4 a{ font-size: 23px; display: inline-block; padding-bottom: 7px; padding-right: 30px;background: url(/images/minw/blank_img.png) 143px 2px no-repeat; color:#000; letter-spacing: 2px;}
.use_top .top_left h4 a:hover:before { content: "";display: block;width: 135px;height: 2px;background: #f03f58;position: absolute;bottom: 0;left: 2px; }
.use_top .top_left p { margin-top: 20px; }
.use_top .top_left h4 em { font-weight: normal; }
.use_top .top_left ul { margin-top: 26px;}
.use_top .top_left ul li { margin-bottom: 5px;display: block; padding: 10px 10px 10px 33px; border-radius: 30px; box-sizing: border-box;border:1px solid #d3daed; }
.use_top .top_left ul li:nth-child(1) { background:#fff  url(/images/minw/use_sm_icon01.png) 13px center no-repeat; }
.use_top .top_left ul li:nth-child(2) { background:#fff  url(/images/minw/use_sm_icon02.png) 13px center no-repeat; }
.use_top .top_left ul li span ,
.use_top .top_left ul li span a{ font-weight: bold; color:#4e10b6; }
.use_top .top_right { position: relative; overflow: hidden; padding: 25px; background:#f4f5f8; box-sizing: border-box; min-height: 300px; border:1px solid #d3daed;}
.use_top .top_right:before { content: ""; position: absolute; display: block; width: 42px; height: 40px; top: 15px; right: 20px; background: url(/images/minw/use_icon02.png) no-repeat; }

.use_top .top_right h4 { font-size: 23px;background: none; }
.use_top .top_right h4 em { font-weight: normal; }
.use_list { margin-top: 10px;overflow: hidden; }
.use_list li { float:left;width:49.5%;margin-right: 1%; }
.use_list li a { color: #000; padding: 10px 10px 10px 24px; display: block; border-radius: 30px; background: #fff url(/images/minw/use_sm_icon03.png) 8px center no-repeat;  box-sizing: border-box;font-size: 14px;margin-bottom: 5px;border: 1px solid #d3daed;}
.use_list li a:hover { background:#6a7498 url(/images/minw/use_sm_icon03_hover.png) 8px center no-repeat; color: #fff;}
.use_top .top_right ul li:nth-child(2n) { margin-right: 0; }
.use_top .top_right ul li a:hover .blank_ico{ display: inline-block;width: 12px;height: 12px; background: url(/images/minw/blank_small_img_hover.png) center center no-repeat;margin-left: 5px;vertical-align: middle; }


.use_mid { overflow: hidden; margin-top: 1%; }
.use_mid .mid_left { position: relative; padding: 25px; float: left; width:32.7%; margin-right: 1%; overflow: hidden; background: #f4f5f8; box-sizing: border-box; border:1px solid #d3daed;min-height: 240px;}
.use_mid .mid_left:before { content: ""; position: absolute; display: block; width: 42px; height: 44px; top: 15px; right: 20px; background: url(/images/minw/use_icon03.png) no-repeat; }
.use_mid .mid_left h4 { background: none;position: relative; padding: 0; font-size: 23px; }
.use_mid .mid_left .use_list { margin-top: 25px; } 
.use_mid .mid_left .use_list li { width:100%; }
.use_mid .mid_left .use_list li:nth-child(1) { width: 49%;margin-right: 2%; }
.use_mid .mid_left .use_list li:nth-child(2) { width: 49%;margin-right: 0; }
.use_mid .mid_mid { position: relative; padding: 25px; float: left; width:32.6%; margin-right: 1%; overflow: hidden; background: #f4f5f8; box-sizing: border-box;  border:1px solid #d3daed;min-height: 240px;}
.use_mid .mid_mid:before { content: ""; position: absolute; display: block; width: 39px; height: 43px; top: 15px; right: 20px; background: url(/images/minw/use_icon04.png) no-repeat; }

.use_mid .mid_mid h4 { background: none;position: relative; padding: 0; font-size: 23px; }
.use_mid .mid_mid h4 em { font-weight: normal; }
.use_mid .mid_mid .use_list { margin-top: 25px; } 
.use_mid .mid_mid .use_list li { width:49%;margin-right: 2%; }
.use_mid .mid_mid .use_list li:nth-child(1) { width: 100%; }
.use_mid .mid_mid .use_list li:nth-child(odd) { margin-right: 0; }
.use_mid .mid_right { padding: 25px; float: left; width:32.7%; margin-right: 1%; overflow: hidden; background: #e0ebf6; box-sizing: border-box;  border:1px solid #d3daed;margin-right: 0;min-height: 240px; }
.use_mid .mid_right h4 { background: none;position: relative; padding: 0; font-size: 23px; }
.use_mid .mid_right h4 a { font-size: 23px;display: inline-block;padding-bottom: 7px;padding-right: 30px;background: url(/images/minw/blank_img.png) 175px 2px no-repeat; color: #000; letter-spacing: 2px;}
.use_mid .mid_right h4 a:hover:before { content: "";display: block;width: 166px;height: 2px;background: #f03f58;position: absolute;bottom: 0;left: 2px; }
.use_mid .mid_right p { margin-top: 25px; }

.use_bottom { margin-top: 1% }
.use_bottom h4 { background: none; font-size: 23px; }
.use_bottom h4 em { font-weight: normal; }
.use_bottom .bottom_box { position: relative; padding: 25px; overflow: hidden; background: #eaf4f6; box-sizing: border-box; border:1px solid #d3daed; }
.use_bottom .bottom_box:before { content: ""; position: absolute; display: block; width: 46px; height: 42px; top: 15px; right: 20px; background: url(/images/minw/use_icon05.png) no-repeat; }

.use_bottom .bottom_box .use_list li a:hover .blank_ico{ display: inline-block;width: 12px;height: 12px; background: url(/images/minw/blank_small_img_hover.png) center center no-repeat;margin-left: 5px;vertical-align: middle; }
.use_bottom .bottom_box .use_list { width: 32.6%; margin-right: 1%;float: left;}
.use_bottom .bottom_box .use_list li{ width: 100%; }
.use_bottom .bottom_box .use_list:last-of-type { margin-right: 0; } 
    
    @media (max-width:1200px) { 
        .use_top .top_left { width: 100%;min-height: auto;margin-right: 0; margin-bottom: 1%; }
        .use_top .top_left ul li { width: 49.5%;float: left;margin-right: 1%; }
        .use_top .top_left ul li:nth-child(2n){ margin-right: 0; } 
       

        .use_mid .mid_left { width: 49.5%;background-image: none; }
        .use_mid .mid_mid { width: 49.5%;margin-right: 0;background-image: none; }
        .use_mid .mid_right { width: 100%; margin-top: 1%;min-height: auto; }
        
    }

    @media (max-width:740px) { 
        .use_bottom .bottom_box .use_list { width: 100%; margin-right: 0; }

    }

    @media (max-width:660px) { 
        .use_top .top_left ul li { width: 100%; }
        .use_top .top_right ul li { width: 100%; }
    }

    @media (max-width:600px) { 
        .use_mid .mid_left { width: 100%; margin-bottom: 1%; }
        .use_mid .mid_mid { width: 100%; }

    }
    @media (max-width:520px) { 
        .use_mid .mid_left .use_list li:nth-child(1) { width: 100%;margin-right: 0; }
        .use_mid .mid_left .use_list li:nth-child(2) { width: 100%; }
        .use_mid .mid_mid .use_list li { width: 100%; margin-top: 0; }

    }

/* 문화재훼손신고 2019 08 13 */
.readOnly {background-color: linen;}