@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {margin:0; padding:0; font-family:"나눔고딕", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif;
	/*-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
}
@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }
}
@media print {
  a[href]:after {
    content: "";
  }
}
@media print {
   /*직접코드 입력 */
}
#sidebar, #menu, #header_special, 
.permlink, .ttag, .ad, 
#commentinputs, #commentwrap h2, 
.comment {display:none;}

body {font-size:14px; line-height:1.5; color:#444;}
caption {display:none;}
a {color:#333; text-decoration:none;}
li {list-style-type:none;}

.tlink {float:right;}
.tlink a {color:#333;font-weight:bold;border:1px #666 solid;padding:5px 10px;border-radius:14px;margin:20px 0 0 20px;}
.wather {float:right;text-align:right;}
.wather li {}
.wather h2 {color:#ff0000;margin-top:1px;}

.dropdown-menu {color: #333333;top:40px;}
.btn-subitem:hover, .btn-subitem:focus, .btn-subitem:active, .btn-subitem.active, .open .dropdown-toggle.btn-subitem {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.dropdown-menu > li > a {font-family:"Malgun Gothic", "Nanum Gothic", "Dotum"; }

.clear  {clear:both;}

/* margin & padding */
.mt0  {margin-top:0 !important;}
.mt4  {margin-top:4px;}
.mt5  {margin-top:5px;}
.mt6  {margin-top:6px;}
.mt8  {margin-top:8px;}
.mt9  {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml25 {margin-left:25px;}

.mr0  {margin-right:0 !important;}

.p0 {padding:0px !important;}
.p10 {padding:10px;}

.pt10 {padding-top:10px;}
.pt25 {padding-top:25px;}

.pb5 {padding-bottom:5px;}

.pl0 {padding-left:0 !important;}
.pl20 {padding-left:20px !important;}


/* width & height */
.wp8 {width:8%;}
.wp10 {width:10%;}
.wp12 {width:12%;}
.wp15 {width:15%;}
.wp18 {width:18%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30% !important;}
.wp35 {width:35%;}
.wp37 {width:37%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp63 {width:63%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp100 {width:100%;}
.wp150 {width:150% !important;}
.wp200 {width:200% !important;}

#print_wrap {line-height:25px;}

/* header */
#skipNav {display:none;}
.header {}
.logo {margin:10px 0;}
.search {width:240px;margin:auto;margin-top:15px;}
.top_all_menu {text-align:right;font-size:14px;color:#666;margin-top:20px;}
.top_all_menu li {float:left;margin:0 5px;} 

/* footer */
.footer {background:#3e3e3e;padding:20px;}
.f_link {text-align:center;color:#c2c2c2;margin-bottom:15px;}
.f_link a {color:#c2c2c2;}
.f_link a .point {color:#fff;font-weight:bold;}
.f_cont {color:#f9f9f9;color:#c2c2c2;text-align:center;}

/* menu */
.navbar {margin:0;min-height:0}
.navbar-default {background:none;border:none;}
.header_menu {background:#1a7269;}
.header_menu .nav > li > a:focus, .header_menu .nav > li > a:hover {background:#000;}
.nav > li > a:focus, .nav > li > a:hover {font-weight: bold;}
.nav-justified {background-color: #1a7269;}
.nav-justified > li > a {margin-bottom: 0;color: #fff;text-align: center;font-size:18px;}
.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus {background:#000;font-weight: bold;}

/* index */
@media (min-width:768px){
.catchphrase {text-align:center;padding:50px 0;margin-bottom:100px;}
.main_qbtn {margin-top:-130px;padding:10px 0;background:rgba(0,0,0,0.5);z-index:11;margin-bottom:30px;}
.main_qbtn .title {color:#fff;font-weight:bold;font-size:16px;text-shadow: 0 2px 2px rgba(0,0,0,.9);}
}
@media (max-width:420px){
.catchphrase {text-align:center;padding:20px 0;margin-bottom:20px;}
.main_qbtn {margin-top:-330px;padding:10px 0;background:rgba(0,0,0,0.5);z-index:11;margin-bottom:30px;}
.main_qbtn .title {color:#fff;font-weight:bold;font-size:16px;text-shadow: 0 2px 2px rgba(0,0,0,.9);}
}
.cy_bg {width:80px;height:80px;background:#fff;border-radius:80px;margin:auto;text-align:center;padding:10px 0 0 10px;}
.cy_bg img {width:80%;}


.mwather .tit {background:#f9f9f9;text-align:center;}
.mwather .cont {color:#eb6100;font-weight:bold;font-size:14px;text-align:right;}

.minfo {}
.minfo .tab {margin:0;padding:0;height:40px;}
.minfo .tab li {position:relative;float:left;list-style-type:none;margin:0;padding:0;height:40px;overflow:hidden;}
.minfo .tab li a {display:block;text-align:center;cursor:pointer;color:#333;font-weight:bold;font-size:16px;}
.minfo .tab .active {background:#1a7269;border-bottom:#ffffff solid 1px;z-index:2;}
.minfo .tab .active a {color:#fff;}

.minfo .tab-content .tab .active {background:#00a0e9;border-bottom:#ffffff solid 1px;z-index:2;border-radius: 15px;}
.minfo .tab-content .h150 {height:150px;overflow:auto;}
.mwather .table {background:#fff;}

.index02 {background:#eeeeee;padding-top:20px;margin-bottom:20px;}

.mwatherde {padding:20px 0;text-align:center;font-weight:bold;background:#00a0e9;}
.mwatherde a {color:#fff;font-size:16px;}

.banner_s .ban_list {overflow: hidden; position: relative;}
.banner_s .ban_list ul {width: 10000px; position: relative;}
.banner_s .ban_list li {padding: 0px 20px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; line-height: 43px; font-size: 14px; font-weight: 600; margin-right: 10px; float: left; display: block;}

/* 탭메뉴 */
.widget_tab01 {padding:0;}
.widget_tab01 .tab {margin:0;padding:0;height:40px;}
.widget_tab01 .tab li {position:relative;float:left;list-style-type:none;margin:0;padding:0;height:40px;overflow:hidden;}
.widget_tab01 .tab li a {display:block;text-align:center;cursor:pointer;color:#333;font-weight:bold;font-size:16px;}
.widget_tab01 .tab .active {background:#1a7269;border-bottom:#ffffff solid 1px;z-index:2;}
.widget_tab01 .tab .active a {color:#fff;}

.widget_tab01 .tabpost {position:relative;z-index:1;top:1px;padding:15px;height:120px;}

.widget_tab01 .tabpost ul {padding:0;margin:0;}
.widget_tab01 .tabpost li {list-style-type:none;height:30px;padding:5px 0;line-height:150%;}
.widget_tab01 .tabpost li a {}
.widget_tab01 .tabpost li a:hover {text-decoration:underline;}
.widget_tab01 .tabpost li .dot {font:normal 10px arial;color:#999;margin-left:-4px;}
.widget_tab01 .tabpost li .comment {font:normal 11px arial;color:#FC6138;}
.widget_tab01 .tabpost li .new {font-family:arial;font-size:10px;color:#ff0000;}
.widget_tab01 .tabpost .more {text-align:right;}
.widget_tab01 .tabpost .more a {position:relative;top:-205px;font-size:24px;font-family:arial;color:#fff;background:#666;padding:0 5px;}
.widget_tab01 .tabpost .more a:hover {color:#000000;font-weight:bold;}

.popup p , .banner p , .tech p , .qlink p , .minfo p , .mwather p {font-size:16px;font-weight:bold;}
.popup , .qbnr {margin-bottom:30px;}
.popup i , .banner i {border:1px solid #ccc;padding:3px;}
.qbnr {padding-left:25px;}
.qbnr li {margin-bottom:5px;}
.qlink .glyphicon {font-size:24px;color:#666;top:8px;cursor:pointer;}
.banner {margin-top:15px;border-top:1px solid #ccc;padding-top:15px;}
.banner .title {padding-top:10px;}
.banner_item {border:1px solid #ccc;padding:10px;text-align:center;font-weight:bold;}

/* left menu */
.menu {}
.menu_header {height:110px;background:url('../images/s_menu_top.png') no-repeat;font-size:24px;text-align:center;font-weight:bold;padding:40px 0 0 30px;;border-bottom:1px solid #ccc;}
.menu_cont {font-size:15px;padding:10px;}
.menu_cont .ms01 {padding:10px 20px;border-bottom:1px solid #ccc;}
.menu_cont .ms02 {padding:10px 10px 10px 40px;border-bottom:1px solid #ccc;}
.menu_cont .ms02_last {padding:10px 10px;}
.menu_cont .step2 {margin:10px 0;}

@media (max-width:468px){
.menu_cont {font-size:15px;padding:0;}
.menu_cont .ms01 {padding:10px 20px;border:1px solid #ccc;}
.menu_cont .ms02 {padding:10px 10px;border:1px solid #ccc;}
}

/* Document */
.doc .content {min-height:600px;}
@media (min-width:768px){
.doc {background:url('../images/left_menu_bg.png') repeat-y;}
}
.icon01_06_01 {font-size:16px;margin:10px 0;padding-left:50px;padding-top:10px;min-height:41px;background:url('../images/doc/doc_img_01_06_01.png') no-repeat;}
.icon01_06_02 {font-size:16px;margin:10px 0;padding-left:50px;padding-top:10px;min-height:41px;background:url('../images/doc/doc_img_01_06_02.png') no-repeat;}
.icon01_06_03 {font-size:16px;margin:10px 0;padding-left:50px;padding-top:10px;min-height:41px;background:url('../images/doc/doc_img_01_06_03.png') no-repeat;}
.content ul {margin-left:30px;}
.doc_top {padding:10px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.content {padding-bottom:25px;line-height:28px;}
.content h3 {background:url('../images/h3_icon.png') no-repeat;width:100%;height:28px;padding-left:35px;padding-top:3px;font-size:18px;font-weight:bold;}
.content table {font-size:14px;}
.content .table_header {border-top:2px solid #00a0e9;}
.content th {text-align:center;background:#f0fbd6;}
.stit {padding-left:30px;background:url('../images/doc/stit_dot.png') no-repeat;}
.nor {padding-left:24px;background:url('../images/doc/nor_dot.png') no-repeat;}

/* 게시판 */
#middle_content{float:left;height:100%;}
/* content area */
#cur_loc{float:left;border-bottom:1px solid #e1e1e1;width:100%;top:10px;}
#cur_loc_align{float:right;position: relative;}
#cur_loc ul{list-style-type:none;padding-top:13px;padding-right:10px; letter-spacing: -1px;}
#cur_loc li{display:inline;font-size:90%;color:#727272;padding-right:1px;padding-left:1px;}

#content_field{float:left;}
#content_field h2{background: url("../images/bl/bl_circle.gif") no-repeat left center; vertical-align: bottom;padding-left:17px;font-size: 14px; letter-spacing: -1px;margin-top:15px; width:500px}
#content_field h3{background: url("../images/bl/bl_h4.gif") no-repeat left center; vertical-align: bottom;padding-left:15px;font-size:110%;margin-left:10px;margin-bottom:10px;margin-top: 15px;}
#content_field fieldset{border:1px solid #dddddd;padding:10px;line-height:30px;}
#content_field p{line-height:22px;letter-spacing:-1px;margin-top:10px;}

/* 민원발급 검색 */
.search_service{position:relative;padding-top:10px;padding-bottom:10px;}
.search_service table{border:1px solid #dddddd;table-layout:fixed;} 
#content_field .search_area{background: url("../images/subpage/bg_searcharea.gif") no-repeat left center; height:73px;}
.search_area{position:relative;}  

.search_area #SubTopSearch .inputText {
    position: relative;top:26px;left:10px;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;  
    height: 20px;
    line-height: 32px;
    padding: 0 4px;
    width: 150px;
}
.search_area #SubTopSearch select {
    position: relative;top:26px;left:10px;
    overflow:auto;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 32px;
    padding: 2px 4px;
    width: 100px;
}
.search_area #SubTopSearch .btnSearch {
    position: relative;top:26px;left:10px;
    background: url("../images/header/btn_subsearch.gif") no-repeat scroll left top transparent;
    height: 22px;
    margin-left: 1px;
    width: 42px;
    vertical-align: middle;
    cursor: pointer;
}
.search_area #SubTopSearch1 .inputText {
    position: relative;top:26px;left:10px;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;  
    height: 20px;
    line-height: 32px;
    padding: 0 4px;
    width: 150px;
}
.search_area #SubTopSearch1 select {
    position: relative;top:26px;left:10px;
    overflow:auto;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 32px;
    padding: 2px 4px;
    width: 100px;
}
.search_area #SubTopSearch1 .btnSearch {
    position: relative;top:26px;left:10px;
    background: url("../images/header/btn_subsearch.gif") no-repeat scroll left top transparent;
    height: 22px;
    margin-left: 1px;
    width: 42px;
    vertical-align: middle;
    cursor: pointer;
}
.search_area #SubTopSearch2 .inputText {
    position: relative;top:26px;left:10px;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;  
    height: 20px;
    line-height: 32px;
    padding: 0 4px;
    width: 150px;
}
.search_area #SubTopSearch2 select {
    position: relative;top:26px;left:10px;
    overflow:auto;
    border: 1px solid #dddddd; 
    color: #333333;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 32px;
    padding: 2px 4px;
    width: 100px;
}
.search_area #SubTopSearch2 .btnSearch {
    position: relative;top:26px;left:10px;
    background: url("../images/header/btn_subsearch.gif") no-repeat scroll left top transparent;
    height: 22px;
    margin-left: 1px;
    width: 42px;
    vertical-align: middle;
    cursor: pointer;
}

.search_conditions {
    position:relative;
    top:27px;
    left:20px;
    float:left;
}
    
.search_top_table{position:relative;top:10px;}
.search_top_table table{border:1px solid #dddddd;padding:5px;margin-bottom:10px;}  
.search_top_table table td{height:34px;}
.search_top_table .td_width{font-size:12px;width:100px;border-right:1px solid #dddddd;padding-left:5px;border-bottom:1px solid #dddddd;}
.search_top_table .td_content{font-size:12px;border-bottom:1px solid #dddddd;padding-left:5px;}

.search_result_div{float:left;top:20px;padding-bottom:0px;}
.search_area .search_txt{position:relative;top:27px;left:10px;}

.search_result_div table {
    border:1px solid #dddddd;
    font-size:90%;
    table-layout: fixed;
    text-align: center;
}
.search_result_div table th {
    background-color: #ecf2ff;
    border-bottom: 1px solid #4CA2C2;
    border-top: 2px solid #4CA2C2;
    border-right:1px solid #dddddd;
    color:#0f438a;
    height: 32px;
}
.search_result_div table td {
    border-right:1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    line-height: 28px;
    overflow: hidden;
    padding-left: 0px;
    white-space: nowrap;
    width: 100%;
}
.search_result_div a {
    color: #666666;
}
.search_result_div a:link, a:visited {
    color: #666666;
}
.search_result_div a:hover {
    color: #1F58B1;
    text-decoration: underline;
}
/* 페이지 nav */
#paging_div{clear:both;position:relative;width:100%;top:20px;}
#paging_div .paging_align{
    clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
	margin-bottom:30px;
    }
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}

/* 로그인 */
.user_login {float:left;background: url("../images/login/bg_login.gif") no-repeat left top; width:810px; height:160px;margin-top:20px;}
.user_login .user_login_ultop {
    float: left;
    margin: 0;
    padding: 40px 0 28px 20px;
    width: 370px;
}
.user_login .user_login_ultop ul {
    float: left;
    margin: 0;
    padding: 3px 0 0;
    width: 270px;
}
.user_login .user_login_ultop ul li {
    float: right;
    margin: 0;
    padding: 0 0 2px;
}
.user_login .user_login_ultop ul li img {
    vertical-align: middle;
}
.user_login .user_login_ultop ul li input {
    vertical-align: middle;
}
.user_login .user_login_ultop ul li .input_style {
    border: 2px solid #0958A5;
    height: 17px;
    margin: 0 0 0 9px;
    padding: 2px 0 0 2px;
    width: 176px;
}
.user_login .user_login_ultop .btn_style {
    float: left;
    height: 51px;
    margin-left:5px; margin-top:1px;
    width: 62px;
}


.user_login .user_login_btstyle {
    float: left;
    margin: 0;
    position: relative;
    top: -15px;
    left:96px;
    width: 754px;
}
.user_login .user_login_btstyle .bt_ulstyle1 {
    float: left;
    width: 75px;
}
.user_login .user_login_btstyle .bt_ulstyle1 li {
    background: url("../../images/member/bul_arrow.gif") no-repeat scroll 0 5px transparent;
    color: #727475;
    margin: 0 0 7px;
    padding: 0 0 0 11px;
}
.user_login .user_login_btstyle .bt_ulstyle2 {
    float: left;
    width: 119px;
}
.user_login .user_login_btstyle .bt_ulstyle2 li {
    margin: 0 0 7px;
}
.user_login .user_login_btstyle .bt_ulstyle2 li img {
    vertical-align: middle;
}

.text_area{float:left;padding-top:30px;}
.text_area ul{list-style-type:none;}
.text_area ul li{width:350px;display:block; background: url("../images/bl_dot.gif") no-repeat 0px 8px;padding-left:10px;} 

/* 공지사항 테이블 */
.default_tablestyle {
    clear:both;
    color: #666666;
    float: left;
    line-height: 18px;
    padding-top: 20px;
}
.default_tablestyle table {
    font-size:90%;
    table-layout: fixed;
    text-align: center;
}
.default_tablestyle table th {
    border-bottom: 1px solid #dddddd;
    border-top: 2px solid #dddddd;
    color:#0f438a;
    height: 26px;
}
.default_tablestyle table td {
    border-bottom: 1px solid #dddddd;
    line-height: 28px;
    overflow: hidden;
    padding-left: 0px;
    white-space: nowrap;
    width: 100%;
}
.default_tablestyle a {
    color: #666666;
}
.default_tablestyle a:link, a:visited {
    color: #666666;
}
.default_tablestyle a:hover {
    color: #1F58B1;
    text-decoration: underline;
}
.default_tablestyle .align_left_text {
    text-align:left;
    padding-left: 3px;
}
.modify_user table{clear:both; 
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;}
.modify_user table th {background-color:#f2f2f2;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;
}
.modify_user table td{background-color:#ffffff;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;padding-left:10px;}
    
.search_buttons{
    margin : 0 0 0 50px;
    top:50px;
    float:left
}