/* 의견청취 */
.hidden{display:none;}
.titleWrap {
    box-sizing: border-box;
    font-family: 'NanumSquareRound_regular';
    padding: 10px 10px 0 10px; 
    width: 100%;
}
.smallTitle {
    color: #3a56e5;
    border-bottom: 2px solid #3a56e5;
    font-size: 1.25em;
    padding: 5px;
    margin-bottom: 7px;
}
.lineHeight {
    line-height: 22px;
}
.decoBox01 {
    background: #e7f6fd;
    border: 1px solid #c5dff4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    padding: 10px;
}
.general-outline dd li .decoBox01 > li {
    background: url(../../images/m/common/bullet_circle.png) no-repeat 12px 3px;
    padding-left: 25px;
}
.general-outline dd li .decoBox01 > li > ul {
    margin-left: -15px;
}
.general-outline dd li .decoBox01 > li > ul > li{
    background: url(../../images/m/common/bullet_rectangle.png) no-repeat 17px 4px;
    padding-left: 25px;
}

.decoBox02 {
    border: 1px solid #0068b7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;   
    padding: 5px 10px;
}
.general-outline dd .decoBox02 li strong {
    margin-right: 20px;
}
.general-outline dd .decoBox02 li {
    background: url(../../images/m/sub/privacy_bullet01.gif) no-repeat 8px 20px;
    border-bottom: 1px dashed #a0a0a0;
    padding: 10px 5px 10px 16px;
}
.general-outline dd .decoBox02 li {background-position : 8px 18px !important}
.general-outline dd .decoBox02 li:last-child {border-bottom: 0}

.btnDown {
    background: #fff;
    border: 3px solid #0068b3;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
    color: #000;
    display: inline-block;
    font-weight: bold;
    margin: 0 2px;
    padding: 3px 14px 3px 35px;
    vertical-align: center;
    /* width: 40px; */
}
.btnDown01 {
    background: url(../../images/m/sub/icon_hwp.png) no-repeat 15px 50%;
}
.btnDown01:hover {
    background: #0068b3 url(../../images/m/sub/icon_hwp.png) no-repeat 15px 50%;
    color: #fff100;
}
.btnDown02 {
    background: url(../../images/m/sub/icon_word.png) no-repeat 15px 50%;
}
.btnDown02:hover {
    background: #0068b3 url(../../images/m/sub/icon_word.png) no-repeat 15px 50%;
    color: #fff100;
}
.btnDown03 {
    background: url(../../images/m/sub/icon_pdf.png) no-repeat 15px 50%;
}
.btnDown03:hover {
    background: #0068b3 url(../../images/m/sub/icon_pdf.png) no-repeat 15px 50%;
    color: #fff100;
}

@media screen and (min-width:320px) and (max-width:514px) {
    .decoBox02 {
        padding: 1px;
    }

    .general-outline dd .decoBox02 li {
        background: url(../../images/m/sub/privacy_bullet01.gif) no-repeat 8px 15px;
    }
    .general-outline dd .decoBox02 li strong {
        display: block;
        margin-bottom: 5px;
    }
    .general-outline dd .decoBox02 li a {
        flex: 1;
    }

    .btnDown {
        padding: 3px 14px 3px 28px;
        /* width: 62px; */
    }
    .btnDown01 {
        background: url(../../images/m/sub/icon_hwp.png) no-repeat 12px 50%;
    }
    .btnDown01:hover {
        background: #0068b3 url(../../images/m/sub/icon_hwp.png) no-repeat 12px 50%;
    }
    .btnDown02 {
        background: url(../../images/m/sub/icon_word.png) no-repeat 10px 50%;
    }
    .btnDown02:hover {
        background: #0068b3 url(../../images/m/sub/icon_word.png) no-repeat 10px 50%;
    }
    .btnDown03 {
        background: url(../../images/m/sub/icon_pdf.png) no-repeat 10px 50%;
    }
    .btnDown03:hover {
        background: #0068b3 url(../../images/m/sub/icon_pdf.png) no-repeat 10px 50%;
    }

}

.formBox {
    position: relative;
    top: 0; left: 0;
    z-index: 950;
    height: auto;
    width: 100%;
}
.tab_box04 {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0; left: 0;
    z-index: 970;
}
.tab_box04 li { 
    background: #fff;
    box-sizing: border-box;
    float: left;
    margin-right: 0.6%;
    width: 100px;
}
.tab_box04 li:last-child {   
    margin-right: 0;
}

.tab_box04 li a {
    background: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border: 2px solid #bfbfbf;
    border-bottom: 0;
    box-sizing: border-box;
    color: #535353;
    display: block;    
    font-size: 1em;
    line-height: 26px;
    text-align: center;  
}
.tab_box04 li a:hover {
    border: 2px solid #086db5;
    border-bottom: 0;
    color: #0068b3;
    background: #fff;
    font-family: 'NanumSquareRound_bold';
    line-height: 28px;
}
.tab_box04 li a.selected {
    border: 2px solid #086db5;
    border-bottom: 0;
    color: #0068b3;
    background: #fff;
    font-family: 'NanumSquareRound_bold';
    line-height: 28px;
}  
.tab_box04 li .bullet-radio {
    margin-top: 14px;
    margin-right: 10px;
}

