@charset "utf-8";
@import url('/design/common/css/NotoSansKR.css');

#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index:1000; }
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}
body {background:#fff; color:#131313; font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-size:1.04em; font-weight:400; letter-spacing:-0.5px; line-height:1.5;}
.flex {max-width:1200px; margin:0 auto;}
@media all and (max-width:1365px) {
	body {font-size:1em;}
	.flex {max-width:980px;}
}
@media all and (max-width:1023px) {
	body {width:100%;}
	.flex {max-width:96%;}
}
@media all and (max-width:599px) {
	body {font-size:0.95em;}
	.flex {max-width:94%;}
}
/*
@media all and (max-width:319px) {
	body {min-width:319px;}
}
*/

/*header*/
#header {padding:100px 0 0 0; border-top:4px solid #1d7fca; background:#fff;}
#header .headerBox {position:absolute; top:169px; left:0; width:100%; height:0; background:#fff; z-index:999}
#header header {height:65px; background:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #999; box-sizing:border-box;}
#header header .flex {position:relative;}
#header header h1 {display:table; position:absolute; top:-100px; left:50%; width:289px; height:100px; margin-left:-144.5px;}
#header header h1 > a {display:table-cell; vertical-align:middle;}
#header header h1 > a img {display:block; width:100%;}
#header .quick_link {position:absolute; top:-71px; left:0; padding:10px 20px; border:1px solid #dedede; border-radius:40px;}
#header .quick_link a {padding-left:85px; background:url('/design/rainfall2019/img/common/gj_logo.gif') no-repeat left center; font-size:15px;}
#header .icon_wrap {position:absolute; top:-75px; right:0;}
#header .icon_wrap a {float:left;}
#header .icon_wrap a img {display:block;}
#header .icon_wrap .search.open {position:relative;}
#header .icon_wrap .search.open:after {content:''; position:absolute; top:52px; left:0; width:99%; height:1px; background:#fff; z-index:1000;}
#header .searchWrap {display:none; position:absolute; top:52px; right:0; width:283%; padding:20px; background:#fff; border:1px solid #1f80ca; box-sizing:border-box;}
#header .searchWrap h2 {font-size:1.07em; margin-bottom:7px;}
#header .searchWrap .search_txt {float:left; width:calc(100% - 40px); height:39px; padding:0 10px; background:#f0f0f0;  border:0;  box-sizing:border-box;}
#header .searchWrap .search_btn {float:right; width:40px; height:39px; background:#f0f0f0 url('/design/rainfall2019/img/common/header_search_submit.gif') no-repeat center; border:0; text-indent:-9999px;}
#header .searchWrap p {margin-top:10px; font-size:0.9em; font-weight:500;}
#header .searchWrap p span {font-weight:300;}
#header .m_sitemap {display:none;}
.gnbPC {overflow:hidden;}
.gnbPC .gnbArea {float:none; width:100%; /*text-align:left;*/}
.gnbPC .gnbArea > ul {/*display:block;*/ /*padding:0 5px;*/}
.gnbPC .gnbArea > ul > li > a {font-size:18px; font-weight:500; line-height:65px; padding:0 58px 0 0;}
.gnbPC .gnbArea > ul > li:last-child > a {padding:0;}
.gnbPC .subGnb {top:64px; border-top:0; background:#fff; z-index:9999}
.gnbPC .subGnb > div > div {background:url('/design/rainfall2019/img/common/snavi1.gif') no-repeat 88% bottom !important;}
.gnbPC .subGnb .title {padding-bottom:140px;}
.gnbPC .subGnb .dept2 {background:#002d68;}
.gnbPC .subGnb .dept2 > li > a {border-bottom:1px solid #315685;}
.gnbPC .subGnb .dept2 > li.on > a,
.gnbPC .subGnb .dept2 > li > a:hover {background:#002d68;}
.gnbPC .subGnb .dept3 li a {font-size:15px;}
@media all and (max-width:1365px) {
	.gnbPC .gnbArea > ul > li > a {padding:0 38px 0 0; font-size:16px;}
}
@media all and (max-width:1023px) {
	.quick_link,
	.pc_sitemap,
	#header .headerBox {display:none;}
	#header .m_sitemap {display:block;}
	#header {padding:80px 0 0 0;}
	#header header {height:0; border-top:0;}
	#header header h1 {top:-80px; left:0; height:80px; margin-left:0;}
	#header .icon_wrap {top:-67px;}
	.gnbArea.open {z-index:999;}
	.gnbhead > div {border-top:4px solid #4a6a94; padding:20.5px 2%;}
	.gnbhead > div a.Mclose {padding-top:5px;}
	/*.gnbhead ul li a {font-size:15px;}*/
	.gnbhead ul.tour_mayor {display:table; width:100%; table-layout:fixed; background:#002d68;}
	.gnbhead ul.tour_mayor li {display:table-cell; float:none; width:auto; border-top:1px solid #4a6a94; border-left:1px solid #4a6a94;}
	.gnbMobile .dept1 > li > a {font-weight:500;}
	.gnbMobile .dept2 > li > a {font-size:15px;}
}
@media all and (max-width:599px) {
	#header header h1 > a img {width:80%;}
	#header .gnbhead > div a.city_logo img {width:80%;}
}
@media all and (max-width:399px) {
	#header header h1 > a img {width:60%;}
	#header .gnbhead > div a.Mclose {padding-top:0}
	#header .gnbhead > div a.city_logo img {width:60%;}
}
.mask {display:none; position: fixed; top: 169px; left: 0;z-index:280;width: 100%;height: 100%;background: #000; content:'';}

/* footer */
#footer {background:#444; color:#fff; font-size:0.9em; font-weight:300;}
#footer footer {overflow:hidden;}
#footer footer > div {padding:30px 0;}
#footer footer .info {float:left;}
#footer footer .info ul {overflow:hidden; margin-bottom:20px;}
#footer footer .info ul li {float:left; padding:0 20px 0 25px; background:url('/design/rainfall2019/img/common/footer_bar.gif') no-repeat left center;}
#footer footer .info ul li:first-child {padding-left:0;}
#footer footer .info ul li a {display:block; color:#fff;}
#footer footer .info ul li:first-child a {color:#a2c8ec; font-weight:400;}
#footer footer .info address span {display:inline-block; margin-left:15px;}
#footer footer .info small {text-transform:uppercase; letter-spacing:1px;}
#footer footer .call {float:right; width:25%; background:#3e3e3e; text-align:center;}
#footer footer .call > * {display:block;}
#footer footer .call > span {margin-bottom:15px;}
#footer footer .call > em {font-size:1.35em; font-weight:500;}
#footer footer .call > i {color:#e0ebf8; font-size:1.65em; font-weight:500; font-style:italic; letter-spacing:0.5px;}
#footer footer .call > i span {display:inline-block; padding:7px 0 7px 48px; background:url('/design/rainfall2019/img/common/footer_call.gif') no-repeat left center;}
@media all and (max-width:1023px) {
	#footer footer > div {padding:25px 0;}
	#footer footer .info {float:none;}
	#footer footer .info ul li {padding:0 10px 0 15px;}
	#footer footer .info address span {margin-left:5px;}
	#footer footer .call {float:none; width:100%;}
	#footer footer .call > * {display:inline-block;}
	#footer footer .call > span {margin:0 10px 0 0;}
	#footer footer .call > em {margin:0 10px 0 0;}
}

/* sub
#sub_container_wrap.ver6 #left {height:52px; background:#005bab; box-sizing:border-box;}
#sub_container_wrap.ver6 #left .dept2 li {padding:0 25px;}
#sub_container_wrap.ver6 #left .dept2 > li {float:left; position:relative; border-right:1px solid #4d8dc4; box-sizing:border-box;}
#sub_container_wrap.ver6 #left .dept2 > li > a {display:block; height:52px; padding-right:80px; background:url('/design/rainfall2019/img/sub/sub_arrow.gif') no-repeat right center; color:#fff; line-height:52px;}
#sub_container_wrap.ver6 #left .dept2 > li:first-child {padding:0; border-left:1px solid #4d8dc4}
#sub_container_wrap.ver6 #left .dept2 > li:first-child > a {width:54px; padding:0; background:#005bab url('/design/rainfall2019/img/sub/sub_home.gif') no-repeat center; text-indent:-9999px; box-sizing:border-box;}
#sub_container_wrap.ver6 #left .dept3 {display:none; position:absolute; top:52px; left:0; width:100%; background:#f5f5f5; box-sizing:border-box; z-index:99;}
#sub_container_wrap.ver6 #left .dept3 > li {border-bottom:1px dashed #ddd;}
#sub_container_wrap.ver6 #left .dept3 > li:hover {background:#005bab;}
#sub_container_wrap.ver6 #left .dept3 > li a {display:block; padding:12px 0 10px; font-size:0.9em;}
#sub_container_wrap.ver6 #left .dept3 > li:hover a {color:#fff;}
@media all and (max-width:1023px) {
	#sub_container_wrap.ver6 #left .dept2 li {padding:0 10px;}
	#sub_container_wrap.ver6 #left .dept2 > li {width:33.333%;}
	#sub_container_wrap.ver6 #left .dept2 > li:first-child {display:none;}
	#sub_container_wrap.ver6 #left .dept2 > li:last-child {border-right:0;}
	#sub_container_wrap.ver6 #left .dept2 > li > a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#sub_container_wrap.ver6 #left .dept3 {max-height:250px; overflow-y:scroll;}
}
 */

#sub_container {max-width:100%;}
#sub_container_wrap.ver6 #left {position:relative;}
.sub_title {overflow:hidden; padding:40px 0; border-bottom:1px solid #dbdbdb;}
.sub_title > div.page_tit {float:left;}
.sub_title > div.page_tit .local ul {overflow:hidden;}
.sub_title > div.page_tit .local ul li {float:left; padding:2px 10px 0 15px; background:url('/design/rainfall2019/img/sub/path_arrow.gif') no-repeat left center;}
.sub_title > div.page_tit .local ul li:first-child {padding:2px 10px 0 23px; background:url('/design/rainfall2019/img/sub/path_home.gif') no-repeat left center;}
.sub_title > div.page_tit .local ul li a {display:block; font-size:0.9em;}
.sub_title > div.page_tit .local ul li:last-child a {color:#005bab;}
.sub_title div.util {float:right; background:#f0f0f0; border-radius:40px; margin-top:5px; padding:10px 25px;}
.sub_title div.util a {display:inline-block;}
.sub_title div.util a.plus {width:10px; background:url('/design/rainfall2019/img/sub/util_plus.gif') no-repeat center; text-indent:-9999px;}
.sub_title div.util a.basic {margin:0 15px; font-size:0.9em;}
.sub_title div.util a.minus {width:10px; background:url('/design/rainfall2019/img/sub/util_minus.gif') no-repeat center; text-indent:-9999px;}
#contents h3 {margin-bottom:5px; font-size:2.1em; font-weight:500;}
#ctn {width:100%; margin:30px 0 80px; font-size:1em;}
@media all and (max-width:1023px) {
	#sub_container_wrap.ver6 #left .flex {max-width:100%;}
}
@media all and (max-width:599px) {
	.sub_title > div.page_tit {float:none; width:100%;}
	.sub_title div.util {display:none;}
}

/* 상단으로 이동 */
.fixedTop {visibility: hidden; position:fixed; right:15px; bottom:15px; width:44px; height:44px; z-index:300;}
.fixedTop a {display:block; height:44px; border-radius:5px; background:rgba(51,51,51,0.7) url('/design/ko2019/img/layout/btn_top.png') no-repeat center 9px; position:relative; cursor:pointer;}
.fixedTop a::before{content:'TOP'; color:#fff; display:block; position:absolute; left:10px; top:19px; font-size:13px;}
.fixedTop a:focus {border:1px dashed #ddd;}
.shown {visibility: visible;}