@charset "utf-8";

/* Theme Settings */
/* button */
.button.color {border:1px solid #3d5f08; color:#fff; background-color:#3d5f08;}
.pribucy{color:#086AAD;}

/*수산자원연구소 포토갤러리*/
.fisheries { height: 120px;  float: left;  overflow: hidden; margin-bottom:2px;}
.fishtit{ max-width: 100%  !important; }

/* tab */
.tabStyle > li:after {border-color:#3d5f08;}
.tabStyle li a:hover, .tabStyle li a:focus, .tabStyle li.active a {border-color:#3d5f08; background-color:#3d5f08; color:#fff;}
.tabStyle02 > li > a:hover, .tabStyle02 li > a:focus, .tabStyle02 li a.active, .tabStyle02 li.active a {background-color:#fff; border:1px solid #3d5f08; color:#3d5f08;}

/* Layout */
#header {position:relative; width:100%; background:#fff; z-index:9999;}
#header .headerUtil {border-bottom:1px solid #dedede;}
#header .headerUtil .headerUtilInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .headerUtil .utilLogo {float:left;}
#header .headerUtil .utilLogo img {vertical-align:top; max-height:21px;}
#header .headerUtil .util {float:right; margin:10px 0; line-height:1;}
#header .headerUtil .util:after {content:""; content:""; display:block;}
#header .headerUtil .util li {display:inline; color:#000; font-size:90%; line-height:1; float:left; margin-left:10px;}
#header .headerUtil .util li:after {content:""; clear:both; display:block;}
#header .headerUtil .util li a {float:left; margin-top:7px;}
#header .headerInnr {-webkit-box-sizing:border-box; box-sizing:border-box;}
#header .headerInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .logo {color:#3b3b3b; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
#header .logo img {vertical-align:top;}
#header .logo a {display:inline-block; vertical-align:top; text-decoration:none;}
#header .logo .logoTxt {color:#3b3b3b; font-size:200%; line-height:1.2; letter-spacing:-1px; font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
#header .btnNav {position:relative; display:inline-block; vertical-align:top; width:38px; height:38px; text-indent:-9999px;}
#header .btnNav:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -13px; width:25px; height:22px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -30px 0; background-size:150px auto;}
#header .btnSearch {display:inline-block; vertical-align:top; position:relative; width:38px; height:38px; text-align:left; text-indent:-9999px;}
#header .btnSearch:before {content:''; position:absolute; top:50%; left:50%; margin:-13px 0 0 -13px; width:25px; height:25px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat 0 0; background-size:150px auto;}
#header .btnClose {display:inline-block; vertical-align:top; position:relative; width:38px; height:38px; text-align:left; text-indent:-9999px;}
#header .btnClose:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -10px; width:20px; height:22px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -60px 0; background-size:150px auto;}
#header .topSearch .topSearchBar {position:relative; background:#fff;}
#header .topSearch .topSearchBar .search {position:relative; display:block; max-width:395px; height:35px; overflow:hidden; margin:0 auto; background:#3d5f08; border-radius:17.5px; overflow:hidden;}
#header .topSearch .topSearchBar .search select {float:left; width:26%; height:100%; padding-left:14px; border-radius:17.5px 0 0 17.5px; background:#6faf09 url('../../../../global/assets/img/bg_select_arrow3.png') no-repeat 100% 50%; border:0; color:#fff;}
#header .topSearch .topSearchBar .search input.text {float:left; width:72%; height:100%; padding:0 46px 0 12px; background:none; border:none; color:#fff; line-height:35px; font-weight:bold;}
#header .topSearch .topSearchBar .search input.text::-webkit-input-placeholder {color:rgba(255,255,255,0.7);}
#header .topSearch .topSearchBar .search input.text:-ms-input-placeholder {color:rgba(255,255,255,0.7);}
#header .topSearch .topSearchBar .search .btnSearchGo {position:absolute; top:0; right:0; width:46px; height:100%; text-align:center; text-indent:-9999px;}
#header .topSearch .topSearchBar .search .btnSearchGo:before {content:''; position:absolute; top:50%; left:50%; margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -120px -60px;}
#header .topSearch .topSearchBar .btnClose {position:absolute; background-color:#fff;}
#header .topSearch .topSearchBar.opened {display:block;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:relative; display:block; width:54px; height:40px; text-align:center; text-indent:-9999px;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:18px; height:18px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -90px 0; background-size:150px auto;}
#header #topNav > .btnClose {position:absolute; background-color:#fff;}

#header .headerUtil .goMenu { float:right; }
#header .headerUtil .goMenu .language { position:relative; float:right; height:26px; border:1px solid #e3e3e3; border-width:1px 0 1px 1px; border-radius:3px; margin-right:45px;}
#header .headerUtil .goMenu .language select { width:auto;; height:26px; padding:0 20px 0 5px; border:none; font-family: 'Montserrat', 'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Arial', 'sans-serif'; background:url(../../assets/img/common/bg_select_arrow2.png) no-repeat right center; }
#header .headerUtil .goMenu .language .goButton { display:block; position:absolute; top:-1px; left:100%; width:35px; height:27px; text-align:center; background:#333; font-family: 'Montserrat', 'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Arial', 'sans-serif'; color:#fff; border-radius: 0 3px 3px 0;}

#header .headerUtil .sns {float:right; margin-left:0 !important;}
#header .headerUtil .sns a {margin-top:0 !important; margin-right:5px;}
#header .headerUtil .sns img {vertical-align:middle;}

#header .mb_bottombg{display:none;}


#container {position:relative;}
#container .containerInnr {margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
#container .containerInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#contents:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#location .lineMap {text-align:right;}
#location .lineMap .home {display:inline-block; vertical-align:middle;}
#location .lineMap a, #location .lineMap span {display:inline-block; vertical-align:top; padding:0 5px;}
#location ul.shareArea {float:right;}
#location ul.shareArea > li {float:left; position:relative;}
#location ul.shareArea > li > a {position:relative; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px;}
#location ul.shareArea > li > a:before {content:''; position:absolute; top:50%; left:50%; background:url('../../assets/img/common/sp_ico_layout.png') no-repeat 0 9999px;}
#location ul.shareArea > li.share > a:before {margin:-8px 0 0 -8px; width:16px; height:16px; background-position:0 -26px;}
#location ul.shareArea > li.print > a:before {margin:-8.5px 0 0 -9px; width:18px; height:17px; background-position:0 -54px;}
#location ul.shareArea > li.on > a:before {display:block; content:''; position:absolute; top:50%; left:50%; width:7px; height:12px; margin:-6px 0 0 -3px; background:url('../../assets/img/common/sp_ico_snsArrow.png?v=202109270948') no-repeat 0 0;}
#location ul.shareArea > li .shareBox {display:none; position:absolute; top:0; right:30px;}
#location ul.shareArea > li.on .shareBox {display:block;}
#location .shareBox ul.shareList {width:150px;}
#location .shareBox ul.shareList:after {display:block; content:''; clear:left;}
#location .shareBox ul.shareList > li {float:left; width:20%;}
#location .shareBox ul.shareList > li > a {display:block; width:30px; height:28px; overflow:hidden; text-indent:-9999px;}
#location .shareBox ul.shareList > li > a:before {display:block; content:''; width:29px; height:27px; background:url('../../assets/img/common/sp_ico_sns.png') no-repeat 0 9999px}
#location .shareBox ul.shareList > li.naverband a:before {background-position:0 0;}
#location .shareBox ul.shareList > li.bookmark a:before {background-position:-29px 0;}
#location .shareBox ul.shareList > li.kakaostory a:before {background-position:-58px 0;}
#location .shareBox ul.shareList > li.twitter a:before {background-position:-87px 0;}
#location .shareBox ul.shareList > li.facebook a:before {background-position:-116px 0;}
#location .shareBox ul.shareList > li.naverband a:hover:before,
#location .shareBox ul.shareList > li.naverband a:focus:before {background-position:0 -37px;}
#location .shareBox ul.shareList > li.bookmark a:hover:before,
#location .shareBox ul.shareList > li.bookmark a:focus:before {background-position:-29px -37px;}
#location .shareBox ul.shareList > li.kakaostory a:hover:before,
#location .shareBox ul.shareList > li.kakaostory a:focus:before {background-position:-58px -37px;}
#location .shareBox ul.shareList > li.twitter a:hover:before,
#location .shareBox ul.shareList > li.twitter a:focus:before {background-position:-87px -37px;}
#location .shareBox ul.shareList > li.facebook a:hover:before,
#location .shareBox ul.shareList > li.facebook a:focus:before {background-position:-116px -37px;}

#sideNav {position:relative; width:239px; padding:0 1px;}
#sideNav .sideNavTit {padding:21px 0; background:#3d5f08; text-align:center; color:#fff; font-size:200%; line-height:1.2; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
#sideNav .sideNavMenu {padding:10px;}
#sideNav .sideNavMenu > ul > li {position:relative;}
#sideNav .sideNavMenu > ul > li .btnMenuDropDown {display:block; position:absolute; overflow:hidden; text-indent:-9999px; top:0;}
#sideNav .sideNavMenu > ul > li .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; background:url('../../assets/img/common/bg_arrow_sidenav_depth1.png?v=202109270948');}
#sideNav .sideNavMenu > ul > li > a {display:block; padding:7px 30px 7px 6px; font-size:140%; line-height:1.2; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
#sideNav .sideNavMenu > ul > li > .btnMenuDropDown {top:3px; right:0; width:30px; height:30px;}
#sideNav .sideNavMenu > ul > li > .btnMenuDropDown:before {margin:-6.5px 0 0 -6.5px; width:13px; height:13px; background-position:0 0;}
#sideNav .sideNavMenu > ul > li.active > a {color:#3d5f08;}
#sideNav .sideNavMenu > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > .btnMenuDropDown:focus:before {background-position:-20px 0;}
#sideNav .sideNavMenu > ul > li.active > ul {display:block;}
#sideNav .sideNavMenu > ul > li > ul {display:none; padding:4px 18px 10px;}
#sideNav .sideNavMenu > ul > li > ul > li {position:relative;}
#sideNav .sideNavMenu > ul > li > ul > li > a {display:block; padding:2px 20px 2px 2px; font-size:110%;}
#sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown {top:2px; right:0; width:20px; height:20px;}
#sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:before {margin:-4.5px 0 0 -4.5px; width:9px; height:9px; background-position:-40px 0;}
#sideNav .sideNavMenu > ul > li > ul > li.active > a {color:#3d5f08; font-weight:bold; text-decoration:underline;}
#sideNav .sideNavMenu > ul > li > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:focus:before {background-position:-60px 0;}
#sideNav .sideNavMenu > ul > li > ul > li.active > ul {display:block;}
#sideNav .sideNavMenu > ul > li > ul > li > ul {display:none; padding:10px 16px; margin-bottom:5px; background:#eee; border-radius:3px;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > a {display:block; padding:2px 0; color:#666;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > a {color:#333; font-weight:bold; text-decoration:underline;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li {position:relative;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li .btnMenuDropDown:before {margin:-4.5px 0 0 -4.5px; width:9px; height:9px; background-position:-40px 0;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > ul > li > ul > li.btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > ul > li >  ul > li .btnMenuDropDown:focus:before {background-position:-60px 0;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li { padding:3px 8px 2px 10px; position:relative; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a:before { content:""; width:3px; height:3px; position:absolute; top:47% !important; left:5% !important; background:#c7c7c7; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a { padding-left:4px; color:#666; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li.active > a {color:#333; font-weight:bold; text-decoration:underline;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > .btnMenuDropDown { width:25px; height:25px; right:0;}
#sideNav .sideNavMenu > ul > li > ul > li > ul { padding:6px 3px 6px 14px !important; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:first-child { margin-top:4px; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom:4px; }

#footer {background:#f7f7f7; border-top:3px solid #666; color:#666; text-align:center;}
#footer .footerInnr {position:relative; padding:27px 10px 30px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footer .footerInnrMenuWrap {background:#fff; border-bottom:1px solid #cecece; padding:23px 10px 20px;}
#footer .footerInnrMenuWrap .footMenu {margin-bottom:0;}
#footer .footMenu {margin-bottom:41px;}
#footer .footMenu li {display:inline-block; margin-bottom:4px; color:#333; white-space:nowrap;}
#footer .footMenu li:before {content:''; display:inline-block; vertical-align:middle; margin:0 15px; width:1px; height:13px; background:#e0e0e0;}
#footer .footMenu li:first-child:before {content:none; margin-left:0 !important;}
#footer address {font-size:90%;}
#footer address .logo {margin-bottom:34px;}
#footer address .logo img {vertical-align:top; max-width:120px;}
#footer address .copyright {margin-top:15px; padding-top:13px; border-top:1px solid #ddd;}
#footer .scrollTop {position:absolute; z-index:4; top:0; right:0; width:63px; height:48px; border:1px solid #cdcdcd; text-align:center; line-height:48px; font-weight:bold;}
#footer .scrollTop:before {content:''; display:inline-block; vertical-align:middle; width:13px; height:18px; margin-right:6px; background:url('../../assets/img/common/sp_ico_footer.png') no-repeat -40px 0;}
#footer .footOtherSiteWrap .footSns {margin-bottom:2.000em;}
#footer .footOtherSiteWrap .footSns > li {display:inline;}
#footer .footOtherSiteWrap .footSns > li > a {display:inline-block; vertical-align:top; width:36px; height:37px; margin:0 4px; overflow:hidden; background:url('../../assets/img/common/sp_ico_footer_sns.png') no-repeat; text-indent:-9999px;}
#footer .footOtherSiteWrap .footSns > li > a.facebook {background-position:0 0;}
#footer .footOtherSiteWrap .footSns > li > a.twitter {background-position:-50px 0;}
#footer .footOtherSiteWrap .footSns > li > a.youtube {background-position:-100px 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li {position:relative; text-align:left; color:#666; line-height:1.2;}
#footer .footOtherSiteWrap .footOtherSiteList > li > a {position:relative; display:block; padding:0 40px 0 16px; border:1px solid #cdcdcd; font-weight:bold; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footer .footOtherSiteWrap .footOtherSiteList > li > a:after {content:''; position:absolute; top:50%; right:15px; margin-top:-5.5px; width:11px; height:11px; background:url('../../assets/img/common/sp_ico_footer.png') no-repeat 0 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul {display:none; position:absolute; z-index:10; left:0; right:0; background:#fff; border:1px solid #cdcdcd;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li {background:#f5f5f5; border-top:1px solid #ddd;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li:first-child {border-top:0;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li a {display:block; padding:11px 16px; text-decoration:none;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li a:hover, #footer .footOtherSiteWrap .footOtherSiteList > li > ul li a:focus {background:#fff; color:#333; font-weight:bold;}
#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {display:none; position:absolute; width:34px; height:34px; background:#fff; text-indent:-9999px;}
#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose:before {content:''; position:absolute; top:50%; left:50%; margin:-5.5px 0 0 -5.5px; width:11px; height:11px; background:url('../../assets/img/common/sp_ico_footer.png?v=202109270948') no-repeat -20px 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active > a {color:#3d5f08;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active > ul {display:block;overflow-y: scroll;max-height: 300px;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active .btnClose {display:block;}
#footer.footerOtherSiteType {background:#f7f7f7; border:0;}
#footer.footerOtherSiteType .footerInnrMenuWrap {background:#fff; border-bottom:1px solid #cecece; padding:0;}
#footer.footerOtherSiteType .footMenu {padding:14px 0 10px; margin:0;}
#footer.footerOtherSiteType .footMenu li {color:#333;}
#footer.footerOtherSiteType .footMenu li:before {background:#e0e0e0;}
#footer.footerOtherSiteType address .copyright {border-top:1px solid #ddd;}
#footer .footSnsList {display:table; height:50px; float:left;}
#footer .footSnsList > li {display:table-cell; vertical-align:middle; padding:0 0.5em 0 0;}
#footer .footSnsList > li > a {display:block; width:28px; height:28px; text-indent:-9999px; overflow:hidden;}
#footer .footSnsList > li.insta > a {background:url(../../assets/img/main/ico_insta.jpg) no-repeat center center / cover;}
#footer .footSnsList > li.youtube > a {background:url(../../assets/img/main/ico_youtube.jpg) no-repeat center center / cover;}





/*****  해양용어사전   *****/
.word {border: 1px solid #7878E1; margin: 10px 0px 0px ; padding: 10px 20px 10px 10px;}
.word:HOVER {background-color: #E8F5FF;}
.guBody dd {display:none; border: 1px solid #7878E1; margin: 0px 0px 10px ; padding: 15px 10px 30px 10px;}


/* Page Title */
.titPage {font-family:'NanumGothic', '나눔고딕', '돋움', Dotum, Helvetica, Arial, Sans-serif; line-height:1.1; color:#333; font-weight:normal;}

/* head태그 안 style에 css가 있어서 common.css에 적용 */
.boxWrap{clear:none !important; margin-top:30px;}

/* 체육시설관리사업소 대관료 자동계산 */
.txt_R {text-align:right; padding-top:20px;}

/* 낙동강하구에코센터 로고 */
.wetlandLogo {font-size:85%; line-height:40px;}


/*화명수목원관리사업소 - 질문 및 답변*/
.boardView .form-data-content dd p span {background:#f4f4f4 !important;}

@media all and (max-width:1024px) { /* mobile & tablet ver */
	body.opened-topNav {overflow-y:hidden;}
	#header {position:relative; z-index:100; height:50px; border-bottom:3px solid #6faf09;}
	#header .headerUtil {/* display:none; */}
	
	#header .headerUtil .goMenu{display:block !important;}
	
	#header .logo {position:absolute; top:13px; left:0; width:100%; text-align:center;}
	#header .logo img {height:23px;}
	#header .logo .logoTxt {font-size:20px;}
	#header .btnNav {position:absolute; top:7px; left:5px;}
	#header .topSearch .btnSearch {position:absolute; top:56px; right:5px;}
	#header .topSearch .topSearchBar {display:none; position:absolute; bottom:0; left:0; width:100%; padding:8px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header .topSearch .topSearchBar .btnClose {top:50%; margin-top:-19px; right:5px;}
	#header #topNav {display:none; position:fixed; background:#fff;}
	#header #topNav .topBtnWrap .topBtn {padding:10px;}
	#header #topNav .topBtnWrap .topBtn:after {content:""; display:block; clear:both;}
	#header #topNav .topBtnWrap .topBtn > a {width:calc(50% - 5px); margin:0; margin-right:10px; float:left; text-align:center; box-sizing:border-box;}
	#header #topNav .topBtnWrap .topBtn > a:last-child {margin-right:0;}
	#header #topNav ul.topNavMenus {width:100%; border-top:2px solid #e6e6e6;}
	#header #topNav ul.topNavMenus > li {position:relative; border-bottom:1px solid #e5e5e5;}
	#header #topNav ul.topNavMenus > li a {display:block;}
	#header #topNav ul.topNavMenus > li > a {padding:11px 54px 11px 18px; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; font-size:18px; line-height:1; text-decoration:none;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:absolute; top:0; right:0;}
	#header #topNav ul.topNavMenus > li.topNavSearch {display:none;}
	#header #topNav ul.topNavMenus > li.active.activeHover > a {color:#3d5f08;}
	#header #topNav ul.topNavMenus > li.active.activeHover > .btnMenuDropDown:before, #header #topNav ul.topNavMenus > li.hover > .btnMenuDropDown:before {background-position:-120px 0;}
	#header #topNav ul.topNavMenus > li.active.activeHover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li.hover > a {color:#3d5f08;}
	#header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li .topNavSub {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub .topNavSubTit {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub li.active > a {color:#3d5f08 !important; font-weight:bold;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul {border-top:1px solid #ddd; background:#f7f7f7; padding-top:10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {padding-bottom:10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {padding:2px 54px 2px 18px; font-size:16px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin-top:5px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {padding:2px 54px 2px 28px; color:#666; font-size:16px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > a {padding:2px 54px 2px 38px; color:#666; font-size:14px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > a:before {content:"- ";}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > a {padding:2px 54px 2px 48px; color:#666; font-size:12px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > ul > li > ul > li > a:before {content:"· ";}
	#header #topNav.opened {display:block;}

	
	
	/* #header .logo{display:none;} */
	#header .headerUtil .util li:first-child{display:none;}
	#header .headerUtil .util li:nth-child(2){display:none;}
/* 	#header .headerUtil .util li:nth-child(3){display:none;} */
	
	#header{height:100px !important;}
	#header .btnNav {top:54px;}
	#header .headerUtil .utilLogo {margin:11px 0 5px 8px;}
	
	#header .logo{top:61px;}
	#header .logo img{display:none;}
	#header .logo img.rogo_nakdongeco{display:inline-block;}
	
	#header #topNav > .btnClose{top:56px; left:5px; position:fixed;}
	#header #topNav {top:100px; bottom:0; left:0; width:100%; border-top:2px solid #e6e6e6;}

	#footer .scrollTop {display:none;}
	#footer .footOtherSiteWrap .footOtherSiteList {text-align:left;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {height:38px; line-height:36px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {top:2px; right:4px;}
	#footer.footerOtherSiteType {background:none;}
	#footer.footerOtherSiteType .footerInnr {background:#f7f7f7;}
	#footer.footerOtherSiteType .footerInnrMenuWrap {padding:0;}
	#footer.footerOtherSiteType .footMenuWrap {border-top:3px solid #666;}
	
	#footer .footSnsList {margin:0 auto; float:none;}
}

@media all and (max-width:768px) { /* mobile ver */
	#header {height:55px;}
	#header .headerUtil .utilLogo img[alt="청렴부산"] {display:none;}
	#header .logo {top:40px;} 
	#header .logo img {height:20px;}
	#header .logo .logoTxt {display:block; margin-top:4px; font-size:18px;}
	#header .topSearch .topSearchBar .search input.text {font-size:12px;}
	#header #topNav > .topNavInnr {height:100%; overflow:auto;}
	body.opened-topNav #header {position:fixed; top:0; left:0; z-index:101;}

	#container .containerInnr {padding:16px 10px 50px 10px;}
	#location .lineMap {display:none;}
	#location ul.shareArea {margin-top:-4px;}
	#sideNav {display:none;}

	#contents .titPage {margin:0 0 16px; font-size:180%; font-weight:bold;}

	#footer .footerInnr {padding:17px 10px 20px;}
	#footer .footerInnrMenuWrap {padding-top:13px; padding-bottom:10px;}
	#footer .footMenu {margin-bottom:20px; font-size:90%;}
	#footer .footMenu li:before {height:10px; margin:0 8px;}
	#footer address .logo {margin-bottom:17px;}
	#footer address .logo img {height:24px;}
	#footer address .txt {display:block;}
	#footer address .copyright {margin-top:8px; padding-top:7px;}
	#footer .footOtherSiteWrap .footOtherSiteList {padding:0 10px 10px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {margin:-1px 0 0;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {position:static; margin-top:-1px;}
	#footer.footerOtherSiteType .footerInnrMenuWrap {padding:0;}
	
	.wetlandLogo {font-size:100%; line-height:normal;}
}

@media all and (min-width:769px) and (max-width:1024px) { /* tablet ver */
	#header #topNav {position:fixed; z-index:100; top:0; bottom:0; left:0; width:45%; padding-top:50px; border-right:4px solid #6faf09; overflow:auto;}
	#header #topNav > .btnClose {position:absolute; top:7px; left:5px;}
	#header .topNavBackDv {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
	body.opened-topNav #header .topNavBackDv {display:block;}

	#container .containerInnr {padding:10px 20px 50px 20px;}
	#location ul.shareArea {margin-top:2px;}
	#sideNav {display:none;}

	#contents .titPage {margin:0 0 25px; font-size:200%; font-weight:bold;}

	#footer .footerInnr, #footer .footerInnrMenuWrap {padding-left:20px; padding-right:20px;}
	#footer .footOtherSiteWrap .footOtherSiteList {display:table; width:100%; table-layout:fixed; padding:0 20px 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#footer .footOtherSiteWrap .footOtherSiteList > li {display:table-cell;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {margin-right:-1px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {bottom:37px; right:-1px;}

	#topNav .topBtnWrap .topBtn {width:90%; margin:0.5em auto;}
	#topNav .topBtnWrap .topBtn a {width:100%; text-align:center;}
	
	.wetlandLogo {font-size:100%; line-height:normal;}
}

@media all and (min-width:1025px) { /* pc ver */
	#header {border-bottom:1px solid #dedede;}
	#header .headerUtilInnr {max-width:1200px; margin:0 auto;}
	#header .headerUtil .utilLogo img {margin-top:12px;}
	#header .headerInnr {position:relative; max-width:1200px; margin:0 auto;}
	#header .logo {position:relative;z-index:5;float:left;margin: 0;}
	#header .logo .logoBusan {display:none;}
	#header .utilMenus {position:absolute; right:0; top:-25px;}
	#header .utilMenus li {display:inline; margin-left:20px;}
	#header .btnNav {display:none;}
	#header #topNav {float:right; margin-right:55px;}
	#header #topNav .topBtnWrap {display:none;}
	#header #topNav ul.topNavMenus > li {float:left; height:90px; padding:12px 0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header #topNav ul.topNavMenus > li > a {display:block; height:66px; padding:17px 10px 0; font-size:115%; line-height:1; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header #topNav ul.topNavMenus > li > a > strong {display:inline-block; vertical-align:top; padding:6px 2px;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown {display:none;}
	#header #topNav ul.topNavMenus > li.active > a, #header #topNav ul.topNavMenus > li.hover > a {color:#3d5f08;}
	#header #topNav ul.topNavMenus > li.active > a > strong, #header #topNav ul.topNavMenus > li.hover > a > strong {border-bottom:3px solid #3d5f08;}
	#header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li .topNavSub {display:none; position:absolute; z-index:100; top:100%; left:0; width:100%; padding-left:20%; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header #topNav ul.topNavMenus > li .topNavSub .topNavSubTit {position:absolute; left:0; top:1px; bottom:0; width:20%; border-right:1px solid #ddd; background-repeat:no-repeat; background-position:100% 100%;}
	#header #topNav ul.topNavMenus > li .topNavSub .topNavSubTit:before {content:''; display:inline-block; vertical-align:middle; height:237px;}
	#header #topNav ul.topNavMenus > li .topNavSub .topNavSubTit > h2 {display:inline-block; vertical-align:middle; color:#3d5f08; font-size:260%; line-height:1.1; font-family:'NanumSquare', '나눔스퀘어', '돋움', Dotum, Helvetica, Arial, Sans-serif;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul {background-image:url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'), url('../../assets/img/common/bg_topnavsub_line.png'); background-repeat:repeat-y, repeat-y, repeat-y, repeat-y, repeat-y, repeat-y, repeat-y; background-position:85.7142% 0, 71.4285% 0, 57.1428% 0, 42.8571% 0, 28.5714% 0, 14.2857% 0, 100% 0;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {float:left; width:14.2857%; min-height:237px; padding:16px 8px; /*border-right:1px solid #ddd;*/ -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li:nth-child(7n+1) {clear:left;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {font-size:110%;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin:2px 0 0 15px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li {margin-top:5px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {font-size:90%; color:#666;}
	#header #topNav > .btnClose {display:none;}
	#header .topNavBackDv {display:none; position:absolute; z-index:99; left:0; width:100%; height:237px; background:#fff; border-top:1px solid #ddd; border-bottom:4px solid #6faf09; -webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
	#header .topNavBackDv.opened {display:block;}
	#header .topSearch .btnSearch {position:absolute; top:27px; right:0; width:55px; height:35px; border-radius:17.5px; background:#3d5f08;}
	#header .topSearch .btnSearch:before {margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background-position:-120px -60px; background-size:auto;}
	#header .topSearch .topSearchBar {display:none; position:absolute; right:0; top:0; width:100%; height:89px; padding:0 65px 0 0; overflow:hidden; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#header .topSearch .topSearchBar .search {float:right; width:395px; margin:27px 0 0;}
	#header .topSearch .topSearchBar .btnClose {position:absolute; top:27px; right:0; width:55px; height:35px; border-radius:17.5px; background:#3d5f08;}
	#header .topSearch .topSearchBar .btnClose:before {margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background-position:-150px -60px; background-size:auto;}

	#container .containerInnr {max-width:1200px; background:url('../../assets/img/common/bg_lnb.png') repeat-y 0 0;}
	#container .containerInnr #contents {padding:10px 0 50px 40px; float:left; width:calc(100% - 241px); box-sizing:border-box;}
	#location ul.shareArea {margin-top:8px;}

	#sideNav {float:left;}

	#contents .titPage {margin:0 0 30px; font-size:220%; font-weight:bold; color:#3d5f08;}

	#footer .footerInnr {max-width:1200px; margin:0 auto;}
	#footer .footerInnrMenuWrap .footMenu {max-width:1200px; margin:0 auto;}
	#footer .footOtherSiteWrap {float:right; position:relative; padding-right:64px;}
	#footer .footOtherSiteWrap:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer .footOtherSiteWrap .footSns {float:left; height:50px; margin:0 10px -1px 0;}
	#footer .footOtherSiteWrap .footSns > li > a {margin-top:6px;}
	#footer .footOtherSiteWrap .footOtherSiteList {float:left;}
	#footer .footOtherSiteWrap .footOtherSiteList:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer .footOtherSiteWrap .footOtherSiteList > li {float:left;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {height:50px; line-height:48px; border-bottom:0;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {bottom:49px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li + li {margin-left:-1px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {top:8px; right:5px;}
	#footer .footerInnrOfficeWrap {text-align:left;}
	#footer .footerInnrOfficeWrap .footerInnr {padding:27px 0 40px;}
	#footer .footerInnrOfficeWrap address {position:relative; padding-left:204px;}
	#footer .footerInnrOfficeWrap address .logo {position:absolute; left:10px;}
	#footer .footerInnrOfficeWrap address .txt {margin-top:2px;}
	#footer .footerInnrOfficeWrap address .copyright {margin-top:2px; padding:0; border:0;}
	#footer.footerOtherSiteType {position:relative; padding-top:2px;}
	#footer.footerOtherSiteType:before {content:''; position:absolute; z-index:5; top:0; left:0; width:100%; height:3px; background:#666;}
	#footer.footerOtherSiteType .footerInnrMenu {max-width:1200px; margin:0 auto;}
	#footer.footerOtherSiteType .footerInnrMenu:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer.footerOtherSiteType .footMenu {float:left; min-height:24px;/*height:49px;*/ padding:14px 15px 0 0; border-top:1px solid #cdcdcd;}
	#footer .scrollTop {border-bottom:0;}
	
	
	
	#header .logo .logoTxt {display: table-cell;vertical-align: middle;height: 90px;}
	#header.headtype-interfish #topNav ul.topNavMenus > li > a > strong,
	#header.headtype-banyeomarket #topNav ul.topNavMenus > li > a > strong,
	#header.headtype-nakdongeco #topNav ul.topNavMenus > li > a > strong,
	#header.headtype-eomgungmarket #topNav ul.topNavMenus > li > a > strong
	{letter-spacing: -0.1em;}
	#header.headtype-oceannature #topNav ul.topNavMenus > li > a > strong {letter-spacing: -0.1em; font-size: 0.9em;}
}

@media all and (min-width:1025px) and (max-width:1200px) {
	#header.headtype-oceannature #topNav ul.topNavMenus > li > a > strong {letter-spacing: -0.1em; font-size: 0.9em;}
	#header.headtype-gunsulsafety #topNav ul.topNavMenus > li > a,
	#header.headtype-interfish #topNav ul.topNavMenus > li > a,
	#header.headtype-womanculture #topNav ul.topNavMenus > li > a {padding: 17px 10px 0; font-size: 125%;}
	#header.headtype-whwomanhall #topNav ul.topNavMenus > li > a {padding: 17px 8px 0; font-size: 120%;}
	#header.headtype-oceannature #topNav ul.topNavMenus > li > a {padding:17px 10px 0; font-size: 130%;}

	#header.headtype-interfish .logo a {max-width: 280px;}
	#header.headtype-banyeomarket .logo a {max-width: 300px;}
	#header.headtype-eomgungmarket .logo a {max-width: 280px;}
	#header.headtype-nakdongeco .logo a {max-width: 170px;}
	#header.headtype-oceannature .logo a {max-width: 160px;}
}

@media all and (max-width:380px) {
	#header .headerUtil .utilLogo {width:100px;}
	#header .headerUtil .utilLogo img {width:90%; height:100%;}
}



@media all and (max-width:338px) {
	#topNav .topBtnWrap .topBtn {width:90%; margin:0.5em auto;}
	#topNav .topBtnWrap .topBtn a {width:100%; text-align:center;}
}