.fieldBox {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    top: -2px; left: 0;
    z-index: 960;
    width: auto;
    border: 2px solid #086db5;
    padding: 14px 10px 10px 10px;
}
.fieldBox div {
    flex: 1;
    float: left;
    margin-right: 26px;
    margin-bottom: 10px;
}
.fieldBox div:last-child {
    float: left;
    margin-right: 0;
}
.fieldBox div label {
    background: url(../../images/m/common/bullet_circle.png) no-repeat 0 50%;
    font-weight: bold;
    padding: 8px 10px 8px 14px;
}
.fieldBox div input {
    /*background: #fff;*/
    height: 25px;
}
.fieldBox div input.name {
    width: 100px;
}
.fieldBox div input.day01 {
    width: 20%;
    max-width: 40px;
}
.fieldBox div input.day02 {
    width: 20%;
    max-width: 20px;
}
.fieldBox div .case {
    margin-top: 10px;
    margin-left: 80px;
}

.btnOk {
    background: #086db5;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
}
.btnOk02 {
    background: #086db5;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
}

.btnEdit {
    background: #009e96;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
}
.btnAnother01 {
    background: #086db5;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px; 
    padding: 6px 14px;    
}
.btnSms {
	margin: 0px 4px;
}
.btnCancel {
    background: #5f52a0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
}


.table_show01 {
    border: 1px solid #ccc;
    border-top: 2px solid #1a4899;
    border-bottom: 2px solid #cdcdcd;
    width: 100%;
}
.table_show01 th {
    background: #ededed;
    border: 1px solid #a9a9a9;
    padding: 5px;
}
.table_show01 td {
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 4px;
    text-align: center;
}

.table_show01 .text-align01 {
    text-align: right;
}


.table_show02 {
    display: none;
    width: 100%;
}
.table_show02 th {
    background: #ededed;
    border: 1px solid #a9a9a9;
    padding: 5px 10px;
}
.table_show02 td {
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 6px 10px;
    text-align: left;
}
.table_show02 .thDeco,
.table_show02 .tdDeco {
    border-top: 2px solid #1a4899; 
}


