@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src:url(../fonts/NanumGothic-Regular.eot);
  src:url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
    url(../fonts/NanumGothic-Regular.woff) format('woff'),
    url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 500;
  src:url(../fonts/NanumGothic-Bold.eot);
  src:url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
    url(../fonts/NanumGothic-Bold.woff) format('woff'),
    url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src:url(../fonts/NanumGothic-Bold.eot);
  src:url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
    url(../fonts/NanumGothic-Bold.woff) format('woff'),
    url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src:url(../fonts/NanumGothic-ExtraBold.eot);
  src:url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
    url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
    url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset */
html{height: 100%}
form{
  margin: 0;
  padding: 0;
}
body{
    margin: 0;
    padding: 0;
  height: 100%;
    font-family:'Nanum Gothic', '돋움',Dotum,Arial,sans-serif;
    color: #333333;
    letter-spacing: -0.04em;
    -ms-overflow-style:scrollbar;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}
body.bgnone{
  background-color: #ffffff;
}
body.popup{
  background-color: #ffffff;
}
body.map{
  overflow: hidden;
}
hr{
    height:5px;
    background-color:#000000;
}
a{
    color: inherit;
}
a:hover{
    text-decoration: none;
    color: inherit;
}
a:active{
  color: inherit;
}
a:visited{
  color: inherit;
}
.form-group{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.form-group label{font-weight:normal;}
.form-group label:first-child{font-weight:600; padding:5px 10px 6px 0;}
.form-group .formgroup_longTxt{overflow:hidden; float:left; width:550px; margin-bottom:0;}
.form-group .formgroup_longTxt li{display:inline-block; margin:1px 2px 1px 0;}
.form-group span.sTitle{margin-left:10px; padding-right:5px; font-size:12px; color:#666; font-weight:600;}
.form-control{
    border-color: #c6c7ce; color:#444;
}
select.input-sm , input.input-sm{
    height: 25px;
    padding: 2px 5px; vertical-align:middle;
}
input.input-sm.textR{text-align:right;}
select.input-sm {
    line-height: 19px;
}
.form-control{
    height: 30px;
}
.skip-navigation{
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 10;
}
.btn{
    padding: 4px 12px; font-size:13px; color:#555; font-weight:600;
}
.btn:focus, .btn:active:focus{outline:none;}
.btn_1{display: inline-block; padding: 4px 12px; font-size:13px; color:#555; font-weight:600; border: 1px solid transparent; border-radius: 4px; border-color: #ccc;}

.btn-default{
    background: -webkit-linear-gradient(#ffffff, #e9e9e9);
    background: -o-linear-gradient(#ffffff, #e9e9e9);
    background: -moz-linear-gradient(#ffffff, #e9e9e9);
    background: linear-gradient(#ffffff, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9e9');/*For IE7-8-9*/
    -o-box-shadow:0 0 0 1px #ffffff inset;
    -moz-box-shadow:0 0 0 1px #ffffff inset;
    -webkit-box-shadow:0 0 0 1px #ffffff inset;
    box-shadow:0 0 0 1px #ffffff inset;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 3px 5px 2px 5px;
    font-size: 12px;
}
/* label.radio, label.radio-inline{
    font-size: 11px;
    color: #666666;
} */
input[type="radio"]{
    margin-top: 2px;
}
label{
    font-weight: 600;
}
.panel-body .table.mb0{
    margin-bottom: 0;
}
.table-responsive{
    border: none;
    overflow-y: hidden;
    overflow-x: auto;
}
select.form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent : 0.01px;
    text-overflow : '';
    padding: 2px 20px 2px 5px;
    background: #fff url('../img/common/arr_select.png') 100% 50% no-repeat;
}
select.form-control::-ms-expand {
    display: none;
}
.panel-title a[data-toggle="collapse"]{
    display: block;
}
/* // reset */

/* layout */
.green{
    color: #169a64;
    font-weight: 600;
}
.sr-only-focusable,.sr-only-focusable:focus{
    display: inline-block;
    padding: 2px 5px;
    color: #ffffff;
    background: #03a5e4;
    border: 1px solid #000000;
}
#wrap{
   background-color: #ffffff;
}
@media (min-width: 1200px){
    .container {
        width: 980px;
    }
}
@media (max-width: 1199px){
    .container {
        width: 980px;
    }
}
.gnb_box{
    position: relative;
    margin: 6px 0 6px 0;
    padding: 0;
    text-align:right;
    font-size: 12px;
    color: #333333;
}
.gnb_box li{
    line-height: 12px;
    margin: 0 0 0 10px;
    list-style: none;
    display: inline-block;
}
.gnb_box li .go_molit{
    padding-left: 38px;
    background:url('../img/common/g_molit.png') no-repeat;
}
.nav_container{
    background: url('../img/main/bg_top.png') no-repeat top center;
    padding: 0;
}
.navbar-brand{
    display: inline-block;
    float: left;
    margin: 0;
    width: 330px;
    height: 80px;
    padding: 18px 0 18px 0;
    background: #1E6CC4;
}
.navbar-brand a:link{
   background-color:transparent;
}
#top_navi{
    float: left;
    width: 650px;
    height: 80px;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar{
    width: 650px;
    min-height: inherit;
    margin-bottom: 0;
}
.navbar .nav{
    float: right;
    margin-top: 5px;
    display: inline-block;
}
.navbar-nav{
    margin: 0;
}
@media (min-width: 768px){
    .navbar-nav {
       float:none;
       margin: 0;
    }
}
.navbar-default , .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: inherit;
    border:none;
}
.nav>li{
    display: inline-block;
    padding: 0;
  margin-right: 60px;
}
#top_navi .nav>li:last-child{
    margin-right: 0;
}
.navbar-default .navbar-nav>li>a{
    letter-spacing: -1px;
    color: #666;
    font-size: 18px;
  font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
    color: #0959B3;
}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    color: #0959B3;
    background-color: inherit;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    color: #0959B3;
    background-color: inherit;
}
.navbar-nav>li>.dropdown-menu{
    margin-top: 5px;
    padding: 0;
    min-width: 130px;
    border: none;
    border-radius: 0;
    border:1px solid #dddddd;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-nav>li.right>.dropdown-menu{
  left: auto;
  right: 0;
}
.dropdown-menu>li>a{
    font-size: 14px;
    color: #999999;
}
.site-navigation .dropdown-menu > li {
  position: relative;
    border-bottom:1px dotted #dfdfdf;
}
.site-navigation .dropdown-menu > li:last-child{
    border-bottom: none;
}
.site-navigation .dropdown-menu > li > a {
    color: #666666;
  padding: 5px 10px;
}
.site-navigation .dropdown-menu > li > a:hover, .site-navigation .dropdown-menu > li > a:active ,.site-navigation .dropdown-menu > li > a:focus{
  color: #ffffff;
    background-color: #1e96ff;
}
.site-navigation .dropdown-menu > li:last-child > a {
  border-bottom: 0;
}
.site-navigation .dropdown-menu li > a > i.sub-indicator:before {
  content: "\f105";
}
.site-navigation .dropdown-menu .dropdown-menu {
  margin-left: 0;
  top: 0;
  left: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
    border:1px solid #dddddd;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.site-navigation .dropdown-menu li .has{
    padding-right: 25px;
    background: url('../img/common/arr_top_menu.png') no-repeat center right;
}
.site-navigation .dropdown-menu li.sfHover .has{
    color: #ffffff;
    background:#1e96ff url('../img/common/arr_top_menu_on.png') no-repeat center right;
}
#content_container{width:1030px; margin:0 auto; padding:0;}
#left_container{
    width: 200px;
    float: left;
    padding: 0;
}
#left_nav{
    list-style: none;
}
h2{
    margin-top: 34px;
    padding-bottom: 25px;
    color: #4576be;
    text-align: center;
    font-size: 22px; letter-spacing:-0.06em;
  font-weight: 600;
    background: url('../img/common/bg_h2.png') no-repeat center bottom;
}
#left_nav {
    letter-spacing: -0.5px;
    margin-bottom: 35px;
    color: #666666;
}
#left_nav ul{
    padding: 0;
}
#left_nav li{
    list-style: none;
}
#left_nav .depth1 {
    list-style: none;
    border-bottom: 1px solid #e4e4e4;
}
#left_nav .depth1 >a{
    display: block;
    padding: 10px 0 10px 20px;
    color: #666666;
    font-size: 14px; font-weight:500;
    line-height: 16px;
}
#left_nav .depth1 >a:hover{
    color: #166db9;
}
#left_nav .depth1 >a:hover,#left_nav .depth1 > a:visited ,#left_nav .depth1 > a:active,#left_nav .depth1 > a:link{
  text-decoration: none;
}
#left_nav .depth1.active >a{
    color: #166db9;
}
#left_nav .depth1.has >a{
    margin-right: 15px;
    background: url('../img/common/arr_left_menu.png') no-repeat center right;
}
#left_nav .depth1.active .box_depth2{
    padding-right: 15px;
    display: block;
}
#left_nav .box_depth2{
    display: none;
    text-align: right;
    padding: 10px 0;
    border-top: 1px solid #e4e4e4;
}
#left_nav .box_depth2 li > a{
    display: inline-block;
    text-align: right;
    font-size: 12px;
    padding:2px 0 2px 0;
}
#left_nav .box_depth2 li > a:hover{
    color: #166db9;
}
#left_nav .box_depth2 .active a{
    color: #166db9;font-weight:500;
}
#service_alarm{
  margin-bottom: 20px;
}
#service_alarm .head{
  padding: 4px 0 0 0 ;
  margin: 0;
  min-height: 26px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
  background: url('../img/common/head_service_alarm.png') no-repeat;
}
#service_alarm .alarm_list{
  margin: 0;
  padding: 0 0 7px 0;
  list-style: none;
  background: url('../img/common/bg_service_alarm_list.png') no-repeat center bottom;
}
#service_alarm .alarm_list li{
  background-color:#f7f7f7;
  border-right: 1px solid #bcbcbc;
  border-left: 1px solid #bcbcbc;
  font-size: 11px;
}
#service_alarm .alarm_list li:first-child{
  padding-top: 3px;
}
#service_alarm .alarm_list li:last-child{
  padding-bottom: 3px;
}
#service_alarm .alarm_list li + li a{
  color: #333333;
  border-top: 1px solid #e1e1e1;
}
#service_alarm .alarm_list li a:hover , #service_alarm .alarm_list li a:active,#service_alarm .alarm_list li a:focus{
  color: #166db9;
}
#service_alarm .alarm_list li a{
  display: block;
  margin: 0 10px;
  padding: 5px 5px 5px 12px;
  background:url('../img/common/bul_service_alarm.png') no-repeat 4px center;
}
#service_alarm .alarm_list li .num{
  float: right;
}
#left_banner{
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}
#left_banner li+li{
    margin-top: 5px;
    padding-top: 5px;
    background: url('../img/left_banner/dot.png') no-repeat top center;
}
#left_banner li a{
  border: 1px solid #cfcfcf;
  display: inline-block;
  text-indent: -5000px;
}
#left_banner .bnr_1{
  width: 198px;
  height: 118px;
    background: url('../img/left_banner/bg_bnr_1.png') no-repeat;
}
#left_banner .bnr_2{
  width: 198px;
  height: 118px;
    background: url('../img/left_banner/bg_bnr_2.png') no-repeat;
}

#content{float:left; width:830px; padding:20px 15px 50px 30px; background:#fff;}

.sub_header_box{
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.sub_header_box h3{
    margin: 0;
    padding-left: 13px;
    color: #444;
    font-size: 18px;
	font-weight: 500;
    line-height: 18px;
    background: url('../img/common/bg_sub_title.png') no-repeat;
}
.location{
    margin: 0 0 3px 0;
    text-align: right;
    list-style: none;
  letter-spacing: 0;
}
.location img{
  vertical-align: top;
}
.location li{
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    vertical-align: middle;
    color: #010000;
    /*font-family: gulim,'굴림',NanumBarunGothic, '돋움',Dotum,Arial,sans-serif;*/
}
.location li.active{color: #2585df;}
.location > li+li:before{
    content: ">";
    padding: 0 5px 0 5px;
}
.page_content:before, .page_content:after {
    content: " ";
    display: table;
}
.page_content {
    clear: both;
}
footer:before,footer:after{
    content: " ";
    display: table;
}
footer:after{
    clear: both;
}
footer{
    clear: both;
    padding: 0 10px 20px 10px;
}
footer .footer_container {
    width: 100%;
}
.footer_box{
    position: relative;
    margin-top: 1px;
    width: 100%;
    border-top: 1px solid #ccc;
}
.footer_roll{
    position: relative;
    width: 980px;
    margin: 0 auto;
}
.footer_roll_container{
    height: 57px;
    overflow: hidden;
}
.footer_roll_container>a {
    display: inline-block;
    width: 89px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    height: 57px;
    text-align: center;
    padding: 15px 0;
}
.footer_roll_container>a.left {
    float: left;
    margin-right: 1px;
}
.footer_roll_container>a.right {
    position: absolute;
    right: 0;
    top: 0;
}
.footer_roll ul{
    padding: 0;
    list-style: none;
    left: 88px;
}
.footer_roll ul li{
    float: left;
    display: inline-block;
    width: 160px;
    height: 57px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
}
.footer_roll img{
  vertical-align: top;
}
.footer_copy_container{
    float: left;
    position: relative;
    display: inline-block;
}
.footer_bottom_container{
    position: relative;
    padding: 15px;
    height: 100px;
    border-bottom: none;
    width: 980px;
    margin: 0 auto;
}
.footer_bottom_container:before,.footer_bottom_container:after{
    content: " ";
    display: table;
}
.footer_bottom_container:after{
    clear: both;
}
.footer_link{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    font-weight: 600;
}
.footer_link li{
    color: #666666;
    padding: 0 15px 0 19px;
    display: inline-block;
}
.footer_link li+li{
    background: url('../img/common/line_footer_link.png') no-repeat;
}
.footer_link .private{
    color: #ff6633;
}
.footer_link .blue {
    color: #0959B3;
}
.footer_logo{
    float: left;
  margin-left: 5px;
}
.address{
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
  letter-spacing: 0;
}
.address span{
    display: block;
}
.address .fax_info{
    display: inline-block;
}
.footer_copy{
    display: inline-block;
    margin-left: 10px;
}
.footer_copy .copyright{
    display: block;
}
.footer_go{
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
}
.footer_go .form-control{
    display: inline-block;
    width: 160px;
    margin-bottom: 4px;
}
#quick_right{
    position:fixed;
    top: 0;
    right: -5000px;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
    background:url(../img/common/bg_right_banner.png) repeat-y;
    z-index: 1000;
}
#quick_right .side_arr{
    float: left;
    width: 32px;
    height: 100%;
}
#quick_right .side_arr .btn_control{
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: 42%;
    height: 120px;
    width: 14px;
    text-indent: -5000px;
    background: url('../img/common/arr_right_banner.png') no-repeat top left;
}
#quick_right .side_arr.open .btn_control{
    background: url('../img/common/arr_right_banner_close.png') no-repeat top left;
}
#quick_right .side_list{
    float: left;
    position: relative;
    top: 13%;
    padding: 0 15px 0 5px;
}
#quick_right .side_list .txt{
    width: 52px;
    height: 34px;
    text-indent: -5000px;
    background: url('../img/common/txt_right_t.png') no-repeat top center;
}
#quick_right .side_list ul{
    margin: 30px 0 0 0;
    padding: 0;
}
#quick_right .side_list li{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #ffffff;
}
#quick_right .side_list li>a{
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 13px;
}
#quick_right .side_list li>a:focus{
    color: #ffffff;
}

