@charset "utf-8";
@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

em, .em {color:#00999b;}


/**********************************
	Header Layout
**********************************/

.headWrap .aside .mymenu,
.headWrap .aside .gnb-search,
#searchWrap,
.headWrap .aside .sitemap {display:none !important;}

@media (min-width:1025px) {
	.lnbWrap {padding-right:0; text-align:right;}
	.lnb_nav .li_depth01 > a {font-weight:600;}
	.lnb_nav .li_depth01.on > a,
	.lnb_nav .li_depth01.active > a {color:#14b9bc;}
}
@media all and (max-width:530px) {
	.headWrap .aside .mymenu {padding:0; width:4rem; margin-right:1rem;}
	.headWrap .aside .mymenu span {display:block; position:absolute; top:0; right:0; text-indent:-999px; width:0; overflow:hidden;}
}

.lnb_nav .li_depth01.on > a,
.lnb_nav .li_depth01.active > a {color:#00999b; }

/** LNB 스타일 변경 **/
.lnb_nav .lnb_sub > .inner:before {content:none;}
.lnb_nav .lnb_sub .tit {display:none;}
.lnb_nav .lnb_sub .depth02 {min-height:12rem; margin-left:0; background:none; padding-top:3rem; padding-bottom:3rem;}
.lnb_nav .lnb_sub .depth02:after {content:''; display:block; clear:both; }
.lnb_nav .depth02 > li {display:block; width:19%; float:left; margin:0 0.5%;}
.lnb_nav .depth02 > li > .cell {display:block; width:100%; border:1px solid #ccc;  background:#fff; padding-right:0; border-radius:0.3rem; }
.lnb_nav .depth02 > li > .cell a {margin-left:0; padding:1.8rem 2rem; background:#f2fbfb;}
.lnb_nav .depth02 > li > .cell2 {display:block; width:100%;  padding-left:0;}

.lnb_nav .depth02 > li > .cell:hover  {border:1px solid #00999b;}
.lnb_nav .depth02 > li > .cell:hover a {color:#00999b; background:#f2fbfb; border-radius:0.3rem; }

.lnb_nav .depth03 > li {width:100%; float:none;}
.lnb_nav .depth02 > li + li .depth03 {border-top:none;}
.lnb_nav .depth03 > li a span:hover:after {background:#d5f5f5;}

.tab_depth05 ul >li a.on { background: #5f381f; }


/**********************************
	Side Link
**********************************/

.site_wrap,
footer .btn_close {background:#4a5252;}
footer .btn_open,
footer .btn_close {color:#fff;}
.copy_info .policy a.point {color:#845e46;}



/**********************************
	Sub Layouts
**********************************/

#container {padding-top:0 !important;}
#content {float:none; width:auto;}

#titWrap {display:table; position:relative; width:100%; height:28rem; background:url('../img/visual/bak_visual.jpg') no-repeat 50% 50% !important; background-size:cover; margin:0; padding:0;}
#titWrap > * {display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
#titWrap span {display:block; color:#fefeff; font-size:2rem; opacity:.8;}
#titWrap strong {display:block; color:#fff; font-size:4.6rem; font-family:'Godo'; padding-top:.5rem;}

.navWrap {display:block; position:relative; margin:0; float:none; width:auto; margin-bottom:5rem; background:#14b9bb; z-index:10;}
.navWrap .inner {position:relative;}
.navWrap .inner:after {content:""; display:block; clear:both;}
.navWrap .spotNavi {display:block; position:relative; margin-left:6.7rem;}
.navWrap .home {display:block; position:absolute; top:0; left:0; bottom:0; width:6.7rem; background:#5f381f; overflow:hidden; text-indent:-999px;}
.navWrap .home:before {content:""; display:block; position:absolute; width:2.6rem; height:2.2rem; top:50%; left:50%; margin:-1.1rem 0 0 -1.3rem; background:url(../img/common/spr_sub.png) no-repeat 0 0; background-size:30rem;}

.spotNavi dl {display:block; position:relative; float:left; border-right:1px solid rgba(255,255,255,.5);}
.spotNavi dl dt button {display:block; position:relative; min-width:29rem; height:6.7rem; padding:0 6.5rem 0 3.5rem; font-size:1.8rem; color:#ffffff; text-align:left;}
.spotNavi dl dt button:after {content:""; display:block; position:absolute; width:1.1rem; height:.6rem; right:3.4rem; top:50%; margin-top:-.3rem; background:url(../img/common/spr_sub.png) no-repeat -4.4rem 0; background-size:30rem;}
.spotNavi dl dd {display:none; position:absolute; top:100%; left:0; right:0; border:2px solid #14b9bb; background:#fff;}
.spotNavi dl dd a {display:block; position:relative; padding:2rem 3rem; font-size:1.8rem; color:#4a5252; word-break:keep-all;}
.spotNavi dl dd a.on {color:#14b9bb; font-weight:800;}
.spotNavi dl dd li + li {border-top:1px solid #f3f3f3;}
.spotNavi dl.open dd {display:block;}


@media all and (max-width:1024px) {
	.navWrap {margin-bottom:3rem;}
	.navWrap .inner {padding-left:6rem;}
	.navWrap .home {width:6rem; height:6rem;}
	.navWrap .spotNavi {display:table; width:100%; table-layout:fixed; margin:0;}

	.spotNavi dl {display:table-cell; float:none; border-right-width:0;}
	.spotNavi dl + dl {border-left:1px solid rgba(255,255,255,.5);}
	.spotNavi dl dt button {min-width:0; width:100%; height:6rem;}
	.spotNavi dl dt button,
	.spotNavi dl dd a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media all and (max-width:640px) {
	#titWrap {margin:0 !important; padding:0 !important; height:16rem;}
	#titWrap h3 {padding:0 !important;}
	#titWrap span {font-size:1.5rem;}
	#titWrap strong {font-size:3rem;}

	.navWrap .inner {padding-left:5rem;}
	.navWrap .home {width:5rem; height:5rem;}
	.navWrap .spotNavi {display:table; width:100%; table-layout:fixed; margin:0;}

	.spotNavi dl dt button {min-width:0; width:100%; height:5rem; font-size:1.5rem; padding:0 2rem 0 1.5rem;}
	.spotNavi dl dt button:after {right:1rem;}
	.spotNavi dl dd a {font-size:1.4rem; padding:1.5rem 1.5rem;}
}



/**********************************
	Board Layouts
**********************************/

.bod_head .bod_search {padding:3rem 1.5rem;}
.bod_head .bod_search .btn_white,
.bod_head .bod_search input[type="submit"] {width:6.5rem; height:6rem; padding:0; overflow:hidden; text-indent:-999px; background:url('../img/common/ico_search.png') no-repeat 50% 50% #5f381f; min-width:0;}
.bod_head .bod_search select,
.bod_head .bod_search input[type="text"] {height:6rem;}
.bod_head .bod_search input[type="text"] {width:46rem;}

.bod_head .bod_search select {background-image:url('../img/common/ico_selectbox.png');}
.bod_head .bod_search select,
.bod_head .bod_search input[type="text"],
.bod_head .bod_search input[type="submit"],
.bod_head .bod_search .btn_white {border-radius:0; font-size:2rem;}

.bod_head.ty2 {overflow:hidden}
.bod_head.ty2 .page_num {clear:both;}
.bod_head.ty2 .left {float:left; width:46%;}
.bod_head.ty2 .right {float:right;}
.bod_head.ty2 .right .bod_search {background:none; padding:0; margin:0;}

@media all and (max-width:1024px) {
	.bod_head .bod_search { display: block; overflow: hidden; }
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"] {float: left; margin: 0.5%;}
	.bod_head .bod_search input[type="text"] {width:89%;}
	.bod_head .bod_search select {width:21%;}
	.bod_head .bod_search select ~ input[type="text"] {width:67%;}
	.bod_head .bod_search select ~ select ~ input[type="text"] {width:45%;}

	.bod_head .bod_search .btn_white,
	.bod_head .bod_search input[type="submit"] {width:9%; float:left; margin: 0.5%;}

	.bod_head.ty2 .left,
	.bod_head.ty2 .right {width:auto !important; float:none;}
}

@media all and (max-width:750px) {
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search input[type="button"],
	.bod_head .bod_search .btn_white {height:5rem; font-size:1.7rem;}
	.bod_head .bod_search .btn_white,
	.bod_head .bod_search input[type="submit"] {background-size:2rem;}

	.bod_head .bod_search select {margin-bottom:.7rem;}
	.bod_head .bod_search input[type="text"] {margin-bottom:.7rem;}
	.bod_head .bod_search select {width:99%;}
	.bod_head .bod_search select ~ input[type="text"] {width:89%;}
	.bod_head .bod_search select ~ select ~ input[type="text"] {width:67%;}
}
@media all and (max-width:640px) {
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search input[type="button"],
	.bod_head .bod_search .btn_white {width:99% !important; float:none !important; clear:both !important;}
}
@media all and (max-width:540px) {
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search .btn_white {height:4.5rem; font-size:1.5rem;}

}
@media all and (max-width:390px) {
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search .btn_white {height:4rem; font-size:1.3rem;}

	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search .btn_white {width:100%; float:none; margin-bottom:.3rem;}
}

.bod_list thead th {background:#f3f3f3 !important; padding:2rem 0;}
.bod_list thead th + th,
.bod_maintain thead th + th {background:none;}

/* 주민참여포털 서브페이지 웹접근성 마크 숨김  */
footer .wa_mark {display: none;}