.text-result {width:100%; margin:39px 0 0 0; color:#5d5d5d;}
.text-result li {padding:0 0 19px 12px; line-height:20px;}





@media screen and (min-width:769px) and (max-width:851px) {
    .fieldBox div {
        margin-right: 4px;
    }
}
@media screen and (min-width:320px) and (max-width:785px) {
    .fieldBox div {
        margin-right: 0;
        padding-right: 2%;
    }
    .fieldBox div input.day01 {
        width: 20%;
        max-width: 40px;
    }
    .fieldBox div input.day02 {
        width: 20%;
        max-width: 20px;
    }
    .fieldBox div input.day03 {
        width: 40%;
        max-width: 50px;
    }
    .fieldBox div .case {
        margin-top: 10px;
        margin-left: 80px;
    }
    .btnBox01 {
        margin-bottom: 0;
        width: 100%;
    }
    .btnOk02 {
        display: block;
        margin: 0 auto;
        padding: 6px 0;
        width: 100%;
    }  
}
@media screen and (min-width:320px) and (max-width:725px) {
    .fieldBox .labelName label {
        display:inline-block; 
        width: 51px;
    }   
}
@media screen and (min-width:320px) and (max-width:655px) {
    .table_show01 {
        display: none;
        border: none;
        width: 100%; 
    }
    .table_show02 {
        /*display: block; */
       display: inline-block;
    }
    .table_show02 th {
        width: 20%; 
    }
    .table_show02 td {
        width: 80%; 
    }
          
}


/* 의견청취접수 */

.textBox01 {
    background: #e8f6fd;
    border: 1px solid #0068b3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px; 
    color: #313131;
    margin: 10px;
    padding: 8px 10px;
}
.textBox01 strong {
    background: url(../../images/m/common/bullet-arrow03.png) no-repeat 0 0;
    display: inline-block;
    padding-left: 17px;
    width: 20%;
}
.textBox01 span {
    color: #0f0fda;
    width: 80%;
}
.textBox02 {
    margin: 0 10px;
}
.textBox02 h3 {
    border-top: 2px solid #0068b3;
    border-bottom: 2px solid #0068b3;
    color: #0068b3;
    font-size: 1.1em;
    padding: 6px 5px;
}

.table-style05 {
    border: none;
    width: 100%;
}
.table-style05 th,
.table-style05 td {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 4px;
}
.table-style05 th {
    text-align: left;
    word-wrap: break-word;
}
.table-style05 .lastLine th,
.table-style05 .lastLine td {
    border-bottom: 0;
}
.addrCell p:first-child {
    display: block;
}
.addrCell p {
    display: flex;
    padding: 3px 0;
}
.addrCell p.addrP {
    display: block;
}
.addrCell p.lastP {
    padding: 3px 0;
}
.addrCell label {
    align-content: center;
    display: inline-block;
    padding: 0;
    height: 20px;
    min-width: 40px;
    width: 16%;
    word-wrap: break-word;
    vertical-align: middle;
}

@media screen and (min-width:320px) and (max-width:534px) {
    .addrCell label {
        position: relative;
        top: -7px;
    }    
    .addrCell p {
        line-height: 15px;
        padding: 0;
    }
    .addrCell p:first-child {
        padding-bottom: 4px;
    }
    .addrCell p.lastP {
    	padding: 3px 0;
	}
    .addrCell p input {
        padding: 0;
    }
          
}

.table-style05 .textColor01 {
    color: #d01321;
}
.table-style05 td label {
    font-weight: bold;
    padding: 8px 15px 8px 6px;
}
.table-style05 td input {
    background: #fff;
    border: 1px solid #b2b2b2;
    height: 25px;
}
.table-style05 td input[readonly] {
    /*background: #fff;*/
    background-color:#e0e1e6;
}
.table-style05 span.smsSendMsg {
    color : #36c134;
    margin: 8px 0;
}


.demurrer {
    background: #eee;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; 
    color: #000;
    display: inline-block;
    padding: 10px 2%;
    text-align: center;
    width: 96%;
}
.demurrer p {
    display: flex;
    margin: 6px 0;
}
.demurrer p:nth-child(3) {
    display: block;
    margin-top: 10px;
    text-align:center;
}
.demurrer p:nth-child(4) {
    float: left;
}
.demurrer p:nth-child(5) {
    float: right;
}
.demurrer span.reqName {
    color : #3a5aa6;
    margin: 0 10px;
}
.inpWidth01 {
    width: 120px;
}
.inpWidth02 {
    width: 55px;
}
.inpWidth03 {
    width: 60%;
}
.inpWidth04 {
    width: 95%;
    max-width: 300px;
}
.inpWidth05 {
    width: 100px;
}
.inpWidth06 {
    width: 65px;
}
.inpWidth07 {
    width: 95px;
}

.btnBox {
    text-align: center;
    width: 100%;
    margin: 20px 0 0 0;
}
.btnCancel02 {
    background: #898989;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
}
.textareaStyle01 {
    height: 140px;
    width: 98%;
    max-width: 620px;
}
.hagulPriceStyle01 {
	font-size: 10px;
	padding-top: 5px;
	font-style: italic;
}

.selectStyle {
    height: 27px;
    width: 95px;
    padding: 2px 3px 1px 3px;
    font-family: 'NanumSquareRound_bold';
    font-size: 13px;
    background: #fdfefe url('../../images/m/common/select-arrow.png') no-repeat 99% 50%;    
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}
.seStyle01 {
    width: 233px;
}
.seStyle02 {
    width: 55px;
}

@media screen and (max-width:375px) {
    .table-style05 button {
        margin: 4px 0;
    }
    .table-style05 button.btnSms {
        margin: 0px 4px;
    }
}



.areaOp {
    background: #eee;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; 
    color: #000;
    display: inline-block;
    padding: 10px 2%;
    margin: 5px 0;
    text-align: center;
}
.areaOp p {
    display: block;
    margin: 6px 0;
    margin-top: 10px;
    text-align:center;
}
.areaOp span.notice {
    color : #ff6666;
    margin: 0 10px;
}


.opinion_content_wrap table, .opinion_content_wrap input, .opinion_content_wrap select, .opinion_content_wrap textarea, .opinion_content_wrap button{font-size:inherit; font-family:inherit}

.general-outline dt{font-family:'NanumSquareRound_exbold'}
.general-outline dd .lineHeight li{line-height:22px; background-position:6px 8px}
.general-outline dd li .decoBox01 > li{background-position:12px 5px}
.general-outline dd li .decoBox01 > li > ul > li{background-position:17px 7px}
/****** 의견제출 : common */
.opinion_content_wrap,
.opinion_content_wrap *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.opinion_content_wrap{width:100%; padding:0 12px 10px; font-family:'NanumSquareRound_regular'}

.opinion_content_wrap .titleWrap{padding:10px 0 0 }
.opinion_content_wrap .titleWrap .smallTitle{font-family:'NanumSquareRound_exbold'}
.opinion_content_wrap .fb{font-family:'NanumSquareRound_exbold'}

.opinion_content_wrap input[type="text"]{height:28px; padding:0 7px; border:1px solid #b2b2b2; border-radius:0; line-height:26px}
.opinion_content_wrap input[readonly]{background:#eaeaea; border-color:#dadada; color:#545454}
.opinion_content_wrap input[readonly]:focus{border:0}
.opinion_content_wrap input:focus,
.opinion_content_wrap input:focus-visible{border:0 none}
.opinion_content_wrap select{height:28px; padding:0 5px; line-height:26px}
.opinion_content_wrap .radio_circle{display:flex}
.opinion_content_wrap .radio_circle input[type='radio']{position:relative; width:15px; height:28px; appearance:none; cursor:pointer}
.opinion_content_wrap .radio_circle input[type='radio']::before{display:block; content:""; position:absolute; top:7px; left:0; width:6px; height:6px; border:3px solid #cdcdcd; border-radius:50%}
.opinion_content_wrap .radio_circle input[type='radio']:checked::before{border-color:#086db5}
.opinion_content_wrap .radio_circle label{display:inline-block; line-height:28px; color:#555; vertical-align:top; cursor:pointer}
.opinion_content_wrap .radio_circle input[type='radio']:checked + label{color:#222}

.opinion_content_wrap .btn{display:inline-block; text-align:center}
.opinion_content_wrap .btn_blue{display:inline-block; background:#086db5; color:#fff; text-align:center}
.opinion_content_wrap .btn_blue_border{background:#fff; border:1px solid #086db5; color:#086db5}
.opinion_content_wrap .btn_gray{background:#cdcdcd; border:0; color:#565656}
.opinion_content_wrap .flex_between{display:flex; justify-content:space-between}
.opinion_content_wrap .flex_start{display:flex}

.opinion_content_wrap .table_style{width:100%; margin:7px 0; border-bottom:2px solid #1a4899}
.opinion_content_wrap .table_style th{padding:8px 5px; background:#f1f5f7; border-top:1px solid #ddd; font-family:'NanumSquareRound_exbold'}
.opinion_content_wrap .table_style td{padding:8px 5px; border-top:1px solid #ddd; text-align:center}
.opinion_content_wrap .table_style .unit{margin-left:2px; font-size:11px; font-weight:400; color:#666; font-family:'NanumSquareRound_regular'}

.opinion_content_wrap .tab_border{display:flex}
.opinion_content_wrap .tab_border li{margin:0 0 0 3px; padding:0}
.opinion_content_wrap .tab_border li:first-child{margin-left:6px}
.opinion_content_wrap .tab_border li a{display:block; height:30px; padding:0 5px; background:#fff; border:2px solid #bfbfbf; border-bottom:0; border-radius:5px 5px 0 0; line-height:32px; color:#535353}
.opinion_content_wrap .tab_border li a:hover{border-color:#086db5; color:#0068b3}
.opinion_content_wrap .tab_border li a.selected{height:32px; border-color:#086db5; color:#0068b3}
.opinion_content_wrap .tab_form_box{margin-top:-2px}
    /* 개인정보 동의*/
.opinion_content_wrap .agree_wrap{width:98%; margin:15px auto; padding:10px; border:3px solid #eaeaea; border-radius:6px}
.opinion_content_wrap .agree_wrap .agree_tit{padding:8px 10px 5px; background:#eaeaea; border-radius:3px; font-size:15px; line-height:1em}
.opinion_content_wrap .agree_wrap .agree_con{padding:8px 3px; border-bottom:1px dashed #ddd}
.opinion_content_wrap .agree_wrap .agree_con ol{padding-left:13px}
.opinion_content_wrap .agree_wrap .agree_con ol li{padding:5px 0; line-height:20px; list-style:auto;}
.opinion_content_wrap .agree_wrap .agree_con ol li .fb{display:block; margin:0 0 4px}
.opinion_content_wrap .agree_wrap .agree_con ol li .red{color:#f44336; text-decoration:underline}
.opinion_content_wrap .agree_wrap .agree_con .bul_line li{position:relative; padding:1px 0 1px 10px; list-style:none}
.opinion_content_wrap .agree_wrap .agree_con .bul_line li::before{display:block; content:""; position:absolute; top:11px; left:0px; width:5px; height:1px; background:#bbb}
.opinion_content_wrap .agree_wrap .agree_check_wrap{display:flex; justify-content:end; flex-wrap:wrap; padding:10px 7px 0}
.opinion_content_wrap .agree_wrap .agree_check_wrap p{width:100%; margin:0 0 5px; line-height:22px}
.opinion_content_wrap .agree_wrap .agree_check_wrap p .agree_check_cate{display:inline-block; margin-right:3px; padding:0 4px; background:#eaeaea; border-radius:3px; font-size:13px; line-height:20px; color:#666; vertical-align:top}
.opinion_content_wrap .agree_wrap .agree_check_wrap .radio_circle:last-child{margin-left:15px}
    /* 열람 검색*/
.opin_sear_form_box{flex-wrap:wrap; width:100%; padding:15px; border:2px solid #086db5; border-radius:6px}
.opinion_content_wrap .tab_border + .opin_sear_form_box{margin-top:-2px}
.opin_sear_form_box .form_tit{display:inline-block; line-height:28px; font-family:'NanumSquareRound_exbold'; vertical-align:top}
.opin_sear_form_box .input_middle{display:inline-block; line-height:28px; vertical-align:top}
.opin_sear_form_box .btn_wrap{width:10%}
.opin_sear_form_box .btn_wrap .btn_blue{width:100%; height:28px; padding:0; line-height:28px }
/** 열람검색 : 표준지*/
.opin_sear_form_box01 .area_cate_wrap{width:50%}
.opin_sear_form_box01 .area_cate_wrap .selectStyle{width:32%}
.opin_sear_form_box01 .area_num_wrap{width:38%}
.opin_sear_form_box01 .area_num_wrap .form_tit{width:10%}
.opin_sear_form_box01 .area_num_wrap .selectStyle{width:30%; margin-right:3px}
.opin_sear_form_box01 .area_num_wrap input{width:25%}
@media screen and (max-width: 740px) {
    .opin_sear_form_box01 .area_num_wrap{width:48%}
    .opin_sear_form_box .btn_wrap{width:100%; margin-top:10px; text-align:center}
    .opin_sear_form_box .btn_wrap .btn_blue{width:100px}
}
@media screen and (max-width: 650px) {
    .opin_sear_form_box01 .area_cate_wrap,
    .opin_sear_form_box01 .area_num_wrap{flex-wrap:wrap; width:100%; max-width:400px; margin:5px auto 0}
    .opin_sear_form_box01 .area_num_wrap .form_tit{width:100%}
    .opin_sear_form_box01 .area_num_wrap .selectStyle{width:45%; margin-right:3px}
    .opin_sear_form_box01 .area_num_wrap input{width:25%}
}
@media screen and (max-width: 360px) {
    .opin_sear_form_box01 .area_cate_wrap .selectStyle{width:100%; margin:3px 0}
    .opin_sear_form_box01 .area_num_wrap .selectStyle{width:100%; margin:0 0 6px}
    .opin_sear_form_box01 .area_num_wrap input{width:47%}
}
/** 열람검색 : 표준지, 표준주택 휴대폰 인증*/
.opin_sear_form_box02 .btn_blue{display:block; width:auto; margin:0 auto; padding:0 12px; line-height:30px}
.opin_sear_form_box02 .input_readonly{display:flex; justify-content:center; max-width:500px; margin:10px auto 0}
.opin_sear_form_box02 .input_readonly .form_tit{margin:0 10px}
.opin_sear_form_box02 .input_readonly input[type="text"]{width:38%}
@media screen and (max-width: 450px) {
    .opin_sear_form_box02 .input_readonly{flex-wrap:wrap; width:100%; max-width:250px; margin:0 auto}
    .opin_sear_form_box02 .input_readonly .form_tit{width:25%; margin:5px 0 0}
    .opin_sear_form_box02 .input_readonly input[type="text"]{width:75%; margin-top:5px}
}
@media screen and (max-width: 320px) {
    .opin_sear_form_box02 .input_readonly .form_tit,
    .opin_sear_form_box02 .input_readonly input[type="text"]{width:100%}
}
/** 열람검색 : 표준주택*/
.opin_sear_form_box03 .area_cate_wrap{width:59%}
.opin_sear_form_box03 .area_cate_wrap .selectStyle{width:27%}
.opin_sear_form_box03 .area_cate_wrap .selectStyle_short{width:16%}
.opin_sear_form_box03 .area_num_wrap{width:28%}
.opin_sear_form_box03 .area_num_wrap .selectStyle{width:35%}
.opin_sear_form_box03 .area_num_wrap input{width:27%}
@media screen and (max-width: 740px) {
    .opin_sear_form_box03 .area_cate_wrap{width:61%}
    .opin_sear_form_box03 .area_num_wrap{width:38%}
}
@media screen and (max-width: 650px) {
    .opin_sear_form_box03 .area_cate_wrap,
    .opin_sear_form_box03 .area_num_wrap{flex-wrap:wrap; width:100%; max-width:400px; margin:5px auto 0}
}
@media screen and (max-width: 450px) {
    .opin_sear_form_box03 .area_cate_wrap .selectStyle{width:100%; margin:3px 0}
    .opin_sear_form_box03 .area_num_wrap{margin-top:10px}
    .opin_sear_form_box03 .area_num_wrap .selectStyle{width:100%; margin:0 0 6px}
    .opin_sear_form_box03 .area_num_wrap input{width:47%}
}
    /* 열람 결과 : 표준지*/
.opin_sear_result{width:100%; padding:20px 0}
.opin_sear_result:not(:first-of-type){border-top:2px dashed #cdcdcd}
.opin_sear_result .result_add{font-size:16px; line-height:24px; color:#0068b3}
.opin_sear_result .result_add i{margin-right:3px; line-height:20px; vertical-align:top}
.opin_sear_result .result_add_gray{margin-top:5px; margin-left:18px; font-size:13px; color:#777}
.opin_sear_result .result_tit{position:relative; margin:10px 0 5px; padding-left:13px; font-size:15px; font-family:'NanumSquareRound_exbold'}
.opin_sear_result .result_tit::before{display:block; content:""; position:absolute; top:4px; left:3px; width:5px; height:5px; background:#c8d2d9; border-radius:50%}
.opin_sear_result .result_notice{margin:5px 0; padding:8px 15px; border:4px solid #eaeaea}
.opin_sear_result .result_notice ol{margin-left:10px}
.opin_sear_result .result_notice ol li{margin:5px 0; padding:0; background:0 none; line-height:1.4em; text-align:justify; list-style:auto}
.opin_sear_result .table_result th{width:20%}
.opin_sear_result .table_result td{width:30%}
.opin_sear_result .btn_wrap{margin:5px 0; text-align:right}
.opin_sear_result .btn_wrap .btn_blue{width:120px; height:30px; }
@media screen and (max-width: 520px) {
    .opin_sear_result .table_result tr{display:flex; flex-wrap:wrap}
    .opin_sear_result .table_result th{display:block; width:40%; border-left:0 !important}
    .opin_sear_result .table_result td{display:block; width:60%}
}
/* 검색결과 없음*/
.no_sear_result{margin:15px 0; padding:30px 15px; border:7px solid #fff0f0; border-radius:6px}
.no_sear_result p{font-size:15px; line-height:20px; color:#ef4949; text-align:center}
.no_sear_result p i{margin-top:-2px; margin-right:6px; font-size:20px; line-height:20px; vertical-align:top}
@media screen and (max-width: 430px) {
.no_sear_result p i{display:block; margin:0 0 5px; text-align:center}
}
    /* 휴대폰 인증 결과 : 의견제출 내역 확인 */
.opin_sear_result .table_result_receipt th{width:20%}
.opin_sear_result .table_result_receipt td{width:30%}
.opin_sear_result .table_result_receipt tr:nth-child(2n+1) th,
.opin_sear_result .table_result_receipt tr:nth-child(2n+1) td{border-top:1px solid #555}
.opin_sear_result .table_result_receipt tr:first-child th,
.opin_sear_result .table_result_receipt tr:first-of-type td{border-top:1px solid #ddd}
@media screen and (max-width: 680px) {
    .opin_sear_result .table_result_receipt tr{display:flex; flex-wrap:wrap}
    .opin_sear_result .table_result_receipt th{display:block; width:40%; border-left:0 !important}
    .opin_sear_result .table_result_receipt td{display:block; width:60%}
    .opin_sear_result .table_result_receipt tr:nth-child(2n+1) th,
    .opin_sear_result .table_result_receipt tr:nth-child(2n+1) td{border-top:1px solid #ddd}
    .opin_sear_result .table_result_receipt tr:nth-child(2n+1) th:first-child,
    .opin_sear_result .table_result_receipt tr:nth-child(2n+1) td:first-of-type{border-top:1px solid #555}
    .opin_sear_result .table_result_receipt tr:first-child th:first-child,
    .opin_sear_result .table_result_receipt tr:first-of-type td:first-of-type{border-top:1px solid #ddd}
}
/* 접수 폼 common*/
.insert_top_info{display:flex; flex-wrap:wrap; margin-top:30px; padding:12px 0 10px; background:#eaf0f7; border-radius:4px}
.insert_top_info dl{display:flex}
.insert_top_info dl dt{position:relative; margin:0 15px 0 10px; color:#3a5aa6; font-family:'NanumSquareRound_exbold'}
.insert_top_info dl dt::after{display:block; content:""; position:absolute; top:1px; right:-6px; width:1px; height:14px; background:#959fb9}
.insert_top_info dl dd{margin-right:10px}
.insert_form_wrap .insert_tit{margin:15px 0 10px; padding:8px 7px 7px; border:solid #0068b3; border-width:2px 0; color:#0068b3; font-family:'NanumSquareRound_exbold'}
.insert_form_wrap .form_list{display:flex;  justify-content:space-between; flex-wrap:wrap}
.insert_form_wrap .form_list li{display:flex; justify-content:space-between; width:100%; padding:5px 0}
.insert_form_wrap .form_list li:not(:first-child){border-top:1px solid #eaeaea}
.insert_form_wrap .form_list li.width50{width:49.5%}
.insert_form_wrap .form_list li.width50:nth-child(2){border-top-width:0}
.insert_form_wrap .form_list span{line-height:26px}
.insert_form_wrap .form_list span.insert_org{line-height:18px}
.insert_form_wrap .form_list .insert_form_tit{width:110px; color:#676767; font-family:'NanumSquareRound_exbold'; text-align:center}
.insert_form_wrap .form_list .insert_form_tit .sub_info{display:block; margin:0 0 5px; font-size:13px; line-height:1.1em}
.insert_form_wrap .form_list .insert_form_con{width:calc(100% - 120px)}
.insert_form_wrap .form_list .insert_form_con input[type="text"]{width:100%}
.insert_form_wrap .form_list .insert_form_con input[type="text"].width150{max-width:150px; width:100%}
.insert_form_wrap .form_list .insert_form_con .selectStyle{width:100%}
.insert_form_wrap .form_list .insert_form_con .btn_form{display:inline-block; margin-left:5px; padding:1px 16px 0; background:#086db5; border-radius:13px; line-height:25px; color:#fff}
.insert_form_wrap .form_list .insert_add_form input[type="text"]:not(:first-child){margin-top:5px}
.insert_form_wrap .form_list .agree_form_inner{margin-top:10px}
.insert_form_wrap .form_list .agree_form_inner .radio_circle{margin-left:10px}

.insert_form_wrap .form_list .insert_form_base{flex-wrap:wrap}
.insert_form_wrap .form_list .insert_form_base .insert_form_tit .unit{margin-left:3px; font-size:12px; font-family:'NanumSquareRound_regular'; color:#767676}
.insert_form_wrap .form_list .insert_form_base .insert_base{display:block; position:relative; width:calc(100% - 120px); padding:4px 0 4px 10px; font-size:13px; line-height:18px; font-family:'NanumSquareRound_exbold'; color:#111;}
.insert_form_wrap .form_list .insert_form_base .insert_base::before{display:block; content:":"; position:absolute; top:4px; left:0}
.insert_form_wrap .form_list .insert_form_base .insert_form_con{margin-left:120px}
.insert_form_wrap .form_list .form_floor_select{display:flex}
.insert_form_wrap .form_list .form_floor_select .form_text{width:40px; line-height:26px; text-align:center}
.insert_form_wrap .form_list .form_floor_select .selectStyle{width:calc(50% - 40px)}

.insert_form_wrap .form_list .unit{margin-left:5px; font-size:13px; color:#767676}
.insert_form_wrap .form_list .mgl10{margin-left:10px}
.insert_form_wrap .form_list .mgl5{margin-left:5px}
/* .insert_form_wrap .form_list textarea{width:100%; height:100px; margin:0; padding:15px; border:1px solid #b2b2b2; border-radius:0; line-height:22px} */
.insert_form_wrap .form_list textarea{width:100%; height:200px; margin:0; padding:15px; border:1px solid #b2b2b2; border-radius:0; line-height:22px}
.insert_form_wrap .form_list .textarea_count{display:block;margin-top: 0px;font-size:13px;line-height:1.2em !important;text-align:right}
.insert_form_wrap .form_list .textarea_count .fb{color:#d50000}
.insert_form_wrap .form_list .refer{display:block; width:100%; margin-top:3px; font-size:13px; line-height:1.3em; color:#676767}

.btn_insert_wrap{margin:20px 0; text-align:center}
.btn_insert_wrap .btn{margin:0 3px; padding:1px 20px 0; font-size:15px; line-height:30px}
@media screen and (max-width: 660px) {
    .insert_form_wrap .form_list .agree_form_inner{flex-wrap:wrap}
    .insert_form_wrap .form_list .agree_form_inner .agree_radio_wrap{justify-content:end; width:100%}
    .insert_form_wrap .form_list li.width50{width:100%}
    .insert_form_wrap .form_list li.width50:nth-child(2){border-top-width:1px}
}
@media screen and (max-width: 550px) {
    .opinion_content_wrap .agree_wrap .agree_check_wrap{padding:10px 3px 0}
    .insert_top_info{margin-top:20px}
}
@media screen and (max-width: 424px) {
    .insert_form_wrap .form_list .insert_form_tit{width:100px}
    .insert_form_wrap .form_list .insert_form_con{width:calc(100% - 105px)}
    .insert_form_wrap .form_list .insert_form_base .insert_base{width:calc(100% - 105px)}
    .insert_form_wrap .form_list .insert_form_base .insert_form_con{margin-left:105px}    
}
@media screen and (max-width: 410px) {
    .insert_top_info dl{width:100%; margin:2px 0}
    .insert_top_info dl dt{width:60px}
    .insert_form_wrap .form_list li{flex-wrap:wrap}
    .insert_form_wrap .form_list .insert_form_tit{width:100%; text-align:left}
    .insert_form_wrap .form_list .insert_form_con{width:100%}
    .insert_form_wrap .form_list .insert_form_base{justify-content:start}
    .insert_form_wrap .form_list .insert_form_base .insert_form_tit{width:auto}
    .insert_form_wrap .form_list .insert_form_base .insert_base,
    .insert_form_wrap .form_list .insert_form_tit .sub_info{display:inline-block; width:auto; margin-left:7px}
    .insert_form_wrap .form_list .insert_form_base .insert_form_con{margin:0}
}
@media screen and (max-width: 500px) {
    .layer_popup_wrap .popup_box .popup_content_wrap{padding:13px}
    .layer_popup_wrap .popup_box .popup_content_wrap{height:calc(100% - 77px)}
}


/* 주소검색 레이어 팝업 */
.layer_popup_wrap{position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; width:100vw; height:100vh; background:rgba(0,0,0,0.7)}
.layer_popup_wrap .popup_box{width:96%; max-height:94vh; margin:3vh auto; background:#fff; border-radius:4px; overflow:hidden}
.layer_popup_wrap .popup_box .popup_header{position:relative; padding:15px; border-bottom:1px solid #eaeaea}
.layer_popup_wrap .popup_box .popup_header .popup_tit{font-size:17px; line-height:20px;}
.layer_popup_wrap .popup_box .popup_header .btn_popup_close{display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; }
.layer_popup_wrap .popup_box .popup_content_wrap{max-height:calc(96vh - 90px); padding:20px; overflow-y:auto;}
.layer_popup_wrap .popup_box .popup_content_wrap::-webkit-scrollbar{width:6px; background:0 none}
.layer_popup_wrap .popup_box .popup_content_wrap::-webkit-scrollbar-thumb{width:6px; background:#e4e7e9}
.layer_popup_wrap .popup_box .popup_content_wrap::-webkit-scrollbar-track{width:6px; background:#fff; transition:background 0.3s}
.layer_popup_wrap .popup_box .popup_content_wrap .opinion_content_wrap{padding:0}
.layer_popup_wrap .popup_box.address_popup{max-width:600px}

.address_popup .tab_wrap .tab_form_box{padding-top:10px; border-top:2px solid #086db5}
.address_popup .add_select02{display:flex; justify-content:space-between}
.address_popup .insert_form_wrap .form_list .insert_form_con.add_select02 .selectStyle{width:49%}
.address_popup .add_sear_btn{display:flex; justify-content:space-between; flex-wrap:wrap}
.address_popup .add_sear_btn input{width:calc(100% - 70px) !important}
.address_popup .add_sear_btn .btn_blue{width:60px}
.address_popup .add_sear_btn .refer{width:100%}
.address_popup .table_add_result .no_result{padding:20px 0; line-height:20px; color:#ef4949}
.address_popup .table_add_result .no_result i{margin-right:6px; font-size:20px; line-height:20px; vertical-align:top}
.address_popup .table_add_result .add_other{display:block; width:100%; margin-top:5px; color:#888}
.address_popup .table_add_result .add_other .fb{font-size:13px}
.address_popup .btn_insert_wrap{margin:20px auto 5px}




/*bpopup 테스트*/
.layer_popup_wrap2{position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; width:100vw; height:100vh; background:rgba(0,0,0,0.7)}
.layer_popup_wrap2 .popup_box{width:96%; max-height:94vh; margin:3vh auto; background:#fff; border-radius:4px; overflow:hidden}
.layer_popup_wrap2 .popup_box .popup_header{position:relative; padding:15px; border-bottom:1px solid #eaeaea}
.layer_popup_wrap2 .popup_box .popup_header .popup_tit{font-size:17px; line-height:20px;}
.layer_popup_wrap2 .popup_box .popup_header .btn_popup_close{display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; }
.layer_popup_wrap2 .popup_box .popup_content_wrap{max-height:calc(96vh - 90px); padding:20px; overflow-y:auto;}
.layer_popup_wrap2 .popup_box .popup_content_wrap::-webkit-scrollbar{width:6px; background:0 none}
.layer_popup_wrap2 .popup_box .popup_content_wrap::-webkit-scrollbar-thumb{width:6px; background:#e4e7e9}
.layer_popup_wrap2 .popup_box .popup_content_wrap::-webkit-scrollbar-track{width:6px; background:#fff; transition:background 0.3s}
.layer_popup_wrap2 .popup_box .popup_content_wrap .opinion_content_wrap{padding:0}
.layer_popup_wrap2 .popup_box.address_popup{max-width:600px}

.address_popup2 .tab_wrap .tab_form_box{padding-top:10px; border-top:2px solid #086db5}
.address_popup2 .add_select02{display:flex; justify-content:space-between}
.address_popup2 .insert_form_wrap .form_list .insert_form_con.add_select02 .selectStyle{width:49%}
.address_popup2 .add_sear_btn{display:flex; justify-content:space-between; flex-wrap:wrap}
.address_popup2 .add_sear_btn input{width:calc(100% - 70px) !important}
.address_popup2 .add_sear_btn .btn_blue{width:60px}
.address_popup2 .add_sear_btn .refer{width:100%}
.address_popup2 .table_add_result .no_result{padding:20px 0; line-height:20px; color:#ef4949}
.address_popup2 .table_add_result .no_result i{margin-right:6px; font-size:20px; line-height:20px; vertical-align:top}
.address_popup2 .table_add_result .add_other{display:block; width:100%; margin-top:5px; color:#888}
.address_popup2 .table_add_result .add_other .fb{font-size:13px}
.address_popup2 .btn_insert_wrap{margin:20px auto 5px}