@charset "utf-8";
/* Noto Sans KR 300, 400, 500, 700 ,900 */
@import url(notosanskr.css); 

/* 초기화 */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {overflow-y:scroll;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {margin:0;font-family:'Noto Sans KR',dotum,"돋움",Arial,verdana,sans-serif;font-size:14px;color:#5e5e5e;font-weight:300;line-height:160%;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR',dotum,"돋움",Arial,verdana,sans-serif;line-height:160%;}
ul, ol, dl {margin:0;padding:0;list-style:none}
dt, dd {margin:0;}
strong, b {font-weight:500;}
img {vertical-align:middle;border:0;}
legend {position:absolute;margin:0;padding:0;width:auto;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:0;}
a:link, a:visited {color:#5e5e5e;text-decoration:none}
a:hover, a:focus, a:active {color:#5e5e5e;text-decoration:none}
input[type=checkbox] {margin-top:10px;vertical-align:-2px;}
input[type=radio] {vertical-align:-2px;}
table {width:100%;border-spacing:0;border-collapse:collapse;}
.table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.clearfix:after {display:block;visibility:hidden;clear:both;content:""}

#wrapper {position:relative;margin:0 auto;width:100%;max-width:768px;background:#fff;}

#hd {position:relative;width:100%;height:65px;z-index:1000;}
#hd .tnb {height:5px;background:url('../img/layout/tnb_bg.gif');}
.navbar-default {background-color:#fff;border-bottom:1px solid #009ede;}
.navbar-fixed-top {top:auto !important;left:auto !important;right:auto !important;width:100%;max-width:768px;}
.navbar-toggle {display:block;margin-top:15px;border:0;}

/* 로고 */
#hd .logo {position:relative;float:left;padding:5px 5px;}
#hd .logo img {width:200px;}

/* 상단 메뉴바 */
#hd .gnb {float:right;margin-top:30px;}
#hd .gnb .gnb_1dli {float:left;position:relative;}
#hd .gnb .gnb_1dli .gnb_1da {display:inline-block;padding:4px 35px;width:100%;height:36px;font-size:19px;color:#4a4a4a;font-weight:500;text-align:center;line-height:150%;}
#hd .gnb .gnb_1dli .gnb_1da:hover {text-decoration:none;}
#hd .gnb .gnb_2dul {display:none;position:absolute;left:0;top:36px;width:100%;text-align:center;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;overflow:hidden;z-index:4;}
#hd .gnb .gnb_2dul li {width:100%;background:url('../img/layout/2dli_bg.gif');}
#hd .gnb .gnb_2dul li a {display:block;padding:8px 0;color:#fff;border-top:1px solid #4594ca;}

/* GNB - MOBILE */
.slide_right {position: fixed;display: block;float:none;padding:0 0 0 40px;top: 0;height: 100% !important;width: 270px;right: 0;z-index: 1032;visibility: visible;overflow:hidden;border-top: none;text-align: left;border-left: 1px solid #e3e3e3;background-color:#fff;-webkit-transform: translate(270px, 0);-moz-transform: translate(270px, 0);-o-transform: translate(270px, 0);-ms-transform: translate(270px, 0);transform: translate(270px, 0);-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.slide_right .slide_hd {position:relative;}
.slide_right .slide_hd:after {display:block;visibility:hidden;clear:both;content:""}
.slide_right .slide_hd .navbar-toggle {display:block;margin:20px;}
.slide_right .slide_hd .navbar-toggle .icon-bar {background:#888;}
.slide_right .slide_hd .navbar-toggle .icon-bar.bar1 {position:absolute;top:8px;left:0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.slide_right .slide_hd .navbar-toggle .icon-bar.bar2 {position:absolute;bottom:8px;left:0;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.slide_right .slide_right_wrap {position:relative;height:100%;overflow:auto;}
.slide_right .nav {float:none;margin:0;}
.slide_right .nav > li a,
.slide_right .nav > li.open a{display:block;margin: 0;padding:10px 10px;font-size: 13px;border-bottom: 1px solid #e5e5e5;}
.slide_right .nav > li > a {color: #444;font-weight: 500;}
.slide_right .nav > li > a:hover,
.slide_right .nav > li > a:focus {background: transparent;border-color:#e5e5e5;}
.slide_right .nav > li > a:hover,
.slide_right .nav > li.open > a {color: #7ab5c7;}
.slide_right .nav > li > a i {float:right;margin-right:15px;font-size:16px;}
.slide_right .nav > li > ul {margin:0;padding:0;}
.slide_right .nav > li.open > ul > li a {padding:7px 10px;font-size:12px;color: #444;font-weight:400;background:#f8f8f8;}
.slide_right .nav > li.open > ul > li > ul > li > a {background:#f2f2f2;}

#bodyClick {position:fixed;width:100%;height:100%;top: 0;left:0;background:rgba(0,0,0,0.5);z-index:1031;-webkit-transition: opacity 0.4s ease;-moz-transition: opacity 0.4s ease;-ms-transition: opacity 0.4s ease;-o-transition: opacity 0.4s ease;transition: opacity 0.4s ease;}
.nav-open {overflow:hidden;}
.nav-open .slide_right {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);} 

/* 컨텐츠 박스 */
#contents {background:#fff}
#contents.sub .contents_box {position:relative;padding:15px;background:#fff;}

#contents.sub .contents_wrap {}
#contents.sub .contents_wrap h2.contents_tit {font-size:20px;color:#4a4a4a;font-weight:700;}
#contents.sub .contents_wrap h3 {margin:12px 0;}
#contents.sub .sec {margin-bottom:50px;}

/* 탭 */
#contents.sub .tab_style {float:left;margin-bottom:15px;width:100%;border-top:1px solid #009dde;border-left:1px solid #009dde;}
#contents.sub .tab_style a {display:inline-block;padding:7px 0;width:50%;height:36px;font-size:14px;color:#545454;text-align:center;border-right:1px solid #009dde;border-bottom:1px solid #009dde;background:#fff;}
#contents.sub .tab_style a.on {color:#fff;background:#009dde;}
#contents.sub .tab_style a:hover {text-decoration:none;}


/* 메인 */
#contents.main {}
#contents .main_visual {}
#contents .main_quick ul {width:100%;}
#contents .main_quick li {float:left;width:33.33%;}

#contents .main_ft {margin-top:10px;background-color:#fff;overflow:hidden;}
#contents .main_ft .con4 {position:relative;background:#ffffff;}
#contents .main_ft .con4 .con4_hd {padding:8px 15px 2px;border-bottom:1px solid #e3e3e3;}
#contents .main_ft .con4 .con4_hd h2 {margin:0 0 5px;padding:0;font-size:20px;color:#2e2e2e;font-weight:500;}
#contents .main_ft .con4 .con4_hd .more {position:absolute;top:15px;right:25px;font-size:12px;}
#contents .main_ft .con4 .con4_list {padding:10px 15px 15px;}
#contents .main_ft .con4 .con4_list li {padding:2px 0;}
#contents .main_ft .con4 .con4_list li a {font-size:15px;color:#2e2e2e;letter-spacing:-1px;line-height:160%;}
#contents .main_ft .con4 .con4_list li a span {float:right;}
#contents .main_ft .con4 .con4_ft {padding:10px 15px;color:#fff;background-color:#60c330;}
#contents .main_ft .con5 {margin-top:10px;position:relative;background:#ffffff;}
#contents .main_ft .con5 .con5_hd {padding:8px 15px 2px;border-bottom:1px solid #e3e3e3;}
#contents .main_ft .con5 .con5_hd h2 {margin:0 0 5px;padding:0;font-size:20px;color:#2e2e2e;font-weight:500;}
#contents .main_ft .con5 .con5_hd .more {position:absolute;width:20px;top:15px;right:25px;}
#contents .main_ft .con5 .con5_con .phone_num a {display:inline-block;padding:20px 15px 10px;font-size:34px;color:#ee7c1b;font-weight:700;}
#contents .main_ft .con5 .con5_con .customer_info {padding:15px 15px 20px;font-size:15px;color:#2e2e2e;}
#contents .main_ft .con5 .con5_con .customer_info span {display:block;margin-top:6px;color:#009ede;}
#contents .main_ft .con5 .con5_ft {clear:both;background-color:#eee;border-top:1px solid #e3e3e3;overflow:hidden;}
#contents .main_ft .con5 .con5_ft li {float:left;padding:1px 0 3px;width:50%;font-size:13px;text-align:center;}

/* 신청안내 */
#contents.info .sec1 {margin-bottom:60px;font-size:14px;color:#878787;font-weight:300;}
#contents.info .sec1 h3 {margin:0;font-size:16px;color:#878787;font-weight:300;}
#contents.info .sec1 h3 strong {font-size:16px;color:#0d76be;font-weight:300;}

#contents.info .sec2 {margin-bottom:30px;}
#contents.info .sec2 h3 {padding-left:12px;font-size:20px;color:#009dde;font-weight:400;background:url('../img/common/dot1.gif') left 13px no-repeat;}
#contents.info .sec2 .sec2_box {padding:10px;background:#edf5f8;-webkit-border-radius:10px;border-radius:10px;}
#contents.info .sec2 dt {padding:15px;text-align:center;}
#contents.info .sec2 dd {padding:15px;font-size:14px;font-weight:500;line-height:1.6;text-align:center;}

#contents.info .sec3 {padding:15px;border:3px solid #ef7c1b;-webkit-border-radius:10px;border-radius:10px;}
#contents.info .sec3 h3 {padding-left:60px;font-size:16px;color:#ef7c1b;font-weight:400;background:url('../img/sub/info_ico1.gif') no-repeat;background-size:50px 50px;}
#contents.info .sec3 .des {padding:0 0;font-size:14px;line-height:160%;}

/* 신청 처리 절차 */
#contents.process .contents_body h3 {padding-left:12px;font-size:20px;color:#4a4a4a;font-weight:400;background:url('../img/common/dot3.gif') left 13px no-repeat;}
#contents.process .tab_contents1 .sec2 span {display:inline-block;margin-left:12px;}
#contents.process .tab_contents1 .sec3 {font-size:14px;}
#contents.process .tab_contents1 .sec3 strong {color:#ff0000;font-weight:300;}
#contents.process .tab_contents1 .sec3 .des {}
#contents.process .tab_contents1 .sec3 .des a {color:#009dde;}
#contents.process .tab_contents1 .sec3 .des strong {color:#ff0000;}

#contents.process .tab_contents2 .sec1 {font-size:14px;}
#contents.process .tab_contents2 .sec1 .des {}
#contents.process .tab_contents2 .sec1 .des span {font-size:13px;color:#4aa8d0;}
#contents.process .tab_contents2 .sec1 .des a {color:#009dde;}
#contents.process .tab_contents2 .sec2 .des {font-size:14px;}
#contents.process .tab_contents2 .sec2 .des table {margin-bottom:10px;max-width:780px;color:#4a4a4a;}
#contents.process .tab_contents2 .sec2 .des table th {padding:5px;background:#d2d2d2;text-align:center;}
#contents.process .tab_contents2 .sec2 .des table th.th2 {background:#ebebeb;}
#contents.process .tab_contents2 .sec2 .des table td {padding:8px 20px 20px;font-size:14px;border:1px solid #ebebeb;vertical-align:top;}

/* 품목별 수수료 안내 */
#contents.commission .tab_contents .tab_img {margin-bottom:10px;}
#contents.commission .tab_contents table {text-align:center;border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;}
#contents.commission .tab_contents table th,
#contents.commission .tab_contents table td {padding:4px;font-size:13px;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
#contents.commission .tab_contents table th {font-size:13px;text-align:center;background:#efefef;}

/* 납부필증 판매소 안내 */
#contents.store .adr_search select {margin-bottom:20px;width:120px;height:28px;border:1px solid #ddd;}
#contents.store .adr_search input[type="submit"] {width:50px;height:28px;vertical-align:top;cursor:pointer;}
#contents.store .tab_contents table {text-align:center;}
#contents.store .tab_contents table .adr {text-align:left;}

/* 수거업체 안내 */
#contents.business table {text-align:center;}
#contents.business table .adr {text-align:left;}

/* 폐기물 배출 신청 */
#contents.inquiry_form h3 {padding-left:12px;font-size:20px;color:#009dde;font-weight:400;background:url('../img/common/dot1.gif') left 13px no-repeat;}
#contents.inquiry_form .sec1 .privacy {margin-bottom:10px;padding:10px;height:200px;border-top:2px solid #333;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow-y:scroll;}
#contents.inquiry_form .sec2 .warning {margin-bottom:30px;padding:20px;font-size:15px;color:red;font-weight:500;background:#e5e5e5;}
#contents.inquiry_form .sec2 .btn_confirm {text-align:center;}

/* 처리결과 확인 */
#contents.result_form h3 {padding-left:12px;font-size:22px;color:#009dde;font-weight:400;background:url('../img/common/dot1.gif') left 13px no-repeat;}
#contents.result_form .sec1 .table {margin-bottom:30px;}
#contents.result_form .sec1 .warning {padding:20px;font-size:15px;color:red;font-weight:500;background:#e5e5e5;}
#contents.result_form .sec1 .btn_confirm {text-align:center;}

/* 공지사항 */
#contents.notice_list .sec1 .table {margin-bottom:20px;}
#contents.notice_list .sec1 table {text-align:center;}
#contents.notice_list .sec1 table .subject {text-align:left;}
#contents.notice_list .sec1 .btn_group {float:right;}
#contents.notice_view .sec1 .table {margin-bottom:20px;}
#contents.notice_view .sec1 .btn_group {float:right;}
#contents.notice_write .sec1 .table {margin-bottom:20px;}
#contents.notice_write .sec1 .btn_group {float:right;}

/* 하단 */
#ft {background-color:#0067a6;}
#ft .ft_line {height:26px;font-size:16px;color:#fff;}
#ft #ft_wrapper {position:relative;padding:8px 0 12px;}
#ft #fnb {margin-bottom:13px;padding:0 0 11px;border-bottom:1px solid #009ede;}
#ft #fnb ul {text-align:center;}
#ft #fnb li {display:inline-block;;margin:0 5px;padding:1px 0x;font-size:13px;color:#fff;}
#ft #fnb li a {font-size:13px;color:#fff;}
#ft #ft_info {font-size:13px;color:#fff;text-align:center;}
#ft #ft_info a {color:#fff;}
#ft #ft_info .copyright {margin:10px 0 20px;font-size:12px;color:#78bde7;text-align:center;}


/* 테이블 */
.table_style1 table  {border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;}
.table_style1 table th,
.table_style1 table td {padding:7px;font-size:13px;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.table_style1 table th {text-align:center;background:#efefef;}
.table_style1 table input[type=text] {padding:5px;width:100%;height:28px;border:1px solid #bfbfbf;}
.table_style1 table input[type=file] {border:1px solid #bfbfbf;}
.table_style1 table input[type=radio] {line-height:50%;}
.table_style1 table textarea {padding:5px;border:1px solid #bfbfbf;}
.table_style1 table select {height:28px;border:1px solid #bfbfbf;vertical-align:top;}
.table_style1 table .required {display:inline-block;padding:0;color:#eb0032;font-weight:500;vertical-align:-2px;}
.table_style1 table .subject {text-align:left;}

.table_style2 table  {border-top:2px solid #333;}
.table_style2 table th,
.table_style2 table td {padding:10px;border-bottom:1px solid #bfbfbf;}
.table_style2 table th {font-size:15px;color:#333;text-align:left;background:#efefef;}
.table_style2 table td.content {padding:30px 10px;min-height:300px;vertical-align:top;}

.table_style3 table  {border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;}
.table_style3 table th,
.table_style3 table td {padding:7px;text-align:center;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.table_style3 table th {background:#efefef;}
.table_style1 table input[type=text] {padding:5px;height:28px;border:1px solid #bfbfbf;}
.table_style1 table input[type=file] {border:1px solid #bfbfbf;}
.table_style3 table input[type=radio] {line-height:50%;}
.table_style1 table textarea {padding:5px;border:1px solid #bfbfbf;}

/* 버튼 */
a.btn_style1 {padding:8px 40px;font-size:15px;color:#fff;font-weight:400;background:#0d76be;border:1px solid #0d76be;}
a.btn_style2 {padding:8px 20px;font-size:15px;color:#555;font-weight:400;background:#ddd;border:1px solid #aaa;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:1.8em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0;background:#333;color:#fff;font-weight:normal}

/* 화면낭독기 사용자용 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.img-responsive {width:100%;max-width:100%;}