@charset "utf-8";

html, body {font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; line-height: 1.5em; color:#000; font-size:16px; height: 100%; font-weight:300; color:#333;}
select, input, textarea, button {font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; line-height: 1.5em;}
.inner{width:100%; margin:0 auto; max-width: 1560px;}

#wrap{position:relative; min-width:800px;}
#wrap_hide{display: none; position: absolute; top: 151px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
#gnb_wrap_hide{display: none; position: fixed; top: 151px; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}


/*header*/
#header {position: fixed; top: 50px; left: 0; right: 0; z-index: 10; transition: ease-in-out 0.3s; border-bottom:1px solid #e5e5e5; background-color:#fff;}
#header .inner { min-width:800px;}
#header .header_top {height: 80px; transition: ease-in-out 0.3s; border-bottom:1px solid #e5e5e5;}
#header .header_top h1.logo { display:none;}
#header .header_top h1 { padding-top:11px; float:left;}
#header .header_top h1 a { display:block;}
#header .header_top .util_wrap { float:right; padding-top:17px;}
#header .header_top .util_wrap li { float:left;}
#header .header_top .util_wrap a { display: inline-block; padding:0 12px; height:45px; line-height:45px; color:#404040;}
#header .header_top .util_wrap ul, #header .header_top .util_wrap div { float:left;}

#header .header_top .util_wrap a span.ico { display:block; float:right; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat; width:11px; height:7px; text-indent:-999999px; margin:20px 0 0 7px;}
#header .header_top .util_wrap a span.open { background-position:-102px -22px;}
#header .header_top .util_wrap a span.close { background-position:-123px -22px;}

#header .header_top .util_wrap .covid19 a { background-color:#e95356; color:#fff; border-radius:40px; padding-right:20px; margin-left:15px;}
#header .header_top .util_wrap .covid19 a:before { content:""; display:block; float:left;  width:21px; height:22px; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat -170px -14px; margin:10px 4px 0 6px;}

#header .header_top .util_wrap .family_site > a:after,
#header .header_top .util_wrap .loginout li a:after,
#header .header_top .util_wrap .lang > a:after,
#header .header_top .util_wrap .business > a:after { content:""; display:block; float:left; width:25px; height:25px; margin:10px 5px 0 0; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat}
#header .header_top .util_wrap .family_site > a:after { background-position:-1px -11px;}
#header .header_top .util_wrap .loginout li a:after { background-position:-34px -11px;}
#header .header_top .util_wrap .lang > a:after {background-position:-67px -11px;}
#header .header_top .util_wrap .business > a:after {background-position: -34px -11px;}


#header .header_top .util_wrap .family_site { position:relative;}

/*관련사이트*/
#header .header_top .util_wrap .family_site .linkbox { position: fixed; top: 130px; left: 0; right: 0; bottom: 0; padding: 50px 100px 40px; background-color: #000; background-color: rgba(0,0,0,0.7); z-index: 101; display: none; min-width: 742px; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box { background-color: #fff; height: 100%; position: relative; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box h3 { width: 100%; height:80px; background-color: #017dc7; color: #fff; line-height: 80px; font-size: 25px; text-align: center; font-weight: 400; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box h3 em { font: revert; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list { padding: 2.5% 3%; border-top: 1px solid #ddd; width: 100%; box-sizing: border-box; position: relative;}
#header .header_top .util_wrap .family_site .linkbox .link_all_box h4 { position: absolute; top: 42px; left: 3%; font-size:20px; color:#343434; font-weight: 400; height: 100%; background: none; padding: 0; margin: 0; line-height: 18px; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul { padding-left: 15%;}
#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list.village ul { height: 84px;}
#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul li { width:20%; }
#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul li a { line-height:20px; height: auto; padding:4px 4px 4px 8px; position:relative; }

#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list.village ul li { width:12.5%;}

/* 한국에너지공과대학, 빛가람공공기관 */
#header .header_top .util_wrap a.kentech{padding-top: 14px;} 
#header .header_top .util_wrap a.bitgaram_site{ position:relative;}
#header .header_top .util_wrap a.bitgaram_site:before{content: "";display: block;float: left;width: 18px;height: 25px;margin: 10px 5px 0 0;background: url(/images/common/sub/newwin_bl_gr_big.png) no-repeat 1px 6px;}



@media screen and (max-width:1450px){ 
	#header .header_top .util_wrap .family_site .linkbox .link_all_box h4 { top: 38px;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul { padding-left: 19%;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul li { width: 25%;}
	
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list ul { padding-left: 19%;}
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list ul li { width: 25%;}
	
	#header .header_top h1.logo { display:block;}
	#header .header_top h1.logo_gif { display:none;}
	#header .header_top .util_wrap .vital_organ { display:none;}
	.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc6 { left: 300px !important;}
}

@media screen and (max-width:1380px){
	
}

@media screen and (max-width:1320px){
	#header .header_top .util_wrap .family_site .linkbox .link_all_box h4 { font-size: 19px;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list { padding: 34px 3% 3% 3%;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul li { width: 33.3333%;}	
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list.village ul { height: 60px;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list.village ul li { width:20%;}
	
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list { padding: 34px 3% 3% 3%;}
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list ul li { width: 33.3333%;}	
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list.village ul { height: 60px;}
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list.village ul li { width:20%;}
}

@media screen and (max-width:1100px){
	#header .header_top .util_wrap .family_site .linkbox { padding:40px 50px 30px; }
	#header .header_top .util_wrap .family_site .linkbox .link_all_box h4 { position: relative; margin-bottom: 15px; top: inherit; left: 0;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list { padding: 34px 4% 3% 4%;}
	#header .header_top .util_wrap .family_site .linkbox .link_all_box .link_list ul { padding-left: 0; height: 108px;}
	
	#header .header_top .util_wrap .bitgaram_site .linkbox { padding:40px 50px 30px; }
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box h4 { position: relative; margin-bottom: 15px; top: inherit; left: 0;}
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list { padding: 34px 4% 3% 4%;}
	#header .header_top .util_wrap .bitgaram_site .linkbox .link_all_box .link_list ul { padding-left: 0; height: 108px;}
}

@media screen and (max-width:910px){
	#header .header_top .util_wrap a { padding:0 8px;}
}

#header .header_top .util_wrap .family_site .linkbox .popup_close{position: absolute; top: 21px; right: 12px; width: 38px; height: 38px; text-indent: -99999px;}
#header .header_top .util_wrap .family_site .linkbox .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
#header .header_top .util_wrap .family_site .linkbox .popup_close:before, 
#header .header_top .util_wrap .family_site .linkbox .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #fff; margin: -1.5px 0 0 -19.5px;}
#header .header_top .util_wrap .family_site .linkbox .popup_close:before{transform: rotate(-45deg);}
#header .header_top .util_wrap .family_site .linkbox .popup_close:after{transform: rotate(45deg);}

#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close{position: absolute; top: 21px; right: 12px; width: 38px; height: 38px; text-indent: -99999px;}
#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:hover{transform: rotate(360deg); transition: ease-in-out 0.7s;}
#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:before, 
#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 39px; height: 3px; background-color: #fff; margin: -1.5px 0 0 -19.5px;}
#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:before{transform: rotate(-45deg);}
#header .header_top .util_wrap .bitgaram_site .linkbox .popup_close:after{transform: rotate(45deg);}


#header .header_top .util_wrap .family_site .linkbox li a:before,
#header .header_top .util_wrap .bitgaram_site .linkbox li a:before,
#header .header_top .util_wrap .lang ul li a:before { content:""; display:block; position:absolute; width:4px; height:4px; border-radius:10px; background-color:#007dc6; top:11px; left:0;}

#header .header_top .util_wrap .lang { position:relative;}
#header .header_top .util_wrap .lang ul { display:none; position:absolute; top:50px; left:8px; background-color:#fff; border-radius:20px; border:2px solid #ddd; padding:15px 20px; box-sizing:border-box; width:110px; z-index:11;}
#header .header_top .util_wrap .lang ul li a { line-height:20px; padding:4px 0 4px 8px; height:auto; position:relative;}


#header .header_bottom {position: relative; width: 100%; box-sizing: border-box;  height: 70px;}
#header .header_bottom.gnb_active {background-color: #fff;}

#banner_top {background: #f6f6f6;}
#banner_top > .toggle_wrap {color: #222; font-size: 14px; padding: 10px 0;}
#banner_top > .toggle_wrap > div > .nuri_txt > i.flag {display: inline-block; width: 32px; height: 22px; background: #fff url("/images/www/main/flag_ico.png") no-repeat 0 0; vertical-align: middle; margin-right: 10px; border: 1px solid #ddd;}

.gnbbox_wrap.normal {text-align: left;}
.gnbbox_wrap.normal .gnb { text-align: left; width:70%;}
.gnbbox_wrap.normal .gnb .gnbA {float: left; margin-right:9%; }

.gnbbox_wrap.normal .gnb .gnbA > a{position: relative; display: block; height: 70px; line-height: 70px; color: #000; font-size: 20px; color:#000;}
.gnbbox_wrap.normal .gnb .gnbA > a:before {content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; max-width: 83px; height: 4px; background-color: #2a548e; transform: translateX(-50%); transition: ease-in-out 0.15s; transform-origin: center; }
.gnbbox_wrap.normal .gnb .gnbA.on > a:before, 
.gnbbox_wrap.normal .gnb .gnbA > a:hover:before, 
.gnbbox_wrap.normal .gnb .gnbA.on > a:before, 
.gnbbox_wrap.normal .gnb .gnbA.gnbA_hover > a:before {width: 100%; transition: ease-in-out 0.3s;}
.gnbbox_wrap.normal .gnb .gnbA:hover a{ color:#2a548e;}

.gnbbox_wrap.normal .gnb .gnb_wrap {display: none; position: absolute; top: 71px; left: 0; width: 100%; background-color:#fff;  z-index: 1; border-bottom:1px solid #ddd; }
.gnbbox_wrap.normal .gnb .gnb_wrap:after { content:""; display:block; position:absolute; left:0; top:0; width: 25%; height:100%; background:linear-gradient(0deg, #e4f3f9, #f1f6e8); z-index:1;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner { max-width:1560px; width:100%; margin:0 auto; z-index:2; position:relative;}

.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box {float: left; width: 22%; text-align: right; box-sizing: border-box; padding: 21px 88px 21px 0;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2 {position: relative; display: inline-block; font-size:32px; line-height:32px; color: #385174; max-width: 218px; width: 100%; padding-top: 30px; font-weight: 400; margin-bottom: 16px; z-index: 2; }
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2:before{content: ''; display:block; position: absolute; top:90px; right:0; height:138px; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat; z-index: -1;}

.gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .title_box h2:before{ width:117px; background-position:-16px -1227px;}
.gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .title_box h2:before{ width:131px; background-position:-157px -1227px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .title_box h2:before{ width:111px; background-position:-311px -1227px;}
.gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .title_box h2:before{ width:113px; background-position:-446px -1227px;}
.gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .title_box h2:before{ width:143px; background-position:-579px -1227px;}

.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box span {display:none;} /*왼쪽슬로건-빼달라고얘기해야함*/
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick {display:block; position: relative;} /*닫기*/
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .close { position: absolute; right: 32px; top:9px; }
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .close a { color:#3c3c3c; padding: 5px 23px 5px 5px; font-size: 15px; position: relative;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .close a:before { content: ''; position: absolute; top: 50%; right:10px; width: 2px; height: 18px; background-color: #656566; transform: rotate(0); opacity: 0; margin: -9px 0 0 -1px; transform: rotate(-45deg); opacity: 1; animation: open_btn_before ease 0.3s;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .close a:after { content: ''; position: absolute; top: 50%; right:10px; width: 2px; height: 18px; background-color: #656566; transform: rotate(0); opacity: 0; margin: -9px 0 0 -1px; transform: rotate(45deg); opacity: 1; animation: open_btn_after ease 0.3s;}


.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap { position: relative;  z-index: 0; box-sizing:border-box; width:78%; float:left; background-color:#fff; padding:40px 0 30px 25px; }
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap::before{content:""; display:block; position:absolute; right:56px; bottom:60px; background: url("/images/www/main/gnb_logo.png") no-repeat; width:373px; height:219px;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li { float:left; width:25%; margin-bottom:15px;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li > a { position: relative; display: block;  font-size:18px; color:#1e1e1e; border:2px solid #abb5ba; width:85%; margin:0 auto; padding:15px 17px; box-sizing:border-box; border-radius:12px;  transition: ease-in-out 0.3s;}
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li > a:hover,
.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li.on > a {border:2px solid #007dc5; background-color:#007dc6; color:#fff !important;}

.gnbbox_wrap.normal .gnb .gnbC { width:80%; margin:18px auto;}
.gnbbox_wrap.normal .gnb .gnbB > li.on .gnbC {display: block;}
.gnbbox_wrap.normal .gnb .gnbC > li{ margin: 5px 0; position:relative; padding-left:8px; line-height:19px;}
.gnbbox_wrap.normal .gnb .gnbC > li:before {content: ''; display:block; position: absolute; top:8px; left:0; width:4px; height:4px; background-color:#007dc6; border-radius:5px; }
.gnbbox_wrap.normal .gnb .gnbC > li > a { color:#606060 !important;}
.gnbbox_wrap.normal .gnb .gnbC > li > a:hover { color:#000 !important; text-decoration:underline; font-weight:500;}
.gnbbox_wrap.normal .gnb .gnbC > li.on > a  { color:#fff !important; background-color: #0662af; padding:2px 5px; border-radius: 5px;}
.gnbbox_wrap.normal .gnb .gnbC > li > a.newwin > .newicon { background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat -209px -161px; width:16px; height:15px; margin:1px 0 0 6px;}
.gnbbox_wrap.normal .gnb .gnbC > li > a.newwin:hover > .newicon { background-position:-229px -161px;}

.gnb_bg {position: absolute; top: 71px; left: 0; width: 100%; background-color: rgba(0,0,0,0.74); z-index: -1;}

#header .header_bottom .sns_util { float:right; }
#header .header_bottom .sns_util > div {  float:left; border-right:1px solid #e5e5e5;  }
#header .header_bottom .sns_util > div > a { display:block; box-sizing:border-box; height:70px; width:70px; text-indent:-999999px; position:relative;  }
#header .header_bottom .sns_util > div > a:hover { background-color:#fafafa;  transition: ease-in-out 0.3s;}
#header .header_bottom .sns_util > div.sitemap > a:after { content:""; display:block; position:absolute; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat -338px -12px; width:26px; height:26px; left:50%; top:50%; margin:-13px 0 0 -13px;}

#header .header_bottom .sns_util .top_search {position:relative;}
#header .header_bottom .sns_util .top_search a {border-left:1px solid #e5e5e5; }
#header .header_bottom .sns_util .top_search a .ico { display:block; position:absolute; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat; width:26px; height:26px; left:50%; top:50%; margin:-13px 0 0 -13px;}
#header .header_bottom .sns_util .top_search a .open { background-position:-292px -12px;}
#header .header_bottom .sns_util .top_search a .close { background-position:-647px -12px;}

#header .header_bottom .sns_util .top_search #smart_search { display:none; position:absolute; top:0; right:70px; height:70px; width:320px; background-color:#fff; border-left:1px solid #e5e5e5; padding-left:20px; box-sizing:border-box; }
#header .header_bottom .sns_util .top_search #smart_search input[type="text"] { border:none; line-height:68px; width:75%; height:97%; font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif; font-size: 17px; font-weight: 300; }
#header .header_bottom .sns_util .top_search #smart_search button {display:block; position:absolute; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat -292px -12px; width:26px; height:26px; border:none; text-indent:-999999px; top:22px; right:22px;}

#header .header_bottom .sns_util .sns {height:70px;padding-top:16px;box-sizing: border-box;width: 428px;float:left;padding-right:12px;}
#header .header_bottom .sns_util .sns li { float:left; margin-right:10px;}
#header .header_bottom .sns_util .sns li a {display:block;width:37px;height:38px;text-indent:-999999px;background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat;}

#header .header_bottom .sns_util .sns li.flag a {background-position: -663px -48px; width: 50px;}
#header .header_bottom .sns_util .sns li.sns_area a {background-position: -544px -48px;width: 100px;}
#header .header_bottom .sns_util .sns li.facebook a { background-position:0 -48px;}
#header .header_bottom .sns_util .sns li.blog a { background-position:-49px -48px;}
#header .header_bottom .sns_util .sns li.youtube a { background-position:-98px -48px;}
#header .header_bottom .sns_util .sns li.instaglam a { background-position:-147px -48px;}
#header .header_bottom .sns_util .sns li.kakao a { background-position:-196px -48px;}


@media screen and (max-width:1570px){.gnbbox_wrap.normal .gnb .gnbA {margin-right:8%;}}
@media screen and (max-width:1370px){.gnbbox_wrap.normal .gnb .gnbA { margin-right:4%;}}
@media screen and (max-width:1120px){.gnbbox_wrap.normal .gnb .gnbA > a { font-size:18px;}}


/*.gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap { display:block !important;}*/

/*참여민원*/
.gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap  { min-height:715px;}
.gnbbox_wrap.normal .gnb .gnbA1 .gnbB > li { min-height:450px;}
.gnbbox_wrap.normal .gnb .gnbA1 .gnbB > li.gnbBc6 { min-height:150px; }
.gnbbox_wrap.normal .gnb .gnbA1 .gnbB > li.gnbBs1.gnbBc5 { height:auto; min-height:inherit;}

/*열린시정*/
.gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .title_box h2:before { right:-8px;}
.gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap  { min-height:619px;}
.gnbbox_wrap.normal .gnb .gnbA2 .gnbB > li { min-height:281px;}
.gnbbox_wrap.normal .gnb .gnbA2 .gnbB > li.gnbBs2.gnbBc5, 
.gnbbox_wrap.normal .gnb .gnbA2 .gnbB > li.gnbBs2.gnbBc6 {min-height:240px;}

/*분야별정보*/
.gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .title_box h2:before { right:14px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap  { min-height:793px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li { min-height:475px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc5, 
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc6,
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc7 {min-height:200px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc5, 
/* .gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc6{margin-top:-70px;} */
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc5{ position: absolute; top:467px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc6{ position: absolute; top:467px; left: 331px;}
.gnbbox_wrap.normal .gnb .gnbA3 .gnbB > li.gnbBs3.gnbBc7{ position: absolute; top:306px; right: 1px;}


/*나주소개*/
.gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap  { min-height:700px;}
.gnbbox_wrap.normal .gnb .gnbA4 .gnbB > li { min-height:252px;}
.gnbbox_wrap.normal .gnb .gnbA4 .gnbB > li.gnbBs4.gnbBc5 .gnbC li { float:left; width:45%; margin:4px 0;}
.gnbbox_wrap.normal .gnb .gnbA4 .gnbB > li.gnbBs4.gnbBc5,
.gnbbox_wrap.normal .gnb .gnbA4 .gnbB > li.gnbBs4.gnbBc6,
.gnbbox_wrap.normal .gnb .gnbA4 .gnbB > li.gnbBs4.gnbBc7 { min-height:348px;}

/*정보소개*/
.gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .title_box h2:before { right:-25px;}
.gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap  { min-height:653px;}
.gnbbox_wrap.normal .gnb .gnbA5 .gnbB > li { min-height:495px;}
.gnbbox_wrap.normal .gnb .gnbA5 .gnbB > li.gnbBs5.gnbBc5 { min-height:inherit; height:auto; margin-top: -102px;}

@media screen and (max-width:1290px){
	.gnbbox_wrap.normal .gnb .gnb_wrap:after { width:18%;}
	.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box { width:18%; padding-right:4%;}
	.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2 { font-size:29px;}
	.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap { width:82%;}
}
@media screen and (max-width:1260px){
	.gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li > a { width:88%;}
	.gnbbox_wrap.normal .gnb .gnbC { width:87%;}
	.gnbbox_wrap.normal .gnb .gnbC > li { line-height:18px;}
	.gnbbox_wrap.normal .gnb .gnbC > li > a { font-size:15px;}
}
@media screen and (max-width:1110px){.gnbbox_wrap.normal .gnb .gnbC > li { line-height:17px;}}


/*gnb_mini*/
.gnbbox_wrap.mini{display: none;}

@media screen and (max-width:1100px){
.gnbbox_wrap.normal {display: none;}
.gnbbox_wrap.mini{display: block;}
.gnbbox_wrap.mini.inner { position:relative;}

.gnbbox_wrap.mini .go_fullmenu {position: absolute; top: 0; right:0; width: 130px; height: 70px; display:block; line-height:70px; font-size:17px; padding-left:20px; box-sizing:border-box;}
.gnbbox_wrap.mini .go_fullmenu span { display:block; float:right; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat; width:26px; height:23px; text-indent:-9999999px; margin:23px 10px 0 0;}
.gnbbox_wrap.mini .go_fullmenu span.open { background-position:-338px -13px; }
.gnbbox_wrap.mini .go_fullmenu span.close { background-position:-649px -13px;}

#header #gnb_box{position: fixed; top:151px; left: -100%; max-width: 430px; width: 100%; height: 100%; z-index: 100; padding-left: 5px; background-color: #40434c; overflow: auto; border-top:1px solid #e5e5e5;}
#header #gnb_box .gnb{position: relative; background-color: #fff; z-index: 1;}
#header #gnb_box .gnb:before{content: ''; position: absolute; width: 180px; height: 100%; background-color: #40434c; box-sizing: border-box; z-index: -1;}
#header #gnb_box .gnb .gnbA{width: 180px;}
#header #gnb_box .gnb .gnbA > a{position: relative; display: block; padding: 11px 15px; border-bottom: 1px solid #40434c; color: #fff; letter-spacing: -1px; font-weight: 100;}
#header #gnb_box .gnb .gnbA.on > a{background-color: #2c70b0; background-color: #fff; color: #000;}
#header #gnb_box .gnb .gnbA.on > a:before{content: ''; position: absolute; top: 0; left: -5px; width: 5px; height: 100%; background-color: #fff;}
#header #gnb_box .gnb .gnbB{position: absolute; top: 0; left: 180px; height: 100%; overflow: auto; display: none;}
#header #gnb_box .gnb .gnbA.on .gnbB{display: block;}
#header #gnb_box .gnb .gnbB > li > a{position: relative; display: block; padding: 11px 30px 11px 15px; border-bottom: 1px solid #d9d9d9;}
#header #gnb_box .gnb .gnbB > li > a span.open, 
#header #gnb_box .gnb .gnbB > li > a span.close {position: absolute; top: 18px; right: 15px; text-indent: -99999px; width: 12px; height: 12px;}
#header #gnb_box .gnb .gnbB > li > a span.open:before, 
#header #gnb_box .gnb .gnbB > li > a span.close:before {content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #40434c; margin: -1px 0 0 -6px;}
#header #gnb_box .gnb .gnbB > li > a span.open:after {content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #40434c; margin: -6px 0 0 -1px;}
#header #gnb_box .gnb .gnbA .gnbB > li.on > a {background-color: #ffcd33;}
#header #gnb_box .gnb .gnbC_wrap{display: none; padding: 9px 15px; border-bottom: 1px solid #d2d2d2; background-color: #fff;}
#header #gnb_box .gnb .gnbC {display: none; border-bottom: 1px solid #d2d2d2; background-color: #fff; background-color: #f3f3f3; padding: 14px;}
#header #gnb_box .gnb .gnbC > li > a{position: relative; display: block; color: #000; padding: 4px 0 4px 9px; font-size: 14px; line-height: 16px;}
#header #gnb_box .gnb .gnbC > li.on > a{color: #db3400;}
#header #gnb_box .gnb .gnbC > li > a:before{content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50px; background-color: #797979;}
#header #gnb_box .gnb .gnbC > li.on > a:before{background-color: #db3400;}
#header #gnb_box .gnb .gnbC > li > a .newicon  { background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat -209px -161px; width:16px; height:15px; margin:1px 0 0 6px; text-indent: -999999px; display: inline-block;}

#header .header_bottom .sns_util .sitemap { display:none;}
#header .header_bottom .sns_util .sns { position:absolute; left:2.5%; top:0;}
#header .header_bottom .sns_util .top_search { margin-right:130px;}
}

#footer { height:270px; background-color:#162d4d;}
#footer .footer_top { background-color:#142a49; border-bottom:1px solid #293d59; height:62px;}
#footer .footer_top .sitebox { width:16.6%; position:relative; float:left;  border-right:1px solid #293d59; box-sizing:border-box;}
#footer .footer_top .sitebox:first-child { border-left:1px solid #293d59;}
#footer .footer_top .sitebox > a { display:block; color:#fff; height:62px; line-height:62px;  box-sizing:border-box; font-size:17px; padding:0 20px; }
#footer .footer_top .sitebox > a:hover { background-color:#0e213d; transition: ease-in-out 0.3s; }
#footer .footer_top .sitebox > a .ico { display:block; float:right; text-indent:-999999px; background: url("/images/www/main/main_sp_new.png?build_20230228001") no-repeat; width:13px; height:8px; margin-top:27px;}
#footer .footer_top .sitebox > a .ico.open { background-position:-569px -20px;}
#footer .footer_top .sitebox > a .ico.close { background-position:-595px -20px;}
#footer .footer_top .sitebox.banner > a .ico { height:13px; background-position:-622px -18px; margin-top:25px;}
#footer .footer_top .sitebox.bitgaram a{font-size: 16px; letter-spacing: -1.5px;}

#footer .footer_top .linkbox { display:none; position:absolute; bottom:62px; left:0; width:100%; z-index:8; background-color:#162d4d; box-sizing:border-box; padding:25px;}
#footer .footer_top .linkbox li a { color:#fff; font-size:15px; letter-spacing:-0.5px; display:block;}
#footer .footer_top .village .linkbox li, #footer .footer_top .other .linkbox li { float:left; width:33.33333%;}
#footer .footer_top .other .linkbox li.w40 { width:40%;}
#footer .footer_top .linkbox li a:hover { color:#ffde51;  transition: ease-in-out 0.3s;}

#footer .footer_bottom { margin-top:36px; }
#footer .footer_bottom .inner { position: relative;}
#footer .footer_bottom .inner > p, #footer .footer_bottom .inner > div { float:left;}
#footer .footer_bottom .copy_info { margin-left:33px; color:#fff; font-size:15px; letter-spacing:-0.3px;}
#footer .footer_bottom .copy_info ul { height:23px; margin-bottom:15px;}
#footer .footer_bottom .copy_info li { float:left; position:relative; }
#footer .footer_bottom .copy_info li:before { content:""; display:block; width:2px; height:11px; background-color:#40536d; float:left; margin-top:6px;}
#footer .footer_bottom .copy_info li:first-child:before { display:none; }
#footer .footer_bottom .copy_info li a { display:block; font-size:17px; line-height:23px; padding:0 23px; color:#f2f2f2;}
#footer .footer_bottom .copy_info li:first-child a { padding-left:0;}
#footer .footer_bottom .copy_info p span.next { color:#c8c8c8;}

#footer .footer_bottom .inner p.wa { position: absolute; right: 0;}
#footer .footer_bottom .inner p.wa a { display: block;}

@media screen and (max-width: 1570px) {
    .inner { width:100%; }
    #footer .footer_top .sitebox a{ padding:0 8px;  font-size:16px;}
}
@media screen and (max-width:1310px){#footer .footer_top .sitebox > a em { display:none;}}
@media screen and (max-width:1260px){
	#footer .footer_top .sitebox > a { font-size:16px;}
	#footer .footer_bottom .copy_info li a { font-size:15px;}
}
@media screen and (max-width:1200px){ #footer .footer_bottom .copy_info > p > em { display:block;}}
@media screen and (max-width:1175px){ 
	#footer .footer_bottom .copy_info li.hid { display:none;}
	#footer .footer_top .village .linkbox li, #footer .footer_top .other .linkbox li { width: 50%;}
}
@media screen and (max-width:1010px){
	#footer .footer_bottom .footer_logo { display: none;}
	#footer .footer_bottom .inner > p, #footer .footer_bottom .inner > div { margin-left: 10px;}
}
@media screen and (max-width:920px){
	#footer .footer_top .sitebox.other { display:none;}
	#footer .footer_top .sitebox { width:20%;}
}