@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/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}
.container {margin:0 auto;width:1100px;}
.sub_container {float:right;width:835px;}
.clearfix:after {display:block;visibility:hidden;clear:both;content:""}

/* 로고 */
#hd .logo_wrap {position:relative;padding:10px 0;}
#hd .tnb {position:absolute;top:26px;right:0;}
#hd .tnb a {font-weight:300;}

/* 상단 메뉴바 */
#hd .gnb {min-width:1100px;border-top:1px solid #d1d1d1;border-bottom:5px solid #0070bd;}
#hd .gnb_wrap {background:url('../img/layout/gnb_bar.gif') right 7px no-repeat;}
#hd .gnb .gnb_1dli {float:left;position:relative;width:25%;background:url('../img/layout/gnb_bar.gif') left 7px no-repeat;}
#hd .gnb .gnb_1dli .gnb_1da {display:inline-block;padding:4px 0;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;}

/* 컨텐츠 박스 */
#contents {background:#f6f6f6;}
#contents.sub {padding-top:32px;}
#contents.sub .contents_box {position:relative;padding:14px 25px;background:#fff;}

#contents.sub .lnb {float:left;}
#contents.sub .lnb .tit {margin-bottom:13px;-webkit-box-shadow: 1px 1px 3px 1px #CCCCCC;box-shadow: 1px 1px 3px 1px #CCCCCC;}
#contents.sub .lnb li {margin-bottom:10px;-webkit-box-shadow: 1px 1px 3px 1px #CCCCCC;box-shadow: 1px 1px 3px 1px #CCCCCC;}
#contents.sub .lnb li a {display:block;padding:10px;height:41px;color:#7a7a7a;font-weight:400;background:url('../img/layout/lnb_ico.gif') right top no-repeat;}
#contents.sub .lnb li.on a, #contents.sub .lnb li:hover a {color:#009dde;font-weight:500;text-decoration:none;background:url('../img/layout/lnb_ico_on.gif') right top no-repeat;}

#contents.sub .contents_wrap {float:right;padding:30px 0 100px;width:810px;}
#contents.sub .contents_wrap h2.contents_tit {font-size:44px;color:#4a4a4a;font-weight:700;}
#contents.sub .contents_wrap h3 {margin:12px 0;}
#contents.sub .sec {margin-bottom:50px;}

/* 컨텐츠 네비 */
#bnb {position:absolute;padding-left:22px;top:15px;right:20px;}
#bnb a {font-size:13px;color:#646464;}
#bnb .bar {position:absolute;left:0;top:10px;width:17px;height:2px;background:#009dde;}

/* 탭 */
#contents.sub .tab_style {float:left;margin-bottom:50px;border-top:1px solid #009dde;border-left:1px solid #009dde;}
#contents.sub .tab_style a {display:inline-block;padding:7px 0;width:220px;height:42px;font-size:18px;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.sub .tab_style1 a {width:220px;}
#contents.sub .tab_style2 a {width:115px;}

/* 메인 */
#contents.main {min-width:1100px;height:746px;background:url('../img/main/main_visual1.jpg') center 0 no-repeat;}
#contents .main_quick {float:right;margin-top:80px;width:618px;}
#contents .main_quick li.con {float:left;margin-left:10px;margin-bottom:10px;-webkit-box-shadow: 1px 2px 4px 1px #BFBFBF;box-shadow: 1px 2px 4px 1px #BFBFBF;}
#contents .main_quick li.con7 {position:relative;width:402px;height:196px;background:#ffffff;}
#contents .main_quick li.con7 .con7_wrap {padding:12px 30px 10px;height:142px;}
#contents .main_quick li.con7 h2 {margin:0 0 5px;padding:0 0 0 30px;font-size:26px;color:#464646;font-weight:700;background:url('../img/main/main_con7_icon1.gif') left 12px no-repeat;}
#contents .main_quick li.con7 .more {position:absolute;top:22px;right:30px;font-size:12px;}
#contents .main_quick li.con7 .con7_board_list li {padding:1px 0 1px 12px;background:url('../img/main/main_con7_dot1.gif') 5px 12px no-repeat;}
#contents .main_quick li.con7 .con7_board_list li a {color:#898989;letter-spacing:-1px;line-height:160%;}
#contents .main_quick li.con7 .con7_board_list li a span {float:right;}
#contents .main_quick li .con7_ft {padding:1px 30px;height:56px;color:#fff;background:#60c330;}
#contents .main_quick li .con7_ft .con7_ft_list {margin-top:3px;}
#contents .main_quick li .con7_ft .con7_ft_list li {padding-left:5px;font-size:13px;line-height:120%;}

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

#contents.info .sec2 {margin-bottom:30px;}
#contents.info .sec2 h3 {padding-left:12px;font-size:22px;color:#009dde;font-weight:400;background:url('../img/common/dot1.gif') left 13px no-repeat;}
#contents.info .sec2 .sec2_box {padding:30px 40px;background:#edf5f8;-webkit-border-radius:10px;border-radius:10px;}
#contents.info .sec2 li {float:left;margin:0 30px;width:300px;text-align:center;}
#contents.info .sec2 li dt {margin-bottom:8px;}

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

/* 신청 처리 절차 */
#contents.process .contents_body h3 {padding-left:12px;font-size:22px;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:15px;}
#contents.process .tab_contents1 .sec3 strong {color:#ff0000;font-weight:300;}
#contents.process .tab_contents1 .sec3 .des {padding-left:10px;}

#contents.process .tab_contents2 .sec1 {font-size:15px;}
#contents.process .tab_contents2 .sec1 .des {padding-left:10px;}
#contents.process .tab_contents2 .sec2 .des {padding-left:10px;font-size:15px;}
#contents.process .tab_contents2 .sec2 .des table {margin-bottom:10px;color:#4a4a4a;text-align:center;}
#contents.process .tab_contents2 .sec2 .des table th {padding:5px;background:#d2d2d2}
#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 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:10px;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
#contents.commission .tab_contents table th {background:#efefef;}

/* 납부필증 판매소 안내 */
#contents.store .adr_search select {margin-bottom:20px;width:200px;height:30px;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:22px;color:#009dde;font-weight:400;background:url('../img/common/dot1.gif') left 13px no-repeat;}
#contents.inquiry_form .sec1 .privacy {margin-bottom:10px;padding:20px;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 {min-width:1100px;border-top:1px solid #d1d1d1;}
#ft #ft_wrapper {position:relative;padding:23px 0 10px;}
#ft #fnb {margin-bottom:15px;}
#ft #fnb li {float:left;margin-right:5px;padding:3px 10px;}
#ft #fnb li a {color:#fff;}
#ft #fnb li.fnb_privacy {background:#acacac;}
#ft #fnb li.fnb_refusal {background:#969696;}
#ft #ft_info {color:#9c9c9c;}
#ft #ft_info a {color:#9c9c9c;}
#ft #ft_info .copyright {margin:7px 0;color:#c9c9c9;}
#ft  .ft_customer {position:absolute;right:0;top:40px;}


/* 테이블 */
.table_style1 table  {border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;}
.table_style1 table th,
.table_style1 table td {padding:7px;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.table_style1 table th {background:#efefef;}
.table_style1 table input[type=text],
.table_style1 table input[type=file] {height:28px;border:1px solid #bfbfbf;}
.table_style1 table input[type=radio] {line-height:50%;}
.table_style1 table select {height:28px;border:1px solid #bfbfbf;vertical-align:top;}
.table_style1 table .required {display:inline-block;padding:0 5px;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;}

/* 버튼 */
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 4px 0 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}