/* 우측 서브 네비게이션 */
#scroll_nav{position:fixed; top:200px;left:50%; margin-left:508px; width:128px; padding: 40px 0 40px 0; background: url('../img/scroll_nav/bg_scroll_nav.png') no-repeat; background-size: contain;}
#scroll_nav .tit{min-width: 110px; height: 40px; margin: 0; padding: 10px 5px 0 0; border-top-right-radius: 15px; font-size:14px; color:#fff; font-weight:600; text-align:center;
				background: -webkit-linear-gradient(#006d8c, #1b8ab3);
				background: -o-linear-gradient(#006d8c, #1b8ab3);
				background: -moz-linear-gradient(#006d8c, #1b8ab3);
				background: linear-gradient(#006d8c, #1b8ab3);
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8debff', endColorstr='#18a9ff');/*For IE7-8-9*/
}
#scroll_nav ul{padding:7px; border:1px solid #dfe0e4; border-top:none; border-bottom-right-radius:15px; box-sizing:border-box; background:#fff;}
#scroll_nav li{padding:11px 5px 0 20px; min-width: 110px; min-height: 36px; border-bottom: 1px solid #e1e3e6; box-sizing:border-box; font-size: 12px; color: #444; font-weight:600; background: url('../img/bu_scrollnav.png') no-repeat 0 12px;}
#scroll_nav li:last-child{border-bottom:none;}
#scroll_nav li a{color: #444;}
#scroll_nav li a:hover{color: #0696bf;}

#scroll_nav button{width:60px; height:30px; padding-top:2px; margin:0 2px; box-sizing:border-box; border-radius:4px; font-size:12px; font-weight:600;}
#scroll_nav button.normal{border:1px solid #4a4c67; color:#333; background:#fff;}/* 목록 */
#scroll_nav button.act{border:1px solid #4a4c67; color:#fff; background: #4a4c67;}/* 저장,삭제,제출 등  */

/*서비스 소개 , 분류체계안내 */
.tab_heading{
    margin-bottom: 35px;
    padding-top: 20px;
    color: #4996d9;
    font-size: 30px;
  font-weight: 500;
    letter-spacing: -1px;
}
/* // layout */

/* pagination */
.pagination {
    margin: 10px 0;
}
.pagination>li>a, .pagination>li>span{
    border: none;
    font-size: 11px;
    color: #666666;
    padding: 6px 6px;
  background-color: transparent;
  border-radius: 4px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    border: none;
    color: #000000;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
  background-color: #027bc0;
  border-color: #027bc0;
}
/* //pagination */
/* search */
.search_container{
  padding-bottom: 20px;
}
.search_container .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #eee;
}
.search_container .form-control{
  width: inherit;
    height: 25px;
    padding: 2px 7px;
}
.search_box1{
    position: relative;
    padding: 20px;
  border-radius: 7px;
  background-color: #eeeff1;

}
.search_container .search_inp_box.btn_n2{
    margin-right: 120px;
}
.search_container .search_inp_box.btn_n1{
    margin-right: 60px;
}
.search_box2{
    position: relative;
    padding: 20px;
  border-radius: 10px;
  background-color: #eee;
}
.search_box2 .search_inp_box{
    margin-right: 100px;
}
.search_container .btn_right_b{
    padding: 17px 13px 18px 13px;
}
.search_container .btn_search{
    padding: 1px 16px 2px 16px;
}
.search_container .form_div{
    clear: both;
}
.search_container .form_div + .form_div{
  margin-top: 5px;
}
.search_container .form_div .form-group{
    position: relative;
    margin:0 20px 0 0;
}
.search_container .form_div .form-group:last-child{
    margin-right:0;
}
.search_container .form_div .form-group.near{
    margin:0 5px 5px 0;
}
.search_container .mw40{
    min-width: 40px;
}
.search_container .mw50{
    min-width: 50px;
}
.search_container .mw60{
    min-width: 60px;
}
.search_container .mw70{
    min-width: 70px;
}
.search_container .mw80{
    min-width: 80px;
}
.search_container .mw90{
    min-width: 90px;
}
.search_container .mw110{
    min-width: 110px;
}
.search_container .mw105{
    min-width: 105px;
}
.search_container label{
    margin: 0;
    padding: 0 10px 0 0;
    color: #666; font-size:13px;
}
.search_container .btn_r_box{
    position: absolute;
    top: 20px;
    right: 20px;
}
.search_container .form_div .form-group{
    display: inline-block;
}
.search_container .form-control{
    display: inline-block;
}
/* //search */

/* table */
.table_container{
  position: relative;
    padding: 0;
    margin: 0;
}
.table_container > .col2{
  float: left;
  width: 49%;
}
.table_container > .col2:last-child{
  float: right;
}
.table_container > .col3{
  float: left;
  width: 32%;
}
.table_container > .col3:nth-child(2){
  margin-left: 2%;
}
.table_container > .col3:nth-child(3){
  margin-left: 2%;
}
.table caption {
    position: relative;
    width: 1px;
    height: 1px;
    padding: 0;
    margin:-1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    text-indent: -50000px;
}
.table_title{
  margin: 0;
  padding: 0;
  text-align: right;
  color: #666666;
  font-size: 12px;
}
.table {
  position: relative;
  margin-bottom: 20px;
  font-size: 12px;
  color: #555;
  border-top: 2px solid #44465c;
  border-bottom: 1px solid #dddddd;
  letter-spacing: 0;
 /* font-family: '돋움',Dotum,Arial,sans-serif;*/
}
.table th{text-align:center; background-color:#f9f9f9; /* font-weight:normal; *//*white-space:nowrap; 20190918 이해남추가 */padding-top:10px !important;}
.table td{vertical-align:middle !important;}
.table td.textShort01{overflow:hidden; max-width:80px; text-overflow: ellipsis; white-space: nowrap;}
.table td.title{background:#fbfbfb; font-weight:600;}
.table.tbl_stat th{border:1px solid #c5cbd4; background:none;}
.table.tbl_stat .title_bg01{background:#f3f5f7;}
.table.tbl_stat .title_bg02{font-weight:600; background:#faf9f5;}
.table.tbl_stat td{border: 1px solid #ddd;}
.table td a:hover{color:#000; text-decoration:underline;}
.table td.link01 a{color:#1265e0; text-decoration:underline;}
.table td.link02 a{color:#02aad0; text-decoration:underline;}
.table td.labelTxt ul{margin-bottom:0;}
.table td.labelTxt li{margin-top:2px;}
.table td.labelTxt label{font-weight:normal;}
.table td.txt_level1{text-align:left;}
.table td.txt_level2{padding-left:15px; text-align:left;}
.table td.txt_level3{padding-left:25px; text-align:left;}
.table td label.boldNone{font-weight:normal; display:block;}
.table th label{font-weight:500;}
.table td label{font-weight:400;}
.table td label:first-child{margin-left:5px;}
.table td span.guideTxt_red{display: inline-block; margin-left: 5px; color: #f12452;}

.table.ac td{text-align:center;}
.table.ac td.text-left{text-align:left;}

.table p{margin-bottom:5px;}

.tbl_table{display:table; width:100%;}
.tbl_table > div{display:table-cell;}
.tbl_table > div:last-child{padding-right:10px; text-align:right; vertical-align:middle;}

.tbl_table button.btn_createNew{height:50px; padding:4px 12px; border-radius:5px; border: 1px solid #657497; color: #fff; font-weight:600; background:linear-gradient(180deg, #7d8caf, #7d8caf,#7281a3);}
.tbl_table button.btn_createNew:hover{background: #657497;}

/* 20190918 이해남추가 */
.table.textC td{text-align: center;}
.table.textC th{text-align: center;}

.table>thead>tr>th{
    vertical-align: middle; letter-spacing:-0.07em; font-weight:500;line-height: 1.3em;
}
.table>tbody>tr>td{
    text-align: center;
    border-top: 1px solid #dddddd; padding:8px 6px; letter-spacing:-0.06em; height:36px;
}

.table .totalTxt{background:#faf9f5; font-weight:500; text-align:center;}
.table .totalTxt label{font-weight:500 !important;}

/*.table>tbody>tr>td .link{
    text-decoration: underline;
    color: #6699ff;
}  감리조치*/ 
.table>tbody>tr>td .link{
    text-decoration: underline;
    color: #205ace;
}
.sttstTable{
    border-right: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
}
.sttstTableLeft{
    border-left: 1px solid #dddddd !important;
}
.sttstTableRight{
    border-right: 1px solid #dddddd !important;
}
.table>thead>tr>th{
    border: none;
}
.table>thead>tr + tr{
    border-top: 1px solid #dddddd;
}
.table>tbody>tr>th{
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #dddddd;
}
.table>thead>tr>th label, .table>tbody>tr>th label{
}
.table_col{
    /* border-top: 1px solid #dddddd; 
    margin-top: 1px; */
}
.table_col>tbody>tr>th{
    text-align: left;
    vertical-align: middle;
    background-color:#f9f9f9; font-weight:500; letter-spacing: -0.07em;
}
.table_col>tbody>tr>td{
    text-align: left;
    vertical-align: middle;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #dddddd;
}
.table>tbody>tr.text-left>td , .table>tbody>tr.text-left>th{
    text-align: left;
}
.table>tbody>tr.text-center>td , .table>tbody>tr.text-center>th{
    text-align: center;
}
.table>tbody>tr>td.text-left , .table>tbody>tr>th.text-left{
    text-align: left;
}
.table>tbody>tr>td.text-center , .table>tbody>tr>th.text-center{
    text-align: center;
}
.table_col>tbody>tr>th.text-center{
    text-align: center;
}
.table>tbody .align_middle td ,.table>tbody .align_middle th{
    vertical-align: middle;
}
.table>tbody .align_top td , .table>tbody .align_top th{
    vertical-align: top;
}
.table .form-group {
    margin-bottom: 0;
}
.table .form-group+.form-group {
    margin-top:10px;
}
.table .form-control {
    display: inline-block;
    width: auto;
}
.table .radio ,.table .checkbox{
    margin: 0;
    min-height: inherit;
}
.table .checkbox{
    margin-right: 10px;
}
.table input[type="radio"]{
    margin-top: 1px;
}
.table .checkbox input[type="checkbox"]{
    margin: 1px 4px 0 -20px;
    vertical-align: middle;
}
.table textarea.form-control[readonly]{
    font-size: 11px;
    background-color: #eee;
}
.table textarea{
    font-size: 11px; vertical-align:middle;
}
.table .ex_bg{
    background-color: #eeeeee;
}
.table .stripe_bg{
    background-color: #eeeeee;
}
.table label{
    margin: 0;
    vertical-align: middle;
    /* margin-left:5px; */
}
.table .checkbox.col2 label{
    width: 45%;
}
.table .checkbox.col2 label:nth-child(n+3){
    margin-top: 10px;
}
.table .arrow_txt{
    padding-left: 18px;
    background: url('../img/common/icon_arrow.png') no-repeat left center;
}
.table_scroll{overflow-y:auto; overflow-x:auto; white-space:nowrap; border-top:1px solid #44465c; margin-bottom: 20px;}
.table_scroll.height{overflow-y:auto; overflow-x:hidden; white-space:normal; margin-top:-20px; border-top:none;}/* 세로스크롤 */
.table_scroll::-webkit-scrollbar {width:11px; height:11px;}
.table_scroll::-webkit-scrollbar-thumb {background:#cbced8; border-radius:3px; box-shadow: inset 0px 0px 4px #a5a6af;}
.table_scroll::-webkit-scrollbar-thumb:hover {background:#6b6d77; border-radius:6px;}
.table_scroll::-webkit-scrollbar-track {background:#f5f5f5; border-radius:0; /* box-shadow:inset 0px 0px 2px #b5b5b5; */}

.table_scroll .table{
    border-top: 1px solid #cccccc;
    margin-bottom: 0;
}
.btn_copy{
    position: relative;
    line-height: 16px;
    padding-right: 30px;
    margin-left: 10px;
}
.btn_copy .glyphicon{
    position: absolute;
    right: 10px;
    top: 12px;
}
.table .brd{
    border: 1px solid #dddddd;
}
.table .brd:first-child{
    border-left: none;
}
.table .brd:last-child{
    border-right: none;
}
.table .tit_color{
  background-color:#f9f9f9;
}
/* //table */

/* layer  */
#pop_layer{
  position: absolute;
  display: none;
  z-index: 100;
  top: 0;
  left: 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
}
#pop_layer .layer_top .title{
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  color: #666666;
  font-size: 12px;
}
#pop_layer .layer_top .close_btn{
  float: right;
  display: inline-block;
  width: 14px;
  height: 14px;
  text-indent: -5000px;
  background: url('../img/common/btn_close.png') no-repeat;
}
#pop_layer .layer_con{
  clear: both;
  min-width: 100px;
  margin-bottom: 10px;
}

#pop_layer .layer_bottom .btn{
  width: 48%;
}
#pop_layer .layer_bottom .btn + .btn{
  float: right;
}
#pop_layer .layer_arr{
  position: absolute;
  right: -18px;
  top: 50px;
  width: 18px;
  height: 15px;
  background: url('../img/common/layer_arr_right.png') no-repeat;
}
#pop_layer .layer_arr2{
  position: absolute;
  right: 355px;
  top: 75px;
  width: 18px;
  height: 15px;
  background: url('../img/common/layer_arr_left.png') no-repeat;
}
/* //layer  */

/* heading */
.explan_box{
  position: relative;
    margin-bottom: 5px;
}
.explan_box > .tit{
    display: inline-block;
    margin: 0 0 15px 5px;
    padding: 0;
    font-size: 14px;
    color: #166db9;
}
.explan_box .tit2{
	display: inline-block;
	padding: 0 0 0 15px;
	color: #166db9;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	background: url('../img/common/arr_tit.png') no-repeat left center;
}
.explan_box .tit3{float:left; padding: 0 0 0 15px; font-size:14px; color: #166db9; background: url('../img/common/arr_tit.png') no-repeat left center;}

.explan_box .leftTxtWrap{float:left; margin-top:5px; margin-left:20px;}
.explan_box .leftTxtWrap label{margin-left:10px; font-size:13px; color:#555;}
.explan_box .leftTxtWrap input[type=text]{display:inline-block; margin-left:5px;}

.explan_box .left_txt01{display: inline-block; color: #166db9; font-size: 12px;}

.explan_box .glyphicon{
    font-size: 11px;
    margin: 0 5px;
}
.explan_box .const{
}
.explan_box  .const{
  margin-left: 20px;
  margin-bottom: 20px;
  color: #666666;
}
.explan_box .const ul{
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 695px;
}
.explan_box .const .esse{
  letter-spacing: -0.5px;
}
.explan_box .right{
  float: right;
}
.explan_box .right .txt{
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0;
    color: #666666;
    font-size: 12px;
    text-align: right;
    vertical-align: bottom;
}
.explan_box .right .btns{
    display: inline-block;
}
.explan_box .right .btns button:first-child{
    margin-left: 20px;
}
.cont_sp{
    background: url('../img/common/bg_tab_sp.png') no-repeat center bottom;
    padding-bottom: 13px;
    border-bottom: 1px solid #dddddd;
}
.sub_heading{
    border-bottom: 1px solid #dddddd;
}
.sub_heading.no_line{
    border-bottom:none;
}
.sub_heading p,.sub_heading .tit{
    display: inline-block;
    margin: 0;
    padding: 7px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    background-color: #666666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sub_heading2 {
    margin: 0;
    padding-left: 13px;
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    font-weight: 500;
    background: url('../img/common/bg_sub_title.png') no-repeat;
}
.sub_heading2.mb10{
    margin-bottom: 10px;
}
.sub_heading2.mb20{
    margin-bottom: 20px;
}
/* //heading */

/* tab */
.page_tab{
    margin-bottom: 30px;
}
.tab-content{
  margin: 20px 0;
}
.nav-tabs>li{
    margin: 0 9px 5px 0;
}
.nav-tabs>li>a{
    padding: 5px 30px;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    background-color: #757575;
}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus,.nav-tabs>li>a:active{
    background-color: #757575;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:active{
    color: #ffffff;
    border: none;
    background-color: #027bc0;
  text-decoration:underline;
}
.inner_tab{
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.inner_tab>li{
  float: left;
    margin: 0 1px 0 0;
}
.inner_tab>li>a{
    margin: 0;
    padding: 7px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.inner_tab>li>a:hover,.inner_tab>li>a:focus{
  color: #ffffff;
    background-color: #666666;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}
.inner_tab>li.active>a, .inner_tab>li.active>a:hover, .inner_tab>li.active>a:focus{
    color: #ffffff;
    border: none;
    background-color: #666666;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}
.inner_link_tab_container{
    padding-bottom: 14px;
    background: url('../img/common/bg_inner_link_tab.png') no-repeat center bottom;
}
.inner_link_tab>li{
    margin: 0 1px 0 0;
}
.inner_link_tab>li>a{
    margin: 0;
    padding: 7px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    background-color: #cccccc;
    border-radius: 4px 4px 0 0;
}
.inner_link_tab>li>a:hover,.inner_link_tab>li>a:focus{
    background-color: #29c2ff;
}
.inner_link_tab>li.active>a, .inner_link_tab>li.active>a:hover, .inner_link_tab>li.active>a:focus{
    color: #ffffff;
    border: none;
    background-color: #29c2ff;
}
.inner_page_tab{

  padding: 20px 40px;
    background-color: #ffffff;
    border-radius: 10px;
  border:1px solid #cccccc;

}
.inner_page_tab>li{
    margin: 0;
  width: 25%;
    text-align: center;
    background: url('../img/common/bul_page_tab.gif') no-repeat right center;
}
.inner_page_tab>li:last-child{
    background: none;
    margin: 0;
}
.inner_page_tab>li>a{
    margin: 0;
    padding: 10px 10px;
    line-height: 14px;
    color: #666666;
    border-radius: 0;
    font-size: 12px;
  line-height: 16px;
  text-align: left;
    background: url('../img/common/bg_inner_text.png') no-repeat left center;
}
.inner_page_tab>li>a:hover,.inner_page_tab>li>a:focus{
    color: #166db9;
    background:#ffffff url('../img/common/bg_inner_text_on.png') no-repeat left center;
}
.inner_page_tab>li.active>a, .inner_page_tab>li.active>a:hover, .inner_page_tab>li.active>a:focus{
    color: #166db9;
    border: none;
    background:#ffffff url('../img/common/bg_inner_text_on.png') no-repeat left center;
}
/* class */
.content_space{
  margin-top: 20px;
}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px;}

.mt5{margin-top: 5px;}
.mt7{margin-top: 7px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}

.mr10{margin-right: 10px;}

.align_top{
    vertical-align: top;
}
.text_red{
    color: #c60909;
}
.point_color{
    color: #ff0000;
}
.color_1,.color_2,.color_3,.color_4,.color_5,.color_6,.color_7,.color_8,.color_9{
  display: inline-block;
  padding: 5px 4px 4px 4px;
  color: #ffffff;
  line-height: 13px;
}
.color_1{
  background-color: #e94b3b;
}
/*.color_2{
  background-color: #f98e33;
} 감리조치 검토중*/
.color_2{
  background-color: #da3800;
}
/*.color_3{
  background-color: #ffb61c;
} 감리조치 작성중*/
.color_3{
  background-color: #ac6500;
}
.color_4{
  background-color: #68bc32;
}
/*.color_5{
  background-color: #23ae89;
} 감리조치 접수완료*/
.color_5{
  background-color: #008675;
}
.color_6{
  background-color: #2ec1cc;
}
.color_7{
  background-color: #449dd5;
}
.color_8{
  background-color: #1c7ebb;
}
.color_9{
  background-color: #6d50be;
}
.bg_txt_gray{
  padding: 0 5px;
  color: #666666;
  background-color: #efefef;
}
.bg_txt_red{
  padding: 0 5px;
  color: #ffffff;
  background-color: #f13636;
}
.radio_row .radio-inline+.radio-inline{
    margin-left: 0;
}
.essential{
    display: inline-block;
    /* margin-top: -10px; */
    padding-left: 2px; padding-right:2px;
    /* vertical-align: super; */
    color: #ff0000;
    font-size: 13px;
    font-family: '돋움',Dotum,Arial,sans-serif;
    font-weight:bold;
}
.btn .icon_excel{
    display: inline-block;
    margin: 3px 5px 0 0;
    float: left;
    width: 14px;
    height:14px;
    background-image: url('../img/common/bg_btn_excel.png');
}
.btn.expand{
    min-width: 120px;
    padding: 8px 20px;
}
.btn.expand2{
    min-width: 120px;
    padding-left: 20px;
    padding-right: 20px;
}
.btn_black , .btn_black:hover, .btn_black:focus, .btn_black:active{
    color: #ffffff;
    border-color: #1e1e1e;
    border-radius: 3px;
    background: -webkit-linear-gradient(#4e4e4e, #2a2a2a);
    background: -o-linear-gradient(#4e4e4e, #2a2a2a);
    background: -moz-linear-gradient(#4e4e4e, #2a2a2a);
    background: linear-gradient(#4e4e4e, #2a2a2a);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4e4e4e', endColorstr='#2a2a2a');/*For IE7-8-9*/
    -o-box-shadow:0 0 1px 0px #717171 inset;
    -moz-box-shadow:0 0 1px 0px #717171 inset;
    -webkit-box-shadow:0 0 1px 0px #717171 inset;
    box-shadow:0 0 1px 0px #717171 inset;
    text-shadow: 1px 1px 1px rgba(30, 30, 30, 1);
}
.btn_gray , .btn_gray:hover, .btn_gray:focus, .btn_gray:active {
    color: #ffffff;
    border-color: #999999;
    border-radius: 3px;
    background: -webkit-linear-gradient(#b2b2b2, #b2b2b2);
    background: -o-linear-gradient(#b2b2b2, #b2b2b2);
    background: -moz-linear-gradient(#b2b2b2, #b2b2b2);
    background: linear-gradient(#b2b2b2, #b2b2b2);
    -o-box-shadow:0 0 1px 0px #c1c1c1 inset;
    -moz-box-shadow:0 0 1px 0px #c1c1c1 inset;
    -webkit-box-shadow:0 0 1px 0px #c1c1c1 inset;
    box-shadow:0 0 1px 0px #c1c1c1 inset;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2b2b2', endColorstr='#b2b2b2');/*For IE7-8-9*/
    text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
}
.btn_go{
    color: #575353;
    border-radius: 3px;
    border-bottom: 2px solid #cacaca;
  font-weight: 500;
    background: -webkit-linear-gradient(#f6f6f6, #dcdcdc);
    background: -o-linear-gradient(#f6f6f6, #dcdcdc);
    background: -moz-linear-gradient(#f6f6f6, #dcdcdc);
    background: linear-gradient(#f6f6f6, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f6f6f6', endColorstr='#dcdcdc');/*For IE7-8-9*/
}
.btn .btn_icon_search{
    display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: text-top;
    background:url('../img/common/btn_icon_pop.png') no-repeat;
  background-size: 100% 100%;
}
.btn .btn_icon_search.only{
  margin-right: 0;
}
.btn.btn-sm .btn_icon_search{
    display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  vertical-align: middle;
    background:url('../img/common/btn_icon_pop.png') no-repeat;
  background-size: 100% 100%;
}
.btn.btn-sm .btn_icon_search.only{
  margin-right: 0;
}
.btn_icon_arrow{
    display: inline-block;
    margin-top: 3px;
    margin-left: 10px;
    font-size: 10px;
    vertical-align: text-top;
}
.btn_file_close{
  display: inline-block;
  margin: 0 5px;
  width: 14px;
  height: 15px;
  text-indent: -9000px;
  background: url('../img/common/btn_file_close.png') no-repeat;
}
.btn_file_down{
  display: inline-block;
  margin: 0 5px;
  width: 22px;
  height: 16px;
  text-indent: -9000px;
  background: url('../img/common/btn_file_down.png') no-repeat;
}
/* //class */

/* input file */
.file_upload_box{
  position:relative;
  margin: 10px 0;
  font-size: 12px;
  height: 26px;
}
.file_upload_box label{
  position: absolute;
  top: 0;
  left: 0;
}
.file_upload_box .file_name_txt{
  display: inline-block;
  margin-top: 7px;
  margin-left: 60px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
}
input[type="file"]{
  position:absolute;
  left: 0;
  top: 0;
  width: 54px;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* //input file */

/* input date */
.inp_date_container:before,.inp_date_container:after {
    content: " ";
    display: table;
}
.inp_date_container:after{
    clear: both;
}
.inp_date_box{
    float: left;
    display: inline-block;
    height: 25px;
    border: 1px solid #dddddd;
}
.inp_date_box input[type="text"]{
    border: 0;
    outline: none;
    box-shadow:none;
    -webkit-box-shadow:none;
}
.inp_date_box input{
    vertical-align: top;
    padding: 4px 10px;
    height: 23px;
}
.inp_date_box input[readonly]{
    background: #eee;
}
.inp_date_container .txt{
    display: inline-block;
    float: left;
    margin: 5px;
}
.inp_date_box .btn_date{
    display: inline-block;
    border: none;
    width: 25px;
    height: 25px;
    background: url('../img/common/bg_btn_date.png') no-repeat left center;
}
@media (min-width: 768px) {
  .inp_date_box input[type="text"] {
    vertical-align: top;
  }
}
/* //input date */

/* page img */
.page_img_box img{
  width: 100%;
}
/* //page img */

/* 조연주 top */
#wrap .top_container {
  height: 30px;
  background: #003668;
  border-bottom: 1px solid #666464;
  color: #fff;
  font-size:12px;
}
#wrap .top_container ul {
  width: 980px;
  margin: 0 auto;
  text-align: right;
}
#wrap .top_container ul li {
  display: inline-block;
  padding: 6px 0;
  margin-right: 10px;
}
#wrap .top_container ul li span.green {
  font-weight: 600;
  color: #aed57a;
}
#wrap .menu {
  width: 100%;
  background: #fff;
  height: 70px;
  border-bottom: 1px solid #666464;
}
#wrap .menu .menu_container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
#wrap .menu .menu_container h1 {
  padding: 12px 0;
  display: inline-block;
  margin: 0;
}
#wrap .menu .menu_container > ul {
  display: inline-block;
  position: absolute;
  right: 0;
  margin: 0;
}
#wrap .menu .menu_container > ul > li {
  display: inline-block;
  /* width: 150px; */		/* 20170920 최두봉 width 주석 */
  height: 70px;
  font-size: 17px;		/* 20170920 최두봉 18px -> 17px 변경 */
  color: #666;
  font-weight: 600;
  text-align: center;
  float: left;
}
/* 20170920 최두봉 추가 */
#wrap .menu .menu_container > ul > li:nth-child(1) {
  width:140px;
}
#wrap .menu .menu_container > ul > li:nth-child(2) {
  width:136px;
}
#wrap .menu .menu_container > ul > li:nth-child(3) {
  width:156px;
}
#wrap .menu .menu_container > ul > li:nth-child(4) {
  width:109px;
}
#wrap .menu .menu_container > ul > li:nth-child(5) {
  width:93px;
}

#wrap .menu .menu_container > ul > li:hover,
#wrap .menu .menu_container > ul > li:focus,
#wrap .menu .menu_container > ul > li:active,
#wrap .menu .menu_container > ul > li > a:hover,
#wrap .menu .menu_container > ul > li > a:focus,
#wrap .menu .menu_container > ul > li > a:active,
#wrap .menu .menu_container > ul > li > a.active {
  color: #2585df;
  background: url(../img/main/top_li_over.png) no-repeat bottom center;
}
#wrap .menu .menu_container > ul > li > a {
  display: block;
  padding: 22px 0;
}
#wrap .menu .menu_container ul {
  list-style: none;
}
#wrap .menu .menu_container .depth2 {
  display: none;
  position: relative;
  left: 10px;
  top: -1px;
  z-index: 105;
  font-size: 14px;
  width: 130px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: left;
  padding: 0;
}
#wrap .menu .menu_container ul li:last-child {
  border-bottom: none;
}
#wrap .menu .menu_container .depth2>li {
  position: relative;
  height: 30px;
  line-height: 28px;
  border-bottom: 1px solid #e4e4e4;
  color: #666;
  font-weight: normal;
}
#wrap .menu .menu_container .depth2>li>a {
  display: block;
  height: 30px;
  width: auto;
  padding: 0 10px;
}
#wrap .menu .menu_container .depth2>li>a:hover,
#wrap .menu .menu_container .depth2>li>a:focus,
#wrap .menu .menu_container .depth2>li>a:active {
  color: #fff;
  background: #2585df;
}
#wrap .menu .menu_container ul>li:first-child>ul.depth2>li {
  background: url(../img/common/arr_top_menu.png)no-repeat right center;
}
#wrap .menu .menu_container ul>li:first-child>ul.depth2>li:hover,
#wrap .menu .menu_container ul>li:first-child>ul.depth2>li:focus,
#wrap .menu .menu_container ul>li:first-child>ul.depth2>li:active {
  color: #fff;
  background:#2585df url(../img/common/arr_top_menu_on.png)no-repeat right center;
}
#wrap .menu .menu_container .depth2 li .has{
    background: url('../img/common/arr_top_menu.png') no-repeat center right;
}
#wrap .menu .menu_container .depth2 li.sfHover .has{
    color: #ffffff;
    background:#2585df url('../img/common/arr_top_menu_on.png') no-repeat center right;
}
#wrap .menu .menu_container .depth3 {
  display: none;
  position: absolute;
  top: -1px;
  left: 128px;
  z-index: 105;
  font-size: 14px;
  width: 160px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: left;
  padding: 0;
}
#wrap .menu .menu_container .depth3>li {
  height: 30px;
  line-height: 28px;
  border-bottom: 1px solid #e4e4e4;
  color: #666;
  font-weight: normal;
}
#wrap .menu .menu_container .depth3>li>a {
  display: block;
  height: 30px;
  width: auto;
  padding: 0 10px;
}
#wrap .menu .menu_container .depth3>li>a:hover,
#wrap .menu .menu_container .depth3>li>a:focus,
#wrap .menu .menu_container .depth3>li>a:active {
  color: #fff;
  background: #2585df;
}
/* 말풍선 */
.bubble_box {
    position: absolute;
    display: block;
    padding: 8px 12px;
    border: 1px solid #999;
    border-radius: 3px;
    background: #fff;
    margin-top: 10px;
    margin-left: 10px;
    display: none;
  font-size:12px;
    z-index: 10;
}
.bubble_box ul, .bubble_box li {
    padding: 0;
    margin: 0;
}
.bubble_box ul {
    position: relative;
    top: -20px;
    padding-top: 20px;
    display: block;
    background: url(../img/common/img_bubble.png) 5px 1px no-repeat;
}
.bubble_box ul li {
    list-style: none;
    border-top: 1px solid #ddd;
    padding: 5px 5px 3px;
  background: #fff;
}
.bubble_box ul li:last-child {
    border-bottom: 1px solid #ddd;
    margin-bottom: -20px;
}

/* 보고서 출력 버튼 -> 레이어 팝업 창 */
#clipReport > div {position:fixed !important;margin:5px !important;z-index: 9999!important;}


/* 20170907 최두봉 css 시작 */
.new_attr_content {
  font-family:"Nanum Gothic","나눔고딕","Malgun Gothic","돋움",Dotum,Arial,sans-serif;
}
.new_attr_content table {
  font-family:"Nanum Gothic","나눔고딕","Malgun Gothic","돋움",Dotum,Arial,sans-serif;
  font-size:12px!important;
}
.pop_content {
  font-family:"Nanum Gothic","나눔고딕","Malgun Gothic","돋움",Dotum,Arial,sans-serif;
}
.search_container .mw86 {
  min-width:86px;
}
.search_container .mw95 {
  min-width:95px;
}
.search_container .mw100 {
  min-width:100px;
}
.search_container .mw165 {
  min-width:165px;
}

.search_container label.ml20 {
  margin-left:20px;
}

/* 20181105 이해남 추가 */
.search_container label.ml15 {
  margin-left:15px;
}

.search_container label.ml10 {
  margin-left:10px;
}
.search_container select.pr20 {
  padding-right:20px;
}
.search_container input.building_name {
  width:270px;
  -ms-ime-mode:active;
}
.search_container .btn_r_box button {
  height:87px;
}
.search_container .btn_b_box {
  position:absolute;
  right:20px;
  bottom:20px
}
.search_container .btn_b_box button {
  height:inherit !important;
}
.search_container .date_read {
  background:#ffffff;
  width:85px;
}

/* 탭 */
.nav-tabs.bd_none {border:none;}
.sub-nav-tabs-wrap {overflow:hidden; position: relative;}
.sub-nav-tabs-wrap:after{content:""; position: absolute; width: 100%; height: 1px; bottom:20px; background: #077ab9;}
.sub-nav-tabs {list-style: none;display: inline-block; padding: 0; font-size: 0; margin-top: 5px; z-index: 20; margin-bottom: 20px;}
.sub-nav-tabs li {text-align:center; position:relative; z-index:100; font-size:13px; color:#555; font-weight:500; display:inline-block; border-top:1px solid #dddddd; border-right:1px solid #dddddd;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.sub-nav-tabs li:first-child {border-left: 1px solid #dddddd;}
.sub-nav-tabs li a {display: block; padding:10px 11px !important; border-bottom: 1px solid #077ab9; background: #f3f3f3;text-decoration: none;}
.sub-nav-tabs li a:hover {color: #0067a3; background: #ffffff; border-left: 1px solid #0067a3; border-bottom-color: #fff; margin-left: -1px;}
.sub-nav-tabs li:hover {border-color:#077ab9;}
.sub-nav-tabs li.on {border-left:1px solid #077ab9; border-right:1px solid #077ab9; border-top:1px solid #077ab9;}
.sub-nav-tabs li.on a {border-bottom-color: #fff; background:#ffffff; color:#0067a3;}
.sub-nav-tabs:after {clear:both; display: block; content: '';}

.sub-nav-tabs li.on span.delete {position:absolute; top:0; right:0; width:15px; height:15px; font-size:0; text-indent:-10000px;}
.sub-nav-tabs li.on span.delete a{width:15px; height:15px; padding:0 !important; background:url(../img/tab_delete.png) no-repeat 3px 3px; outline:none;}
.sub-nav-tabs li.on span.delete a:hover{background:#077ab9 url(../img/tab_delete.png) no-repeat 3px -12px;}

table.line_tb input.date_read {
  width:95px;
    height: 25px;
    text-align: center;
}
table.line_tb input.use_time {
  width:35px;
    height: 25px;
    text-align: center;
}
table.line_tb label.use_time_txt {
  margin-left:3px;
}
table.line_tb input.use_day {
  width:58px;
}
table.line_tb input.use_purpose {
  width:100%;
}
table.line_tb textarea.event_content {
  width:100%;
  height:65px;
}
table.line_tb select.event_sel {
  float:left;
  width:140px;
  height:25px;
}
table.line_tb input.event_input {
  float:right;
  width:405px;
}
table.line_tb input.event_input:after {
  clear:both;
  display:block;
  content:"";
}
table.file_tb input {
  height:22px;
  font-size:11px;
  line-height:20px;
  border-radius:2px;
  border:1px solid #b8b8b8;
  background:#f2f2f2;
}
table.file_tb .file_upload_box {
  margin:0 !important;
  height: auto;
}
table.file_tb .file_upload_box .file_name_txt {
  margin-top:5px;
}
table.file_tb label {
  height: 22px;
  font-size: 11px;
  line-height: 15px;
  color: #666666;
  padding: 3px 7px;
  border-radius: 2px;
  border: 1px solid #b8b8b8;
  background: #f2f2f2;
}
.search_container .date_icn_btn,table.line_tb .date_icn_btn {
  cursor:pointer;
  background:none;
  border:none;
  padding:none;
}
.table-responsive table button.map_btn {
  font-weight:600;
  padding:0 4px;
  border:1px solid #1f4e77;
  border-radius:2px;
  color:#ffffff;
  background:#225683;
  font-size:11px;
  height:18px;
  line-height:19px;
}
table.mb0 {
  margin-bottom:0!important;
}
table.nanum_f {
}
table.line_tb .vt_top {
  vertical-align:top;
}
table.line_tb>thead>tr>th,table.line_tb>thead>tr>td,table.line_tb>tbody>tr>th,table.line_tb>tbody>tr>td {
  padding:10px 8px 10px 8px!important;
  border-left:1px solid #dddddd;
  vertical-align:middle;
}
table.line_tb>thead>tr>th,table.line_tb>tbody>tr>th {
  font-weight:600;
}
table.line_tb>thead>tr>th:first-child,table.line_tb>thead>tr>td:first-child,table.line_tb>tbody>tr>th:first-child,table.line_tb>tbody>tr>td:first-child {
  border-left:none;
}
table.line_tb>tbody>tr>th.use_num_people_th {
}
table.line_tb>tbody>tr>td.use_num_people_td input,table.line_tb>tbody>tr>td.check_list_cont_one_td input,table.line_tb>tbody>tr>td.check_list_cont_two_td input {
  vertical-align:middle;
  margin-top:0;
}
table.line_tb>tbody>tr>td.use_num_people_td label {
  padding-right:5px;
  vertical-align:text-top;
}
table.line_tb>tbody>tr>td.check_list_cont_one_td label,table.line_tb>tbody>tr>td.check_list_cont_two_td label {
  padding-left:5px;
  vertical-align:text-top;
}
table.line_tb>tbody>tr>td.check_list_cont_one_td span,table.line_tb>tbody>tr>td.check_list_cont_two_td div {
  display:block;
  margin-top:5px;
}
table.line_tb>tbody>tr>td.check_list_cont_one_td span:first-child,table.line_tb>tbody>tr>td.check_list_cont_two_td div:first-child {
  margin-top:0;
}
table.line_tb>tbody>tr>td.check_list_cont_two_td div span {
  /* font-weight:600; */
}
table.line_tb>tbody>tr>td.check_list_cont_two_td span.check_list_cont_two_span_one {
  margin-right:43px;
}
table.line_tb>tbody>tr>td.check_list_cont_two_td span.check_list_cont_two_span_two {
  margin-right:69px;
}
table.line_tb>tbody>tr>td.check_list_cont_two_td input.check_list_cont_two_input {
  margin-left:35px;
}
table.line_tb a.a_attach {
  text-decoration:underline;
}
table.line_tb button.use_singo_btn {
  cursor:pointer;
  background:none;
  border:none;
  padding:none;
}
table.line_tb button.file_choice_btn {
  height:22px;
  font-size:11px;
  line-height:20px;
  border-radius:2px;
  border:1px solid #b8b8b8;
  background:#f2f2f2;
}
table.line_tb input.building_name {
  width:399px;
  -ms-ime-mode:active;
  border-radius:0;
  border:1px solid #bbbbbb;
}
table.line_tb select.addr {
  border-radius:0;
  border:1px solid #bbbbbb;
  width:130px;
}
.use_apply_btn {
  font-size:13px;
  font-weight:600;
  color:#ffffff;
  background:#3b8ccb;
  border:1px solid #3583b0;
  padding:5px 10px 5px 10px;
  border-radius:2px;
}
.use_apply_detail_btn_wrap {
  margin-top:20px;
}
.use_apply_detail_btn_wrap button {
  font-size:13px;
  padding:5px 10px;
  border:1px solid #b8b8b8;
  border-radius:4px;
  margin-right:2px;
  font-weight:normal;
  box-shadow:0 0 0 1px #ffffff inset;
  background:linear-gradient(#ffffff,#e9e9e9);
}
.use_apply_detail_btn_wrap button.point_b {
  border:1px solid #76b3ec;
}
.desc_txt {
  font-size:14px;
  font-weight:600;
  color:#666666;
}
.desc_txt_p {
  font-size:13px;
  font-weight:600;
  margin-top:20px;
  color:#666666;
  text-align:center
}
.alert_desc_wrap {
  margin-top:50px;
  border:1px solid #e8e8e8;
  border-radius:8px;
}
.alert_desc_wrap dl {
  margin-top:20px;
  padding-left:130px;
  background:url(../img/common/alert_desc_txt_icn.png) no-repeat 28px center;
}
.alert_desc_wrap dt {
  font-size:13px;
  margin-bottom:5px;
}
.alert_desc_wrap dd {
  line-height:23px;
  font-size:12px;
}
.explan_box .tit2.mb0 {
  margin-bottom:0;
}
.explan_box.mb10 {
  margin-bottom:10px;
}
.essential_other {
  color:#ff0000;
  font-size:13px;
  font-family:'돋움',Dotum,Arial,sans-serif;
}
.table>tbody>tr>td.text-right,.table>tbody>tr>th.text-right {
  text-align:right;
}
table.line_tb .border_l {
  border-left: 1px solid #dddddd !important;
}
/* 약관동의 팝업 */
.pop_content .tit_wrap h3 {
  font-size:16px;
  font-weight:600;
  background:#f2f3f5 url(../img/common/use_agree_tit_icn.png) no-repeat 10px center;
  padding-left:50px;
  margin:0;
  padding:17px 0;
  padding-left:52px;
}
.pop_content .tit_wrap {
  position:relative;
}
.pop_content .tit_wrap button {
  background:none;
  border:none;
  position:absolute;
  right:10px;
  top:8px;
  width:39px;
  height:35px;
  background:url(../img/common/use_agree_x_btn.png) no-repeat center center;
}
.pop_content .pop_comp_wrap {
  padding:20px 10px 30px 10px;
}
.pop_content .pop_comp_wrap .desc_txt {
  font-size:14px;
  background:url(../img/common/use_desc_icn.png) no-repeat center left;
  padding-left:25px;
  margin-bottom:0;
}
.pop_content .pop_comp_wrap h4 {
  color:#0b64b1;
  font-size:16px;
  font-weight:600;
  margin:20px 0 10px 0;
}
.pop_content .pop_comp_wrap input,.pop_content .pop_comp_wrap label {
  margin:0;
  vertical-align:middle;
}
.pop_content .pop_comp_wrap label {
  padding:0 20px 0 5px;
  font-size:13px;
}
.pop_content .pop_comp_wrap .content_txt {
  height:260px;
  width:100%;
  overflow-y:auto;
  border:1px solid #d7d7d7;
  margin-bottom:5px;
  padding:20px;
}
.pop_content .pop_comp_wrap .pop_btn_wrap {
  margin-top:10px;
}
.pop_content .pop_comp_wrap .pop_btn_wrap button {
  width:100px;
  height:30px;
  font-size:13px;
  color:#ffffff;
  font-weight:600;
  border-radius:15px;
  border:none;
  margin-left:5px;
}
.pop_content .pop_comp_wrap .pop_btn_wrap button:first-child {
  margin-left:0;
}
.pop_content .pop_comp_wrap .pop_btn_wrap button.yes {
  background:#064087;
}
.pop_content .pop_comp_wrap .pop_btn_wrap button.no {
  background: #888888;
}
/* 20170907 최두봉 css 종료 */

/* 20170914 최두봉 공적공간갤러리 추가 */
/*[S] 공적공간 리스트 목록 페이지 */
/* [S] 상단 검색 박스 */
.service_space_content_nav_box {
}
.service_space_content_nav_box ul {
    margin:0;
    padding:0
}
.service_space_content_nav_box ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_content_nav_box ul li {
    list-style:none;
    margin-right:5px;
    font-weight:600
}
.service_space_content_nav_box ul li a {
    text-decoration:none
}
.service_space_content_nav_box ul li,.service_space_content_nav_box ul li select,.service_space_content_nav_box ul li input {
    float:left;
    font-size:14px;
    color:#666666
}
.service_space_content_nav_box ul li select {
    padding:7px 0;
    border:2px solid #fb7647;
    width:100%;
    font-weight:600;
    padding-left:5px;
    padding-right:3px!important;
}
.service_space_content_nav_box ul li input {
    height:36px;
    border:2px solid #fb7647;
    font-weight: normal;
}
.service_space_content_nav_box ul li .sub_box {
    padding:6px 0;
    border:2px solid #fb7647
}
.service_space_content_nav_box ul li div.all {
    width:90px;
    background:url('../img/service_space/all_view_arrow.png') no-repeat 66px center
}
.service_space_content_nav_box ul li div.all a {
    padding-left:12px;
    display:block
}
.service_space_content_nav_box ul li div.area {
    width:140px
}
.service_space_content_nav_box ul li div.area select {
    font-weight:normal;
}
.service_space_content_nav_box ul li div.theme {
    width:140px
}
.service_space_content_nav_box ul li div.theme select {
    font-weight:normal;
}
.service_space_content_nav_box ul li div.search {
    width:349px
}
.service_space_content_nav_box ul li div.search input {
    width:273px;
    border-right:none;
    padding-left:13px
}
.service_space_content_nav_box ul li div.search button {
    height:36px;
    background:#fb7647 url('../img/service_space/text_search_arrow.png') no-repeat 14px center;
    border:none;
    width:76px;
    padding-left:36px;
    padding-right:13px;
    color:#ffffff;
    font-weight:600
}
.service_space_content_nav_box ul li.last {
    margin-right: 0
}
/* [E] 상단 검색 박스 */
/* [S] 상단 서브 박스 */
.service_space_content_sub_nav_box {
    margin-top:20px
}
.service_space_content_sub_nav_box ul {
    margin:0;
    padding:0;
    border-left:1px solid #d9d9d9
}
.service_space_content_sub_nav_box ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_content_sub_nav_box ul li {
    list-style:none;
    float:left
}
.service_space_content_sub_nav_box ul li div {
    padding-left:29px;
    padding-right:30px;
    height:38px;
    line-height:38px;
    border-left:none;
    border-right:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    font-weight:600;
    font-size:14px;
    color:#666666
}
.service_space_content_sub_nav_box ul li div img {
    padding-left:11px;
    padding-bottom: 2px
}
/* [E] 상단 서브 박스 */
/* [S] 목록 박스 */
.service_space_list_box {
    overflow:hidden;
    position:relative;
  margin-top:19px

}
.service_space_list_box ul {
    margin:0;
    padding:0;
    margin-left:-22px
}
.service_space_list_box ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_list_box ul li {
    list-style:none;
    float:left;
    margin-left:22px;
    width:230px;
    margin-bottom:30px
}
.service_space_list_box ul li .service_space_list_sub_box {
    background:#f4f4f4
}
.service_space_list_box ul li .service_space_list_sub_box .img_area {
    position:relative
}
.service_space_list_box ul li .service_space_list_sub_box .img_area > img {
    vertical-align:bottom;
    width:100%;
    height:150px;
}
.service_space_list_box ul li .service_space_list_sub_box .img_area>a {
    display:block;
    text-decoration:none
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .rank_pop {
    position:absolute;
    top:0;
    width:42px;
    height:36px;
    background:url(../img/service_space/list_rank_icn.png) no-repeat left center;
    z-index:10;
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .rank_pop span {
    display:block;
    font-size:15px;
    color:#e43422;
    text-align:center;
    font-weight:600;
    padding-top:2px;
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba( 0,0,0,0.8 );
    box-sizing:border-box;
    padding-left:13px;
    padding-right:15px;
    display:none;
    z-index:10;
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop a {
    text-decoration:none
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop span {
    display:block;
    color:#ffffff
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .plust_b {
    position:absolute;
    right:0;
    bottom:0
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .content {
    font-size:14px;
    margin-top:21px;
    width:202px;
    height:60px;
    margin-bottom:15px;
    display:block;
    color:#ffffff;
    overflow:hidden;
    letter-spacing:-1px;
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .fb {
    margin-bottom:5px
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .fb,.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .tw {
    font-size:12px;
    padding-left:23px
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .fb {
    background:url('../img/service_space/fb_icn.png') no-repeat left center
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop strong.alert_num {
    color:#fcff21;
    font-weight:normal
}
.service_space_list_box ul li .service_space_list_sub_box .img_area .layer_pop .tw {
    background:url('../img/service_space/tw_icn.png') no-repeat left center
}
.service_space_list_box ul li .service_space_list_sub_box .info {
    padding:10px 10px 17px 10px
}
.service_space_list_box ul li .service_space_list_sub_box .info span {
    display:block
}
.service_space_list_box ul li .service_space_list_sub_box .info .tit {
    padding-bottom:9px;
    font-size:14px;
    color:#222222;
    font-weight:600
}
.service_space_list_box ul li .service_space_list_sub_box .info .adress {
    margin-bottom:1px
}
.service_space_list_box ul li .service_space_list_sub_box .info .type {
    margin-bottom:8px
}
.service_space_list_box ul li .service_space_list_sub_box .info .adress,.service_space_list_box ul li .service_space_list_sub_box .info .type {
    font-size:13px;
    color:#666666;
    overflow:hidden
}
.service_space_list_box ul li .service_space_list_sub_box .info .view_btn {
    display:inline-block;
    color:#ffffff;
    font-size:12px;
    font-weight:600;
    background:#216ac8 url('../img/service_space/view_btn_icn.png') no-repeat 10px center;
    text-decoration:none;
    padding:4px 10px 4px 25px;
    border-radius:2px;
    border:none;
    cursor: pointer
}
/* [E] 목록 박스 */
/* [S] 페이징 */
.service_space_paging_box {
    text-align:center;
    margin-top:9px
}
.service_space_paging a {
    display:inline-block;
    width:28px;
    height:28px;
    line-height:28px;
    text-decoration:none
}
.service_space_paging li.on {
    color:#ffffff;
    background:#5b5d74;
    border:none
}
.service_space_paging li a:hover {
    color:#ffffff;
    background:#5b5d74;
    border:none
}
.service_space_paging li {
    display:inline-block;
    border:1px solid #bcbcbc;
    margin-right:2px
}
.service_space_paging li.first {
    background:url(../img/service_space/paging_f.png) no-repeat center center
}
.service_space_paging li.prev {
    background:url(../img/service_space/paging_p.png) no-repeat center center
}
.service_space_paging li.next {
    background:url(../img/service_space/paging_n.png) no-repeat center center
}
.service_space_paging li.last {
    background:url(../img/service_space/paging_l.png) no-repeat center center;
    margin-right:0
}
.service_space_paging li.first a:hover,.service_space_paging li.prev a:hover,.service_space_paging li.next a:hover,.service_space_paging li.last a:hover {
    background: none;
}
/* [E] 페이징 */
/* [E] 공적공간 리스트 목록 페이지 */
/* [S] 공적공간 상세 페이지*/
/* [S] 추천공간 이미지 및 내용글 박스 */
.service_space_area_desc_box {
    margin-bottom:20px
}
.service_space_area_desc_box:after {
    clear:both;
    display:block;
    content:''
}
.service_space_area_desc_box .img_box,.service_space_area_desc_box .text_box {
    float:left
}
.service_space_area_desc_box .img_box {
    width:452px
}
.service_space_area_desc_box .img_box .main_img {
    border:1px solid #dadada;
    text-align:center;
    height:298px;
    width:100%;
    box-sizing:border-box;
    background:#f4f4f4
}
.service_space_area_desc_box .img_box .main_img img {
    vertical-align:bottom;
    max-width:450px;
    height:100%
}
.service_space_area_desc_box .img_box .sub_img {
}
.service_space_area_desc_box .img_box .sub_img ul {
    margin:0;
    padding:0;
    margin-left:-10px
}
.service_space_area_desc_box .img_box .sub_img ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_area_desc_box .img_box .sub_img ul li {
    list-style:none;
    float:left;
    margin-left:10px;
    width:58px;
    height:38px;
    border:1px solid #a6a6a6;
    margin-top:10px
}
.service_space_area_desc_box .img_box .sub_img ul li a {
}
.service_space_area_desc_box .img_box .sub_img ul li a img {
    width:58px;
    height:38px
}
.service_space_area_desc_box .text_box {
    width:283px;
    padding:30px 14px 31px 19px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#f4f4f4;
    min-height:298px
}
.service_space_area_desc_box .text_box h4 {
    font-weight:600;
    font-size:18px;
    margin:0;
    padding:0;
    color:#222222;
    padding-bottom:5px;
    letter-spacing:-1px;
}
.service_space_area_desc_box .text_box .address {
    display:block;
    padding-bottom:8px;
    font-size:12px;
    color:#666666
}
.service_space_area_desc_box .text_box .keynote {
    font-size:13px;
    color:#666666
}
.service_space_area_desc_box .text_box .btn_box {
    position: relative;
}
.service_space_area_desc_box .text_box .btn_box button {
    color:#ffffff;
    font-size:12px;
    border:none;
    border-radius:2px;
    margin-right:1px;
    padding:3px 8px 3px 0;
    cursor:pointer;
    font-weight:600
}
/* 20170929 최두봉 추가 */
.service_space_area_desc_box .text_box .btn_box > div {
  display:inline-block;
}
.service_space_area_desc_box .text_box .btn_box > div#fb_btn {
  padding-left: 57px;
}
.service_space_area_desc_box .text_box .btn_box > div#tw_btn {
  position: absolute;
    left: 0px;
    top: 0px;
}
.service_space_area_desc_box .text_box .btn_box > div button {
    color: #ffffff;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    margin-right: 1px;
    padding: 3px 8px 3px 8px;
    cursor: pointer;
    font-weight: 600;
    height: auto;
}
.service_space_area_desc_box .text_box .btn_box button.tw_btn {
    background:#1d94e4 url(../img/service_space/tw_icn2.png) no-repeat 8px center;
    padding-left:24px
}
.service_space_area_desc_box .text_box .btn_box button.share_btn {
    background:#4168ad;
    padding-left:9px
}
.service_space_area_desc_box .text_box .btn_box button.good_btn {
    background:#4168ad url(../img/service_space/fb_good_icn.png) no-repeat 10px center;
    padding-left: 27px
}
/* [E] 추천공간 이미지 및 내용글 박스 */
/* [S] 추천공간 지도 */
.service_space_map_box {
    border:1px solid #d1d1d1;
    padding:11px 19px 14px 19px;
    background:#f9f9f9
}
.service_space_map_box .desc_box:after {
    clear:both;
    display:block;
    content:''
}
.service_space_map_box .desc_box h5 {
    font-weight:600;
    font-size:14px;
    color:#222222;
    padding-left:23px;
    float:left;
    margin:0;
    margin-top:6px;
    background:url(../img/service_space/position_icn.png) no-repeat left center;
}
.service_space_map_box .desc_box button {
    float:right;
    border:none;
    font-size:12px;
    color:#ffffff;
    font-weight:600;
    padding:5px 9px 5px 26px;
    background:#216ac8 url(../img/service_space/map_detail_icn.png) no-repeat 11px center;
    cursor:pointer
}
.service_space_map_box:after {
    clear:both;
    display:block;
    content:''
}
.service_space_map_box .img_map {
    height:168px;
    border:1px solid #d1d1d1;
    margin-top: 11px;
    position: relative;
}
/* [E] 추천공간 지도 */
/* [S] 공적공간 한마디 */
.service_space_input_box {
    border:1px solid #d1d1d1;
    padding:11px 19px 20px 19px;
    margin-top:20px;
    background:#f9f9f9
}
.service_space_input_box h5 {
    font-weight:600;
    font-size:14px;
    color:#222222;
    padding-left:29px;
    margin:0;
    margin-top:6px;
    background:url(../img/service_space/area_icn.png) no-repeat left 0;
    padding-bottom:12px;
    border-bottom:1px solid #d1d1d1;
}
.service_space_input_comp {
    clear:both;
    position:relative;
    margin-top:14px;
    background:#f9f9f9;
}
.service_space_input_comp:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.service_space_input_comp ul {
    margin:0;
    padding:0
}
.service_space_input_comp ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_input_comp li {
    float:left;
    list-style:none;
    font-size:13px
}
.service_space_input_comp li.radio {
    margin-right:18px;
    padding-top:5px;
    margin-top:0;
    margin-bottom: 0;
}
.service_space_input_comp li.radio input {
    vertical-align:bottom;
    margin-left:0;
    margin-right:5px
}
.service_space_input_comp li.radio label {
    letter-spacing:-1px;
}
.service_space_input_comp li.upload:after {
    clear:both;
    display:block;
    content:''
}
.service_space_input_comp li.upload div {
    float:left;
    margin:0;
    height:auto;
}
.service_space_input_comp li.upload .photo_src {
    width:478px
}
.service_space_input_comp li.upload .photo_src input {
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:28px;
    border:1px solid #d1d1d1;
    font-size:12px;
    color:#666666;
    padding-left:8px
}
.service_space_input_comp li.upload .search_btn {
    width:79px
}
.service_space_input_comp li.upload .space {
    width:13px;
    height:20px
}
.service_space_input_comp li.upload .search_btn button {
    cursor:pointer;
    border:none;
    height:28px;
    background:#434343;
    color:#ffffff;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-weight:600
}
.service_space_input_comp li.textarea {
    clear:both;
    position:relative;
    width:100%;
    padding:0;
    height:68px;
    margin-top:14px
}
.service_space_input_comp li.textarea textarea {
    width:598px;
    height:71px;
    float:left;
    border:1px solid #d1d1d1
}
.service_space_input_comp li.textarea button {
    float:left;
    width:80px;
    margin-left:13px;
    background:#ffffff;
    border:1px solid #afafaf;
    padding:24px 0;
    font-size:14px;
    cursor:pointer;
    background:#f8f8f8;
    font-weight: 600
}
/* [E] 공적공간 한마디 */
/* [S] 공적공간 한마디 목록 */
.service_space_list {
    margin-top:10px
}
.service_space_list ul {
    padding:0;
    border-top:1px solid #6d6d6d;
    margin:0
}
.service_space_list li {
    position:relative;
    overflow:hidden;
    padding:15px 0 11px 15px;
    border-bottom:1px solid #d1d1d1;
    service_space_list-style:none
}
.service_space_list li.blank {
    display:none
}
.service_space_list .sort {
    display:inline-block;
    float:left
}
.service_space_list .arti {
    display:inline-block;
    font-size:13px;
    width:505px;
    color:#666666;
    /* position:relative */
}
.service_space_list .arti.none_img {
    width:594px
}
.service_space_list .photoLi {
    overflow:hidden
}
.service_space_list .date {
    font-size:12px;
    color:#828282;
    position:absolute;
    right:24px;
    top:18px
}
.service_space_list .pica {
    position:relative;
    float:left;
    margin-right:19px
}
.service_space_list .pica .photo {
    width:68px;
    height:48px;
    margin-top:3px;
    border:1px solid #a6a6a6;
    display:inline;
}
.service_space_list .pica a {
    position:relative
}
.service_space_list .pica .hover_img {
    display:none;
    position:absolute;
    top: -13px;
    left: 0px;
    width:68px;
    height:48px;
    background:url(../img/service_space/detail_view_back.png) no-repeat center center
}
.service_space_list .pica .photo:hover {
    background:url(../img/service_space/detail_view_back.png) no-repeat center center
}
.service_space_list .pica .photoView {
    width:100%;
    height:auto;
    display:none;
    margin-bottom:5px;
    border:1px solid #a7a7a7
}
.service_space_list .tgood {
    display:inline-block;
    padding:0 5px;
    color:#fff;
    font-weight:700;
    text-align:center;
    background:#388ff7;
    font-size:12px
}
.service_space_list .tfix {
    display:inline-block;
    padding:0 5px;
    color:#fff;
    font-weight:700;
    text-align:center;
    background:#f58224;
    font-size:12px
}
.service_space_list .photoLi .tfix,.service_space_list .photoLi .tgood {
    margin-right:5px
}
.service_space_list .service_space_list_btn {
    text-align:right;
    margin-top:20px
}
.service_space_list .service_space_list_btn button {
    color:#333333;
    height:35px;
    text-align:center;
    width:98px;
    background:#fafafa;
    border:1px solid #838383;
    font-size:14px;
    font-weight:600;
    border-radius:2px;
    cursor: pointer
}
/* [E] 공적공간 한마디 목록 */
/* [E] 공적공간 상세 페이지*/
/* [S] 관련법령정보 */
.service_space_content {
    margin-bottom: 20px;
}
.service_space_content_top .tab {
    overflow:hidden;
    margin-bottom:30px;
}
.service_space_content_top .tab ul {
    padding:0;
    margin:0;
    display:block;
    border:1px solid #ccc;
    border-left:none;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.service_space_content_top .tab ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_content_top .tab LI {
    /* position:relative; */	/* 20170920 최두봉 주석 */
    float:left;
    list-style:none;
    width:33.33%;
    text-align:center;
    /* z-index:10000000000; */	/* 20170920 최두봉 주석 */
}
.service_space_content_top .tab LI .tab_a {
    display:block;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    background:#fcfcfc;
    border-left:1px solid #ccc;
    color:#848484;
    padding:13px 0;
    width:100%;
}
.service_space_content_top .tab LI .tab_a:hover {
    background:#3aa8e2;
    color:#fff
}
.service_space_content_top .tab LI .tab_a.on {
    background:#3aa8e2;
    color:#fff
}
.service_space_lawinfo {
    font-size:13px;
    color:#666666;
    line-height:140%
}
.service_space_lawinfo H5 {
    margin:0;
    display:block;
    height:24px;
    font-size:13px;
    color:#000000;
    font-weight:normal;
    padding-left:11px;
    background:url(../img/service_space/info_text_icn2.png) no-repeat 10px center;
    padding-left:21px;
    line-height:24px
}
.service_space_lawinfo H5.custom {
    padding-left:11px;
    background:url(../img/service_space/info_text_icn2.png) no-repeat left center
}
.service_space_lawinfo .infoWrap h4 {
    font-weight:600;
    font-size:16px;
    color:#222222;
    background:url(../img/service_space/bg_sub_title.png) no-repeat left center;
    padding-left:13px;
    margin:0;
    margin-bottom:12px
}
.service_space_lawinfo .infoWrap .service_space_content {
    line-height:22px;
    letter-spacing:0
}
.service_space_lawinfo .infoWrap .service_space_content .num_space {
    margin-right:7px
}
.service_space_lawinfo .infoWrap .service_space_content .hterm1 {
    display:inline-block;
    width:17px;
    height:10px;
}
.service_space_lawinfo .infoWrap .service_space_content .hterm2 {
    display:inline-block;
    width:20px;
    height:10px;
}
.service_space_lawinfo .infoWrap .service_space_content .hterm3 {
    display:inline-block;
    width:25px;
    height:10px;
}
.service_space_lawinfo .infoWrap .info_underline {
    height:1px;
    border-bottom:1px solid #e3e3e3;
    margin-top:7px;
    margin-bottom:22px
}
.service_space_lawinfo .infoWrap STRONG {
    color:#222222;
    display:block;
    font-size:15px;
    margin:20px 0 17px 0;
    padding-left:16px;
    font-weight:600;
    background:url(../img/service_space/info_text_icn.png) no-repeat left center
}
.service_space_lawinfo .infoWrap STRONG.sub {
    margin-top:10px;
}
.service_space_lawinfo .infoWrap OL {
    margin:0;
    margin-left:34px;
    padding:10px 0;
    font-size:13px;
    color:#666666;
}
.service_space_lawinfo .infoWrap OL LI {
    list-style-type:decimal;
}
.service_space_lawinfo .infoWrap OL.notype {
    margin-left:20px
}
.service_space_lawinfo .infoWrap OL.notype LI {
    list-style-type:none;
}
.service_space_lawinfo .infoWrap OL.notype_inner {
    margin-left:25px
}
.service_space_lawinfo .infoWrap OL.notype2 {
    margin-left:16px;
}
.service_space_lawinfo .infoWrap OL.notype2 li {
    list-style:none !important
}
.service_space_lawinfo .infoWrap OL LI .uline {
    font-weight:normal;
}
.service_space_lawinfo .infoWrap OL.custom {
    text-decoration:underline;
    color:#666666
}
.service_space_lawinfo .uline {
    font-weight:600;
    color:#222222
}
.service_space_lawinfo .underline {
    text-decoration:underline;
}
.service_space_lawinfo .reform {
    font-size:13px;
    color:#ff4800;
}
.service_space_lawinfo .allform {
    display:block;
    text-align:right;
    padding:10px 0;
    font-size:13px;
    color:#666666;
    font-weight:600
}
.service_space_lawinfo .meter_text {
    text-align:right;
    font-size:13px;
    color:#666666
}
.service_space_lawinfo .table_type2 {
    margin:10px 0;
    border-spacing:0;
    border-top:2px solid #cccccc
}
.service_space_lawinfo .table_type2 caption {
    display:none;
    visibility:hidden;
    overflow:hidden;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
}
.service_space_lawinfo .table_type2 TH {
    background:#ededed;
    font-weight:600
}
.service_space_lawinfo .table_type2 TH,.service_space_lawinfo .table_type2 TD {
    text-align:center;
    padding:0;
    font-size:13px;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#666666;
    padding:5px 0
}
.service_space_lawinfo .table_type2 TH:first-child,.service_space_lawinfo .table_type2 TD:first-child {
    border-left:none
}
.service_space_lawinfo .table_type2 .border_left {
    border-left:1px solid #cccccc !important
}
.service_space_lawinfo .table_type3 {
    border-spacing:0;
    border-top:2px solid #cccccc;
    width:750px;
    margin:0 0 0 20px
}
.service_space_lawinfo .table_type3 caption {
    display:none;
    visibility:hidden;
    overflow:hidden;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
}
.service_space_lawinfo .table_type3 TH {
    background:#ededed;
    font-weight:600
}
.service_space_lawinfo .table_type3 TH,.service_space_lawinfo .table_type3 TD {
    text-align:center;
    padding:0;
    font-size:13px;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    color:#666666;
    padding:5px 0
}
.service_space_lawinfo .table_type3 TH:first-child,.service_space_lawinfo .table_type3 TD:first-child {
    border-left:none
}
.service_space_lawinfo .table_type3 .border_left {
    border-left:1px solid #cccccc !important
}
.service_space_lawinfo .term10 {
    display:block;
    height:10px;
}
.service_space_lawinfo .term20 {
    display:block;
    height: 10px;
}
/* [E] 관련법령정보 */
/* [S] 공적공간 소개 */
.service_space_info_wrap {
    font-size:14px;
    color:#666666;
    letter-spacing:0
}
.service_space_info_wrap h4 {
    font-weight:600;
    margin:0;
    color:#049969;
    font-size:30px
}
.service_space_info_wrap span.point_c {
    color:#ff4800
}
.service_space_info_wrap p {
    margin:16px 0 19px 0;
    line-height: 20px;
}
.service_space_info_wrap .scope_desc_box {
    margin-top:35px
}
.service_space_info_wrap .scope_desc_box dl {
    margin:30px 0 0 0
}
.service_space_info_wrap .scope_desc_box dl:after {
    clear:both;
    display:block;
    content:''
}
.service_space_info_wrap .scope_desc_box dt {
    float:left
}
.service_space_info_wrap .scope_desc_box dd.mt {
    margin-top:20px
}
.service_space_info_wrap .scope_desc_box dd.mb {
    margin-bottom:29px
}
.service_space_info_wrap .scope_desc_box dd {
    float:right
}
.service_space_info_wrap .type_desc_box {
    margin-top:47px
}
.service_space_info_wrap .type_desc_box ul {
    list-style:none;
    padding:0;
    margin:0
}
.service_space_info_wrap .type_desc_box ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_info_wrap .type_desc_box ul li {
    float:left;
    width:33%;
    text-align:center
}
.service_space_info_wrap .type_desc_box ul li:first-child {
    text-align:left
}
.service_space_info_wrap .type_desc_box ul li:last-child {
    text-align:right
}
.service_space_info_wrap .type_desc_box ul li img {
    vertical-align:bottom
}
.service_space_info_wrap .type_desc_box ul span {
    text-align:center !important;
    display:block;
    margin-top: 8px
}
/* [E] 공적공간 소개 */
/* [S] 공적공간 불편 사례 */
.service_space_example_wrap {
    margin-bottom:40px;
}
.service_space_example_wrap ul {
    padding:0;
    margin:0;
    margin-left:-7px;
}
.service_space_example_wrap ul:after {
    display:block;
    content:'';
    clear:both;
}
.service_space_example_wrap ul li {
    margin-left:7px;
    width:240px;
    float:left;
    list-style:none;
    margin-bottom:20px;
}
.service_space_example_wrap ul li .thumb {
    min-height:16px;
}
.service_space_example_wrap ul li .thumb img {
    vertical-align:bottom;
}
.service_space_example_wrap ul li .exmaple_txt {
    border:1px solid #e5e5e5;
    background:#f4f4f4;
    margin-top:1px;
    padding:10px;
    min-height:178px;
    overflow:hidden;
}
.service_space_example_wrap ul li .exmaple_txt span {
    display:block;
    background:url(../img/service_space/ex_tit_icn.jpg) no-repeat left center;
    padding-left:20px;
    font-weight:600;
    color:#222222;
    font-size:14px;
    margin-bottom:5px;
}
.service_space_example_wrap ul li .exmaple_txt p {
    color:#666666;
    font-size:13px;
    margin: 0;
}
/* [E] 공적공간 불편 사례 */
/* [S] 공적공간 한마디 */
.service_space_content_top .word_tab {
    overflow:hidden;
    margin-bottom:20px;
}
.service_space_content_top .word_tab ul {
    padding:0;
    margin:0;
    display:block;
    border:1px solid #ccc;
    border-left:none;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.service_space_content_top .word_tab ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_content_top .word_tab LI {
    /* position:relative; */		/* 20171017 이성민 주석*/
    float:left;
    list-style:none;
    width:33.33%;
    text-align:center;
    /* z-index:10000000000; */		/* 20171017 이성민 주석*/
    list-style:none;
}
.service_space_content_top .word_tab LI .tab_a {
    display:block;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    background:#fcfcfc;
    border-left:1px solid #ccc;
    color:#848484;
    padding:13px 0
}
.service_space_content_top .word_tab LI .tab_a:hover {
    background:#3aa8e2;
    color:#fff
}
.service_space_content_top .word_tab LI .tab_a.on {
    background:#3aa8e2;
    color:#fff
}
.service_space_area_select_wrap {
    text-align:center;
    padding:15px 0;
    background:#eeeeee;
    border-radius:4px;
}
.service_space_area_select_wrap span {
    font-weight:600;
    font-size:14px;
    color:#666666;
    padding-right:20px;
}
.service_space_area_select_wrap select {
    width:140px;
    height:25px;
    padding-right:0 !important;
    border-radius:4px;
    margin-right:5px;
    border:1px solid #dcdde3;
    font-size:13px;
    color:#666666;
    padding-left:10px;
}
.service_space_area_select_wrap button {
    width:60px;
    height:26px;
    border:1px solid #cccccc;
    border-radius:4px;
    font-size:13px;
    color:#333333;
    cursor:pointer;
    background:url(../img/service_space/move_btn_bg.png) repeat-x;
}
.service_space_word_all_list {
    margin-bottom:30px;
}
.service_space_total_sum_txt {
    color:#666666;
    font-size:14px;
    margin:15px 0;
}
.service_space_total_sum_txt .point_c {
    color:#ff4800;
}
.service_space_word_all_list ul {
    margin:0;
    padding:0;
    border-top:1px solid #d1d1d1;
}
.service_space_word_all_list ul li {
    list-style:none;
    border-bottom:1px solid #d1d1d1;
    padding:20px 0 45px 0;
    position:relative;
}
.service_space_word_all_list ul li:after {
    display:block;
    clear:both;
    content:'';
}
.service_space_word_all_list ul li .thumb {
    float:left;
    width:180px;
    padding-right:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.service_space_word_all_list ul li .thumb img {
    vertical-align:bottom;
    border:1px solid #a6a6a6;
    width:100%;
    max-height: 107px;
}
.service_space_word_all_list ul li .content {
    float:none;
    width:auto;
}
.service_space_word_all_list ul li .content.ml {
    margin-left:180px;
}
.service_space_word_all_list ul li .content p {
    margin:0;
}
.service_space_word_all_list ul li .content .tit {
    font-weight:600;
    font-size:16px;
    color:#222222;
    margin-bottom:10px;
    f
}
.service_space_word_all_list ul li .content .tit span {
    padding:2px 5px;
    font-size:11px;
    color:#ff4800;
    border:1px solid #ff4800;
    border-radius:2px;
    margin-right:5px;
    font-weight:600;
}
.service_space_word_all_list ul li .content .cont {
    font-size:14px;
    color:#666666;
    line-height:22px;
}
.service_space_word_all_list ul li .content .cont span {
    padding:2px 5px;
    font-size:12px;
    color:#ffffff;
    font-weight:600;
    margin-right:5px;
}
.service_space_word_all_list ul li .content .cont span.c_b {
    background:#388ff7;
}
.service_space_word_all_list ul li .content .cont span.c_o {
    background:#f58224;
}
.service_space_word_all_list ul li .content .addr {
    font-size:12px;
    color:#666666;
    margin-top:10px;
}
.service_space_word_all_list ul li .content .addr button {
    padding:0 7px 0 17px;
    font-size:12px;
    color:#ffffff;
    font-weight:600;
    margin-left:5px;
    background:#216ac8 url(../img/service_space/word_map_icn.png) no-repeat 6px center;
    border:none;
    cursor:pointer;
    height:19px;
}
.service_space_word_all_list ul li .word_btn {
    font-size:14px;
    color:#333333;
    text-decoration:underline;
    border:none;
    background:#ffffff;
    display:inline-block;
    position:absolute;
    right:0;
    bottom:20px;
    cursor:pointer;
}
.service_space_word_all_list ul li .word_btn span {
    color:#006fff;
    font-weight:600;
}
.service_space_word_all_list ul li .word_btn img {
    vertical-align: bottom;
}
/* [E] 공적공간 한마디 */
/* [S] 공적공간 등록된 한마디 팝업창 */
.service_space_word_layer_pop {
  letter-spacing: 0;
}
.service_space_word_pop_tit h3 {
    font-size:16px;
    color:#4e5366;
    font-weight:600;
    padding-left:50px;
    margin:0;
    height:50px;
    border-top:2px solid #4e5366;
    line-height:50px;
    background:#f2f3f5 url(../img/service_space/pop_tit_icn.png) no-repeat 10px center;
}
.service_space_word_pop_tit button {
    position:absolute;
    border:none;
    background:none;
    padding:0;
    right:10px;
    top:8px;
    cursor:pointer;
}
.service_space_word_pop_tit button img {
    vertical-align:bottom;
}
.service_space_word_pop_wrap {
    padding:20px 10px 0 10px;
}
.service_space_input_box_pop {
    border:1px solid #d1d1d1;
    padding:11px 19px 20px 19px;
    background:#f9f9f9
}
.service_space_input_box_pop h5 {
    font-weight:600;
    font-size:14px;
    color:#222222;
    padding-left:29px;
    margin:0;
    margin-top:6px;
    background:url(../img/service_space/area_icn.png) no-repeat left 0;
    padding-bottom:12px;
    border-bottom:1px solid #d1d1d1
}
.service_space_input_comp_pop {
    clear:both;
    position:relative;
    margin-top:14px;
    background:#f9f9f9;
}
.service_space_input_comp_pop:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.service_space_input_comp_pop ul {
    margin:0;
    padding:0
}
.service_space_input_comp_pop ul:after {
    clear:both;
    display:block;
    content:''
}
.service_space_input_comp_pop li {
    float:left;
    list-style:none;
    font-size:13px
}
.service_space_input_comp_pop li.radio {
    padding-top:5px;
    width:11%;
    box-sizing:border-box;
    margin-top:10px !important;
}
.service_space_input_comp_pop li.radio input {
    vertical-align:bottom;
    margin-left:0;
    margin-right:5px
}
.service_space_input_comp_pop li.upload:after {
    clear:both;
    display:block;
    content:''
}
.service_space_input_comp_pop li.upload {
    width:78%;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:90px;
}
.service_space_input_comp_pop li.upload .photo_src input {
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:30px;
    border:1px solid #d1d1d1;
    font-size:12px;
    color:#666666;
    padding-left:8px
}
.service_space_input_comp_pop li.search {
    width:13%;
    float:right;
}
.service_space_input_comp_pop li.upload .space {
    width:13px;
    height:20px
}
.service_space_input_comp_pop li .search_btn {
    position:absolute;
    right:0;
    top:0;
}
.service_space_input_comp_pop li .search_btn button {
    cursor:pointer;
    border:none;
    height:30px;
    background:#434343;
    color:#ffffff;
    width:80px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-weight:600
}
.service_space_input_comp_pop li.textarea {
    clear:both;
    position:relative;
    width:100%;
    padding:0;
    margin-top:14px
}
.service_space_input_comp_pop li.textarea .textarea_wrap {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:90px;
}
.service_space_input_comp_pop li.textarea textarea {
    height:73px;
    float:left;
    border:1px solid #d1d1d1;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.service_space_input_comp_pop li.textarea button {
    position:absolute;
    right:0;
    width:80px;
    background:#ffffff;
    border:1px solid #afafaf;
    height:73px;
    line-height:71px;
    font-size:14px;
    cursor:pointer;
    background:#f8f8f8;
    font-weight:600;
}
.service_space_list_pop {
    margin-top:10px
}
.service_space_list_pop ul {
    padding:0;
    border-top:1px solid #6d6d6d;
    margin:0
}
.service_space_list_pop li {
    position:relative;
    overflow:hidden;
    padding:15px 0 11px 15px;
    border-bottom:1px solid #d1d1d1;
    list-style:none
}
.service_space_list_pop li.blank {
    display:none
}
.service_space_list_pop .sort {
    display:inline-block;
    float:left
}
.service_space_list_pop .arti {
    display:block;
    font-size:13px;
    color:#666666;
    position:relative;
    padding-right:80px;
    margin-left:124px;
    overflow:hidden;
}
.service_space_list_pop .arti.none_img {
    margin-left:35px;
}
.service_space_list_pop .photoLi {
    overflow:hidden
}
.service_space_list_pop .date {
    font-size:12px;
    color:#828282;
    position:absolute;
    right:10px;
    top:0px
}
.service_space_list_pop .pica {
    position:relative;
    float:left;
    margin-right:19px;
    z-index:500;
}
.service_space_list_pop .pica .photo {
    width:68px;
    height:48px;
    margin-top:3px;
    border:1px solid #a6a6a6;
    display:inline;
}
.service_space_list_pop .pica a {
    position:relative;
    display:block;
}
.service_space_list_pop .pica .hover_img {
    display:none;
    position:absolute;
    top: 3px;
    left: 1px;
    width:68px;
    height:48px;
    background:url(../img/service_space/detail_view_back.png) no-repeat center center
}
.service_space_list_pop .pica .photo:hover {
    background:url(../img/service_space/detail_view_back.png) no-repeat center center
}
.service_space_list_pop .pica .photoView {
    width:100%;
    height:auto;
    display:none;
    border:1px solid #a7a7a7;
    margin-bottom: 10px;
}
.service_space_list_pop .tgood {
    display:inline-block;
    padding:2px 5px 3px 5px;
    color:#fff;
    font-weight:700;
    text-align:center;
    background:#388ff7;
    font-size:12px;
    margin-right:5px;
    vertical-align:top;
}
.service_space_list_pop .tfix {
    display:inline-block;
    padding:2px 5px 3px 5px;
    color:#fff;
    font-weight:700;
    text-align:center;
    background:#f58224;
    font-size:12px;
    margin-right:5px;
    vertical-align:top;
}
.service_space_list_pop .photoLi .tfix,.list .photoLi .tgood {
    margin-right:5px
}
.service_space_list_pop .list_btn {
    text-align:right;
    margin-top:20px
}
.service_space_list_pop .list_btn button {
    color:#333333;
    height:35px;
    text-align:center;
    width:98px;
    background:#fafafa;
    border:1px solid #838383;
    font-size:14px;
    font-weight:600;
    border-radius:2px;
    cursor: pointer
}


/* 지자체별 다중이용법 기준 */
.search_box3 {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #7dd0d7;
    box-shadow: 0px 2px 0px #e5e5e5;
    background-color: #ffffff;
}
.search_box3 label {
    font-weight: 600;
}
.search_container label.ml50 {
    margin-left: 50px;
}
.search_container label.mw60 {
    min-width: 60px;
}
.search_container label.mw70 {
    min-width: 70px;
}
.search_container label.mw112 {
    min-width: 112px;
}
.search_container input.w90 {
    width: 90px;
}
.search_container input.w190 {
    width: 190px;
}
.search_container select.mw90 {
    min-width: 55px;
}
.search_container input.w400 {
    width: 400px;
}

.search_container input.bg_dd {
    background: #ddd;
}
.search_container .right_p {
    position: absolute;
    right: 20px;
}

.search_box3 .search_inp_box {
    padding-bottom: 10px;
    margin-right: 0!important;
    background: #fff url('../img/biz/search_under_dotted.gif') repeat-x left bottom;
}

.search_box3 .btn_wrap {
    text-align: right;
    margin-top: 10px;
}
.search_box3 .btn_wrap button {
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    background: #acbcd1;
    border-radius: 4px;
}
.remove_btn {
    background: #e95a5a;
    border: none;
    border-radius: 3px;
    padding: 0 5px;
    color: #ffffff;
    font-size: 11px;
    line-height: 23px;
    height: 20px;
}

/* [E] 공적공간 등록된 한마디 팝업창 */
/* 20171026 최두봉 추가 */
/* 점검기관승인요청 이력내역 조회 팝업 */
.check_record_tb_wrap {
    padding: 20px;
}
.check_record_tb_wrap table {
    font-family:"나눔고딕","Nanum Gothic", "돋움",Dotum,Arial,sans-serif;
    font-size: 12px;
}
.check_record_tb_wrap table td.on {
    background: #edf6fd;
}
span.state_s, span.state_f {
    display: inline-block;
    padding: 0px 3px;
    color: #ffffff;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 600;
    width: 29px;
}
span.state_s {
    background: #349b60;
}
span.state_f {
    background: #e95938;
}
/* 점검대상물상세정보조회 */
.check_record_tb_wrap_custom {
    padding: 20px 20px 0 20px;
}
.check_record_tb_wrap_custom table {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.check_record_tb_wrap_custom table th {
    font-weight: normal !important;
}
.check_record_tb_wrap_custom ul.tab_list {
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 770px;
}
.check_record_tb_wrap_custom ul.tab_list li {
    display: inline-block;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
    padding: 7px 15px;
}
.check_record_tb_wrap_custom ul.tab_list li {
    font-size: 13px;
    background: #f7f8f8;
    margin-left: 1px;
    color: #909090;
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #c6c6c6;
}
.check_record_tb_wrap_custom ul.tab_list li:first-child {
    margin-left: 0;
}
.check_record_tb_wrap_custom ul.tab_list li a {
    cursor: pointer;
}
.check_record_tb_wrap_custom ul.tab_list li.on, .check_record_tb_wrap_custom ul.tab_list li:hover {
    background: #757575;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #757575
}
.check_record_tb_wrap_custom .how_desc {
    background: url(../img/biz/how_desc_icn.png) no-repeat left center;
    padding-left: 20px;
    font-size: 12px;
    color: #ff4800;
    margin:10px 0 10px 0;
}
span.required_star {
    color: #ff4800;
}
input.standard_date {
    width: 90px;
    height: 25px;
    border-radius: 3px;
    padding-left: 10px;
    border: none;
    background: #dddddd;
    font-size: 11px;
    color: #555555;
}
textarea.reason {
    display: block;
    min-height: 80px;
    width: 100%;
    border: 1px solid #cccccc;
}
.check_record_tb_wrap_custom2 {
    padding: 20px 20px 30px 20px ;
}
.check_record_tb_wrap_custom2 h4 {
    color: #666666 !important;
    font-weight: 600 !important;
}
.check_record_tb_wrap_custom2 table {
    font-family:"나눔고딕","Nanum Gothic", "돋움",Dotum,Arial,sans-serif; /* 20170926 */
}
.checK_tab_wrap {
    min-width: 810px;
}
.checK_tab_wrap .explan_box .tit2 {
    margin-bottom:5px !important;
}
.check_alert_header_custom {
    min-width: 810px;
    overflow: hidden;
    background: #027bc0;
}
.check_alert_header_custom h3 {
    font-size: 17px;
    float: left;
    font-weight: 600;
    color: #ffffff;
    padding-left: 20px;
    line-height: 44px;
    margin: 0;
    background: #027bc0;
    position: relative;
}
.check_alert_header_custom button {
    border: none;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    padding: 0;
    background: none;
    height: auto;
}
.print_btn {
    line-height: 20px;
    height: 22px;
    color: #ffffff;
    font-size: 11px;
    border: 1px solid #5d5d5d;
    background: #737373;
    border-radius: 3px;
    vertical-align: text-top;
}
.stats_admin_btn {
    padding: 15px 12px;
}

/* 20171114 */
/* a링크 텍스트  */
a.text_point_c {
  color:#225683;
  text-decoration: underline;
}
a.text_point_c:hover {
  color:#225683;
  text-decoration: underline;
}

/* 20171116 */
.table-responsive-custom {
    border: none;
    overflow-y: hidden;
    overflow-x: hidden;
}
.table-responsive-custom table {
  border-top: 3px solid #dddddd !important;
}
.break_all {
  word-break: break-all;
}

/* 20171117 최두봉 */
/* 추천공간 위치정보 지도 상세내용 레이어 팝업 추가*/
.img_map_desc_layer {
    width: 292px;
    position: absolute;
    border: 1px solid #686868;
    background: #ffffff;
    padding-bottom: 10px;
    z-index: 2;
    right:0;
    left:0;
    margin:0 auto;
    top: 10px;
}
.desc_layer_tit {
  font-size:14px;
  font-weight:600;
  padding-left:28px;
  border-bottom:1px solid #d1d0d0;
  margin-bottom:5px;
  background: #f7f7f7 url('../img/service_space/desc_layer_tit_icn.png') no-repeat 10px center;
}
.desc_layer_tit span {
  display:inline-block;
  padding: 9px 0;
}
.img_map_desc_layer ul {
  /* overflow:hidden; */
  list-style:none;
  margin:0;
  padding:0;
}
.img_map_desc_layer ul li div {
  float:left;
  font-size:12px;
}
.img_map_desc_layer ul li {
  overflow:hidden;
  padding: 5px 0;
}
.img_map_desc_layer ul li div.layer_list_tit {
  font-weight:600;
  width: 88px;
}
.img_map_desc_layer ul li div.layer_list_tit p {
  padding-left:15px;
  margin:0;
  background: #ffffff url('../img/service_space/desc_layer_list_tit_bullet.png') no-repeat 10px center;
}
.img_map_desc_layer ul li div.layer_list_cont {
  line-height: 16px;
  width: 202px;
}
.img_map_desc_layer ul li div.layer_list_cont p {
  margin:0;
  padding-right:28px;
}
.img_map_desc_layer .desc_layer_btn {
  text-align:right;
  margin-top: 8px;
}
.img_map_desc_layer .desc_layer_btn a {
  line-height: 21px;
  border: 1px solid #db774c;
  background: #e37a4d url('../img/service_space/map_layer_btn_arrow.png') no-repeat 55px center;
  font-size:12px;
  font-weight:600;
  color: #ffffff;
  display: inline-block;
  padding: 0 20px 0 9px;
  margin-right: 10px;
  border-radius: 3px;
}

/* 20171201 최두봉 추가 */
body {
   background: #f7f8fa;
}
/* header */
#wrap .new_menu {
    width: 100%;
    background: #fff;
    height: 100px;
    border-bottom: 3px solid #315f80;
}
#wrap .new_menu .new_menu_container {
    width: 980px;
    margin: 0 auto;
    letter-spacing: 0;
    position: relative;
}
#wrap .new_menu .new_menu_container h1 {
    padding: 26px 0;
    display: inline-block;
    margin-top: 0px;
}
#wrap .new_menu ul.comp_link {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 0;
}
#wrap .new_menu ul.comp_link li {
    display: inline-block;
    font-size: 12px;
    color: #656565;
    margin-left: 3px;
}
#wrap .new_menu ul.comp_link li a {
    padding: 1.5px 8.5px;
    border: 1px solid #bac3cc;
    border-radius: 4px;
    display: inline-block;
    -moz-box-shadow: 0px 1px 0px 0px #dfdfdf;
    -webkit-box-shadow: 0px 1px 0px 0px #dfdfdf;
    box-shadow: 0px 1px 0px 0px #dfdfdf;
}

#wrap .new_menu ul.comp_link li.dev_link a {
    background: #605f71;
    border: 1px solid #555464;
    color: #ffffff;
    box-shadow: none;
}
#wrap .new_menu ul.new_top_menu {
    position: absolute;
    right: 20px;
    top: 32px;
}
#wrap .new_menu ul.new_top_menu > li {
    display: block;
    float: left;
}
#wrap .new_menu ul.new_top_menu > li.top_mn1 {
    width: 135px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn2 {
    width: 135px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn3 {
    width: 150px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn4 {
    width: 120px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn5 {
    width: 100px;
}
#wrap .new_menu ul.new_top_menu > li > a {
    display: block;
    padding: 22px 0 20.5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    text-align: center;
}
#wrap .new_menu ul.new_top_menu > li > a:hover, #wrap .new_menu ul.new_top_menu > li.sfHover > a {
    color: #0051f6;
}

#wrap .new_menu ul.new_top_menu ul.depth2 {
    position: relative;
    font-size: 14px;
    width: auto;
    border: 2px solid #315f80;
    background: #fff;
    text-align: left;
    z-index: 105;
    margin-top: 1px;
    display: none;
}
#wrap .new_menu ul.new_top_menu ul.depth2 > li {
    position: relative;
}
#wrap .new_menu ul.new_top_menu ul.depth2 li {
    height: 30px;
    line-height: 29px;
    border-bottom: 1px solid #dddddd;
    font-weight: normal;
    font-size: 13px;
}
#wrap .new_menu ul.new_top_menu ul li .has {
    position: absolute;
    right: 12px;
    top: 0;
}
#wrap .new_menu ul.new_top_menu ul.depth2 li > a {
    padding-left: 9px;
    display: block;
}
#wrap .new_menu ul.new_top_menu ul li > a:hover, #wrap .new_menu ul.new_top_menu ul.depth2 li.sfHover > a {
    color: #004ae0;
    background: #f0f5fb;
    text-decoration: underline;
}
#wrap .new_menu ul.new_top_menu ul.depth2 li:last-child {
    border-bottom: none;
}

#wrap .new_menu ul.new_top_menu > li.top_mn1  ul.depth2 {
    width: 150px;
    left: -7.5px;
}

#wrap .new_menu ul.new_top_menu > li.top_mn2  ul.depth2 {
    width: 175px;
    left: -20px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn3  ul.depth2 {
    width: 175px;
    left: -10px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn4  ul.depth2 {
    width: 150px;
    left: -15px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn5  ul.depth2 {
    width: 190px;
    left: -45px;
}

#wrap .new_menu ul.new_top_menu ul.depth3 {
    position: absolute;
    font-size: 14px;
    width: auto;
    border: 2px solid #315f80;
    background: #fff;
    text-align: left;
    top: -2px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn1 li.depth2_1  ul.depth3 {
    width: 210px;
    left: 146px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn1 li.depth2_2  ul.depth3 {
    width: 160px;
    left: 146px;
}

#wrap .new_menu ul.new_top_menu > li.top_mn4 li.depth2_1  ul.depth3 {
    width: 160px;
    left: 146px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn4 li.depth2_2  ul.depth3 {
    width: 103px;
    left: 146px;
}
#wrap .new_menu ul.new_top_menu > li.top_mn4 li.depth2_3  ul.depth3 {
    width: 130px;
    left: 146px;
}
/* quick right*/
#new_quick_right{
    position:fixed;
    top: 0;
    right: -97px;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
    z-index: 1000;
    letter-spacing: 0;
}
#new_quick_right .side_arr{
    float: left;
    width: 24px;
    height: 100%;
}
#new_quick_right .side_arr .btn_control{
    position: relative;
    display: inline-block;
    top: 42%;
    height: 90px;
    width: 24px;
    text-indent: -5000px;
    background: url('../img/common/new_arr_right_banner.png') no-repeat top left;
}
#new_quick_right .side_arr.open .btn_control{
    background: url('../img/common/new_arr_right_banner_close.png') no-repeat top left;
}
#new_quick_right .side_list{
    float: left;
    position: relative;
    background: #315f80;
    height: 100%;
    padding-left: 1px;
    width: 97px;
}
#new_quick_right .side_list .txt{
    width: 52px;
    height: 34px;
    text-indent: -5000px;
    background: url('../img/common/txt_right_t.png') no-repeat top center;
}
#new_quick_right .side_list ul{
    margin: 140% 0 0 0;
    padding: 0;
}
#new_quick_right .side_list li{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #ffffff;
    line-height: 17px;
}
#new_quick_right .side_list li>a{
    display: block;
    padding: 18px 0;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #467da4;
}
#new_quick_right .side_list li>a:hover {
    text-decoration: underline;
}
#new_quick_right .side_list li .quick_tit {
    display: block;
    font-weight: 600;
    font-size: 15px;
    padding: 18px 0;
    text-align: center;
    border-bottom: 1px solid #467da4;
}


