@charset "utf-8";

p.txt-tip {text-align: left;}
p.comm { margin: 10px 0; text-align: left;font-size:15px;color:#111;line-height: 1.5;}
p.comm span {display: inline-block;margin: -7px 5px 0 0;font-size: 22px;color:#da4453;font-weight:bold;vertical-align: middle;}
.table td p.comm span {display: inline-block; width:auto; margin: -7px 5px 0 0;font-size: 22px;color:#da4453;font-weight:bold;vertical-align: middle;}

p.comm2 { margin: 10px 0; text-align: right;font-size:15px;color:#111;line-height: 1.5;}
p.comm2 span {display: inline-block;margin: -7px 5px 0 0;font-size: 22px;color:#da4453;font-weight:bold;vertical-align: middle;}

@media(max-width:767px){
  p.comm {text-align: center;}
}

/*form 스타일*/
/* form, input set */
.p_check{margin:0 0 20px 10px;padding-left:20px;background:url(/clean/img/sub01/txt_check.png)left center no-repeat;}
input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle;font-family: 'nsk','Dotum','arial','sans-serif';}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:100px;width:auto;height:24px;padding:4px 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:none;color:#928881}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ddd;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:24px}

input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
[class^="form-"] input[type="text"],[class^="form-"] input[type="password"]{width:100%;min-width:50px;height:38px;padding:0 5px;line-height:38px;}
[class^="form-"] select{width:100%;height:38px;padding:0 5px;line-height:33px}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}
.form-half select,.form-half input[type="text"],.form-half input[type="password"]{width:50%}
.form-w40 input[type="text"]{width:40%}
.form-w30 input[type="text"]{width:30%}
.form-w20 input[type="text"]{width:20%}
.form-w10 input[type="text"]{width:10%}
.form-w5 input[type="text"]{width:5%}
.form-tel{overflow:hidden}
.form-tel div{float:left;width:150px}
.form-tel div.mid{width:4%;text-align:center;line-height:40px}
.form-tel div input,.form-tel div select{text-align:center;text-indent:0}
.form-tel.width75p{width:75%}
.form-max>*:first-child{margin-top:0}
.form-mail>*,
.form-birthday>*,
.form-max>*{margin-top:5px}
.form-max span input[type="radio"]{margin:0 5px 0 10px}
.form-max span:first-child input[type="radio"]{margin-left:0}
.form-max .post{width:100%;overflow:hidden}
.form-max .post input{width:31%;float:left;}
.form-max .post .form_find{float:left;margin-left:5px;}
.form-max .adress_detail{width:100%;}
.form-max .adress_detail input[type="text"]{margin-top:5px}
.form-max .adress_detail input[type="text"]:first-child{margin-top:0}
.form_find{display:inline-block;padding:5px 10px;border:1px solid #ddd}
.form-mail{overflow:hidden}
.form-mail div{float:left;width:150px;margin-top:0}
.form-mail div.mid{width:5%;text-align:center;line-height:40px}
.form-mail div.last{margin-left:1%;width:150px;margin-top: 0px}
.form-mail label.skip {position:absolute;}

.form-birthday{}
.form-birthday:after{content:"";display:block;clear:both}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}

.form-period:after,
.form-period div:after{display:block;content:"";clear:both;visibility:hidden;}
.form-period div{float:left;width:46%;}
.form-period div.mid{width:8%;line-height:40px;text-align:center;}
.form-period div select{float:left;width:49%;}
.form-period div select:first-child{margin-right:2%;}

.form-radio label{display:inline-block}
.form-radio input[type="radio"],
.form-radio input[type="checkbox"]{position:relative;top:-1px}


.form-radio .etc{margin:10px 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type="text"]{width:300px}

.form-radio.clear_width label{width:auto}

.form-radio.block label{display:block;}
.form-radio.block .text-indent{margin:5px 0 10px 20px;}
.form-radio.block .text-indent label{margin-left:10px;}

@media(min-width:767px){
    .form-radio div{display:inline}
}

@media(max-width:767px){
    .form-radio label{width:auto;padding:3px}
    .form-tel div{float:left;width:28%}
        .form-tel div.mid{width:8%;text-align:center;line-height:40px}
        .form-mail div{width:31%}
        .form-mail div.mid{width:5%}
        .form-mail div.last{width:32%}
}


@media(max-width:767px){
    .table.response,
    .table.response thead,
    .table.response tbody,
    .table.response tr,
    .table.response th,
    .table.response td{display:block;border-width:1px 0;text-align: center;}
    .table.response th{border-bottom-width:0}
    .table tr td select,
    .form-half input[type="text"],
    .form-half input[type="password"] {width:100%}
}
@media only screen and (min-width: 600px){
    .ui.uit .inner .tit_inner{margin-bottom:5px;}
}





/* 대형폐기물신청 */
.s_box {height:145px; overflow-y:scroll; padding:20px 25px; border:1px solid #ddd; }
.s_box .t1 {font-size:17px; font-weight:500; color:#111;}

.agg_box {font-size:14px; color:#555;}

.col_red {color:#d63434;}

.s03_step {}
.s03_step ul {}
.s03_step ul:after{content:"";display:block;clear:both;visibility:hidden;}
.s03_step ul li {float:left;position:relative;width:25%;padding:35px 0 35px 135px;border:1px solid #ddd;border-right:none;background: #fff;}
.s03_step ul li:last-child {border-right:1px solid #ddd;}
.s03_step ul li.ov {z-index: 11;margin-right: -1px;border: 1px solid #2f4869;}
.s03_step ul li.ov:last-child {border-right:1px solid #2f4869;}
.s03_step ul li:after {display:block;position:absolute;top: 50%;right: -11px;z-index:1;content:'';width:20px;height:20px;margin-top: -8px;border:solid #ddd;border-width:0 1px 1px 0;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.s03_step ul li:last-child:after {display:none;}
.s03_step ul li.ov:after {border-color: #2f4869;}
.s03_step ul li .icon {display:block; position:absolute; left:55px; top:50%; width:62px; height:62px; margin-top:-31px; background:url(/clean/img/prog/step.png)no-repeat;}
.s03_step ul li.ov .icon.icon01 {background-position: 0 0;}
.s03_step ul li.ov .icon.icon02 {background-position: -62px 0;}
.s03_step ul li.ov .icon.icon03 {background-position: -124px 0;}
.s03_step ul li.ov .icon.icon04 {background-position: -186px 0;}
.s03_step ul li .icon.icon01 {background-position: 0 -62px;}
.s03_step ul li .icon.icon02 {background-position: -62px -62px;}
.s03_step ul li .icon.icon03 {background-position: -124px -62px;}
.s03_step ul li .icon.icon04 {background-position: -186px -62px;}
.s03_step ul li p {margin:0; font-size:14px; color:#333;}
.s03_step ul li p.t1 {margin:0 0 3px;font-weight:bold;}

@media(max-width:1199px){
    .s03_step ul li {padding:35px 0 35px 110px;}
    .s03_step ul li .icon {left:30px}
}

@media(max-width:999px){
    .s03_step ul li {width:50%;}
    .s03_step ul li:nth-child(2) {border-right:1px solid #ddd;}
    .s03_step ul li.ov:nth-child(2){border-right:1px solid #2f4869}
    .s03_step ul li:nth-child(2):after {display:none;}
    .s03_step ul li .icon {left:30px}
}


@media(max-width:767px){
    .s03_step ul li {padding:20px 0 20px 120px;}
    .s03_step ul li {float:none; width:100%; border:1px solid #ddd; border-bottom:none;}
    .s03_step ul li:last-child {border-bottom:1px solid #ddd;}
    .s03_step ul li:after {display:none;}
    .s03_step ul li.ov {border: 1px solid #2f4869;}
    .s03_step ul li .icon {left:35px;}

}



/**표 **/
.table_scroll { display:none; }
.table td {word-break: break-all;}
@media only screen
and (max-width: 767px) {
.table_scroll { display:block; }
.scl_x { width: 100%;  overflow-x: scroll; }
.scl_x .table,
.pop_w02 .inner .scl_x .pop_table { width: 768px; }
}


/* 04 신청조회 */
.lo_wrap {padding:55px 50px 55px; border:1px solid #ddd; border-top:2px solid #2f4869; text-align:center;}
.lo_wrap .inner_t strong {display:block; margin:0 0 50px; font-size:22px; font-weight:bold; }
.lo_wrap .inner_t .lo_con {position:relative;width: 545px; min-height:110px;margin:0 auto 20px;padding:0 0 0 150px;}
.lo_wrap .inner_t .lo_con .icon {position:absolute; top:50%; left:0; width:110px; height:110px; margin-top:-70px;background:url(/clean/img/prog/s04_ir.png)no-repeat;}
.lo_wrap .inner_t .lo_con .icon.icon01 {background-position:0 0;}
.lo_wrap .inner_t .lo_con .icon.icon02 {background-position:-110px 0;}
.lo_wrap .inner_t .lo_con .icon.icon03 {background-position:0 -319px;}
.lo_wrap .inner_t .lo_con .input_w {position:relative; text-align:left; }
.lo_wrap .inner_t .lo_con .input_w div {position:relative;margin-bottom:5px; padding-left:85px; }
.lo_wrap .inner_t .lo_con .input_w label {position:absolute; left:0; top:0; line-height:38px; font-size:16px; color:#111; font-weight:500;}
.lo_wrap .inner_t .lo_con .input_w input {border:1px solid #ddd; width:100%; height:38px; line-height:38px; background:#fff;}

.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div {padding-left: 150px;}

.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div {padding-left: 150px;}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel {padding-left:0;}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel:after{display:block;clear:both;visibility:hidden;content:"";}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel div {float:left;width:30%; padding-left:0;}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel div select {width:100%; height:38px;min-width:auto;}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel div input {width:100%;min-width:auto;}
.lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div.div_tel div.mid {width:5%; text-align:center; line-height:38px;}

.tip_w {padding: 15px 10px;background: #f8f8f8;}
.tip_w p {display:inline-block; margin:0;color:#da4453;}
.tip_w p span {color:#555; display:inline-block;}

@media (max-width:1000px){
    .lo_wrap {padding:55px 5% 45px;}
}

@media (max-width:768px){
    .lo_wrap .inner_t {margin:0 0 40px;}
    .lo_wrap .inner_t .lo_con {width:100%;padding:0;}
    .lo_wrap .inner_t .lo_con .icon {display:none;}
}

@media (max-width:530px){
    .lo_wrap .inner_t .lo_con .input_w { padding:0; }
}

@media (max-width:450px){
    .lo_wrap .inner_t .lo_con .input_w div {padding:0;}
    .lo_wrap .inner_t .lo_con .input_w label {position:static;}

    .lo_wrap.lo_wrap2 .inner_t .lo_con .input_w div {padding:0;}
}


/* 버튼 */
.bd_list_btn {}
.bd_list_btn a {transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.bd_list_btn .bl_btn01{display:inline-block; min-width:135px; height:45px; line-height:43px; padding:0 10px; margin:0 0 5px; border:1px solid #ccc;font-size:15px; color:#666; text-align:center;}
.bd_list_btn .bl_btn02{display:inline-block;min-width:135px;height:45px;line-height: 43px;padding:0 10px;margin:0 0 5px;border: 1px solid #004a33;background: #004a33;font-size:15px;color:#fff;text-align:center;}
.bd_list_btn .bl_btn03{display:inline-block; min-width:135px; height:45px; line-height:43px; padding:0 10px; margin:0 0 5px; border:1px solid #4d535a; background:#4d535a;font-size:15px; color:#fff; text-align:center; }

.bd_list_btn .bl_btn01:hover,
.bd_list_btn .bl_btn01:focus {background:#64676c; color:#fff;}
.bd_list_btn .bl_btn02:hover,
.bd_list_btn .bl_btn02:focus {background:#fff; color:#2f4869;}
.bd_list_btn .bl_btn03:hover,
.bd_list_btn .bl_btn03:focus {background:#fff; color:#64676c;}

.tbl_btn {display:block; border:1px solid #ddd;margin:5px 0 !important; padding:5px 0; transition:0.2s ease-out; -webkit-transition:0.2s ease-out;}
.tbl_btn:hover,
.tbl_btn:focus {background:#64676c; color:#fff;}

.table td a.tr_btn {display: block; width:190px; height:40px; line-height:40px; background:#2f4869; color:#fff; font-size:15px; text-align: center;}
.table td a.tr_btn span {display: inline-block;width:19px;height: 19px;margin:-5px 10px 0 0;background: url(/clean/img/prog/tr_btn.png)no-repeat;vertical-align: middle;}

@media (max-width:767px){
  a.tr_btn {width:100%;}
}
@media (max-width:530px){
  .bd_list_btn a {width:100%;}
}



/* 테이블 css 추가 */
.addr_w {}
.addr_w:after{content:"";display:block;clear:both;visibility:hidden;}
.addr_w input[type="text"] {float:left; margin-right:5px; padding: 0 5px; width:190px;height: 38px;line-height: 38px; border:1px solid #ddd;}
.addr_w .addr_w_btn { float:left; min-width:100px; height:38px; line-height:38px; padding:0 10px; background:#5d5d5d; color:#fff; text-align:center;}

input.calendar {background:url(/clean/img/prog/cal.png)no-repeat 97% center;}

.lo_id {}
.lo_id:after{content:"";display:block;clear:both;visibility:hidden;}
.lo_id input[type="text"] {float:left; margin-right:5px; padding: 0 5px; width:400px;height: 38px;line-height: 38px; border:1px solid #ddd;}
.lo_id .lo_btn { float:left; min-width:100px;  height:38px; line-height:38px; padding:0 10px; background:#5d5d5d; color:#fff; text-align:center;}

@media(max-width:767px){
    .addr_w input[type="text"] {width:100%; margin-bottom:5px;}
    .addr_w .addr_w_btn {width:100%;}

    .lo_id input[type="text"] {width:100%; margin-bottom:5px;}
    .lo_id .lo_btn {width:100%;}
}







/* 배출신고확인증 */
#s_print {width:100%; padding:80px 50px 50px; border:5px solid #efefef;background:url(/clean/img/prog/print_bg.png)no-repeat center 280px;}
#s_print .inner {}
#s_print .inner strong {display: block; margin:0 0 40px; font-size:32px; font-weight:bold; text-align: center;word-break: keep-all;}
#s_print .inner table {width:100%; margin:0 0 30px; border-top: 2px solid #333;}
#s_print .inner table th {padding:15px 5px; background:#efeff1; border:1px solid #ddd; border-top:none; text-align: center;}
#s_print .inner table td {padding:15px 5px; border-bottom:1px solid #ddd;}
#s_print .p_box {padding: 0 3% 30px;border-bottom:1px solid #ddd;}
#s_print .p_box p {margin:10px 0; font-size:15px; color:#111; font-weight:500;}
#s_print table {word-break: break-all;}

.sign_box {margin-top:40px;}
.sign_box .inner {text-align: center;}
.sign_box .inner span {display: inline-block; vertical-align: middle;}
.sign_box .inner span.icon {width:107px;height: 22px;/* background:url(/clean/img/prog/prilogo.png)no-repeat; */font-size:0;}
.sign_box .inner div.txt1 {display: inline-block;margin: 10px 30px;color:#000;font-size:20px; vertical-align: middle; letter-spacing:0.2em; font-weight:bold;}
.sign_box .inner span.sign {width:118px;height:118px;/*background: url(/clean/img/prog/sign.gif);background-size: 118px 118px;*/line-height:118px;text-align: center;font-size: 0;}

@media screen and (max-width:767px){
      #s_print { padding:50px 5% 50px; background:#fff; }
      #s_print table,
      #s_print table thead,
      #s_print table tbody,
      #s_print table tr,
      #s_print table th,
      #s_print table td{display:block;border-width:1px 0;text-align: center;}
      #s_print table th{border-bottom-width:0}

      #s_print ul li {text-align:left;}
}

@media screen and (max-width:550px){
    .sign_box .inner span.icon {display:none;}
}


@media print { 

  

  

} 
@media print{
    @page { size:21cm 29.7cm;margin:0; } 
    html, body { border:0; margin:0; padding:0; } 
    html,body{width:210mm;min-width:210mm;height:297mm;background:#fff}
    #s_print { position: relative; width: 210mm; min-height: 297mm; margin: 0 auto; padding:5mm 7mm; border:none;}
  .sign_box .inner em.txt1 {display:inline-block;}
}


/* 폐기물 부착용증서 */
.req_print {width: calc(50% - 22px);display:inline-block;float:left;padding: 17px 23px;padding-top: 70px;border: 1px solid #c4cbd2;background: url(/clean/img/prog/print_bg.png) no-repeat 98% 261px;margin: 40px 11px;}
.req_print:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;: url(/clean/img/prog/print_bottom.png) repeat-x left bottom;}
.req_print .inner {}
.req_print .inner strong {display: block;margin: 0 0 3px;font-size: 22px;font-weight:bold;text-align: center;word-break: keep-all;line-height: 1.2;color: #333;margin-bottom: 22px;padding-bottom: 23px;border-bottom: 1px solid #ccc;position: relative;}

.req_print .inner strong:after{content:'';position:absolute;bottom: 4px;left:0;display:block;width:100%;height:1px;background-color:#ccc;}
.req_print .inner table {width:100%; margin:0 0 30px; border-top: 2px solid #333;}
.req_print .inner table th {padding:15px 5px; background:#efeff1; border:1px solid #ddd; border-top:none; text-align: center;}
.req_print .inner table td {padding:15px 5px; border-bottom:1px solid #ddd;}
.req_print .p_box {padding: 0 3% 12px;border-bottom:1px solid #ddd;}
.req_print .p_box p {margin:10px 0; font-size:15px; color:#111; font-weight:500;}
.req_print .dtl_addr { text-overflow: ellipsis;overflow: hidden;height: 1.6em;white-space: nowrap;}
.req_print table {word-break: break-all;}

.req_print .sign_box {margin-top: 0;padding-top: 30px;display: block;text-align: center;padding-bottom: 15px;}
.req_print .sign_box .inner {text-align: center;position: relative;display: inline-block;margin: 0 auto;}
.req_print .sign_box .inner span {display: inline-block; vertical-align: middle;}
.req_print .sign_box .inner span.icon {width: 27px;/* height: 22px; *//* background:url(/clean/img/prog/prilogo.png)no-repeat; */font-size:0;/* display: none; */background-size: 27px auto;margin-right: -20px;margin-top: -5px;display: none;}
.req_print .sign_box .inner div.txt1 {display: inline-block;/* padding-left: 32px; */margin: 10px 30px;color:#000;font-size:20px;vertical-align: middle;letter-spacing:0.2em;font-weight:bold;text-align: right;position: relative;z-index: 2;/* background: url(/clean/img/prog/prilogo.png)no-repeat; *//* background-size: 27px auto; */}
.req_print .sign_box .inner span.sign {width: 35px;height: 35px;/*background: url(/clean/img/prog/sign.gif);background-size: 118px 118px;*/line-height:118px;text-align: center;font-size: 0;position: absolute;top: 8px;right: 10px;z-index: 1;}
.print_page { height:1%;overflow:hidden;page-break-after:always;}
.print_page *{vertical-align:top}
.print_page .h3{display:none;}

@media screen and (max-width:767px){
      .req_print { padding:50px 5% 50px; background:#fff; }
      .req_print table,
      .req_print table thead,
      .req_print table tbody,
      .req_print table tr,
      .req_print table th,
      .req_print table td{display:block;border-width:1px 0;text-align: center;}
      .req_print table th{border-bottom-width:0}
      .req_print ul li {text-align:left;}
}

@media print{
    .print_page { position: relative; width: 210mm; min-height: 297mm; margin: 0 auto; padding:5mm 7mm; border:none;}
	.req_print .sign_box .inner em.txt1 {display:inline-block;}

    .print_page .req_print{min-height: 120mm; }

}

.req_button .req_list_btn {display:block;clear:both;padding-top:20px;}


/* 신청페이지 */
.note_w {position:relative;margin:35px 0 0;padding:35px 35px 35px 200px;background: #f1f3f8;}
.note_w span {display:block;position:absolute;top:36px;left:65px;width:73px;padding:68px 0 0;background: url(/clean/img/prog/note.png)no-repeat center top;text-align:center;font-size:18px;color:#111;font-weight:bold;}
.note_w ul {padding: 10px 0 10px 30px;border-left:1px solid #ccc;}
.note_w ul li {position:relative;margin:5px 0; padding:2px 0 2px 30px;}
.note_w ul li em {display:inline-block;position:absolute;left:0;top: 5px;width:20px;height:20px;line-height:20px;border-radius:50%;background:#2f4869;color:#fff;text-align:center;font-size:13px;}

@media(max-width:650px){
    .note_w {padding:35px;}
    .note_w span {position:static; margin:0 auto 20px;}
    .note_w ul {padding:0; border:none;}
}

/* 테이블 css */
.table.table_p th,
.table.table_p td {padding:8px 0;background:#fff;border:none; border-bottom:1px solid #ddd;}

@media(max-width:767px){
    .table.table_p th {background:#eee;}
}


/* 레이어팝업 */

#lean_overlay {position: fixed;z-index: 9999;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
#lp_pop1 {display:none;position:relative;overflow-y: auto; box-sizing:border-box;background:#fff;}
#lp_pop2 {display:none;position:relative;overflow-y: auto; box-sizing:border-box;background:#fff;}
.close_btn { width:72px; height:72px; background-color:#000; font-size:0; text-indent:-9999px; position:absolute; top:0; right:0; z-index:1;}
.close_btn a {display: block; width:100%; height:100%;}
.close_btn:before{ width:30px; height:2px; background-color:#fff; content:""; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.close_btn:after{ width:30px; height:2px; background-color:#fff; content:""; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.pop_w01 {width:590px; }
.pop_w01 .lp_tit {min-height:72px; margin:0;padding:20px 0; background:#2f4869; color:#fff; text-align: center; font-size:20px; font-weight:500;}
.pop_w01 .lp_tit span {display: inline-block; width:28px; height:28px;margin-right:10px; background:url(/clean/img/prog/tr_btn2.png)no-repeat; vertical-align: middle;}
.pop_w01 .calendar_box {padding:25px 25px 50px;}
.pop_w01 .calendar_box .tit {position: relative;padding: 0 0 25px;font-size:20px;text-align: center;}
.pop_w01 .calendar_box .tit .arrow {display:block;position: absolute; top:0;width:32px;height:32px;background:url(/clean/img/prog/arr.png)no-repeat; font-size:0;}
.pop_w01 .calendar_box .tit .arrow a {display:block; width:100%; height:100%;}
.pop_w01 .calendar_box .tit .arrow.prev {left:50px;background-position:0 0;}
.pop_w01 .calendar_box .tit .arrow.next {right:50px;background-position:-32px 0;}
.pop_w01 .calendar_box table {width:100%; border-top:1px solid #333;text-align:center;}
.pop_w01 .calendar_box table th {height:45px; line-height:45px; border-bottom:1px solid #ccc; font-size:15px;}
.pop_w01 .calendar_box table td {height:70px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fbfbfb; text-align:left; vertical-align:top; font-weight:400;}
.pop_w01 .calendar_box table td:nth-child(7) {border-right:none;}
.pop_w01 .calendar_box table td a {display:block; width:100%; height:100%; background:#fff;}
.pop_w01 .calendar_box table td span.ff {display:block; width:100%; height:100%; background:url(/clean/img/prog/cal_bg.png); color:#bcbcbc;}
.pop_w01 .calendar_box table tr td:first-child a {color:#ba2a1e; }
.pop_w01 .calendar_box table tr td:last-child a{color:#1057aa; ;}
.pop_w01 .infop {text-align:right;}
.pop_w01 .infop span.sp01 {display:inline-block; width:15px ; height:15px; margin-right:10px; border:1px solid #ddd; background:#fff; vertical-align:middle; }
.pop_w01 .infop span.sp02 {display:inline-block; width:15px ; height:15px; margin:0 10px; border:1px solid #ddd; background:url(/clean/img/prog/cal_bg.png); vertical-align:middle;}



.pop_w02 {width:900px; }
.pop_w02 .lp_tit {min-height:72px; margin:0;padding:20px 0; background:#2f4869; color:#fff; text-align: center; font-size:20px; font-weight:500;}
.pop_w02 .lp_tit span {display: inline-block; width:28px; height:28px;margin-right:10px; background:url(/clean/img/prog/tr_btn2.png)no-repeat; vertical-align: middle;}
.pop_w02 .inner {padding:25px 25px 30px;}
.pop_w02 .inner .tab_w {margin:0 0 20px;}
.pop_w02 .inner .tab_w:after{content:"";display:block;clear:both;visibility:hidden;}
.pop_w02 .inner .tab_w a {display: block;float:left;width:25%;height:50px;line-height:50px;border-bottom:3px solid #4c4c4c;font-size: 18px;color:#333;text-align: center;font-weight:400;}
.pop_w02 .inner .tab_w a.ov {color:#2f4869;border:3px solid #4c4c4c;border-bottom:1px solid #fff;line-height: 44px;font-weight: 700;}
.pop_w02 .inner .tab_c {display: block; margin:0 0 15px;}
.pop_w02 .inner .tab_c .inscrol {max-height: 266px;overflow-y:auto;}
.pop_w02 .inner .pop_table {width:100%; text-align:center;}
.pop_w02 .inner .pop_table th {padding:15px 5px; border-top:1px solid #333; border-bottom:1px solid #333; background:#efeff1; font-size:15px; font-weight:500;}
.pop_w02 .inner .pop_table td {padding:15px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px;}
.pop_w02 .inner .pop_table td.last {border-right:none;}
.pop_w02 .inner .pop_table .inform input{width:100%; height:34px; line-height:34px;}

.pop_w02 .inner .pop_table.pop_table2 th {padding:15px 5px;}
.pop_w02 .inner .pop_table.pop_table2 td {padding:5px;}



@media(max-width:930px){
    #lp_pop2 {left:5% !important; right:5% !important; margin:0 !important;}
    .pop_w02 {width:100%; }
    .pop_w02 .lp_tit {text-align:left; text-indent:20px;}
    .pop_w02 .inner .tab_w a {font-size:15px;}
    .pop_w02 .inner .pop_table th,
    .pop_w02 .inner .pop_table td {padding:10px 5px;}
}

@media(max-width:630px){
    #lp_pop1 {left:5% !important; right:5% !important; margin:0 !important;}
    .pop_w01 {width:100%; }
    .pop_w01 .lp_tit {text-align:left; text-indent:20px;}
    .pop_w01 .calendar_box .tit .arrow.prev {left:10px;}
    .pop_w01 .calendar_box .tit .arrow.next {right:10px;}
    .pop_w01 .infop {margin-bottom:10px;}
}

@media(max-width:530px){
    .pop_w02 .inner .tab_w {border-left:1px solid #ddd; border-top:1px solid #ddd;}
    .pop_w02 .inner .tab_w a {width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
    .pop_w02 .inner .tab_w a.ov {border:3px solid #333;}
    .pop_w02 .bd_list_btn a {width:135px;}
}




/* 회원가입완료 */
.lo_wrap3 {padding:55px 5% 45px; border:1px solid #ddd; border-top:2px solid #397c6c; text-align:center;}
.lo_wrap3 strong {font-size:29px; color:#555;font-weight:400;}
.lo_wrap3 strong span {font-weight:600; color:#397c6c;}
.lo_wrap3 .icon {width:344px; height:224px; margin:20px auto 40px; background:url(/clean/img/prog/com.png)no-repeat ;}
.lo_wrap3 .p_wrap {padding:25px 5%; background:#f8f8f8; }
.lo_wrap3 .p_wrap span {display: block; font-size:15px; color:#555; line-height:1.5;}
.lo_wrap3 .log_btn {display:block;width:185px; height:45px; line-height:45px; margin:30px auto 0;  background:#397c6c; color:#fff; font-size:15px; font-weight:400;}


@media(max-width:500px){
    .lo_wrap3 strong {font-size:25px; }
    .lo_wrap3 .icon {width:250px; height:163px; background-size:250px 163px;}
}



/* 업체용 신청내역조회 */
.lo_wrap.lo_wrap4 {}
.lo_wrap.lo_wrap4 .inner_t .lo_con .input_w div {padding-left:130px;}
.lo_wrap.lo_wrap4 .tip_w {padding: 15px 10px 15px 18%;text-align: left;}
.lo_wrap.lo_wrap4 .tip_w p {position:relative; padding-left:25px; margin:0;color:#da4453; line-height:1.5;}
.lo_wrap.lo_wrap4 .tip_w p em {display:inline-block;position:absolute; left:0; top:4px; width:16px; height:16px; margin-right:5px;background: url(/site/common/img/ui/txt-tip.png)no-repeat; vertical-align:middle;}

@media(max-width:767px){
    .lo_wrap.lo_wrap4 .tip_w {padding: 15px;}
}
@media(max-width:450px){
.lo_wrap.lo_wrap4 .inner_t .lo_con .input_w div {padding-left:0;}
}


.applic_tab {}
.applic_tab #applic_tab_menu {margin:0 0 40px;}
.applic_tab #applic_tab_menu:after{content:"";display:block;clear:both;visibility:hidden;}
.applic_tab #applic_tab_menu li {float:left; width:25%; text-align:center;}
.applic_tab #applic_tab_menu li a {display:block;width:100%; height:50px; line-height:50px; border:1px solid #e8e8e8; border-right:none;background:#f8f8f8; font-size:15px; font-weight:500; color:#666;}
.applic_tab #applic_tab_menu li.active a {background:#fff;border-bottom:none;}
.applic_tab #applic_tab_menu li:last-child a { border-right:1px solid #e8e8e8;}

.applic_tab #applic_tab_content {}
.applic_tab #applic_tab_content .con {display: none;}
.applic_tab #applic_tab_content .con.active {display: block;}
.applic_tab #applic_tab_content .con .applic_col {margin:0 -1%;}
.applic_tab #applic_tab_content .con .applic_col:after{content:"";display:block;clear:both;visibility:hidden;}
.applic_tab #applic_tab_content .con .applic_col .col {float:left;width:48%;height: 505px;margin:0 1% 20px;border:1px solid #ddd;}
.applic_tab #applic_tab_content .con .applic_col .col .cate {width:105px; height:35px; margin:-1px 0 0 -1px; line-height:35px; text-align:center; font-size:15px; font-weight:500;}
.applic_tab #applic_tab_content .con .applic_col .col .cate.cate01 {background:#fbcc29; color:#111;}/* 대기중 */
.applic_tab #applic_tab_content .con .applic_col .col .cate.cate02 {background:#2c5b94; color:#fff;}/* 배차완료 */
.applic_tab #applic_tab_content .con .applic_col .col .cate.cate03 {background:#3d3d3d; color:#fff;}/* 처리완료 */
.applic_tab #applic_tab_content .con .applic_col .col .inner {padding:30px 30px 0;}
.applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st {}
.applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li {position:relative;min-height: 20px;margin:5px 0;padding-left:125px;}
.applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li:after {display:block; position:absolute; left:110px; top:5px; width:1px; height:10px; background:#ddd; content:"";}
.applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li:last-child:after {display:none;}
.applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li span {display:block; position:absolute; left:20px; top:0; }
.applic_tab #applic_tab_content .con .applic_col .col .inner .li_inner {overflow-y:auto;height:95px; padding:1px 20px 0 25px;}
.applic_tab #applic_tab_content .con .applic_col .col .inner .btn_w .btn {padding:10px 30px 11px 30px}

@media(max-width:920px){
    .applic_tab #applic_tab_content .con .applic_col .col {float:none;width:98%;height: auto;}
    .applic_tab #applic_tab_content .con .applic_col .col .inner {padding: 30px 15px;}
    .applic_tab #applic_tab_content .con .applic_col .col .inner .li_inner {overflow-y:auto;height:auto; padding:1px 20px 0 25px;}
}

@media(max-width:520px){
    .applic_tab #applic_tab_menu {border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
    .applic_tab #applic_tab_menu li {width:50%;}
    .applic_tab #applic_tab_menu li a {border:none; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
    .applic_tab #applic_tab_menu li.active a {border-bottom:1px solid #e8e8e8;}
    .applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li {padding-left:20px;}
    .applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li:after {display:none;}
    .applic_tab #applic_tab_content .con .applic_col .col .inner .list_1st li span {position:static; margin-bottom:5px;}
}



/* 관리자 팝업 */
#adm_pop1 .pop_w01,#adm_pop2 .pop_w02 {margin:0 auto;}


/* 팝업 */
.s04_pop01 {padding:20px;}



/* 신청안내 */
.sub0101{}
.sub0101 .infor_wrap .tab_menu2{overflow:hidden;}
.sub0101 .infor_wrap .tab_menu2 li{display:inline-block;float:left;width:50%;}
.sub0101 .infor_wrap .tab_menu2 li:first-child{border-right:none;}
.sub0101 .infor_wrap .tab_menu2 li a{display:block;padding:20px 35px;font-size:18px;color:#323232;font-weight:500;border:1px solid #ddd;border-bottom:none;background:url(/clean/img/sub01/tab_more.png)center right 4% no-repeat;}
.sub0101 .infor_wrap .tab_menu2 li.active a{background:url(/clean/img/sub01/tab_on.png)center right 4% no-repeat;}
.sub0101 .infor_wrap .tab_menu2 li.active a.tab_left{background-color:#0b7bb7;border:1px solid #0b7bb7;}
.sub0101 .infor_wrap .tab_menu2 li.active a.tab_right{background-color:#449871;border:1px solid #449871;}
.sub0101 .infor_wrap .tab_menu2 li.active a{color:#fff;}
.sub0101 .infor_wrap .tab_content2 .con{padding:40px;}
.sub0101 .infor_wrap .tab_content2 .content1{border:3px solid #0b7bb7;}
.sub0101 .infor_wrap .tab_content2 .content1 h3{color:#0b7bb7;}
.sub0101 .infor_wrap .tab_content2 .content2{border:3px solid #449871;}
.sub0101 .infor_wrap .tab_content2 .list_num li{position:relative;margin:10px 0;}
.sub0101 .infor_wrap .tab_content2 .list_num li strong{position:absolute;left:0;top:0;width:20px;height:20px;text-align:center;font-weight: 300; border-radius:20px;color:#fff;background:#64656e;font-size:12px;}
.s0101txt1 {margin-bottom:10px;color:#449871; font-size:17px; font-weight:400;}
.s0101_box {margin:0 -0.5%;}
.s0101_box:after{display:block;clear:both;visibility:hidden;content:"";}
.s0101_box .ui.uit {float:left; width:49%; margin:0 0.5%; border:1px solid #ddd; background:#f8f8f8;}
.s0101_box .ui.uit.type4 .inner {padding:20px 20px 20px 110px}
.s0101_box .ui_icon.icon1{background-position: -360px -145px;}
.s0101_box .ui_icon.icon2{background-position: -227px -216px;}
.s0101_box2 {margin:0 -0.5%; padding:30px 0;border-top:2px solid #333; border-bottom:1px solid #ddd;}
.s0101_box2:after{display:block;clear:both;visibility:hidden;content:"";}
.s0101_box2 .col {float:left; position:relative; width:50%; padding:0 20px 0 125px; border-right:1px dashed #ddd;}
.s0101_box2 .col:nth-child(2n) {border:none;}
.s0101_box2 .col .tit {font-size:17px; font-weight:bold;}
.s0101_box2 .col  .ico {display:block; position:absolute;  top:0; left:35px;height:53px;background:url(/clean/img/sub01/s0101_img02.png)no-repeat;}
.s0101_box2 .col  .ico.ico01 {width:58px; background-position:0 0;}
.s0101_box2 .col  .ico.ico02 {width:68px; background-position:-615px 0;}

@media(max-width:768px){   
    .sub0101 .infor_wrap .tab_content2 .con{padding:20px;}
    .s0101_box .ui.uit {float:none; width:100%; margin:0 0 10px}
    .s0101_box2 {padding:0;}
    .s0101_box2 .col {float:none; width:100%; padding:30px 20px 30px 125px; border-right:0; border-bottom:1px dashed #ddd;}
    .s0101_box2 .col  .ico  {top:30px;}
}
@media(max-width:599px){
    .s0101_box .ui.uit.type4 .inner {padding: 20px;}
}

@media(max-width:440px){
    .sub0101 .infor_wrap .tab_menu2 li a{padding:10px 20px;}
    .s0101_box2 .col {padding:30px 20px; }
    .s0101_box2 .col  .ico {display:none;}
}



#foot_layout .foot_wrap .utile_wrap li a {color:#999a9e;}



/* 수거지역 css 추가 */
.tnrj {}
.tnrj:after{display:block;clear:both;visibility:hidden;content:"";}
.tnrj .form-half { width:100%;}
.tnrj .form-half select {display:inline-block;width:190px;}
.tnrj #_ajax_collector_info {display:inline-block; margin-left:10px;line-height:38px; font-weight:bold;}

@media(max-width:767px){
    .tnrj .form-half select {width:100%;}
    .tnrj #_ajax_collector_info {margin:5px 0 0;}
} 

/* 20190410 */
/*환경담당자용*/
.lo_wrap.lo_wrap5 .inner_t .tip_w{text-align:left;padding-left:20%;}
@media(max-width:767px){
    .lo_wrap.lo_wrap5 .inner_t .tip_w{padding-left:5%;}
} 


/*환경담당자용 정보변경*/
.lo_wrap6{margin:150px 0;}/*개발서버에만(여백용)*/
.lo_wrap6 .table.table_p th{background:#eef6e7;padding:15px 0;font-size:16px;}
.lo_wrap6 .table.table_p th.r_line{border-left:1px solid #ddd;}
.lo_wrap6 .table.table_p td{padding-left:25px;font-size:16px;}
@media(max-width:767px){
    .lo_wrap6 .table.table_p th.r_line{border-left:none;}
    .lo_wrap6 .table.table_p td{padding-left:0;}
}


/*스티커출력*/
.ui.uit.type1 .inner.inner_date{padding: 20px 40px;border: 1px solid #ddd;}
.ui.uit.type1 .inner.inner_date fieldset:after {display:block; clear:both; visibility:hidden; content:'';}
.lo_wrap7:after {display:block; clear:both; visibility:hidden; content:'';}
.lo_wrap7 .inner_date .txtwrap .left p{display:inline-block;font-size:18px;font-weight: 700;color: #333;}
.lo_wrap7 .inner_date .txtwrap .left{display:inline-block;float:left;width:15%;}
.lo_wrap7 .inner_date .txtwrap .right{display:inline-block;float:right;width:80%;text-align:right;}
.lo_wrap7 .inner_date .txtwrap .right:after {display:block; clear:both; visibility:hidden; content:'';}
.lo_wrap7 .inner_date .txtwrap .right .date_box{display:inline-block;}
.lo_wrap7 .inner_date .txtwrap .right .date_box input{width:220px;height:48px;padding:0 22px;}
.lo_wrap7 .inner_date .txtwrap .right .date_box input.calendar{background:url(/clean/img/prog/cal.png)no-repeat 88% center;}
.lo_wrap7 .inner_date .txtwrap .right .date_line{display:inline-block;margin:0 10px;padding-top:10px;}
.lo_wrap7 .inner_date .txtwrap .right .btn_date{display:inline-block;}
.lo_wrap7 .inner_date .txtwrap .right .btn_date a.btn{height:48px;margin:0;line-height: 46px;padding: 0 10px;}
.lo_wrap7 .stick{display:inline-block;float:left;width:48%;min-height:370px;margin-right:4%;margin-bottom: 40px;padding:40px 30px 20px 30px;border:1px solid #ddd;}
.lo_wrap7 .stick2{margin-right:0;}
.lo_wrap7 .stick .addr {height:3.5em;overflow-y:auto;}
.lo_wrap7 .stick .bd_list_btn{float:right;margin-top:-20px;}
.lo_wrap7 .stick ul li{position:relative;padding: 0 0 5px 105px;}
.lo_wrap7 .stick ul li:after {position:absolute;left: 92px;top:5px;display:block;content:"";width:1px;height:12px;background:#aeaeae;}
.lo_wrap7 .stick ul li span{position:absolute;left: 0;top:0;width:90px;}
.lo_wrap7 .stick ul li ul.list_2st{height:10.5em;overflow-y:auto;}
.lo_wrap7 .stick ul li ul.list_2st li{padding:0 0 3px 15px;}
.lo_wrap7 .stick ul li ul.list_2st li:after{display: none;} 
.lo_wrap7 .stick ul li ul.list_2st li span{position: static;}
.lo_wrap7 .stick ul li:first-child em {word-break: break-all;}
.lo_wrap7 .stick .btn_copy{text-align:center;width:100%;margin:30px auto 10px;}
.lo_wrap7 .stick .btn_copy a{display:inline-block;height:45px;padding:0 20px 0 10px;min-width:49%;vertical-align:top;}
.lo_wrap7 .stick .btn_copy a.btn_copy02{padding:10px 50px 10px 20px;border:1px solid #ddd;}
.lo_wrap7 .stick .btn_copy a.btn_copy02 span{display:inline-block;width:30px;height:30px;margin-right:20px; background:url(/clean/img/prog/s04_ir.png)left -80px top -145px no-repeat;}
.lo_wrap7 .stick .btn_copy a.btn_copy03{padding:10px 50px 10px 20px;border:1px solid #2f4869;color:#2f4869;font-weight:400;}
.lo_wrap7 .stick .btn_copy a.btn_copy03 span{display:inline-block;width:30px;height:30px;margin-right:20px; background:url(/clean/img/prog/s04_ir.png)left -44px top -145px no-repeat;}
.lo_wrap7 .stick .btn_copy em{display:inline-block;width:30px;height:33px;margin:0 14px;background:url(/clean/img/prog/s04_ir.png)left 0 top -133px no-repeat;vertical-align: top;}
.lo_wrap7 .stick .btn_copy span {vertical-align:top; }

.btnbox a {display:inline-block; height:45px; line-height:43px;vertical-align:top; }
@media(max-width:1024px){
    .lo_wrap7 .inner_date .txtwrap .right .date_box input{/* width:150px; */}
    .lo_wrap7 .stick{padding:30px;}
    .lo_wrap7 .stick .bd_list_btn{float:none;margin:20px auto 0;text-align:center;}
}
@media(max-width:960px){
    .lo_wrap7 .stick .btn_copy a{width:100%;}
}
@media(max-width:880px){

    .lo_wrap7 .inner_date .txtwrap .left{width:100%;margin-bottom:20px;text-align:center;}
    .lo_wrap7 .inner_date .txtwrap .right {width:100%;}
    .lo_wrap7 .inner_date .txtwrap .right .date_box{margin-bottom:10px;float:none;width:100%;text-align:center;}
    .lo_wrap7 .inner_date .txtwrap .right .date_box input{width:45%;}
    .lo_wrap7 .inner_date .txtwrap .right .btn_date{float:none;width:100%;text-align:center;}
    .lo_wrap7 .inner_date .txtwrap .right .date_line{margin:0 2.5%;}
    .ui.uit.type1 .inner.inner_date {padding:20px 30px;}
    .ui.uit.type1 .inner.inner_date .btn_date a{width:48%;}
    
}
@media(max-width:768px){
    .lo_wrap7 .stick{width:100%;margin:2.5% 0;}    
}
@media(max-width:500px){
    .ui.uit.type1 .inner.inner_date{padding:3%;}
    .lo_wrap7 .inner_date .txtwrap .right .date_box input{width:98%;height:37px;padding:0 10px;}   
    .lo_wrap7 .inner_date .txtwrap .right .date_line{margin:1% 0;display:block;padding:0;}
    .ui.uit.type1 .inner.inner_date .btn_date a{width:98%;}
}



/* 한눈에보는 금산 */

.ui-locate-block{border:1px solid #ddd;background-color:#fff;}
.ui-locate-block:after{content:"";display:block;clear:both}
/*.ui-locate-block .locate-map{position:relative;float:left;width: 58%;height:100%;border-right: 1px solid #ddd;background: #f8f8f8;overflow: hidden;text-align: center;}*/
.ui-locate-block .locate-map .marker{display:inline-block;position: relative;width: auto;margin: 50px auto;}
.ui-locate-block .locate-map .marker div{position:absolute;left:0;top:0}
.ui-locate-block .locate-map .marker button {position:absolute;display: block;}
.ui-locate-block .locate-map .marker button > div {position:relative;}
.ui-locate-block .locate-map .marker button > div:after {display:block; position:absolute; content:'';}
.ui-locate-block .locate-map .marker button span{display:block;position: relative;z-index: 1;font-size:17px;color:#5d5d5d;}
.ui-locate-block .locate-map .marker button em {opacity: 0;display:block;position: relative;z-index: 1;width:34px;height:45px;margin:0 auto;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.ui-locate-block .locate-map .marker button.ov span {color:#fff;font-weight: 700;}
.ui-locate-block .locate-map .marker button.ov em {opacity:1;background:url(/clean/img/prog/mapicon.png)no-repeat;}
.ui-locate-block .locate-map .marker .marker-0 {}
.ui-locate-block .locate-map .marker .museum01 {left: 64%;top: 32%;}
.ui-locate-block .locate-map .marker .museum02 {left: 34%;top: 33%;}
.ui-locate-block .locate-map .marker .museum03 {right: 15%;top: 42%;}
.ui-locate-block .locate-map .marker .museum04 {left: 71%;bottom: 29%;}
.ui-locate-block .locate-map .marker .museum05 {left: 52%;bottom: 18%;}
.ui-locate-block .locate-map .marker .museum06 {left: 60%;top: 49%;}
.ui-locate-block .locate-map .marker .museum07 {right: 46%;top: 47%;}
.ui-locate-block .locate-map .marker .museum08 {right: 79%;top: 36%;}
.ui-locate-block .locate-map .marker .museum09 {left: 23%;top: 19%;}
.ui-locate-block .locate-map .marker .museum10 {left: 36%;top: 16%;}
.ui-locate-block .locate-map .marker .museum11 {left: 54%;top: 19%;}
.ui-locate-block .locate-map .marker .museum12 {left: 51%;top: 33%;}
.ui-locate-block .locate-map .marker .museum01.ov >div:after {left: -80%;top: -60%;width: 150px;height: 171px;background: url(/clean/img/prog/t_map08.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum02.ov >div:after {left: -184%;top: -35%;width: 193px;height: 168px;background: url(/clean/img/prog/t_map04.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum03.ov >div:after {left: -125%;top: -32%;width:172px;height:180px;background: url(/clean/img/prog/t_map12.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum04.ov >div:after {left: -176%;top: -79%;width: 204px;height:233px;background: url(/clean/img/prog/t_map11.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum05.ov >div:after {left: -170%;top: -38%;width:231px;height:228px;background: url(/clean/img/prog/t_map10.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum06.ov >div:after {left: -181%;top: -8%;width:210px;height:249px;background: url(/clean/img/prog/t_map09.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum07.ov >div:after {left: -102%;top: 8%;width:195px;height:199px;background:url(/clean/img/prog/t_map07.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum08.ov >div:after {left: -125%;top: -69%;width:178px;height:246px;background: url(/clean/img/prog/t_map01.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum09.ov >div:after {left: -104%;top: -39%;width:149px;height:238px;background: url(/clean/img/prog/t_map02.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum10.ov >div:after {left: -79%;top: -65%;width:189px;height: 200px;background: url(/clean/img/prog/t_map03.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum11.ov >div:after {left: -135%;top: -46%;width:189px;height:180px;background: url(/clean/img/prog/t_map05.png)no-repeat;}
.ui-locate-block .locate-map .marker .museum12.ov >div:after {left: -81%;top: -10%;width:189px;height:180px;background:url(/clean/img/prog/t_map06.png)no-repeat;}


/*.ui-locate-block .locate-search{margin-left: 58%;overflow: hidden;}*/
.ui-locate-block .locate-search .search{margin:0 25px 20px;padding: 0 0 20px;border-bottom: 1px dashed #ddd;}
.ui-locate-block .locate-search .tit{display: block;/* margin-bottom: 5px; */font-size: 20px; font-weight:bold;color: #2d2d2d;}

.ui-locate-block .locate-search .button-group{padding:20px 0;/* margin-bottom:20px; *//* border-bottom:1px dashed #ddd; */}
.ui-locate-block .locate-search .button-group:after{content:"";display:block;clear:both}
.ui-locate-block .locate-search .button-group div{float:left;margin:0 0.5% 1%;width:15%; text-align:center; }
.ui-locate-block .locate-search .button-group button{ display: inline-block;padding: 10px 0;width:100%; font-size:15px; color:#666666;border:1px solid #ddd; border-radius:5px;}
.ui-locate-block .locate-search .button-group button.ov{color:#2055a3;border:1px solid #2055a3; }
/* .ui-locate-block .locate-search .button-group button:hover,.ui-locate-block .locate-search .button-group button:focus{color:#2055a3 ;border:1px solid #2055a3;} */
.ui-locate-block .locate-search button:hover, .ui-locate-block .locate-search button:focus {outline: none;}


.ui-locate-block.opt:after {display:block;visibility:hidden;clear:both;content:'' }
.ui-locate-block.opt .locate-search .board-find .search .option{margin-bottom:10px;}
.ui-locate-block.opt .locate-search .board-find .search .option label{margin-left:10px;min-width: 60px;cursor: pointer;font-weight:600}
.ui-locate-block.opt .locate-search .board-find .search .option #type,
.ui-locate-block.opt .locate-search .board-find .search .option #type1{width:65%}

.ui-locate-block.opt .locate-search .info_txt {padding:0 25px;}
.ui-locate-block.opt .locate-search .info_txt ul li span {color:#da4453;}

.btn.radius {border-radius:30px;padding: 10px 30px;}

@media only screen and (max-width:1023px) {
    .ui-locate-block {padding-bottom:40px; height:auto;}
    .ui-locate-block .locate-map {float:none;width:100%;border-right:none;/*background:#f8f8f8;*/}
    .ui-locate-block .locate-map .marker {margin:20px 0;}
    .ui-locate-block .locate-search {margin-left:0;}
    .ui-locate-block .locate-search .search_wrap3 .inner div {width:31.3%;}

} 

@media only screen and (max-width:685px) {
	/*.ui-locate-block .locate-map {display:none;}*/
    .ui-locate-block .locate-search .search_wrap3 .inner div {width:100%;}
    .ui-locate-block .locate-search .search_wrap3 .inner div label {width:25%;}
    .ui-locate-block .locate-search .search_wrap3 .inner div select {width:68%;}
    .ui-locate-block .locate-search .button-group div {width:49%;}
}

@media only screen and (max-width:390px) {
    .ui-locate-block .locate-search .button-group div {/* width:99%; */}
}



.txt-tip2 {position:relative;padding-left:25px;color: #da4453;text-align: left;}
.txt-tip2 i {position:absolute; left:0; top:6px;}

.board_list.table .col_inq_cnt{width:10%}
.pagination.pg-blue .active a, .pagination.pg-blue .active .page-link{background: #004a33}
.no-more-tables .table-default tbody tr.nodata td{position: relative;left: auto;top: auto;width: auto;}

/*배출신청 맵관련추가*/
.map_wrap {position:relative;width:95%;height: 50vh; margin:auto;}
.map_wrap > .title {font-weight:bold;display:block;}
.map_wrap > .hAddr {position:absolute;left:10px;top:10px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:5px;}
.map_wrap > #centerAddr {display:block;margin-top:2px;font-weight: normal;}
.map_wrap > #map {width:100%;height:100%;position:relative;overflow:hidden;}
.bAddr {padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}