@charset "UTF-8";
/* 게시판 상단 텍스트영역(cms 공통) */
.general-civil .board-tit-txt-area,
.commu-join .board-tit-txt-area{width:100%;background: #f8f8f8;border: 1px solid #ddd;padding: 30px 20px;box-sizing: border-box;color: #333; font-weight: 400; margin-bottom: 15px;}
.general-civil .board-tit-txt-area .wraping,
.commu-join .board-tit-txt-area .wraping{margin: 0 0 15px 0;}

/* 종합민원 > 인권침해구제 */
.general-civil .section5 .section5-head .h5{line-height: 1.8;}
.general-civil .agree-wrap{overflow: hidden; width:100%;}
.general-civil .agree-wrap h4{font-size: 18px; color:#333; font-weight: 400; line-height: 50px;}
.general-civil .agree-wrap > .agree-box{width:100%; border:1px solid #ddd; padding:20px 30px; margin-bottom: 12px;; box-sizing: border-box;}
.general-civil .agree-wrap > .agree-box li{line-height: 1; padding-bottom: 15px;}
.general-civil .agree-wrap > .agree-box li,
.general-civil .agree-wrap > .agree-box dt{font-size: 15px; color:#333; font-weight: 600; letter-spacing: -0.05em;}
.general-civil .agree-wrap > .agree-box dt{line-height: 30px;}
.general-civil .agree-wrap > .agree-box dd{ color:#555; font-weight: 300; letter-spacing: -0.05em; line-height: 21px}
.general-civil .btn.gray999{background: #888888; color:#fff; margin-left:10px}
.general-civil input:disabled{background-color: #f5f5f5; color: #555;}
/* 문구+버튼 정렬 */
.horizontal-line{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.horizontal-line .h5{margin:0;}
.horizontal-line .btn-wrap{margin:0 0 0 10px;}

/* 테이블 기타 문구 및 왼쪽정렬 */
.tbl-title{margin-top:20px;width:100%;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:16px;color:#111}
.tbl-msg{width:100%;height:auto;overflow:hidden;text-align:right;padding-top:5px;color:#777;}
.tbl td.al{padding-left:10px;text-align:left;}
.tbl td.ar{padding-right:10px;text-align:right;}
.tbl td .link{text-decoration:underline;color:#0b76c0;}
.tbl th.diag{padding:0;}
.tbl td span.red{font-size:15px;font-weight:normal;vertical-align:top;}
.tbl-style1{position:relative;}
.tbl-style1 .str-box{border:5px solid #f39e0a ;position:absolute;right:0;bottom:0;width:140px;height:208px;overflow:hidden;}
.tbl-style1 .str-box.pos01{height:273px;width:70px;left:297px;}
.tbl-style1 .str-box.pos02{height:273px;width:70px;left:455px;}
.tbl-style1 .str-box.pos03{height:273px;width:70px;left:615px;}
.tbl-style1 .str-box.pos04{height:273px;width:70px;left:776px;}
.tbl-style1 table.mintype thead th{font-size:13px;}
.tbl-style1 table.mintype tbody td{font-size:13px;}
.colbox{width:100%;height:52px;overflow:hidden;position:relative;}
.colbox:before{content:"";width:200px;height:1px;overflow:hidden;display:block;background:#ddd;transform: rotate(23deg);position:absolute;left:-54px;top:20px;}
.colbox .col01{position:absolute;left:5px;bottom:5px;}
.colbox .col02{position:absolute;right:5px;top:5px;}

/* 리스트 */
.list-num3.type01{margin-top:5px;}
.list-num3.type01 > li::before{position:absolute;left:0;top:0;}
.list-num3.type01 > li{width:calc( 100% - 18px );padding-left:18px;}
.list-msg{width:100%;height:auto;overflow:hidden;margin-top:10px;color:#ff6600;}
.list-msg a{text-decoration:underline;}
.list-desc{width:100%;height:auto;overflow:hidden;margin-top:10px;}
.list-num4.type01 > li::before{position:absolute;left:0;top:3px;}
.list-num4.type01 > li{width:calc( 100% - 18px );padding-left:18px;}
.list-num1.type01 > li::before{position:absolute;left:0;top:0px;}
.list-num1.type01 > li{width:calc( 100% - 18px );padding-left:18px;}
.list-num2.type01 > li::before{position:absolute;left:0;top:0px;}
.list-num2.type01 > li{width:calc( 100% - 18px );padding-left:18px;}
.list-num4.type01 .list-num1{margin-top:5px;}
.list-num4.type01 .list-num1 > li::before{position:absolute;left:0;top:0px;}
.list-num4.type01 .list-num1 > li{padding-bottom:4px;width:calc( 100% - 18px );padding-left:18px;}
.bul-bill .uline{text-decoration:underline;}
.process-step-wrap.type01{padding-top:0;}
.bul-bill li.red{color:#ed949f;}
.bul-bill li.red:before{color:#ed949f;}
.process-step-wrap > ol > li > div.al p{text-align:left}
.process-step-wrap > ol > li > div.pass:before{content:"합격후";position:absolute;left:50%;margin-left:20px;bottom:15px;}
.list-circle.btnType{}
.list-circle.btnType > li:before{top:14px;}
.list-circle > li.btnType:before{}
.list-circle > li.btnType .btn{height:25px;line-height:25px;font-size:13px;}
.list-kor1.type01{}
.list-kor1.type01 > li::before{position:absolute;left:0;top:0;}
.list-kor1.type01 > li{width:calc( 100% - 22px );padding-left:22px;}
.list-h5 li a{text-decoration:underline;color:#0b76c0;}
.list-circle li a{text-decoration:underline;color:#0b76c0;}

/*여백*/
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.ml12{margin-left:12px !important;}
.pd0{padding:0px !important;}

/*layout*/
.acticle-title01{font-size:22px;color:#333;width:100%;height:auto;overflow:hidden;line-height:1.3em;margin-bottom:20px;}

/*heading*/
.section4 .section4-head .h4.type01{line-height:1.5em;background-position:0 8px;}

/*etc*/
.line-box01{margin-top:20px;padding:20px;width:calc( 100% - 42px );height:auto;overflow:hidden;border:1px solid #ddd;background:#f1f1f1;}
.exception-box{margin-top:20px;padding:10px;width:calc( 100% - 22px );height:auto;overflow:hidden;border:1px solid #ddd;background:#f1f1f1;}
.exception-box .h6 + [class^="list"]{margin:20px auto 20px auto;margin-left:43px;}
.line-Wrap{margin-top:20px;display:inline-flex;;justify-content:flex-start;align-items:center;padding:10px;border:1px solid #ddd;}
.line-Wrap span{font-weight:bold;font-size:14px;display:flex;margin-right:10px;}
.board-search-wrap .desc{line-height:1.5em;}

/*절차*/
.req-process-list{width:100%;height:auto;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;}
.req-process-list li{flex-direction:column;position:relative;width:95px;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;}
.req-process-list li:before{position:absolute;left:95px;top:35px;content:"";width:60px;height:12px;overflow:hidden;display:block;background:url(../image/main/bg_arr01.png) no-repeat;}
.req-process-list li:last-child:before{display:none;}
.req-process-list li .tit{display:flex;justify-content:center;text-align:center;align-items:center;font-size:16px;font-weight:500;width:95px;height:80px;overflow:hidden;background:#0070bd;color:#fff;line-height:1.5em;}
.req-process-list li .step{font-size:16px;color:#666;position:absolute;right:-55px;top:50px;}
.req-process-list li:nth-child(5) .step{right:-65px;}
.req-process-list li .desc{color:#666;font-size:16px;line-height:1.5em;padding-left:10px;position:relative;width:140px;height:auto;overflow:hidden;}
.req-process-list li .desc:before{content:"";width:4px;height:4px;overflow:hidden;border-radius:2px;display:block;background:#444;position:absolute;left:0;top:8px;}
.req-process-list li .desc01{margin-top:10px;color:#666;font-size:15px;line-height:1.5em;padding-left:10px;position:relative;width:140px;height:auto;overflow:hidden;}
.req-process-list li .desc01 li{width:calc( 100% - 12px );font-size:15px;display:block;padding-bottom:0;}
.req-process-list li .desc01 li:before{content:"";background:#222;top:9px;width:2px;height:2px;left:0;}
.req-process-list li .desc01 li:last-child:before{display:block;}
.req-process-list.type01 li{width:150px}
.req-process-list.type01 li .tit{width:150px;}
.req-process-list.type01 li:before{left:150px;}

.req-process-list.type02{justify-content:flex-start;}
.req-process-list.type02 li{width:220px}
.req-process-list.type02 li .tit{width:150px;}
.req-process-list.type02 li:before{left:150px;}
.req-process-list li.none:before{width:11px;height:12px;background:url(../image/bg_arr04.png) no-repeat}
.req-process-list.type02 li.none .tit{width:calc( 100% - 20px )}
.req-process-list.type02 li.none:before{left:calc( 100% - 15px );}
.req-process-list.type02 li.last{flex:1;}
.req-process-list.type02 li.last .tit{width:calc( 100% - 20px )}
.req-process-list.type02 li.last:before{left:calc( 100% - 15px );}
.req-process-list.type02 li .step{left:164px;}
.req-process-box{position:relative;width:100%;height:195px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:url(../image/bg_arr02.png) no-repeat center center;}
.req-process-box:before{content:"";width:14px;height:195px;overflow:hidden;display:block;background:url(../image/bg_arr01.png) no-repeat;position:absolute;left:135px;top:0;}
.req-process-box:after{content:"";width:14px;height:195px;overflow:hidden;display:block;background:url(../image/bg_arr01.png) no-repeat;position:absolute;right:135px;top:0;}
.req-process-box .item{display:flex;justify-content:center;align-items:center;font-size:16px;color:#fff;background:#0070bd;width:280px;text-align:center;line-height:1.5em;height:80px;overflow:hidden;}

/*map*/
.mapArea{width:100%;height:500px;overflow:hidden;background:#f1f1f1;}

/*guidebook*/
.guidebook-list{width:100%;height:auto;overflow:hidden;}
.guidebook-list li{width:445px;height:auto;overflow:hidden;float:left;margin-top:50px;}
.guidebook-list li .pic{width:100%;height:auto;overflow:hidden;}
.guidebook-list li .pic img{width:100%;float:left;}
.guidebook-list li:nth-child(even){float:right;}
.guidebook-list li .h5{margin-left:0;}
.guidebook-list li .btn{margin-top:20px;}

@media (max-width:1023px) {
    .req-process-list{display:block;}
    .req-process-list li{width:80px;margin-bottom:20px;float:left;margin-right:70px;}
    .req-process-list li .tit{width:80px;}
    .req-process-list li:before{left:80px;}
    .req-process-list.type01 li{width:80px}
    .req-process-list.type01 li .tit{word-break:keep-all;width:80px;font-size:14px;}
    .req-process-list.type01 li:before{left:80px;}
    .tbl-style1 .str-box.pos01{left:auto;right:480px;}
    .tbl-style1 .str-box.pos02{left:auto;right:320px;}
    .tbl-style1 .str-box.pos03{left:auto;right:160px;}
    .tbl-style1 .str-box.pos04{left:auto;right:0px;}
    .guidebook-list li{width:calc( 50% - 10px );}
    .req-process-box .item{width:140px;font-size:13px;}
    .req-process-box:before{left:65px;}
    .req-process-box:after{right:65px;}
}
@media (max-width:767px) {
    .horizontal-line{display:block;}
    .horizontal-line .btn-wrap{margin-left:0;margin-top:10px;}
    .exception-box .h6 + [class^="list"]{margin:10px auto 20px auto;margin-left:23px;}    
    .tbl-style1 .str-box{left:750px;}
    .tbl-style1 .str-box.pos01{left:340px;}
    .tbl-style1 .str-box.pos02{left:500px;}
    .tbl-style1 .str-box.pos03{left:660px;}
    .tbl-style1 .str-box.pos04{left:820px;}
    .mapArea{height:250px;}
    .guidebook-list li{width:100%;margin-top:30px;}
    .req-process-box{background:url(../image/bg_arr03.png) no-repeat center center;}
    .req-process-list.type02 li{width:50%;margin-right:0;}
    .req-process-list.type02 li .tit{width:80px;}
    .req-process-list.type02 li:before{left:85px;}
    .req-process-list.type02 li .step{font-size:13px;left:90px;}
    .req-process-list li .desc01 li{margin-bottom:0;}
}