@charset "UTF-8"; 

@font-face {
    font-family:'Noto Sans Korean Thin';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Light';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean DemiLight';
    font-style:normal;
    font-weight:normal;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Regular';
    font-style: normal;
    font-weight:normal;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Medium';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Bold';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean Black';
    font-style:normal;
    font-weight:normal;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

body {font:14px/1.6 "Noto Sans Korean Regular", "sans-serif", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림"; color:#555;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea{margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block; margin:0; padding:0;}
hr, table caption {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
legend, .hd-element {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; border:0}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input{border:0; vertical-align:middle;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a {text-decoration:none; color:#222;}
a:hover {color:#555;}
button {vertical-align:top; background:transparent;}
button::-moz-focus-inner {padding:0; border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
input, select, button, textarea {font:14px/1.6 "Noto Sans Korean Regular", "sans-serif", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림"; color:#555;}
ul li {list-style:none;}
legend {
  display: block;
  padding: 0;
 /* margin-bottom: @line-height-computed;
  font-size: (@font-size-base * 1.5);*/
  line-height: inherit;
 /* color: @legend-color;*/
  border: 0;
  border-bottom: 0;
}


.float-left{float:left;}
.float-right{float:right;}
.overflow {overflow:hidden;}

/*color*/
.navy {color:#203b6e}
.grey{color:#ccc;}
.blue {color:#0085d2;}

#layout-main {width:100%;}

/*테이블*/
table {
    border-top: 2px solid #666666;
    word-break: break-all;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;}
table th, table td {
    padding: 10px 13px 10px 13px;
    border-bottom: 1px solid #e8e8e8; border-left:1px solid #e8e8e8}
table th:last-child, table td:last-child {border-right:1px solid #e8e8e8}
table tbody tr:nth-last-child(1) th, table tbody tr:nth-last-child(1) td {
    border-bottom: 1px solid #666;}
table td.last{ border-bottom: 1px solid #666;}
table td.back_grey {background:#f5f5f5}
table td.last_border {}

table.center{text-align:center;}
table.center th{text-align:center;}
table th {background-color:#f8f9fb; font-weight:normal}
table.center td.left {text-align:left;}
.table-bordered > tbody > tr > td{border-bottom:0 !important;}

/* board list */
table.lst-board td.title, table.lst-board td.left {text-align:left;}
table.table-bordered td.left {padding:10px 13px;}
table.lst-board th, table.lst-board td {text-align:center;border-left:0}
table.lst-board th {padding:14px 0; background:#f5f5f5; font-size:0.929em; font-family:'Noto Sans Korean Medium'; color:#333;}
table.lst-board th:last-child, table.lst-board td:last-child {border-right:0}
table.lst-board td {padding-right:0; padding-left:0;}
table.lst-board td.subject {text-align:left;}

table.form-board td {    padding: 10px 13px 10px 13px;}


.ml20 {margin-left:20px;}
.mt10 {margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt50 {margin-top:50px;}
.marginauto {margin:auto;}
.mb10 {margin-bottom:10px;}



@media (max-width: 960px){
table .allhidden {
    display: none
}}


@media (max-width:450px){
table .mobilehidden { display: none}}

/* board view */
.wte-board th {padding:16px 10px 18px 35px; vertical-align:top; color:#333;}
.wte-board td {padding:13px 10px 8px 10px;}
.viw-board .title {margin-bottom:0.2em; font-size:1.714em; line-height:1.3;}
.viw-board > table {border-bottom:2px solid #333;}
.Hope .viw-board > table th {background: #f5f5f5;}
.viw-board > table th {padding-right:5px; padding-left:0.35em; background:none; font-family:'Noto Sans Korean Medium'; }
.viw-board > table td {padding-right:1em; padding-left:1em;}
.lst-other-article {margin-top:10px; border-top:1px solid #e5e5e5;}
.lst-other-article li {position:relative; padding:0 32px 0 132px; border-bottom:1px solid #e5e5e5; line-height:30px;}
.lst-other-article li span {position:absolute; top:0; left:0; width:100px; text-align:center; background:#f5f5f5;}
.lst-other-article li a {display:block; width:100%; height:31px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}

/* board write */
.wte-board th {padding:16px 10px 18px 35px; vertical-align:top; background:#fff; color:#333;}
.wte-board td {padding:13px 0 8px 0;}
.wte-board td .inbox, .wte-board td .insel {display:inline-block;}
.wte-board td .inbox + .inchk {margin-left:7px;}
.wte-board td .inbox textarea {height:15em;}
.wte-board td * {vertical-align:middle;}
.wte-board-agree {padding:3em 7em; background:#f5f5f5; line-height:1.4;}
.wte-board-agree dl {margin-bottom:12px;}
.wte-board-agree dt {margin-bottom:14px; font-size:1.143em; color:#000;}
.txt-board-agree {font-size:1.143em; color:#be0404;}

/* board search */
.frm-board-search {margin-top:10px; margin-bottom:10px; min-height:30px; overflow:hidden;}
.frm-board-search .wrp-search {position:relative; float:right; padding:0 67px 0 78px;}
.frm-board-search .wrp-search .insel {position:absolute; top:0; left:0;} 
.frm-board-search .wrp-search .insel.sel1 {width:80px;}
.frm-board-search .wrp-search .insel.sel2 {left:86px;}
.frm-board-search .wrp-search button {position:absolute; top:0; right:0;
background: #666666;padding: 0 16px;height: 30px;border-radius: 4px;line-height: 30px;vertical-align: top;text-align: center;color: #fff;}
.frm-board-search .txt-search {float:left; margin-top:3px; font-size:1.071em;}
.frm-board-search .wrp-search2 {position:relative; float:right; padding:0 67px 0 228px;}
.frm-board-search .wrp-search2 .insel {position:absolute; top:0; left:0; width:64px;} 
.frm-board-search .wrp-search2 .insel.sel1 {width:92px;}
.frm-board-search .wrp-search2 .insel.sel2 {left:105px; width:110px;}
.frm-board-search .wrp-search2 button {position:absolute; top:0; right:0;}

/* masklayer */
.masklayer {display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0; padding:0 10px; overflow:auto; background:url(../images/bg/bg-mask-layer.png);}
.masklayer .holder {position:relative; margin:0 auto; padding:35px 30px; border:5px solid #0f83d5; max-width:690px; background:#fff;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; width:21px; height:21px; background:url(../images/btn/btn-layer-close.gif) no-repeat;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {margin-top:18px; padding:35px 15px; background:#f5f5f5;}
.masklayer .wrp-input-password p {font-size:1.143em; font-family:'Noto Sans Korean Medium'; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; padding-right:140px; padding-left:70px; max-width:400px; background:#f5f5f5;}
.masklayer .wrp-input label {position:absolute; top:50%; margin-top:-12px; left:0;}
.masklayer .wrp-input .set-button {position:absolute; bottom:0; right:0; margin:0; width:130px;}

/* input */
.inbox {position:relative; padding:0 0.5em; overflow:hidden; border:1px solid #aaa; border-radius:4px; background:#fff;}
.inbox input, .inbox textarea {float:left; width:100%; border:0; background:#fff; resize:none;}
.inbox input {height:28px; line-height:28px; padding:0 2px;}
.insel {position:relative; padding:2px 3px 4px 3px; overflow:hidden; border:1px solid #aaa; border-radius:4px;}
.insel select {float:left; width:100%; height:22px; border:0; background:#fff; padding:0}
.insel.focus, .inbox.focus {border-color:#1b8cdd;}
.inbox textarea {margin:0.5em 0; height:5em; overflow:auto;}
.inbox label {position:absolute; top:3px; right:1em; left:1em;}
.inchk {display:inline-block; padding:0.2em 0; position:relative;}
.inchk * {vertical-align:middle;}
.inchk input {position:relative; top:-1px;}

.btn-list {background:#666; color:#fff;}
.btn-list:hover, .btn-list:active{background:#555; color:#fff;}

/* paging */ 
.pagination {margin:30px 0px; text-align:center; letter-spacing:-1px;}
.pagination li {display:inline-block;}
.pagination a, .pagination strong {display:inline-block; padding:0;border:1px solid #ccc; border-radius:1px; line-height:28px; font-weight:400; color:#999;}
.pagination .active a, .pagination strong { border-color:#666; background:#666; color:#fff;}
.pagination a.next, .pagination a.prev, .pagination a.first, .pagination a.last {width:90px;}
.pagination a.prev {margin-right:20px;}
.pagination a.next {margin-left:20px;}


select {border:1px solid #ccc; padding:2px 5px}


.citizens-social-media-info {
    background: #f6f6f6;
    padding: 10px;
    text-align: center;
    /* border-radius: 10px; */
    margin-top: 50px;
}

.openlicense {
    background: #f6f6f6;
    padding: 15px 15px;
    text-align: left;
}

/*만족도*/
.wrp-satisfied {position:relative; margin-top:20px; margin-bottom:20px;padding:25px 140px 25px 160px; overflow:hidden; background:#f5f5f5 url(../images/etc/bg-satisfied.png) 43px center no-repeat;}
.wrp-satisfied dl {overflow:hidden;}
.wrp-satisfied dt {clear:both; font-size:1.143em; color:#333;}
.wrp-satisfied label {float:left; margin-top:6px; margin-right:30px;}
.wrp-satisfied label input {vertical-align:middle;}
.wrp-satisfied label.last {margin-right:0;}
.wrp-satisfied span {display:inline-block; margin-right:-3px;}
.wrp-satisfied button {position:absolute; top:50%; right:36px; margin-top:-18px; min-width:0; width:88px;}


@media (max-width:992px){
.wrp-satisfied{padding:25px 25px; background:#f5f5f5;}
.wrp-satisfied button {position:relative; width:100%; margin-top:0; right:0}
}

/*공공누리*/
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
.content-footer .img-open {float:left;}
.content-footer .content-footer-comment {margin-left:83px; line-height:22px; float:left;}
.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
.content-footer:after {clear:both; display:block; content:"" ;}

@media all and (max-width:1199px) {
.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
	.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
	.content-footer .content-footer-comment {width:95%; margin-left:0px; line-height:22px;clear:both;}
	}

/*skip-nav*/
#skipnavigation {position:absolute; left:0; top:0; width:100%; z-index:9999}
#skipnavigation a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skipnavigation a:active, #skipnavigation a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:rgba(0, 0, 0, 0.8); font-size:16px; text-align:center; font-weight:500;}

/*width*/
.w_pct0 {width:0 !important}
.w_pct1 {width:1% !important}
.w_pct2 {width:2% !important}
.w_pct3 {width:3% !important}
.w_pct4 {width:4% !important}
.w_pct5 {width:5% !important}
.w_pct6 {width:6% !important}
.w_pct7 {width:7% !important}
.w_pct8 {width:8% !important}
.w_pct9 {width:9% !important}
.w_pct10 {width:10% !important}
.w_pct11 {width:11% !important}
.w_pct12 {width:12% !important}
.w_pct13 {width:13% !important}
.w_pct14 {width:14% !important}
.w_pct15 {width:15% !important}
.w_pct16 {width:16% !important}
.w_pct17 {width:17% !important}
.w_pct18 {width:18% !important}
.w_pct19 {width:19% !important}
.w_pct20 {width:20% !important}
.w_pct21 {width:21% !important}
.w_pct22 {width:22% !important}
.w_pct23 {width:23% !important}
.w_pct24 {width:24% !important}
.w_pct25 {width:25% !important}
.w_pct26 {width:26% !important}
.w_pct27 {width:27% !important}
.w_pct28 {width:28% !important}
.w_pct29 {width:29% !important}
.w_pct30 {width:30% !important}
.w_pct31 {width:31% !important}
.w_pct32 {width:32% !important}
.w_pct33 {width:33% !important}
.w_pct34 {width:34% !important}
.w_pct35 {width:35% !important}
.w_pct36 {width:36% !important}
.w_pct37 {width:37% !important}
.w_pct38 {width:38% !important}
.w_pct39 {width:39% !important}
.w_pct40 {width:40% !important}
.w_pct41 {width:41% !important}
.w_pct42 {width:42% !important}
.w_pct43 {width:43% !important}
.w_pct44 {width:44% !important}
.w_pct45 {width:45% !important}
.w_pct46 {width:46% !important}
.w_pct47 {width:47% !important}
.w_pct48 {width:48% !important}
.w_pct49 {width:49% !important}
.w_pct50 {width:50% !important}
.w_pct51 {width:51% !important}
.w_pct52 {width:52% !important}
.w_pct53 {width:53% !important}
.w_pct54 {width:54% !important}
.w_pct55 {width:55% !important}
.w_pct56 {width:56% !important}
.w_pct57 {width:57% !important}
.w_pct58 {width:58% !important}
.w_pct59 {width:59% !important}
.w_pct60 {width:60% !important}
.w_pct61 {width:61% !important}
.w_pct62 {width:62% !important}
.w_pct63 {width:63% !important}
.w_pct64 {width:64% !important}
.w_pct65 {width:65% !important}
.w_pct70 {width:70% !important}
.w_pct80 {width:80% !important}
.w_pct85 {width:85% !important}
.w_pct90 {width:90% !important}
.w_pct95 {width:95% !important}
.w_pct96 {width:96% !important}
.w_pct98 {width:98% !important}
.w_pct100 {width:100% !important}

/** 인쇄 */
@media print{
  .not-print {display: none !important;}
}