/* footer */
footer:before,footer:after{
    content: " ";
    display: table;
}
footer:after{
    clear: both;
}
footer{
    clear: both;
    padding: 0 !important;
}
footer .new_footer_container {
    width: 100%;
    letter-spacing: 0;
}
.new_footer_box{
    position: relative;
    width: 100%; padding-bottom:40px;
    background: #f7f8fa url('../img/footer/footer_border_top.png') repeat-x left top;
}
.new_footer_roll{
    position: relative;
    width: 980px;
    margin: 0 auto;
}
.new_footer_roll_container{
    height: 57px;
    overflow: hidden;
}
.new_footer_roll_container>a {
    display: inline-block;
    width: 89px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    height: 57px;
    text-align: center;
    padding: 15px 0;
}
.new_footer_roll_container>a.left {
    float: left;
    margin-right: 1px;
}
.new_footer_roll_container>a.right {
    position: absolute;
    right: 0;
    top: 0;
}
.new_footer_roll ul{
    padding: 0;
    list-style: none;
    left: 88px;
}
.new_footer_roll ul li{
    float: left;
    display: inline-block;
    width: 160px;
    height: 57px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
}
.new_footer_roll img{
    vertical-align: top;
}
.new_footer_copy_container{
    float: left;
    position: relative;
    display: inline-block;
}
.new_footer_bottom_container{position:relative; width:1030px; height:126px; padding:19px 15px; margin:0 auto; border-bottom:none;}
.new_footer_bottom_container:before,.new_footer_bottom_container:after{
    content: " ";
    display: table;
}
.new_footer_bottom_container:after{
    clear: both;
}
.new_footer_link{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}
.new_footer_link li{
    color: #666666;
    padding: 0 6px 0 10px;
    display: inline-block;
}
.new_footer_link  a:hover {
    text-decoration: underline; color:#083394;
}
.new_footer_link li+li{
    background: url('../img/footer/line_new_footer_link.png') no-repeat left center;
}
.new_footer_link .private{
    color: #ff6633;
}
.new_footer_link .point_txt {
    color: #083394;
    font-weight: 600;
}
.new_footer_logo{
    float: left;
    margin-left: 6px;
    margin-top: 28px;
    margin-right: 48px;
}
.new_address{
    display: inline-block;
    margin-top: 15px;
    margin-left: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    letter-spacing: 0;
}
.new_address b {
    color: #eb710e;
}
.new_address span{
    display: block;
}
.new_address .fax_info{
    display: inline-block;
}
.new_footer_copy{
    display: inline-block;
}
.new_footer_copy .copyright{
    display: block;
    margin-bottom: 7px;
}
.new_footer_go{
    position: absolute;
    top: 29px;
    right: 0;
    display: inline-block;
}
.new_footer_go .footer_form-control{
    display: inline-block;
    width: 160px!important;
    margin-bottom: 4px;
    height: 28px!important;
    border: 1px solid #b4b4b4;
    padding: 3px 5px 3px 10px !important;
}
.new_footer_go button {
    width: 38px;
    height: 28px;
    line-height: 21px;
    border: 1px solid #5e6373;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    background: #6b788c;
    border-radius: 3px;
    box-shadow: none; vertical-align:2px; 
}



/* 서형준 추가*/

ul,ol,li{list-style: none;}
a:hover,a:focus,a:active {text-decoration: none; color: inherit;}


/* 20181029 이해남 추가 - 추가,삭제 */
.btnGridTop {display:inline-block; height:21px; margin-left:1px; font-size:11px; color:#555; line-height:16px; font-weight:500; text-align:center; background:#fff; vertical-align:middle; border:1px solid #c8cacd; border-radius:2px;}
.btnGridTop a{display:inline-block; min-width:50px; height:18px; padding:2px 7px 1px 7px; color:#555; text-decoration:none;}
.btnGridTop a span{padding-right:4px; color:#f83459; font-family:Dotum; font-size:13px;}
.btnGridTop a:hover{display:inline-block; height:18px; padding:2px 7px 1px 7px; color:#555; background:#f8f8f8; text-decoration:none !important; border-radius:2px;}

.gridBtnR {float:right;}

.tableAdd th{text-align:left !important;}
.tableAdd th label{font-weight:bold;}
.tableAdd input.inputTxt01{width:100%;}
.tableAdd input[type=checkbox] {vertical-align:-2px;}
.tableAdd input[type=radio] {vertical-align:-2px;}


/* 그리드 내 버튼 */
.btnGrid {display:inline-block; height:21px; box-sizing:border-box; border-radius:2px; font-size:11px; color:#fff; line-height:16px; font-weight:400; text-align:center; background:#4a6088; vertical-align:middle;}
.btnGrid a{display:inline-block; height:21px; padding:2px 5px 1px 5px; color:#fff; text-decoration:none; box-sizing:border-box; border:1px solid #43536f; border-radius:3px;}
.btnGrid a:hover{display:inline-block; color:#fff !important; text-decoration:none !important; background:#3b4d6d; border-color:#3b4d6d;}

.btnGrid.cr01 {background:#fff;}
.btnGrid.cr01 a{border:1px solid #43536f; color:#43536f; font-weight:bold;}
.btnGrid.cr01 a:hover{background:#ddd; color:#222 !important; border-color:#3b4d6d;}

.btnGrid_1 {display:inline-block; height:25px; box-sizing:border-box; padding:2px 8px; font-size:12px; color:#fff; line-height:19px; font-weight:500; text-align:center; background:#29a5d4; vertical-align:middle; border:1px solid #278db1; border-radius:3px;}
a.btnGrid_1 {color:#fff;}
a.btnGrid_1:hover {color:#fff !important; text-decoration:none !important; border-color:#1576a5; background:#1576a5;}

.btnGrid_2 {display:inline-block; height:25px; box-sizing:border-box; padding:2px 8px; font-size:12px; color:#fff; line-height:19px; font-weight:500; text-align:center; background:#4a6088; vertical-align:middle; border:1px solid #43536f; border-radius:3px;}
a.btnGrid_2 {color:#fff;}
a.btnGrid_2:hover {color:#fff !important; text-decoration:none !important; border-color:#3b4d6d; background:#3b4d6d;}

/* 2018.11.30 on버튼 구현*/
.btnGrid.on {display:inline-block; height:21px; font-size:11px; color:#8794ab; line-height:18px; font-weight:400; text-align:center; background:#fff; vertical-align:middle; border:1px solid #728098; border-radius:2px;}
.btnGrid.on a{display:inline-block; height:18px; padding:2px 7px 1px 7px; color:#8794ab; text-decoration:none;}

h5.sTitle01{margin-top:20px; font-size:13px; color:#2E9393; font-weight:600; letter-spacing:0;}
.pdr5 {padding-right:5px;}

.table_type6 {width:100%;}
.table_type6 td {padding:5px !important; border:none !important; font-size:13px !important; text-align:left;}
.table_type6 input[type=checkbox] {vertical-align:-2px;}

.fileWrap {margin-top:15px; padding:20px 20px 10px 10px; border-top:2px solid #ddd !important; border-bottom:1px solid #ddd; border-top:none;}
.fileWrap li{font-family:Dotum; font-size:11px; margin-bottom:10px; color:#666;}
.fileWrap li span.txt{display:inline-block; min-width:200px;}
.fileWrap li span.txt label{font-weight:bold;}
.fileWrap li input{display:inline !important; width:400px;}
.fileWrap li span.btnFile {display:inline-block; height:24px; margin-left:2px; font-family:Dotum; font-size:11px; color:#555; line-height:18px; font-weight:400; text-align:center; background:#f2f2f2; vertical-align:middle; border:1px solid #c8cacd; border-radius:2px;}
.fileWrap li span.btnFile a{display:inline-block; min-width:50px; height:18px; padding:3px 7px; color:#555; text-decoration:none;}
.fileWrap li span.btnFile a:hover{display:inline-block; height:18px; padding:3px 7px; color:#555; background:#f8f8f8; text-decoration:none; border-radius:2px;}
.fileWrap li select{width:100px; display:inline;}

/* 사진등록,삭제 */
.btnType01 {display:inline-block; height:23px; margin-left:2px; font-size:11px; color:#fff; text-align:center; letter-spacing:-1px; line-height:17px; background:#787b8b; vertical-align:middle; border:1px solid #626679; border-radius:2px;}
.btnType01 a{display:inline-block; height:19px; padding:3px 10px 1px 10px; color:#fff; text-decoration:none;}
.btnType01 a:hover{display:inline-block; height:22px; padding:3px 10px 1px 10px; color:#fff; background:#626679; text-decoration:none; border-radius:2px;}

.btnType02 {display:inline-block; height:23px; margin-left:2px; font-size:11px; color:#fff; text-align:center; letter-spacing:-1px; line-height:17px; background:#f85555; vertical-align:middle; border:1px solid #eb4545; border-radius:2px;}
.btnType02 a{display:inline-block; height:19px; padding:3px 10px 1px 10px; color:#fff; text-decoration:none;}
.btnType02 a:hover{display:inline-block; height:22px; padding:3px 10px 1px 10px; color:#fff; background:#eb4545; text-decoration:none; border-radius:2px;}


/* 공적공간정보 */
.table_type4 {border-collapse:collapse; table-layout:fixed; word-break:break-all; width:100%; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.table_type4.blx {border-left:none;}
.table_type4 th {padding:8px 5px; vertical-align:middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-family:Dotum; font-size:11px; color:#21507c; font-weight:bold; background:#e8ebee;}
.table_type4 td {padding:5px; vertical-align:middle; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-family:Dotum; font-size:11px; color:#333;}
.table_type4 td input {font-size:11px;}
.table_type4 td select {font-size:11px;}
.table_type4.pdx td {padding:0;}
.table_type4 .brx {border-right:none;}
.table_type4 .bbx {border-bottom:none;}
.table_type4 .blank {background:none; border:none;}
.table_type4 .scrolldiv {height:130px; overflow-x:hidden; overflow-y:scroll; font-size:0.9em;}
.table_type4 .sol {margin:0; padding:0; vertical-align:top;}
.table_type4 .ar {text-align:right;}
.table_type4 .ac {text-align:center;}
.table_type4 .icomment {padding-right:10px; font-size:0.9em; color:#666;}
.table_type4 td.p_l {position: relative;}
.table_type4 .desc_text {position: absolute;color: red;right:20px;	top: 12px;}
.table_type4 caption {display:none;}

.table_type5 {border-spacing:0; border-collapse:collapse; table-layout:fixed; word-break:break-all; width:100%; border-top:2px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ccc;}
.table_type5 th {padding:8px 5px; vertical-align:middle; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:Dotum; font-size:11px; color:#444; font-weight:700; background:#f9f9f9;}
.table_type5 td {padding:5px; vertical-align:middle; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:Dotum; font-size:11px; color:#333;}
.table_type5.pdx td {padding:0;}
.table_type5 td img {vertical-align:middle;}
.table_type5 .blank {background:none; border:none;}
.table_type5 .scrolldiv {height:130px; overflow-x:hidden; overflow-y:scroll; font-size:0.9em;}
.table_type5 .sol {margin:0; padding:0; vertical-align:top;}
.table_type5 .ar {text-align:right;}
.table_type5 .icomment {padding-right:10px;font-size:0.9em;color:#666;}
.table_type5 caption {display:none;}

/* 스크롤 테이블 */
.scrolltable.ex {height:272px;}
.scrolltable.ex2 {height:63px;}
.scrolltable.ex3 {height:80px;}
.scrolltable {overflow-x:hidden; overflow-y:scroll; border-bottom:1px solid #ccc;}

/* 팝업 */
.contentWrap{width:1100px; padding:20px 30px;}

.tab_menu1 {overflow:hidden; background:url(../img/psms/recp/tab_line.gif) repeat-x left 35px;}
.tab_menu1 li{float:left; min-width:130px; height:43px; margin-right:2px; font-size:14px; color:#fff; background:url(../img/psms/recp/tab_bg.png) no-repeat center -64px; text-align:center;}
.tab_menu1 li a{display:block; min-width:130px; height:34px; padding:8px 10px 0 10px; color:#fff;}
.tab_menu1 li a:hover{color:#fff; text-decoration:none; font-weight:bold;}
.tab_menu1 li.on{display:block; min-width:130px; height:43px; padding:8px 10px 0 10px; color:#fff; font-weight:bold; background:url(../img/psms/recp/tab_bg.png) no-repeat center -9px; }

/* 사진관리 */
.photomanager {clear:both; position:relative; width:100%; margin:0 auto; padding:20px 0;}
.photomanager.reg {width:100%;}
.photomanager .photo {width:100%; height:100%; margin:0 auto; margin-bottom:10px; background:#eee;}
.photomanager .thumb {overflow:hidden; width:742px; margin:0 auto;}  
.photomanager .thumb .prev,
.photomanager .thumb .next {float:left;}
.photomanager .thumb ul{overflow:hidden; float:left; margin:0; padding:0;}
.photomanager .thumb li {float:left; width:76px; height:54px; margin:0 1px; padding:5px 4px 1px 4px; background:#e5e5e5;}
.photomanager .thumb li.pic:hover {background:#f7941c;}
.photomanager .thumb li.on {background:#f7941c;}
.photomanager .thumb li img {width:100%; height:100%; margin:0; padding:0;}
.photomanager .photolayer {position:absolute; bottom:150px; left:50%; width:450px; margin-left:-280px; padding:15px; border:5px solid #666; background:#f9f9f9;}
.photomanager .photolayer img {width:100%;}

/* 통계목록 */
.tblType01 {overflow:hidden; width:100%;}
.tblType01 table{width:100.2%; border-top:1px solid #ddd; border-bottom:1px solid #ccc; table-layout:fixed;}
.tblType01 th {padding:10px 2px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:Dotum; font-size:11px; color:#666; text-align:center; letter-spacing:0; font-weight:bold; background:#f9f9f9;}
.tblType01 td {padding:10px 2px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:Dotum; font-size:11px; color:#666; text-align:center; letter-spacing:0;}
.tblType01 td img {vertical-align:middle;}
.tblType01 .blank {background:none; border:none;}
.tblType01 .scrolldiv {height:130px; overflow-x:hidden; overflow-y:scroll; font-size:0.9em;}
.tblType01 .sol {margin:0; padding:0; vertical-align:top;}
.tblType01 .ar {text-align:right;}
.tblType01 .icomment {padding-right:10px;font-size:0.9em;color:#666;}
.tblType01 caption {display:none;}

/* 설정레이어 */
.layPop01 {position:absolute; top:45px; border:1px solid #366996; width:200px; height:265px; visibility: hidden; background:#fff; z-index:100;}
.layPop01 .layTitWrap{position:relative; height:25px; font-size:13px; color:#1a9eba; letter-spacing:0; font-weight:bold; background:#35a7d7;}
.layPop01 .layTitWrap h3{margin:0; padding:5px 0 0 10px;  font-size:13px; color:#fff; letter-spacing:0; font-weight:bold;}
.layPop01 .layTitWrap .layPopClose{display:block; position:absolute; top:0; right:0; width:24px; height:24px; font-size:0; text-indent:-10000px; background:url(../img/sttst/btn_layClose.png) no-repeat center center;}
.layPop01 .layTitWrap .layPopClose a{display:block; width:24px; height:24px;}
.layPop01 .layTitWrap .layPopClose a:hover{display:block; width:24px; height:24px; background:#3e404e url(../img/sttst/btn_layClose.png) no-repeat center center;}
.layPop01 .layBodyWrap {oveflow-y:scroll; overflow-x:hidden; height:210px; padding:10px; font-size:12px;}
.layPop01 .layPopBtn {margin-top:5px;}
.layPop01 .layPopBtn span.btn01 {display:inline-block; height:21px; margin-left:1px; font-size:11px; color:#555; text-align:center; background:url(../img/sttst/bu_check.png) no-repeat 5px center; vertical-align:middle; border:1px solid #c8cacd; border-radius:2px;}
.layPop01 .layPopBtn span.btn01 a{display:inline-block; min-width:50px; height:18px; padding:2px 8px 1px 18px; color:#555; text-decoration:none;}

.layPop01 .layPopBtn span.btn02 {display:inline-block; height:21px; margin-left:1px; font-size:11px; color:#555; text-align:center; vertical-align:middle; border:1px solid #c8cacd; border-radius:2px;}
.layPop01 .layPopBtn span.btn02 a{display:inline-block; min-width:50px; height:18px; padding:2px 8px 1px 8px; color:#555; text-decoration:none;}


/* 네비게이션 바  김한성추가 */
.insStep3 {overflow:hidden; position:relative; width:785px; height:50px;}
.insStep3 li{position:absolute; height:50px; padding-top:18px; font-size:13px; color:#555; background:url('../img/common/imgStep.png') no-repeat; box-sizing:border-box;}
.insStep3 li.on{color:#fff; font-weight:bold;}
.insStep3 li.step01{width:277px; left:0; top:0; padding-left:85px; background-position:-10px -10px;}
.insStep3 li.step01.on{background-position:-306px -10px;}
.insStep3 li.step02{width:277px; left:254px; top:0; padding-left:115px; background-position:-10px -70px;}
.insStep3 li.step02.on{background-position:-306px -70px;}
.insStep3 li.step03{width:278px; left:507px; top:0; padding-left:124px; background-position:-10px -130px;}
.insStep3 li.step03.on{background-position:-306px -130px;}

.insStep4 {overflow:hidden; position:relative; width:785px; height:50px;}
.insStep4 li{position:absolute; height:50px; padding-top:18px; font-size:13px; color:#555; background:url('../img/common/imgStep.png') no-repeat; box-sizing:border-box;}
.insStep4 li.on{color:#fff; font-weight:bold;}
.insStep4 li.step01{width:30%; left:0; top:0; padding-left:65px; background-position:-10px -190px;}
.insStep4 li.step01.on{background-position:-306px -190px;}
.insStep4 li.step02{width:30%; left:184px; top:0; padding-left:90px; background-position:-10px -250px;}
.insStep4 li.step02.on{background-position:-306px -250px;}
.insStep4 li.step03{width:30%; left:379px; top:0; padding-left:70px; background-position:-10px -310px;}
.insStep4 li.step03.on{background-position:-306px -310px;}
.insStep4 li.step04{width:209px; left:574px; top:0; padding-left:97px; background-position:-10px -370px;}
.insStep4 li.step04.on{background-position:-306px -370px;}

.insStep4_1 {overflow:hidden; position:relative; width:785px; height:50px; margin-bottom:20px;}
.insStep4_1 li{position:absolute; height:50px; padding-top:18px; font-size:13px; color:#555; font-weight:bold; background:url('../img/common/imgStep.png') no-repeat; box-sizing:border-box;}
.insStep4_1 li.on{color:#fff; font-weight:bold;}
.insStep4_1 li.step01{width:208px; left:0; top:0; padding-left:100px; background-position:-10px -458px;}
.insStep4_1 li.step01.on{background-position:-306px -458px;}
.insStep4_1 li.step02{width:219px; left:185px; top:0; padding-left:110px; background-position:-10px -518px;}
.insStep4_1 li.step02.on{background-position:-306px -518px;}
.insStep4_1 li.step03{width:219px; left:381px; top:0; padding-left:100px; background-position:-10px -578px;}
.insStep4_1 li.step03.on{background-position:-306px -578px;}
.insStep4_1 li.step04{width:209px; left:576px; top:0; padding-left:110px; background-position:-10px -638px;}
.insStep4_1 li.step04.on{background-position:-306px -638px;}

/* 20190918 이해남 추가 */
.tblWrap {overflow-y:scroll; height:150px; margin-bottom:20px;}
.txt_btn {text-decoration:underline; color:#1999f2;}
.txt_btn a:hover{text-decoration:underline !important; color:#1999f2;}

.tblLayer {display:none; overflow:hidden; position:absolute; top:-10px; right:45px; width:500px; padding:25px 10px 10px 10px; z-index:100; border:2px solid #274f81; border-radius:10px 10px 0 10px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#fff; }
.tblLayer table{margin-bottom:0;}
.tblLayer td{min-height:30px;}
.tblLayer .layerClose{position:absolute; top:0; right:0; width:30px; height:24px; background:url(../img/icon_close.png) no-repeat center center;}
.tblLayer .layerClose a{display:block; width:30px; height:24px;}
.tblLayer .layerClose a:hover{display:block; width:30px; height:24px; background:#e81123 url(../img/icon_close_on.png) no-repeat center center;}



/*
#tblLayer01 {top:190px;}
#tblLayer02 {top:570px;}
#tblLayer03 {top:810px;}
#tblLayer04 {top:1010px;}
#tblLayer05 {top:1740px;}
#tblLayer06 {top:2040px;}
#tblLayer07 {top:2600px;}
*/

input[type=checkbox] {vertical-align:-3px; margin-right:3px;}

/* 상태컬러 */
.status_red {color:#ff0000;}

/* 텍스트 */
.txt01 {font-size:12px; color:#666; letter-spacing:0;}
.txt01 span{font-weight:bold;}
.txt02 {margin-top:-15px; font-size:12px; color:#666;}
.txt02 label{font-weight:normal;}

/* 처리절차 */
.stepPros {overflow:hidden; padding:15px; border:1px solid #ddd; font-size:13px; color:#444;}
.stepPros .stepProsTxt{clear:both; padding-top:10px; color:#666; font-size:11px; text-align:center; letter-spacing:0;}
.stepPros .stepProsTxt.txt{margin-right:30px;}
.stepPros .stepProsType01{float:left; width:20%;}
.stepPros .stepProsType01 li.box{display:table-cell; width:80%;}
.stepPros .stepProsType01 li.arr{margin-right:0;}
.stepPros .stepProsType02{float:left; width:80%;}
.stepPros .stepProsType02 li.box{display:table-cell; width:20%;}
.stepPros li{float:left; height:40px; margin-right:10px; text-align:center;}
.stepPros li:last-child {margin-right:0;}
.stepPros li.box{border:1px solid #caccd7; padding:10px; box-sizing:border-box;}
.stepPros li.arr{width:10px; font-size:0; text-indent:-10000px; background:url(../img/img_arr.png) no-repeat center center;}

.btnGridTop_1 {display:inline-block; margin-left:1px; font-size:11px; color:#fff; line-height:17px; text-align:center; background:#077ab9; vertical-align:middle; border-radius:3px; border:1px solid;}
.btnGridTop_1 a{display:inline-block; min-width:50px; height:21px; padding:2px 8px 1px 8px; color:#fff !important; box-sizing:border-box;}
.btnGridTop_1 a:hover{color:#fff; background:#12436c; border-radius:3px; border-color:#12436c; text-decoration:none !important;}
.btnGridTop_1.btnR {margin-bottom:-10px;}

/* 건축물관리계획 - 첨부서류 */
.layerWrap {position:relative;}
.tblLayer_1 {display:none; overflow:hidden; position:absolute; width:439px; z-index:100; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#fff;}
.tblLayer_1 h3{height:36px; padding:10px 10px 9px 10px; margin-top:0; box-sizing:border-box; font-size:15px; color:#fff; line-height:17px; background:#5576d3;}
.tblLayer_1 ul{padding:5px 12px;}
.tblLayer_1 li{padding:5px 10px; font-size:12px; white-space:normal;}
.tblLayer_1 li>ul{padding:0;}
.tblLayer_1 li>ul>li{padding:2px 0 2px 10px; border-bottom:none; text-indent:-10px;}
.tblLayer_1 .layerClose{position:absolute; top:0; right:0; width:35px; height:36px; background:url(../img/icon_close_1.png) no-repeat center center;}
.tblLayer_1 .layerClose a{display:block; width:35px; height:36px;}
.tblLayer_1 .layerClose a:hover{width:35px; height:36px; background:#e81123 url(../img/icon_close_1.png) no-repeat center center;}
.tblLayer_1 .layerContent{padding:10px 20px 20px 20px;}

/* 건축물관리계획수립신청 목록조회 */
.table>tbody>tr>td .link_1{text-decoration: underline; color: #222;}

/* 기존건축물관리계획수립신청 */
.tblTopTextR {float:right; margin-top:10px; font-size:12px; color:#555;}

/* 진행구분 */
.progDiv{display:inline-block; min-width:54px; min-height:20px; padding:2px 4px 1px 3px; box-sizing:border-box; border-radius:3px; border:none; font-size:11px; color:#fff; letter-spacing:-1px; text-align:center;}
.progDiv a, .progDiv a:hover, .progDiv a:active, .progDiv a:visited{color:#fff;}
.progDiv.c01 {background:#e61524;}/* 점검대상 */
.progDiv.c02 {background:#ab6100;}/* 작성 */
.progDiv.c03 {background:#008344;}/* 신청 */
.progDiv.c04 {background:#877600;}/* 접수 */
.progDiv.c05 {background:#d04900;}/* 보완 */
.progDiv.c06 {background:#007d93;}/* 보완완료 */
.progDiv.c07 {background:#0677ce;}/* 완료(정상) */
.progDiv.c08 {background:#775bbc;}/* 완료(반려) */
.progDiv.c09 {background:#8C8C8C;}/* 조회 */

/* 점검기관 진행구분 */
.progDiv.i01 {background:#ab6100;}/* 작성 */
.progDiv.i02 {background:#008344;}/* 신청 */
.progDiv.i03 {background:#877600;}/* 접수 */
.progDiv.i04 {background:#0677ce;}/* 완료(승인) */
.progDiv.i05 {background:#775bbc;}/* 완료(반려) */
.progDiv.i06 {background:#008344;}/* (변경)신청 */
.progDiv.i07 {background:#877600;}/* (변경)접수 */
.progDiv.i10,.i08 {background:#d04900;}/* 보완요청 , (변경)보완요청 */
.progDiv.i11, .i09 {background:#007d93;}/* 보완완료 , (변경)보완완료*/

/* 보수·보강 계획 진행구분 */
.progDiv.mp01 {background:#e61524;}/* 신규작성 */
.progDiv.mp02 {background:#ab6100;}/* 작성중 */
.progDiv.mp03 {background:#008344;}/* 신청 */
.progDiv.mp04 {background:#877600;}/* 접수 */
.progDiv.mp05 {background:#d04900;}/* 보완 */
.progDiv.mp06 {background:#007d93;}/* 보완완료 */
.progDiv.mp07 {background:#0677ce;}/* 완료(정상) */
.progDiv.mp08 {background:#775bbc;}/* 완료(반려) */

/* 보수·보강 결과 진행구분 */
.progDiv.mr01 {background:#e61524;}/* 미실시 */
.progDiv.mr02 {background:#ab6100;}/* 작성중 */
.progDiv.mr03 {background:#008344;}/* 신청 */
.progDiv.mr04 {background:#877600;}/* 접수 */
.progDiv.mr05 {background:#d04900;}/* 보완 */
.progDiv.mr06 {background:#007d93;}/* 보완완료 */
.progDiv.mr07 {background:#0677ce;}/* 완료(정상) */
.progDiv.mr08 {background:#775bbc;}/* 완료(반려) */

/* 민원 진행구분 임시(수정필요) */
.progDiv.p01 {background:#e61524;}/* 작성 */
.progDiv.p11 {background:#ab6100;}/* 접수 */
.progDiv.p21 {background:#877600;}/* 담당자지정 */
.progDiv.p31 {background:#877600;}/* 검토 */
.progDiv.p41 {background:#008344;}/* 보완 */
.progDiv.p43 {background:#007d93;}/* 보완완료 */
.progDiv.p44 {background:#008344;}/* 경미보완 */
.progDiv.p45 {background:#003322;}/* 보완일만료 */
.progDiv.p46 {background:#008344;}/* 보완등록 */
.progDiv.p51 {background:#d04900;}/* 협의 */
.progDiv.p61 {background:#830000;}/* 기한연장 */
.progDiv.p91 {background:#0677ce;}/* 완료(정상) */
.progDiv.p98 {background:#775bbc;}/* 직권정정 */

/* 해체공사 감리일지 진행구분 */
.progDiv.s01 {background:#ab6100;}/* 01: 공사시작전 */
.progDiv.s02 {background:#e61524;}/* 02: 미작성 */
.progDiv.s03 {background:#008344;}/* 03: 작성중 */
.progDiv.s04 {background:#d04900;}/* 04: 일부누락 */
.progDiv.s05 {background:#0677ce;}/* 05: 작성완료 */
.progDiv.s06 {background:#775bbc;}/* 06: 완료(교체) */
.progDiv.s07 {background:#0677ce;}/* 07: 완료(취소) */

.checkbox label{margin-right: 10px;}

.check_area {overflow:hidden; padding:15px 0 15px 20px; border:1px solid #ddd; box-sizing:border-box;}
.check_area li{float:left; width:117px; font-size:11px; color:#666;}
.check_area li label{font-weight:normal;}
.check_area input{margin-right:5px;}


/**
 * 파일 업로드 프로그래스바 공통 스타일 정의
 */
#blcmFile_fileUploadProgress {
width : 100px;
height : 30px;
background-color : white;
border: thin;
border-color: black;
}

#blcmFile_progressBar {
width : o%;
background-color : orange;
text-align: center;
}

img.fileIcon{
  background:url(../img/common/p_etc_s.gif) no-repeat left center;
}


/* header */
#header {width:100%; min-width:1030px; height:118px; box-sizing:border-box; background:#fff url(../img/top_bg.gif) repeat-x 0 75px;}
#header .headTop{position:relative; width:1030px; height:75px; margin:0 auto;}
#header .headTop .logoTop {overflow:hidden; float:left; margin:27px 0 0 0;}
#header .headTop .rightMenu {position:absolute; top:34px; right:0;}
#header .headTop .rightMenu li{float:left; font-size:13px; letter-spacing:-1px;}
#header .headTop .rightMenu li a{color:#555; text-decoration:none;}
#header .headTop .rightMenu li a:hover{color:#0696bf;}
#header .headTop .rightMenu li:after{content:"l"; padding-left:10px; padding-right:10px; color:#ccc;}
#header .headTop .rightMenu li:last-child:after{display:none;}

#header .gnbWrap {position:absolute; width:100%; height:auto; z-index:200; background:url(../img/gnb_bg.png) no-repeat 0 43px; top:75px; left:50%; transform: translate(-50%, 0);}
#header .gnbWrap:after{content: ""; position: absolute; bottom:-1px; width: 100%; height: 1px; background:#4576BE; z-index:1000; min-width: 1030px;}

#header .gnbWrap #gnb {width:1030px; margin:0 auto;}
#header .gnbWrap #gnb ul {width:auto; position:relative; z-index:20; box-sizing:border-box; width:100%; padding:0; margin:0 auto; display:table; table-layout:fixed;}
#header .gnbWrap #gnb ul li {display:table-cell; position:relative; box-sizing:border-box; width:100%; height:100%; font-size:15px; font-weight:700; word-break:break-all;}
#header .gnbWrap #gnb ul li a {display:block; height:42px; padding-top:10px; box-sizing:border-box; color:#fff; letter-spacing:-1px; text-align:center; text-decoration:none;}
#header .gnbWrap #gnb>ul>li>a:hover {color:#fff; text-decoration:none; background:#0d469b;}
#header .gnbWrap #gnb ul li ul{position: relative; box-sizing: border-box; width:100%; display:none;}
#header.active #gnb ul li ul{background:#fff; display:block;}
#header .gnbWrap #gnb ul li>ul{margin-top:1px;padding-top:15px; padding-bottom:20px; padding-left:10px;}
#header .gnbWrap #gnb ul li ul.on{background:#f8f9fa;}
#header .gnbWrap #gnb ul li ul:after{content: ""; position: absolute; top: 0; right:-1px; display: block; width: 1px; height: 100%; background:#d7d7d7; z-index:1000;}
#header .gnbWrap #gnb ul li ul li ul:after{background:none;}
#header .gnbWrap #gnb ul li:last-child ul:after{right:0;}
#header .gnbWrap #gnb ul li:first-child ul:before{content: ""; position: absolute; top: 0; left:0; display: block; width: 1px; height: 100%; background:#e7e7e7; z-index:1000;}

#header .gnbWrap #gnb ul li ul li ul:before{background:none !important;}
#header .gnbWrap #gnb ul li ul li {display:block; height:auto; margin-top:3px; margin-bottom:0; font-size:14px; letter-spacing:-1px; line-height:17px; }
#header .gnbWrap #gnb ul li ul li a {height:auto; margin-top:7px; padding-top:0; padding-left:13px; padding-bottom:6px; color:#555; font-weight:700; text-align:left; background:url(../img/menu_dot.gif) no-repeat 4px 8px;}
#header .gnbWrap #gnb ul li ul li a:hover {color:#0696bf;}

#header .gnbWrap #gnb ul li ul li ul{padding:0; border:none !important; background:none;}
#header .gnbWrap #gnb ul li ul li ul li {padding:0;}
#header .gnbWrap #gnb ul li ul li ul li a{margin-top:0; padding-bottom:6px; margin-left:7px; font-size:13px; font-weight:400; text-indent:-7px; background:none;}
#header .gnbWrap #gnb ul li ul li ul li a:before{content: "- ";}


/* select multiple */
.selectMulti{width:100%; height:50px; margin-top:5px; padding:5px; border:1px solid #dcdde3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
select .selectMulti::-ms-expand {background-color: transparent; border:0;}

/* 파일업로드 td */
.table td div.file_upload_box {margin:0 !important;}


input[type=radio] {vertical-align:-2px; margin-right:3px;}

.txtLeft_label {text-align:left !important;}
.txtLeft_label label{margin-bottom:3px;}
.txtLeft_label label:last-child{margin-bottom:0;}

/* 건축물관리계획수립신청 하단 안내텍스트 */
.guideTxt {padding:13px; border:1px solid #9ad8ef; background:url(../img/icon_guide.png) no-repeat 10px 14px;}
.guideTxt.guideTxt_1 {margin-top:0; padding:0; border:none; background:url(../img/icon_guide.png) no-repeat 0 1px;}
.guideTxt dl{margin-bottom:0;}
.guideTxt dt{margin-left:30px; font-size:13px; color:#334a63;}
.guideTxt dd{position:relative; padding-left:15px; margin-top:7px; font-size:12px; color:#444; line-height:16px;}
.guideTxt dd:before{content:""; position:absolute; left:5px; top:6px; width:3px; height:3px; background:#626872;}
.guideTxt dd.buNone:before{background:none;}
.guideTxt dd span.em{color:#000; font-weight:bold;}

.guideTxt_2 {overflow:hidden; margin-top:5px;}
.guideTxt_2 ul{margin-bottom:0;}
.guideTxt_2 li{position:relative; margin-top:2px; font-size:12px; color:#555; line-height:16px;}
.guideTxt_2 li span.em{color:#000; font-weight:bold;}

.guideTxt_3 {overflow: hidden;}
.guideTxt_3 ul{margin-bottom: 0; padding: 0 !important;}
.guideTxt_3 li{position: relative; padding: 0 0 0 15px !important; margin-top: 8px; font-size: 12px; color: #444; line-height: 16px;}
.guideTxt_3 li:first-child{margin-top: 0;}
.guideTxt_3 li:before{content:""; position: absolute; left: 5px; top: 6px; width: 3px; height: 3px; background: #626872;}

.guideTxt_4 {padding-bottom: 20px;}
.guideTxt_4 li{position:relative; padding-left:15px; margin-top:5px; font-size:12px; color:#444; line-height: 18px;}
.guideTxt_4 li:first-child{margin-top: 0;}
.guideTxt_4 li:before{content:""; position:absolute; left:5px; top:7px; width:3px; height:3px; background:#626872;}
.guideTxt_4 li span.txt01{color: #1e6cd1; font-weight: bold;}
.guideTxt_4 li span.txt02{color: #f12452; font-weight: bold;}

.guideTxt_5 {padding: 0;}
.guideTxt_5 ul{padding: 0 !important; margin-bottom: 0;}
.guideTxt_5 li{padding: 0 !important; margin-top:5px; font-size:12px; color:#444; line-height: 18px;}
.guideTxt_5 li:first-child{margin-top: 0;}
.guideTxt_5 li span.txt01{color: #1e6cd1; font-weight: bold;}
.guideTxt_5 li span.txt02{color: #f12452; font-weight: bold;}

/* E등급 안내 */
.guideTxt_6 {padding:13px; border:1px solid #9ad8ef; background:url(../img/icon_guide.png) no-repeat 10px 14px;}
.guideTxt_6 dl{margin-bottom:0;}
.guideTxt_6 dt{margin-left:30px; font-size:13px; color:#334a63;}
.guideTxt_6 dd{position:relative; padding-left:15px; margin-top:7px; font-size:12px; color:#444; line-height:16px;}
.guideTxt_6 dd span.em{color:#444; font-weight:bold;}


/* 첨부파일 */
.addfileWrap {display:inline-block;}
.addfileTxt {display:inline-block; overflow:hidden; max-width:100px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.addfileWrap a{outline:none;}

/* 라디오버튼 선택 강조 텍스트 */
.textBold {font-weight:bold;}

/* 이용안내 - 건축물관리법 */
.content_guide {margin-left:25px;}
.content_guide h4{margin-top:40px; padding-bottom:10px; font-size:16px; color:#166db9; font-weight:600; text-align:left; background:none;}
.content_guide h4:first-child{margin-top:10px;}
.content_guide h5{margin-top:30px; padding:0 0 0 15px; color:#333; text-align:left; font-size:15px; line-height:14px; font-weight:600; background: url('../img/common/arr_tit.png') no-repeat left center;}
.content_guide h6{margin-top:30px; padding:0; color:#444; text-align:left; font-size:15px; line-height:14px; font-weight:600;}
.content_guide p{color:#444; text-align:left; background:none;}
.content_guide p.txt{font-size:13px;}
.content_guide p.txt_1{margin-top:0 !important; font-size:14px;}
.content_guide p.txt_1 a{color:#008aad; text-decoration:underline;}
.content_guide .guide_img01{width:100%; height:380px; margin-top:50px; font-size:0; text-indent:-10000px; background:url(../img/guide/img_guide01.png) no-repeat center top;}
.content_guide .guide_img02{overflow:hidden; width:100%; margin-top:20px; text-align:center;}
.content_guide .guide_img02 .guideBox{float:left; position:relative; width:238px; padding:15px; margin-right:23px; border:1px solid #d7d8dc; border-radius:5px;}
.content_guide .guide_img02 .guideBox:last-child {margin-right:0;}
.content_guide .guide_img02 dl{margin-bottom:0;}
.content_guide .guide_img02 dt{font-size:15px; color:#006c8b; font-weight:600;}
.content_guide .guide_img02 dd{width:206px; height:50px; margin-top:10px; padding-top:6px; box-sizing:border-box; border-radius:5px; font-size:14px; color:#444; background:#e8e9ec;}
.content_guide .guide_img02 dd.text01{padding-top:15px;}
.content_guide .guide_img02 .icon01{position:absolute; top:40px; right:10px;}
.content_guide .guide_img02 .icon02{position:absolute; top:158px; right:10px;}
.content_guide .guide_img02 dd span{color:#da2900;}
.content_guide .guide_img03{width:100%; margin-top:20px; font-size:0; text-indent:-10000px;}
.content_guide .guide_img03.img01{height:360px; background:url(../img/guide/img_guide03.png) no-repeat center top;}
.content_guide .guide_img03.img02{height:483px; background:url(../img/guide/img_guide04.png) no-repeat center top;}
.content_guide .guide_img03.img03{height:485px; background:url(../img/guide/img_guide05.png) no-repeat center top;}
.content_guide .guide_img03.img04{height:387px; background:url(../img/guide/img_guide06.png) no-repeat center top;}
.content_guide .guide_img03.img05{height:341px; background:url(../img/guide/img_guide07.png) no-repeat center top;}
.content_guide .guide_img03.img06{height:498px; background:url(../img/guide/img_guide08.png) no-repeat center top;}
.content_guide .guide_img03.img07{height:547px; background:url(../img/guide/img_guide09.png) no-repeat center top;}
.content_guide .guide_img03.img08{height:545px; background:url(../img/guide/img_guide10.png) no-repeat center top;}ㄱ
.content_guide .guide_img03.img09{height:100px; background:url(../img/guide/img_guide11.png) no-repeat center top;}
.content_guide .guide_img03.img10{height:500px; background:url(../img/guide/img_guide12.png) no-repeat center top;}
.content_guide .guide_img03.img11{height:110px; background:url(../img/guide/img_mobile01.png) no-repeat center top;}
.content_guide .guide_img03.img12{height:420px; background:url(../img/guide/img_mobile02.png) no-repeat center top;}
.content_guide .guide_img03.img13{height:420px; background:url(../img/guide/img_mobile03.png) no-repeat center top;}
.content_guide .guide_img03.img14{height:440px; background:url(../img/guide/img_mobile04.png) no-repeat center top;}
.content_guide .guide_img04{width:100%; height:1100px; background:url(../img/guide/leaflet.png) no-repeat center top; background-size:100%;}
.content_guide .guideTxt_go{margin-top:20px; font-size:14px; color:#444;}
.content_guide .guideTxt_go a{color:#008aad; text-decoration:underline;}

.content_guide .guide_tbl {overflow:hidden; position:relative; border-top:1px solid #a4a6b0;}
.content_guide .guide_tbl table{clear:both; width:100.2%; table-layout:fixed; word-break:break-all; box-sizing:border-box;}
.content_guide .guide_tbl caption{font-size:0; text-indent:-10000px;}
.content_guide .guide_tbl th{height:35px; padding:7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; text-align:center; font-weight:600; background:#f9f9f9;}
.content_guide .guide_tbl td{height:35px; padding:7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; color:#444;}
.content_guide .guide_tbl td.textC{text-align:center;}
.content_guide .guide_tbl td.txt_blue, span.txt_blue{color:#068dc5;}
.content_guide .guide_tbl td.txt_red, span.txt_red{color:#ff0000;}
.content_guide .guide_tbl.textC td{text-align:center;}

.content_guide .guide_boxWrap{overflow:hidden; width:100%; padding:20px 30px; border:1px solid #d0d0d0; border-radius:5px;}
.content_guide .guide_boxWrap h5:first-child{margin-top:10px;}
.content_guide .guide_boxWrap p{margin-top:10px; margin-bottom:0;}
.content_guide .guide_boxWrap p.title{margin-top:0; color:#333; font-weight:600;}
.content_guide .guide_boxWrap ul{overflow:hidden; margin-bottom:0;}
.content_guide .guide_boxWrap li{padding-left:18px; font-size:14px; color:#444; line-height:25px; background:url(../img/bullet.png) no-repeat 5px 12px;}
.content_guide .guide_boxWrap li a:hover{color:#008aad; text-decoration:underline;}
.content_guide .guide_boxWrap li.fLeftTxt{float:left; width:190px;}
.content_guide .guide_boxWrap li.fLeftTxt.clear{clear:both;}
.content_guide .guide_boxWrap ul.divLeft{float:left; margin-right:100px;}
.content_guide .guide_boxWrap ul.divLeft:last-child {margin-right:0;}
.content_guide .guide_boxWrap .guide_boxWrap_img{width:100%; font-size:0; text-indent:-10000px;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img01{height:140px; margin-top:20px; background:url(../img/guide/img_guide13.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img02{height:270px; margin-top:20px; background:url(../img/guide/img_guide14.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img03{height:430px; margin-top:20px; background:url(../img/guide/img_guide15.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img04{height:285px; background:url(../img/guide/img_guide18.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img05{height:140px; margin-top:20px; background:url(../img/guide/img_guide19.png) no-repeat center top;}
.content_guide .guide_boxWrap .leg{margin-top:20px; margin-left:5px;}
.content_guide .guide_boxWrap .leg p{font-size:13px;}
.content_guide .guide_boxWrap .leg img{margin-right:10px;}
.content_guide .guide_boxWrap.download{position:relative; min-height:90px; padding-left:180px;}
.content_guide .guide_boxWrap .down{position:absolute; left:0; top:0; width:140px; height:90px; font-size:0; text-indent:-10000px; background:url(../img/guide/guide_icon.png) no-repeat; background-size:auto;}
.content_guide .guide_boxWrap .down.down01{background-position:left -10px;}
.content_guide .guide_boxWrap .down.down02{background-position:left -172px;}
.content_guide .guide_boxWrap .down.down03{background-position:left -335px;}
.content_guide .guide_boxWrap .down.down04{background-position:left -495px;}

/* 이용안내 탭 */
.guide_tab {overflow:hidden;}
.guide_tab li {float:left; width:250px; box-sizing:border-box; border:1px solid #4576be; border-bottom:none; text-align:center; letter-spacing:-0.06em; vertical-align:middle; background:#fff;;}
.guide_tab li a {display:block; height:40px; padding-top:9px; box-sizing:border-box; font-size:15px; color:#3a4458; text-decoration:none; outline:none;}
.guide_tab li a:hover {color:#222; font-weight:600;}
.guide_tab li.on a {color:#fff; font-weight:600; background:#4576be;}
.tabmenu_line {position:relative; border-bottom:1px solid #4576be;}

.guide_content_wrap {margin-top:33px;}
.guide_content_wrap .content_guide.active {display:block;}
.guide_content_wrap .content_guide{display:none;}

/* 공장물점검표 라디오버튼 정렬 */
.labelType label{width:120px;}
.labelType2 label{margin-left:5px;}

/* 화재안전성능보강 계획 승인 신청 - 보강계획 */
.tblLayer_2 {width:500px;}
.tblLayer_2 .tblLayerWrap{padding:0 10px;}
.tblLayer_2 .tblLayerWrap th{text-align:center;}
.tblLayer_2 .tblLayerWrap .textC{text-align:center;}

/* 테이블 안에 테이블 */
.table_into {border-top:1px solid #ddd; border-bottom:none; margin-bottom:0;}
.table_into th{border-right:1px solid #ddd !important;}
.table_into td{border-right:1px solid #ddd;}
.table_into th:last-child{border-right:none !important;}
.table_into td:last-child{border-right:none;}

.txtLeft_label {text-align:left;}
.txtLeft_label label{margin-bottom:5px;}
.tbl_title01 {margin:5px 0; font-size:12px; color:#2d74b0; letter-spacing:-1px;}
.tbl_title02 {margin-left:5px; margin-bottom:0;}
.tbl_title02 li{position:relative; margin:5px 0; padding-left:8px;}
.tbl_title02 li:before{content:""; position:absolute; top:6px; left:0; width:3px; height:3px; background:#626872;}
.tbl_title02 li span{display:inline-block; width:40px;}
.tbl_title02 li span.wid{width:140px;}

.tbl_title03 ul{margin-bottom:0;}
.tbl_title03 li{position:relative; margin:0; padding-left:8px;}
.tbl_title03 li:before{content:""; position:absolute; top:6px; left:0; width:3px; height:3px; background:#626872;}
.tbl_title03 li.buNone:before{background:none;}
.tbl_title03 li span{display:inline-block; width:130px;}
.tbl_title03 li label{font-weight:400; margin-right:10px;}
.tbl_title03 td.txt{line-height:22px;}

/* 현황사진첨부 */
.file_photo {overflow:hidden; margin-bottom:0;}
.file_photo li{float:left; position:relative; width:90px; height:100px; margin:2px;}
.file_photo li img{width:100%; height : 80px;}
.file_photo a.photo_del{display:block; position:absolute; top:3px; right:3px; z-index:100; width:14px; height:14px; font-size:0; text-indent:-10000px; outline:none; background:url(../img/icon_close_2.png) no-repeat center center;}

/* 로그인 */
.loginWrap {margin-left:260px;}
.login {width:750px; margin:80px auto; padding:50px 30px; background:url(../img/img_login.png) no-repeat 20px 120px;}
.login legend{display:none;}
.login p.loginTitle01{display:inline; font-size:60px; color:#494949; font-weight:700;}
.login p.loginTitle02{display:inline; margin-top:5px; margin-left:5px; font-size:18px; color:#555; font-weight:400;}
.login fieldset{overflow:hidden; margin-top:33px;}
.login ul{float:left; margin-left:5px;}
.login li{width:280px; height:40px;}
.login li input{width:280px; height:40px; padding:10px; border:1px solid #cdd0d7; border-radius:4px; box-sizing:border-box; color:#333; background:#fff; font-size:15px;}
.login li.inputBox{margin-top:10px;}
.login .loginBtn{float:left; width:110px; height:90px; margin:10px 0 0 10px; border-radius:4px; box-sizing:border-box; font-size:15px; color:#fff; font-weight:700; text-align:center; background:#4576be;}
.login .loginBtn a{display:block; width:110px; height:90px; padding:35px 10px; color:#fff; box-sizing:border-box;}
.login .loginBtn a:hover{display:block; border-radius:4px; color:#fff; background:#223079;}
.login li input:-ms-input-placeholder {color:#888;}
.login li input:-webkit-input-placeholder {color:#888;}
.login li input:-moz-placeholder {color:#888;}

/* 세부항목 점검현황 */
.table_type01 h4 {margin-bottom:5px; font-size:12px; color:#2d74b0; letter-spacing:-1px; background:url(../img/common/bullet_1.png) no-repeat left 5px; background-size:3px;}
.table_type01 input[type=text]{display:inline-block; height:25px; padding:2px 5px; border:1px solid #dcdde3; border-radius:3px; box-shadow: inset 0px 1px 1px rgba(0,0,0,.075);
								-webkit-transition:border-color ease-in-out.15s, -webkit-box-shadow ease-in-out.15s;
								-0-transition:border-color ease-in-out.15s, box-shadow ease-in-out.15s;
								transition:border-color ease-in-out.15s, box-shadow ease-in-out.15s;}

.table_type01 input[type=text]:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.table_type01 input[type=checkbox]{margin-right:2px;}
.table_type01 label{margin-left:0; font-weight:inherit; vertical-align: inherit;}
.table_type01 .alignType01{overflow:hidden; padding-left:5px; margin-bottom:0;}
.table_type01 .alignType01 ul{margin-bottom:0;}
.table_type01 .alignType01 li{float:left; margin-right:15px;}

/* 화면 개별 타이틀정의 */
div.custom_page_title{ display:none; }

/* 다중 첨부파일 임시 */
.tmp_fig {
	font-size: 12px;
	color: #999;
	text-align: center;
}
.tmp_cap {
	text-overflow : ellipsis;
	overflow : hidden;
	white-space : nowrap;
	max-width : 90px;
	width: 90px;
}
.tmp_cap:before {
	display: inline-block;
	content: "";
	padding-right: 5px;
	font-size: 13px;
}

/* 건축물관리계획 tab */
.bmp_tabs_wrap {position: relative; padding: 0px; margin: 0px;}
.bmp_tabs {list-style: none; display: table; width: 100%; border-collapse: collapse;}
.bmp_tabs li {margin: 0px; padding: 15px 19px; color: #333; font-weight:600; font-size:13px; background: #f3f3f3 url('../img/biz/sub_tab_border_bottom.gif') repeat-x left bottom; border-top: 1px solid #ddd; border-left: 1px solid #ddd; width: 50%; float: left; text-align: center; cursor: pointer;}
.bmp_tabs li:first-child {border-left: 1px solid #ddd;}
.bmp_tabs li:last-child {border-right: 1px solid #ddd;}
.bmp_tabs li:hover {color: #077ab9; background: #fff; border-top: 1px solid #077ab9; border-right: 1px solid #077ab9; border-left: 1px solid #077ab9;}
.bmp_tabs li:hover + li {color: #939393; background: #f3f3f3 url('../img/biz/sub_tab_border_bottom.gif') repeat-x left bottom; border-top: 1px solid #ddd; border-left: 0px;}
.bmp_tabs li:hover + li.on {color: #0051b5; background: #fff; border-top: 1px solid #077ab9; border-left: 0px;}
.bmp_tabs li.on {color: #0153a7; background: #fff; border-top: 1px solid #077ab9; border-right: 1px solid #077ab9; border-left: 1px solid #077ab9; cursor: default;}
.bmp_tabs li.on + li {color: #333; background: #f3f3f3 url('../img/biz/sub_tab_border_bottom.gif') repeat-x left bottom; border-top: 1px solid #ddd; border-left: 0px;}
.bmp_tabs li.on + li:hover {color: #077ab9; background: #fff; border-top: 1px solid #077ab9; border-right: 1px solid #077ab9; border-left: 0px solid #077ab9;}
li.bmp_tabs_2{margin: 0px; padding: 2px; color: #939393; background: #f3f3f3 url('../img/biz/sub_tab_border_bottom.gif') repeat-x left bottom; border-top: 1px solid #ddd; border-left: 1px solid #ddd; width: 33.3%; float: left; text-align: center; cursor: pointer;}

.sbmsnBtn {
	display: inline-block;
	border: 1px solid #077ab9;
	border-radius: 15px;
	min-width: 100px;
	line-height: 100px;
	margin: 0px 10px;
	padding: 0px;
	font-size: 20px;
	color: #000000;
	cursor: pointer;
}

.sbmsnBtn:hover {
	background-color: #077ab9;
	color: #ffffff;
}

.sbmsnBtn:hover:after {
	background-color: #ffffff;
	color: #000000;
}

/** 건축물관리계획 목록 */
.bmpList {background-color: #ffffff; cursor: pointer;}
.bmpList:hover {background-color: #e8ebee;}

.gridTopTxt {display:inline-block; margin-left:10px;}
.gridTopTxt input{display:inline-block; width:95px; margin-left:5px;}
.gridTopTxt label{margin-left:5px;}

/* 제출자선택 모달팝업 */
#modalType01 {display:none; position:fixed; /* width:44%; height:100%; */ z-index:200; top:37%;}
#modalType01 .modalType01_wrap {position:relative; width:400px; min-height:200px; height:auto; margin:0 auto; background:#fff; border-top-right-radius:7px; border-top-left-radius:7px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; z-index:100; box-shadow:0 0 15px rgba(0,0,0,0.3); left:26%;}
#modalType01 .modalType01_wrap h3{height:36px; padding:10px 10px 9px 10px; margin-top:0; box-sizing:border-box; border-top-right-radius:6px; border-top-left-radius:6px; font-size:15px; color:#fff; background:#077ab9;}
#modalType01 .modalType01_wrap .layerClose{position:absolute; top:0; right:0; width:35px; height:36px; font-size:0; text-indent:-10000px; background:url(../img/icon_close_1.png) no-repeat center center;}
#modalType01 .modalType01_wrap .layerClose a{display:block; width:35px; height:36px;}
#modalType01 .modalType01_wrap .layerClose a:hover{width:35px; height:36px; border-top-right-radius:6px; background:#e81123 url(../img/icon_close_1.png) no-repeat center center;}
#modalType01 .modal_layer {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:-1;}
#modalType01 .modalType01_wrap .modalType01_cont{display:table; width:100%; padding-top:20px;}
#modalType01 .modalType01_wrap .modalType01_cont li{display:table-cell; float:left; width:25%; height:100px; margin-left:20px; border-radius:6px; font-size:17px; color:#333; font-weight:600; text-align:center; transition: all 0.5s;}
#modalType01 .modalType01_wrap .modalType01_cont li:first-child{margin-left:30px;}
#modalType01 .modalType01_wrap .modalType01_cont li a{display:block; height:100px; padding-top:38px; box-sizing:border-box;}
#modalType01 .modalType01_wrap .modalType01_cont li:hover{height:100px; font-size:1.2em; color:#fff; cursor:pointer;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit01{background:#c5d8f0 url(../img/icon_man.png) no-repeat bottom right -5px;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit01:hover{background:#205ba5 url(../img/icon_man.png) no-repeat bottom right -5px;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit02{background:#c5cff0 url(../img/icon_man.png) no-repeat bottom right -5px;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit02:hover{background:#32478d url(../img/icon_man.png) no-repeat bottom right -5px;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit03{background:#bae0ea url(../img/icon_man.png) no-repeat bottom right -5px;}
#modalType01 .modalType01_wrap .modalType01_cont li.submit03:hover{background:#175f7d url(../img/icon_man.png) no-repeat bottom right -5px;}

.tootip_txt{padding:3px 20px 0 0;font-weight:bold; color:#333; background:url(../img/icon_tip.png) no-repeat right center;}
.tootip_txt_1{padding:3px 20px 0 0;font-weight:bold; color:#333; background:url(../img/icon_tip_1.png) no-repeat right center;}

[data-tooltip-text]:hover {position: relative;white-space:nowrap;}
[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: #fef6e4;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	border:1px solid #edab76;
	color: #555;font-size: 11px;padding:4px 6px 3px 6px;font-weight: normal;position: absolute;width: auto;min-width: 160px;max-width: 300px;word-wrap: break-word; z-index: 9999;opacity: 0;left: -9999px;top: 90%;
	content: attr(data-tooltip-text);
	white-space:pre-line;
}

[data-tooltip-text]:hover:after {top: -30px;left: 105%;opacity: 1;}

/* 툴팁2 - 추가 */
[data-tooltip-text2]:hover {position: relative;white-space:nowrap;}
[data-tooltip-text2]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: #fef6e4;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	border:1px solid #edab76;
	color: #555;font-size: 11px;padding:4px 6px 3px 6px;font-weight: normal;position: absolute;width: auto;min-width: 100px;max-width: 300px;word-wrap: break-word; z-index: 9999;opacity: 0;left: -9999px;top: 90%;
	content: attr(data-tooltip-text2);
	white-space:pre-line;
}

[data-tooltip-text2]:after {top: -40px;left: 80%;opacity: 1;}

/* 툴팁3 - blcm.top.attr의 권한정보 보여주는 툴팁 */
.tootip_txt3{padding:3px 0 0 0; font-weight:bold; text-decoration: underline; color: #333}

[data-tooltip-text3]:hover {position: relative;white-space:nowrap;}
[data-tooltip-text3]:after {
	background-color: rgba(230, 241, 254, 1);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	border:1px solid rgba(32, 91, 165, 1);
	color: #555;font-size: 11px;padding:6px 6px 3px 6px;font-weight: normal;position: absolute;width: auto;min-width: 100px;max-width: 150px;word-wrap: break-word; z-index: 9999;opacity: 0;left: -9999px;top: 90%;text-align: left;
	content: attr(data-tooltip-text3);
	white-space:pre-line;
}

[data-tooltip-text3]:hover:after {top: 20px;left: -105%;opacity: 1;}

/* 검토현황 건수 */
.reviewStatus {overflow:hidden; margin-bottom:20px; border:1px solid #dfe0e4; border-top:1px solid #ceddeb; border-radius:5px; text-align:center;}
.reviewStatus table{width:101%;}
.reviewStatus th{height:40px; border-left:1px solid #bfcad2; box-sizing:border-box; font-size:12px; color:#444; background:#dce7f1; text-align:center;}
.reviewStatus th:first-child{border-left:none;}
.reviewStatus td{height:45px; border-left:1px solid #dfe0e4; box-sizing:border-box; font-size:16px; color:#333; font-weight:600;}
.reviewStatus td a{color:#333; border-bottom:1px solid;}
.reviewStatus td a:hover{color:#d53553;}
.reviewStatus td:first-child{border-left:none;}
.reviewStatus tbody tr{border-bottom:1px solid #dfe0e4;}
.reviewStatus tbody tr:last-child{border-bottom:none;}
.reviewStatus td.title{font-size:12px; color:#444; background:#f7f7f7;}

/* 팝업 상단 버튼 */
.btnType03 {display:inline-block; min-width:60px; height:28px; margin:0 !important; box-sizing:border-box; border:1px solid #5673a2; border-radius:4px; 
			font-size:13px; color:#fff; letter-spacing:-0.06em; font-weight:600; text-align:center; background:#5673a2;}
.btnType03:hover{display:inline-block; background:#3f4b71; border-radius:4px; border-color:#3f4b71;}
.btnType04 {display:inline-block; min-width:60px; height:28px; margin:0 !important; box-sizing:border-box; border:1px solid #5673a2; border-radius:4px; 
			font-size:13px; color:#3f4b71; letter-spacing:-0.06em; font-weight:600; text-align:center; background:#fff;}
.btnType04:hover{display:inline-block; border-color:#3f4b71; color:#fff; background:#3f4b71; border-radius:4px;}

/* 해체공사감리완료보고서 취소사유 레이어 */
.tblLayer_3 {display:none; overflow:hidden; position:absolute; width:300px; z-index:100; border-radius:5px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.2); background:#fff;}
.tblLayer_3 h3{height:36px; padding:10px 10px 9px 10px; margin-top:0; box-sizing:border-box; font-size:15px; color:#fff; line-height:17px; background:#077ab9;}
.tblLayer_3 .layerCont {padding:5px 15px 10px 15px; font-size:12px;}
.tblLayer_3 .layerBottom {margin:0 10px; padding:10px 0 15px 0; border-top:1px solid #ccc; text-align:center;}
.tblLayer_3 .layerClose{position:absolute; top:0; right:0; width:35px; height:36px; background:url(../img/icon_close_1.png) no-repeat center center;}
.tblLayer_3 .layerClose a{display:block; width:35px; height:36px;}
.tblLayer_3 .layerClose a:hover{width:35px; height:36px; background:#e81123 url(../img/icon_close_1.png) no-repeat center center;}

/* 우측 버튼 */
.btnRwrap{position:fixed; top:256px; left:50%; margin-left:508px; width:64px; z-index:1;}
.btnRwrap li{display:table; width:64px; height:59px; margin-top:2px; font-size:11px; color:#444; font-weight:600; letter-spacing:-0.05em; text-align:center; background: url(../img/btnR_bg.png) no-repeat;}
.btnRwrap li a{display:table-cell; width:64px; height:59px; box-sizing:border-box; vertical-align:middle;}
.btnRwrap li a:hover{display:table-cell; color:#000; background: url(../img/btnR_bg.png) no-repeat 0 -82px;}

/* 건축물해체허가(신고)신청 -3분할테이블 */
.div3wrap {display:table; position:relative; width:100%;}
.div3wrap > div{display:table-cell; width:31%; padding-left:10px;}
.div3wrap > div:first-child{padding-left:0;}
/* .div3wrap .table_container.tblcell {display:table-cell; width:31%; padding-left:10px;} */
.div3wrap .explan_box {padding:5px 5px 5px 0; margin-bottom:0; border:1px solid #ddd; border-bottom:0; font-size:12px; color:#555; background:#e7edf3;}
.div3wrap .explan_box .titleWrap{float:left; font-size:13px; color:#166db9; font-weight:600;}
.div3wrap .explan_box .titleWrap button{margin-left:5px;}
.div3wrap .explan_box .gridBtnR label{margin-bottom:0;}

.left {float:left;}

/* 특수구조 건축물 유형 선택  */
.tbl_style01{overflow:hidden; width:100%;}
.tbl_style01 ul{margin-bottom:20px; border-top:1px solid #44465c; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.tbl_style01 li{height:37px; padding:6px 10px; box-sizing:border-box; border-bottom:1px solid #ddd; font-size:12px; color:#555;}
.tbl_style01 li label{margin-right:10px;}
.tbl_style01 li input[type="text"]{display:inline-block; margin:0 4px;}

/* 목록 body스크롤 */
.tblBody_scroll {overflow-y:auto; margin-bottom:20px;}
.tblBody_scroll .table{margin-bottom:0; border-top:none;}

/* 트리구조박스 */
.divBoxTree {overflow:hidden; min-height:180px; box-sizing:border-box; border:1px solid #ddd; border-top:1px solid #44465c;}
.div_oflow {overflow:hidden; padding-bottom:20px;}

/* 민원신청목록조회 */
.tblType_list {overflow:hidden; border-top:1px solid #44465c;}
.tblType_list > div{display:table; overflow:hidden; width:100%; min-height:50px; padding:15px 20px; border-bottom:1px solid #ddd;}
.tblType_list dl{display:table-cell; margin-bottom:0; padding-right:40px; vertical-align:top;}
.tblType_list dt{margin-top:5px; margin-bottom:5px; font-size:16px; color:#333;}
.tblType_list dd{font-size:12px; color:#555;}
.tblType_list div.btn_app{display:table-cell; width:80px; height:40px; vertical-align:middle;}
.tblType_list div.btn_app a{display:table-cell; width:80px; height:40px; border-radius:5px;
							font-weight:600; color:#fff; text-align:center; background:#298bb9; vertical-align:middle;}

.tblType_list div.btn_app button{display:table-cell; width:80px; height:40px; vertical-align:middle;}

/* 민원신청 취하/취소 작성 관리번호조회 모달창 */
.layerWrap_1 {position:fixed; left: 0;right: 0;top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5);}
.layerWrap_1:before {content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em;}
.layerWrap_cont {position:relative; vertical-align: middle; width: 800px; height: auto; margin:0 auto; top:100px; 
      box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#fff; z-index:100;}
.layerWrap_cont h3{height:38px; padding:10px 10px 9px 10px; margin-top:0; box-sizing:border-box; font-size:17px; color:#fff; line-height:17px; background:#5582d3;}
.layerWrap_cont h3 span.txt{color: #ffee00;}
.layerWrap_cont ul{padding:5px 12px;}
.layerWrap_cont li{padding:5px 10px; font-size:12px; white-space:normal;}
.layerWrap_cont li>ul{padding:0;}
.layerWrap_cont li>ul>li{padding:2px 0 2px 10px; border-bottom:none; text-indent:-10px;}
.layerWrap_cont .layerClose{position:absolute; top:0; right:0; width:35px; height:38px; background:url(../img/icon_close_1.png) no-repeat center center;}
.layerWrap_cont .layerClose a{display:block; width:35px; height:38px; font-size: 0;}
.layerWrap_cont .layerClose a:hover{background:#e81123 url(../img/icon_close_1.png) no-repeat center center;}
.layerWrap_cont .layerContent{padding:10px 20px 20px 20px;}
.layerWrap_body {display:none; position:absolute; z-index:1; left: 0;right: 0;top: 0; bottom: 0;}

/* 민원처리 보완완료 */
.tblType_box {overflow:hidden; padding:30px 30px 25px 30px; margin-bottom:20px; border:1px solid #ddd;}
.tblType_box li{float:left; margin-left:40px; font-size:14px;}
.tblType_box li:first-child{margin-left:0; font-size:15px; color:#1b6fa0; font-weight:600;}
.tblType_box input[type="radio"]{margin-left:50px;}

/* login_index */
#header.head_login{min-height:inherit; height:79px; border-bottom:4px solid #4576be; background:none;}
.index_login {overflow:hidden; width:1030px; padding:50px 0 50px 0; margin:0 auto;}
.index_login h2{position: relative; padding-left: 20px; margin-top:0; margin-bottom: 20px; padding-bottom:0; font-size: 24px; color:#292a36; letter-spacing:-1px; text-align:left; background:none;}
.index_login h2:before{content:""; position: absolute; top: 2px; left: 0; width: 8px; height: 22px; border-radius:10px; background: #4576be;}
.index_login .loginTxtBox{min-height:151px; box-sizing:border-box; padding:33px 30px 25px 180px; border-radius:10px; background:#f2f7fc url(../img/login/img_indexLogin.png) no-repeat 15px 0;}
.index_login .loginTxtBox > h3{margin:0; color:#2b3138;}
.index_login .loginTxtBox > h3 span{color:#185bc0;}
.index_login .loginTxtBox > p{margin-top:10px; font-size: 14px; color:#333; letter-spacing:-0.04em; line-height:24px;}
.index_login .loginTxtBox > p span{color: #169ed3; font-weight: bold;}
.index_login .loginTxtBox ul{margin-bottom: 0;}
.index_login .loginTxtBox ul.txtType li{margin-top: 10px; font-size: 14px; color: #333; letter-spacing: -0.04em;}
.index_login .loginTxtBox ul.txtType li span{color: #169ed3; font-weight: bold;}

.index_login .loginBoxWrap{overflow:hidden; width:845px; margin:48px auto 0 auto;}
.index_login .loginBox{overflow:hidden; position:relative; width:380px; min-height:340px; padding: 25px 60px 34px 60px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:10px; text-align:center;}
.index_login .loginBox.box01{float:left; }
.index_login .loginBox.box02{float:right; background:url(../img/login/img_indexLogin.png) no-repeat 97px -542px;}
.index_login .loginBox .btn_login{display:block; width: 100%; height: 45px; padding-top: 11px; box-sizing:border-box; border-radius:6px; font-size: 17px; color:#fff; font-weight:700; text-align:center;}
.index_login .loginBox .btn_login.type01{margin-top: 25px; background:#226cc7;}
.index_login .loginBox .btn_login.type01:hover{background:#00429b;}
.index_login .loginBox .btn_login.type02{margin-top: 180px; background: #f05268;}
.index_login .loginBox .btn_login.type02:hover{background: #c02b40;}
.index_login .loginBox .btn_login.type03{margin-top: 24px; background: #f05268;}
.index_login .loginBox .btn_login.type03:hover{background: #c02b40;}
.index_login .loginBox.box02 .box02_txt{padding-top: 200px;}

.login_inputWrap {text-align: left;}
.login_inputWrap legend{font-size: 0; text-indent: -10000px; border: none;}
.login_inputWrap li input, .login_inputWrap li select {display:block; position:relative; width: 100%; height: 40px; padding: 4px 0 0 15px; margin-bottom: 7px; border:1px solid #c7c9d5; border-radius: 3px; box-sizing:border-box; font-size: 15px; color:#333; font-weight: bold;}
.login_inputWrap li input:focus, .login_inputWrap li select:focus {outline:0; border-color: #6b7495; color: #000; border-color:none; outline:0; box-shadow:none;}
.login_inputWrap li input:focus::-webkit-input-placeholder {color:transparent;}
.login_inputWrap li input:-ms-input-placeholder {color:#555;}
.login_inputWrap li input::-ms-input-placeholder {color:#555;}
.login_inputWrap li input::-webkit-input-placeholder {color:#555;}
.login_inputWrap li input::-moz-placeholder {color:#555;}
.login_inputWrap li input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
					transition: background-color 5000s ease-in-out 0s;
					-webkit-transition: background-color 9999s ease-out;
					-webkit-text-fill-color: #333;}
.login_inputWrap .login_chkBox input[type=checkbox]{width: 17px; height: 17px;}
.login_inputWrap .login_chkBoxWrap {display: flex; justify-content: space-between;}
.login_inputWrap .login_chkBoxWrap .login_chkBoxBtn{padding-right: 5px; line-height: 27px;}
.login_inputWrap .login_chkBoxWrap .login_chkBoxBtn a{font-weight: bold; text-decoration: underline;}
.login_inputWrap .login_chkBoxWrap .login_chkBoxBtn a:hover{color: #169ed3;}

.login_inputWrap li select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; text-indent : 0.01px; padding: 2px 30px 2px 15px !important; background: #fff url('../img/common/arr_select.png') 97% 50% no-repeat;}

.success_next_box{color: #75cd00; margin: 0 0 0 2px;}
.error_next_box{color: red; margin: 0 0 0 2px;}

/* 타이틀 바로 및 이용안내글 */
.info_use{overflow:hidden; margin-bottom:10px;}
.info_use h5{width:76px; height:21px; margin:0; font-size:0; text-indent:-10000px; background:url(../img/common/txt_guide_01.png) no-repeat;}
.info_use ul{margin-top:10px;}
.info_use li{position:relative; padding-left:18px; font-size:12px; color:#666;}
.info_use li:before{content:""; position:absolute; top:7px; left:10px; width:2px; height:2px; background:#666;}

/* 사진추가 */
.addPhoto {display:inline-block; width:23px; height:17px; margin-left:5px; font-size:0; text-indent:-10000px; background:url(../img/icon_photo.png) no-repeat; vertical-align:middle;}
.addPhoto:hover {background:url(../img/icon_photo.png) no-repeat 0 -32px;}

/* 답변 */
.tbl_line{margin-top:20px; padding-top:20px; padding-bottom:10px; border-top:1px solid #ddd; text-align:right;}
.tbl_line span{font-size:12px; color:#1275af;}

.btn_regNew{width:80px; height:100%; padding:4px 12px; margin-left:3px; border-radius:5px; border: 1px solid #657497; color: #fff; font-weight:600; background:linear-gradient(180deg, #7d8caf, #7d8caf,#7281a3);}
.btn_regNew:hover{background: #657497;}

.btn_divWrap {display:inline-block; min-width:50px; height:30px; box-sizing:border-box; padding:2px 8px; font-size:12px; line-height:19px; font-weight:500; text-align:center; vertical-align:middle; border-radius:3px;}
.btn_divWrap:hover {text-decoration:none;}
.btn_divWrap.type1 {color:#fff; background:#29a5d4; border:1px solid #278db1;}
.btn_divWrap.type1:hover {color:#fff; border-color:#1576a5; background:#1576a5;}
.btn_divWrap.type2 {color:#278db1; background:#fff; border:1px solid #278db1;}
.btn_divWrap.type2:hover {color:#01406e; border-color:#1576a5; background:#e4f4fb;}

.btn_divWrap_1{width:80px; height:100%; padding:4px 12px; margin-left:3px; border-radius:5px; border: 1px solid #278db1; color: #fff; font-weight:600; background:#29a5d4;}
.btn_divWrap_1:hover{color:#fff !important; text-decoration:none !important; border-color:#1576a5; background:#1576a5;}

.tbl_divWrap {display:table; width:100%; height:100%; margin-bottom:0;}
.tbl_divWrap li{display:table-cell; vertical-align: middle;}
.tbl_divWrapBtn{width:110px; text-align:right;}
.tbl_divWrapBtn a{margin:0 2px;}

.title_txt01 {font-weight:bold; text-align:left !important;}
.title_txt02 {padding-left:20px !important; text-align:left !important;}


/* 건축물 철거멸실 민원 전환 -2분할테이블 */
.div2wrap {display:flex; width:100%; flex-wrap:wrap;}
.div2wrap > div{width:49%; padding-left:10px;}
.div2wrap > div:nth-child(1){padding-left:0;}
.div2wrap > div:nth-child(3){padding-left:0;}


/* 키보드 보안 텍스트 */
.keyboard_txt {margin:10px 0; font-size:13px; color:#555; text-align:right;}
.keyboard_txt label{margin-right:10px; font-weight:normal;}

/* 팝업 메세지창 */
.layer_wrap {position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0,0,0,0.7);}
.layer_wrap:before {content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em;}

.pop_layer {display: inline-block; vertical-align: middle; width: 510px; height: auto; background-color: #fff; z-index: 10; font-family:Malun Gothic;}
.pop_layer .titleWrap {height: 50px; padding: 15px 0 0 20px; background: #4bc9e9;}
.pop_layer .titleWrap h1{margin: 0; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; text-align: left;}
.pop_layer .pop_cont {padding: 30px 34px;}
.pop_layer .pop_cont p{margin: 0; font-size: 15px; color: #333; line-height: 24px; letter-spacing: -0.06em;}
.pop_layer .pop_cont p.txt01{position:relative; padding-bottom: 78px; font-size: 18px; color:#000; font-weight:bold;}
.pop_layer .pop_cont p.txt01:after {content: "!"; position:absolute; top: 38px; left: 50%; margin-left: -32px; width: 56px; height: 56px; border:3px solid #cfd5da; border-radius:100%; 
									box-sizing: border-box; font-size:45px; color: #cfd5da; line-height:1.1; text-align: center;}
.pop_layer .pop_cont p.txt01 span{font-size: 24px; color:#ea2957;}
.pop_layer .pop_cont p.txt02 {margin-top:10px;}
.pop_layer .pop_cont p.txt02 span{color:#4576be; font-weight:bold;}

.pop_layer .pop_cont p.txt03{position:relative; padding-top: 70px; font-size: 17px; color: #333; font-weight:bold; letter-spacing: 0; line-height: 30px;}
.pop_layer .pop_cont p.txt03:after {content: ""; position:absolute; top: 0; left: 50%; margin-left: -32px; width: 56px; height: 56px; border:3px solid #cfd5da; border-radius:100%; 
									box-sizing: border-box; font-size:45px; color: #cfd5da; line-height:1.1; text-align: center;}
.pop_layer .pop_cont p.txt03:before {content: ""; position:absolute; top: 24px; left: 46.7%; width: 22px; height: 14px; border: 4px solid #cfd5da; border-top: 0; border-right: 0; transform: rotate(-45deg); transform-origin: 25% 25%;}
.pop_layer .pop_cont p.txt03 span{font-size: 19px; color: #1f95dd;}

.pop_layer .btnWrapC {padding: 0 0 30px 0; text-align: center;}
.btnWrapC a.btnBottom {display: inline-block; min-width: 120px; height: 38px; padding: 6px 15px; border-radius: 4px; font-size: 15px; color: #fff; font-weight: bold; line-height: 26px; vertical-align:middle;}
.btnWrapC a.btnBottom.btn01 {background-color: #4576be;}
.btnWrapC a.btnBottom.btn01:hover {background-color: #134896;}
.btnWrapC a.btnBottom.btn02 {border:1px solid  #4576be; color: #134896;}
.btnWrapC a.btnBottom.btn02:hover {border-color: #0b60dc; color: #0b60dc;}

/************* 회원가입 *************/
.mbWrap {overflow: hidden; min-height: 490px; padding-bottom: 20px;}
.mbWrap legend{display: none;}

/* 회원선택 및 인증 */
.mbChoice {display: flex; justify-content: space-around; margin-top: 98px;}
.mbChoice li{width: 260px; height: 240px; padding-top: 140px; border: 1px solid; border-radius: 20px; box-sizing: border-box;  font-size: 18px; color: #666; font-weight: 700; text-align: center; 
			background: url(../../web_2/img/img_mbChoice.png) no-repeat; cursor: pointer; transition: all 0.1s;}
.mbChoice li:hover{box-shadow: 3px 5px 15px rgba(0,0,0,0.15); color: #000;}
.mbChoice li span{display: block; font-size: 30px; margin-bottom: 3px; color: #373944;}
.mbChoice li:nth-child(1){background-position: 89px -5px; border-color: #e77c5a;}
.mbChoice li:nth-child(2){background-position: -296px -5px; border-color: #5a8ac7;}
.mbChoice li:nth-child(3){background-position: -620px -5px; border-color: #87c215;}

.mbTxtWrap {overflow: hidden; padding: 20px; border: 1px solid #c9d6e9; border-radius: 3px; background: #edf5ff;}
.mbTxtWrap ul{margin-bottom: 0;}
.mbTxtWrap input[type=checkbox]{width: 16px; height: 16px; cursor: pointer;}
.mbTxtWrap span.txt{color: #e7144d;}
.mbTxtWrap.txt_center {text-align: center;}

.mbTxtWrap_1 {overflow: hidden; padding: 20px 20px 10px 20px; border: 1px solid #c9d6e9; border-radius: 3px; font-size: 13px; background: #f6faff;}
.mbTxtWrap_1 h5{margin-top: 15px; font-size: 14px;}
.mbTxtWrap_1 h5:first-child{margin-top: 0;}


.policy_cont{padding: 10px 20px; border:1px solid #ddd; height: 360px; overflow-y:auto; font-size: 13px;}
.policy_txt01 p{margin: 5px 0 0 0;}

/* 하단버튼 */
.btnCenterWrap {text-align: center;}
.btnCenterWrap a.btnBtm {display: inline-block; min-width: 120px; height: 38px; padding: 6px 15px; border-radius: 4px; font-size: 15px; color: #fff; font-weight: bold; line-height: 26px; vertical-align:middle;}
.btnCenterWrap a.btnBtm.btn01 {background-color: #4576be;}
.btnCenterWrap a.btnBtm.btn01:hover {background-color: #134896;}
.btnCenterWrap a.btnBtm.btn02 {border:1px solid  #4576be; color: #134896;}
.btnCenterWrap a.btnBtm.btn02:hover {border-color: #0b60dc; color: #0b60dc;}

/* 본인 인증을 위한 비밀번호 입력 */
.mbReg_cert {width: 700px; margin: 50px auto; }
.mbReg_cert div.box01{position:relative; height: 155px; padding: 50px 0 0 80px; box-sizing: border-box; font-size: 15px; font-weight:bold; line-height: 30px; background: url(../img/login/img_indexLogin.png) no-repeat 30px -313px; text-align: center;}
.mbReg_cert div.box01 span{font-size: 19px; color: #1f95dd; text-align: center;}

.mbReg_cert div.box02{margin-top: 20px; margin-bottom: 20px; border: 1px solid #dddfe7; font-size: 15px; font-weight:bold; letter-spacing: 0; line-height: 30px; padding: 30px; text-align: center;}
.mbReg_cert div.box02 input[type=password], .mbReg_cert div.box02 input[type=text]{width: 300px; height: 36px; margin-left: 10px; padding: 0 10px; border: 1px solid #c7c9d5; border-radius: 3px; vertical-align:middle;}
.mbReg_cert div.box02 li{margin-top: 5px;}
.mbReg_cert div.box02 label{display: inline-block; min-width: 110px; text-align: left;}
.mbReg_cert a.btn {display: inline-block; min-width: 80px; height: 36px; padding: 4px 10px; border-radius: 4px; font-size: 13px; color: #fff; font-weight: bold; line-height: 26px; vertical-align:middle; background-color: #ef558e;}
.mbReg_cert a.btn:hover {background-color: #c72c73;}

.mbReg_cert .btnWrapC{text-align: center; margin-top: 30px; }

/* 탭 */
.tab_menu {display:flex; position:relative; margin-top: 20px;}
.tab_menu li{border:1px solid #c0c2c9;}
.tab_menu li {flex:1; position:relative; margin-left:-1px; font-size:15px; color:#414141; font-weight:500; background:#fff;}
.tab_menu li:first-child {margin-left:0;}
.tab_menu li a {display:block; min-width:140px; height:38px; padding:9px 20px; box-sizing:border-box; color:#414141; text-align:center;}
.tab_menu li a:hover{color:#000;}
.tab_menu li.crnt {color:#fff; background:#5679cc; border:1px solid #5679cc;}
.tab_menu li.crnt a {color:#fff;}
.tab_menu li.crnt a:hover {background: #2f54ad;}
.tab_menu li.crnt:before{content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#5679cc; z-index:0;}
.tab_menu li.crnt:after { content: " "; position: absolute; bottom: -8px; left: calc(50% - 10px); height:0; border-bottom: 8px solid; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); color: #5679cc;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);}
.tab_menu li.crnt:hover:before { background: #2f54ad; }
.tab_menu li.crnt:hover:after { color: #2f54ad; }

/* 아이디 비밀번호 찾기 */
.check_tab { position: relative; display: inline-block; margin-left: -5px;}
.check_tab:first-child { margin-left: 5px;}
.check_tab label { position: relative; display: block; overflow: hidden; height: 32px; line-height: 31px; text-align: left; color: #505050; font-size: 14px; padding-left: 24px; }
.check_tab label::before { position: absolute; left: 0; top: 50%; margin-top: -10px; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; border-radius: 2px; background-color: #a7adbd; opacity: 0.7; }
.check_tab label::after { position: absolute; left: 0; top: 50%; margin-top: -10px; content: ""; display: block; overflow: hidden; width: 20px; height: 20px; background: url(../images/ico_check.svg) center 50%/100% no-repeat; }
.check_tab input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0; }
.check_tab input[type="radio"] + label::before { border-radius: 50%; }
.check_tab input:hover { cursor: pointer; }
.check_tab input:hover + label { color: #000; }
.check_tab input:hover + label::before { opacity: 1; }
.check_tab input:checked + label { color: #000; font-weight: 500; }
.check_tab input:checked + label::before { border-color: #1aaedb; background-color: #5269db; opacity: 1; }
.check_tab input:disabled { cursor: default; }
.check_tab input:disabled + label { color: #000; opacity: 0.5; }
.check_tab input:disabled + label::before { opacity: 1; }

.tab_s.radio_tab { margin-top: 30px; margin-left: -5px;}
.tab_s.radio_tab .check_tab label {font-size: 14px; font-weight:500; line-height: 30px; border: 1px solid #9da7b1; padding: 0 8px; width: 170px; text-align: center;}
.tab_s.radio_tab .check_tab label::before,
.tab_s.radio_tab .check_tab label::after { display: none; }
.tab_s.radio_tab .check_tab:first-of-type label { border-radius: 5px 0 0 5px; background:#fff;}
.tab_s.radio_tab .check_tab:last-of-type label { border-radius: 0 5px 5px 0; }
.tab_s.radio_tab .check_tab ~ .check_tab label { border-left: 0; background:#fff;}
.tab_s.radio_tab .check_tab input:checked + label {border-color: #465376; color: #fff; background-color: #616b87;}

/* 아이디 정보(아이디 찾기 결과) */
.id_info {text-align: center; font-weight: bold;}
.id_info p{font-size: 15px; }
.id_info > div{padding: 10px 20px; border:1px solid #ddd; height: 130px; overflow-y:auto; font-size: 13px;}
.id_info > div > ul{padding: 0; margin-bottom: 0;}
.id_info > div > ul > li span.txt01{font-size: 18px; color: #1f95dd;}
.id_info > div > ul > li span.txt02{color: #666; font-weight: normal;}