@charset "UTF-8";

/* ========== 공통 ========== */
body{overflow-x: hidden; font-family:'Noto Sans KR';}
body.fixed{height:100vh; overflow:hidden; }

.container{width:100%; margin:0 auto; position:relative;max-width:1300px;}
.container::after{content:""; display:block; clear:both;}

#layerPop8 .close{padding:10px 20px; background-color:#333; color:#fff; overflow:hidden;}
#layerPop8 .btnPopupWinodwChk{float:left;}
#layerPop8 .btnPopupWinodwClose{float:right;}
.display_none{display:none;}
.nanumSq{font-family:'Nanum Square'; font-weight:400;}

.navBG{content:""; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); left:0; top:0px; z-index:81; opacity:0; transition:opacity 0.35s; display:none;}
.navBG.active{opacity:1; display:block;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display: block; height: 10px; background-color:#efefef;}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


/* ========== 상단 ========== */
header{position:relative; width:100%; margin:auto; background-color:#fff; transition:all 0.3s ease; z-index:90;}

header .topService::before{content:""; display:block; width:100%; height:40px; background-color:#2a3a67; position:absolute; left:0; top:0; z-index:-1;}
header .topService a{display:inline-block; font-size:14px; font-size:.65rem; line-height:40px; color:#fff; position:relative;}
header .topService .topLf{float:left; width:80%;}
header .topService .topLf a{padding:0 5px; transition:all 0.3s, opacity 0.35s; float:left; width:16%; text-align:center; letter-spacing:-1px;}
header .topService .topLf a::after{content:"|"; display:block; color:#fff; font-size:.65rem; position:absolute; right:0; top:0; opacity:.3;}
header .topService .topLf a:last-child::after{display:none;}
header .topService .topLf a:hover{background-color:#fff; color:#2a3a67;}

header .topService .topRt{background-color:#101d41; padding:0 20px; text-align:right; position:absolute; right:0; top:0;}
header .topService .topRt > a{padding-right:20px;}
header .topService .topRt > a::after{content:"|"; display:block; color:#fff; font-size:.5rem; position:absolute; right:10px; top:0; opacity:.3;}
header .topService .langSite{display:inline; position:relative;}
header .topService .langSite .con{visibility:hidden; height:0; position:absolute; right:0; top:40px; z-index:101; background-color:#101d41; padding:0 20px; text-align:center; margin:-10px -20px;}
header .topService .langSite .con a{opacity:.6;}
header .topService .langSite .con a:hover{opacity:1;}
header .topService .langSite.on .con,
header .topService .langSite:hover .con{height:auto; visibility:visible; opacity:1;}



header .logoWrap{position:relative;}
header .logoWrap .logo{text-align:center; padding:1rem 0 .2rem;}
header .logoWrap .logo span{display:inline-block; width:242px; height:66px; background:url(../../images/gcn/logo_new.png) no-repeat center; position:relative;text-indent:-9999px;}

@media screen and (min-width:1px) and (max-width:1100px) {
header .logoWrap .logo span {background-size:100% auto;width:190px;height:50px;}
}
@media screen and (min-width:1px) and (max-width:768px) {
header .logoWrap .logo span {width:145px;height:40px;}
}


.logoWrap .logo span.change{background: url(../../images/gcn/logo_wt_new.png) no-repeat center; position:relative; top:-80px;}

header .logoWrap .organization{display:inline-block; position:absolute; left:30px; top:35px; padding:5px 15px; border:1px solid #b7b7b7; border-radius:100px; font-size:0.75rem;}

header nav{position:relative;}
header nav.pc{position:relative;}
header nav.pc::before{display:block; position:absolute; top:0px; width:100%; height:1px; background-color:#e9eff3; content:"";}
header #gnb .logoSm{display:none;}
header #gnb{width:92%;}
header #gnb::after{content:""; display:block; width:100%; height:15px; position:absolute; left:0; bottom:-10px;}
header #gnb a{display:block; transition:all 0.3s;}
header #gnb a:focus {text-decoration:underline;}
header #gnb li{position:relative;}
header #gnb .depth1 > li{display:inline-block; margin:0 6.5%; position:relative; vertical-align:top;}
header #gnb .depth1 > li > a{font-size:1rem; font-weight:700; font-family:'Nanum Square'; padding:20px 0; position:relative;}
header #gnb .depth1 > li:hover > a{color:#ec008c;}
header #gnb .depth1 > li:hover > a::after{content:""; display:inline-block; width:100%; height:3px; background-color:#ec008c; position:absolute; bottom:0; left:0;}

header #gnb .depth2{position:absolute; top:65px; left:50%; width:230px; /*max-height:450px; overflow-y:auto;*/ text-align:left; font-size:.8rem; font-weight:700; transform:translateX(-50%); transition:all 0.3s, opacity 0.35s; opacity:0; visibility:hidden; z-index:95; padding:10px 0; background:#fff;}
header #gnb .depth2.on {height: auto;padding-top: 25px;visibility: visible;opacity: 1;}
header #gnb .depth2::before{content:""; display:block; width:100%; height:30px; position:absolute; left:0; top:-25px;}
header #gnb .depth1 > li:hover .depth2, header #gnb .depth1 > li:focus .depth2, header #gnb .depth1 > li:active .depth2{height:auto; padding-top:25px; visibility:visible; opacity:1;}
header #gnb .depth2 > li > a, header #gnb .depth2 > li > span{display:block; padding:10px; font-weight:normal;}
header #gnb .depth2 i{position:absolute; right:10px; top:12px;display:none}
header #gnb .depth2 .hasThird i {display:inline-block;}
header #gnb .depth2 > li:hover > a, header #gnb .depth2 > li:hover > span, header #gnb .depth2 > li > a.active, header #gnb .depth2 > li > span.active{background-color:#ec008c; color:#fff;}

header #gnb .depth3{visibility:hidden; height:0; overflow-y:auto;}
header #gnb .depth2 > li .depth3.active{height:auto; visibility:visible; transition:all 0.3s, opacity 0.35s;}
header #gnb .depth3 > li > a{font-size:.7rem; font-weight:normal; padding:10px 15px; background-color:#efd3ec;}
header #gnb .depth3 > li:hover > a{background-color:#f1c3ec;}

header .topBtnWrap{position:absolute; right:0; bottom:-50px; z-index:100;}
header .topBtnWrap > button{display:inline-block; /*width:25px; height:25px;*/ margin-left:15px; vertical-align:middle;}
header .topBtnWrap .allMenu [class*="bar"]{display:block; width:20px; height:2px; background-color:#424242; transition:all .2s ease;}
header .topBtnWrap .allMenu .bar2{margin:6px 0 6px 4px;}
header .topBtnWrap .allMenu:hover .bar1, header .topBtnWrap .allMenu:hover .bar3{margin-left:4px;}
header .topBtnWrap .allMenu:hover .bar2{margin-left:0px;}
header .topBtnWrap .schBtn{vertical-align:top; font-size:1.2rem; margin-top:-5px; width:auto; height:auto;}
header .topBtnWrap .schTotal{display:none; position:fixed; top:200px; left:0; width:100%; height:100%; background-color:#004c97; z-index:100;}
header .topBtnWrap .schTotal .schBox{position:relative; margin:50px auto 0; text-align:right;}
header .topBtnWrap .schTotal .schKeyword{display:block; margin-bottom:25px;}
header .topBtnWrap .schTotal .schKeyword input{width:100%; height:70px; border:1px solid #dae0e6; border-color:transparent; border-bottom-color:rgba(255,255,255,.5); color:#fff; font-size:1rem; background-color:transparent;}
header .topBtnWrap .schTotal .schKeyword input::placeholder{color:#fff;}
header .topBtnWrap .schTotal .schBtn{color:#fff; text-align:right; font-size:.9rem;}
header .topBtnWrap .schTotal .schBtn i{margin-top:-3px; vertical-align:middle;}
header .topBtnWrap .schTotal .closeBtn{position:absolute; top:-40px; right:-10px; height:40px; color:#fff;}
header .topBtnWrap .schTotal .closeBtn i{vertical-align:middle; font-size:1rem;}

header .topBtnWrap .allMenuWrap{position:fixed; top:0; left:0; z-index:105; width:100%; height:100%; background-color:#004c97; padding-top:115px; opacity:0; display:none; transition:all 0.5s;}
header .topBtnWrap .allMenuWrap.active{opacity:1; display:block; height:100%;}
header .topBtnWrap .allMenuWrap a{color:#fff;}
header .topBtnWrap .allMenuWrap .container{height:99%; text-align:center;}
header .topBtnWrap .allMenuWrap .scrollBox{height:80%; overflow-y:auto;}
header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li{display:inline-block; width:30%; vertical-align:top; padding:0 5%; margin-bottom:90px;}
header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li > a{display:block; position:relative; margin-bottom:45px; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.3); letter-spacing:-0.05em; line-height:1.2; font-size:1.5rem; position:relative;}
header .topBtnWrap .allMenuWrap .depth1 i{display:none;}

header .topBtnWrap .allMenuWrap .depth2 > li > a{display:block; font-size:.95rem; font-weight:lighter; padding-bottom:10px; opacity:0.6; transition:opacity 0.3s, all 0.3s;}
header .topBtnWrap .allMenuWrap .depth2 > li > a i{display:none;}
header .topBtnWrap .allMenuWrap .depth2 > li > a:hover{opacity:1; text-decoration:underline; font-weight:normal;}
header .topBtnWrap .allMenuWrap .depth3{display:none;}
header .topBtnWrap .allMenuWrap .allmenuClose{position:absolute; top:60px; right:60px; border:1px solid rgba(255,255,255,.5); width:50px; height:50px; font-size:1.3rem; color:rgba(255,255,255,.5);}

header .topBtnWrap .allMenuWrap .util{display:none;}

	/*스크롤시 상단 고정*/
	header.active .topService, header.active nav.pc::before,header.active .organization{display:none;}

	header.active #gnb{width:75%; margin-left:18%;}
	header.active #gnb .depth1 > li{margin:0 5.5%;}
	header.active .logoWrap .logo{text-align:left; padding:0;}
	header.active .logoWrap .logo a{width:136px; height:36px; background-size:contain; position:absolute; top:15px; left:15px; z-index:1;}
	header.active .topBtnWrap .schTotal{top:65px;}

/*탑위치 버튼*/
.go-top{position:fixed; right:3.25rem; bottom:5rem; z-index:52; opacity:0; visibility:hidden; transition:all .3s ease; }
.go-top.active{opacity:1; visibility:visible;}


main#contents, #main{/*margin-top:10.5rem;*/margin-top:0rem;}

/* ========== 서브레이아웃 ========== */
#spot{padding:0; position:relative;z-index:9;}
#spot #snb{margin-top:3.1rem; padding-bottom:3.1rem; border-bottom:1px solid #ddd;}
#spot #snb .depth2 > li{display:none;}
#spot #snb .depth2 .depth3{display:none;}
#spot #snb .depth2 > .active{display:block; text-align:center;}
#spot #snb .depth2 > .active > a{font-weight:500; font-size:2rem; color:#000;}
#spot #snb .depth2>.active .depth3{display:none; position:absolute; left:0; top:100%; width:100%; border-bottom:1px solid #ddd; text-align:center}
#spot #snb .depth2>.active .depth3 li{display:inline-block}
#spot #snb .depth2>.active .depth3 li a{display:inline-block; padding:1rem; margin-bottom:-1px; font-size:.9rem; color:#777}
#spot #snb .depth2>.active .depth3 li.active a{border-bottom:3px solid #000; color:#555}
#spot #snb .depth2>.active .depth3 li~li::before{content:""; display:inline-block; vertical-align:middle; width:1px; height:.7rem; background-color:#ddd}
#spot #snb .depth2 .next,#spot #snb .depth2 .prev{display:block; position:absolute; top:10%; left:0}
#spot #snb .depth2 .next>a,#spot #snb .depth2 .prev>a{display:inline-block; line-height:2.5rem; position:relative; opacity:.6; transition:all .3s; font-size:.7rem; color:#000}
#spot #snb .depth2 a:focus {text-decoration:underline;}
#spot #snb .depth2 .next>a::before,#spot #snb .depth2 .prev>a::before{content:""; float:left; border-radius:50%; width:2.5rem; height:2.5rem; line-height:2.5rem; border:1px solid #7b7b7b; margin-right:1rem}
#spot #snb .depth2 .next>a::after,#spot #snb .depth2 .prev>a::after{content:"\e93b"; display:block; font-size:1rem; color:#000; font-family:xeicon; position:absolute; left:.7rem;top:50%; transform:translateY(-50%)}
#spot #snb .depth2 .next>a:hover,#spot #snb .depth2 .prev>a:hover{opacity:1}
#spot #snb .depth2 .next{left:inherit; right:0}
#spot #snb .depth2 .next>a::before{float:right; margin:0 0 0 1rem}
#spot #snb .depth2 .next>a::after{transform:translate(0,-50%) rotateY(180deg); left:inherit; right:.7rem}
#spot .cont-top{background-color:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:.75rem; font-weight:400}
#spot .cont-top .path{display:inline-block; vertical-align:middle}
#spot .cont-top .path i{margin:0 .5rem; font-size:.7rem}
#spot .cont-top .path .home,#spot .cont-top .path .title{cursor:pointer; display:block; padding:.8rem .8rem .85rem; letter-spacing:-1px; width:10rem; border-left:1px solid #ddd; border-right:1px solid #ddd}
#spot .cont-top .path .home{float:left}
#spot .cont-top .path [class^=depth]{float:left; position:relative; margin-left:-1px}
#spot .cont-top .path [class^=depth] i{float:right; margin-right:0}
#spot .cont-top .path [class^=depth] ul{opacity:0; visibility:hidden; max-height:0; border-left:1px solid #ddd; border-right:1px solid #ddd; transition:all .3s ease; position:absolute; top:2.6rem; width:100%; z-index:1; background-color:#f7f7f7; overflow:hidden}
#spot .cont-top .path [class^=depth] ul li>a{display:block; padding:.5rem 1rem; border-bottom:1px solid #ddd}
#spot .cont-top .path [class^=depth] ul li>a:hover{color:#000}
#spot .cont-top .path [class^=depth].active ul{opacity:1; visibility:visible; max-height:1000px; z-index:1}
#spot .cont-top .path .depth3 .title{width:13rem}
#spot .cont-top .cont-util{float:right}
#spot .cont-top .cont-util .print,#spot .cont-top .cont-util .sns>a{float:left; padding:.6rem .7rem; /* color:#b7b7b7; */ font-size:1.1rem; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7}

#spot .cont-top .cont-util .print:focus,
#spot .cont-top .cont-util .sns > a focus {border:1px solid gold}
#spot .cont-top .cont-util .sns{position:relative;float:left}
#spot .cont-top .cont-util .sns > a:hover, 
#spot .cont-top .cont-util .sns > a:focus {background-color:#fff; border-color:#ddd}
#spot .cont-top .cont-util .sns .sns-shortcut{opacity:0; visibility:hidden; transition:all .3s; position:absolute; left:0; top:2.6rem; z-index:2; max-height:0; overflow:hidden}
#spot .cont-top .cont-util .sns .sns-shortcut li{border:1px solid #ddd; margin-top:-1px; background-color:#fff}
#spot .cont-top .cont-util .sns .sns-shortcut li a{display:block;/*  color:#b7b7b7; */ padding:.6rem .7rem; font-size:1.1rem}
#spot .cont-top .cont-util .sns .sns-shortcut .facebook a:hover{color:#3b5a9a}
#spot .cont-top .cont-util .sns .sns-shortcut .twitter a:hover{color:#2aade3}
#spot .cont-top .cont-util .sns .sns-shortcut .kakaostory a:hover{color:#f9bf14}
#spot .cont-top .cont-util .sns.active>a{background-color:#fff; border-color:#ddd}
#spot .cont-top .cont-util .sns.active .sns-shortcut{opacity:1; visibility:visible; max-height:12rem}
.cont-wrap>h1{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}


@media (max-width: 980px) {
	#spot .cont-top .cont-util {display:none;}
	#spot #snb .depth2 .next > a, #spot #snb .depth2 .prev > a {font-size:0;}
}
@media (max-width: 768px) {
	.photo-area .sentence {margin-top:0 !important;}
}
/* 만족도 조사 빠지고 사업소개 -> 안빠짐..ㅠ */
.cont-bot .top{margin:5rem 0}
.cont-bot .top .box{width:1300px; max-width:100%; margin:0 auto; padding:15px 25px}
.cont-bot .top .admin{overflow:hidden; background:url(../../images/gcn/sub/bg_admin.gif) 0 0 no-repeat; padding-left:10px}
.cont-bot .top .admin>li{float:left; font-size:.7rem; margin-left:50px; height:2rem; line-height:2rem}
.cont-bot .top .admin>li strong{color:#000; display:inline-block; padding-right:10px; margin-right:10px; font-size:.75rem; position:relative}
.cont-bot .top .admin>li strong::after{content:""; width:1px; height:14px; background:#ddd; position:absolute; top:50%; margin-top:-7px; right:-3px}
.cont-bot .bot{padding:3rem 0 2rem; background-color:#fbf7f6}
.cont-bot > .bot {display:none;} /*20201015 삭제*/
.cont-bot .bot .title{display:block; margin-bottom:.9rem; font-size:.9rem; color:#000}
.cont-bot .bot .col-sm-6:first-child{padding-left:0; padding-right:2rem; border-right:1px dashed #ccc}
.cont-bot .bot .col-sm-6:last-child{padding-left:2rem; padding-right:0}
.cont-bot .bot .busin-info{position:relative}
.cont-bot .bot .busin-info a{display:block; position:relative}
.cont-bot .bot .busin-info figcaption{background-color:rgba(0,0,0,.5); color:#fff; text-align:center; position:absolute; left:0; bottom:0; width:100%; font-size:.7rem; padding:.4rem 0}
.cont-bot .bot .busin-info .bx-controls{position:absolute; right:0; top:0}
.cont-bot .bot .busin-info .bx-next,.cont-bot .bot .busin-info .bx-prev{font-size:0; display:inline-block; color:#b0b0b0}
.cont-bot .bot .busin-info .bx-next::before,.cont-bot .bot .busin-info .bx-prev::before{content:""; display:block; font-size:1.25rem; font-family:xeicon}
.cont-bot .bot .busin-info .bx-next:hover,.cont-bot .bot .busin-info .bx-prev:hover{color:#000}
.cont-bot .bot .busin-info .bx-prev::before{content:"\e93c"}
.cont-bot .bot .busin-info .bx-next::before{content:"\e93f"}
.cont-bot .bot .support::after{content:""; width:12.4rem; height:8.4rem; background:url(../../images/gcn/aside_support_bg.png) 0 0/cover no-repeat; position:absolute; right:0; top:0; z-index:2}
.cont-bot .bot .support .cont{background-color:#070656; position:relative; padding:1.3rem}
.cont-bot .bot .support ul{width:60%}
.cont-bot .bot .support ul::after{content:""; display:block; clear:both}
.cont-bot .bot .support ul li{width:33.333%; float:left}
.cont-bot .bot .support ul a{display:block; color:#fff; font-size:.7rem; padding:.5rem}
.cont-bot .bot .support ul a:hover{background-color:#fd5b42}

.go-top{display:block; border-radius:50%; background-color:#242424; width:3.1rem; height:3.1rem; position:fixed; right:1rem; bottom:2rem; z-index:80; opacity:0; visibility:hidden; color:#fff; text-align:center; line-height:3.1rem; font-size:1rem}
.go-top.active{opacity:1; visibility:visible}
.go-top.fixed{bottom:5.33rem}
#contents{position:relative}

/* ========== 하단 ========== */
footer{background-color:#fff; width:100%; font-size:.85rem; color:#b2b8c0;}
.footWrap{padding:1.5rem 0 2rem; position:relative;}
.footL li{float:left;}
.footL li a{display:inline-block; padding:0 20px 20px 0; font-size:.9rem; position:relative;}
.footL li:first-child a{color:#fff;}
.footL li a:focus {text-decoration:underline;}
.footL li:first-child a::after{content:"|"; display:block; position:absolute; right:8px; top:3px; font-size:.7rem;}
.footL > div{font-size:15px; line-height:1.3;}
.footL > div p{padding-top:5px;}
.footR{position:absolute; right:0; top:1.5rem;}
.relateSite{position:relative;}
.relateSite .title{display:inline-block; padding:5px 10px; border:1px solid #96979b; font-size:15px;}
.relateSite .title:focus {text-decoration:underline;border:1px solid gold}
.relateSite .title i{padding-left:20px;}
.relateSite .list{visibility:hidden; opacity:0; position:absolute; right:0; bottom:31px; z-index:81; width:255px; height:0; background-color:#232b36; overflow-y:auto; transition:all 0.3s, opacity 0.3s; margin-bottom:0;}
.relateSite .list dt{padding:10px; margin-bottom:5px; background-color:#000;}
.relateSite .list a{display:block; font-size:15px; padding:3px 15px;}
.relateSite .list a:hover{background-color:#171d25;}
.relateSite .list a:focus{background-color:#171d25;text-decoration:underline;}

/*.relateSite:hover .list{visibility:visible; opacity:1; height:500px;}*/
.relateSite.active .list{visibility:visible; opacity:1; height:500px;}

.ftSNS{position:absolute; right:210px; top:6px; width:130px; text-align:right;}
.ftSNS a{display:inline-block; padding-left:10px;}
.ftSNS a:focus {border:1px solid gold}

.layerPop{max-width:95%;}

@media (max-width: 1300px) {
	.container{width:100%;}

	/* ========== 상단 ========== */
	header #gnb{padding-left:10px;}
	header #gnb .depth1 > li{margin:0 6%;}
	header .topBtnWrap{padding-right:10px;}

		/*스크롤시 상단 고정*/
		header.active #gnb .depth1 > li{margin:0 5%;}

	/* ========== 서브레이아웃 ========== */

	/* ========== 하단 ========== */
	.footWrap{padding:1.5rem 15px 2rem;}
	.footR{right:15px;}
}

@media (max-width: 1100px) {
	/* ========== 상단 ========== */
	header{position:fixed !important;}
	header .topService::before{display:none;}
	header .topService a{color:#444;}
	header .topService .topLf{display:none;}
	header .topService .topRt{background-color:#fff; right:120px; top:18px; z-index:100;}
	header .topService .topRt > a::after{color:#444;}
	header .topService .langSite .con{background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.2);}

	header .logoWrap .logo{text-align:left; padding:1rem 1rem .2rem;}
	header .logoWrap .logo a, header .logoWrap .logo a.change{width:210px; height:48px; background-size:contain;}
	header .logoWrap .logo a.change{top:-40px;}

    header .logoWrap .organization{display:none;}

	header nav.pc::before, header #gnb{display:none;}
	header .topBtnWrap{top:25px; padding-right:1rem;}
	header .topBtnWrap .schTotal{top:80px; padding:0 20px;}
	header .topBtnWrap .allMenuWrap{padding-top:50px;}
	header .topBtnWrap .allMenuWrap .allmenuClose{width:60px; height:60px; top:15px; right:30px; border:none; font-size:1.8rem;}
	header .topBtnWrap .allMenuWrap .container{width:95%; margin:0 auto;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li > a{font-size:1.2rem; padding-bottom:18px; margin-bottom:30px;}
	header .topBtnWrap .allMenuWrap .depth2 > li > a{font-size:.85rem; letter-spacing:-.5px;}

		/*스크롤시 상단 고정*/
		header.active .logoWrap{height:70px;}

}

@media (max-width: 1024px) {
  body.fixed::after{content:""; display:block; position:absolute; width:calc(15% + 1px); height:100%; background-color: rgba(0, 0, 0, 0.6); top:0; right:0; z-index:100;}

	/* ========== 상단 ========== */

	/* ========== 서브레이아웃 ========== */



}


@media (max-width: 970px) {
	/* ========== 상단 ========== */
	header .logoWrap .logo a{width:190px; height:38px;}
	header .allMenuWrap .logo{display:none;}
	header .topService .topRt{top:14px;}
	header .topBtnWrap{top:22px;}
	header .topBtnWrap .allMenuWrap{top:70px; padding-top:0; background-color:rgba(0,0,0,0.5);}
	header .topBtnWrap .allMenuWrap .allmenuClose{background-color:#fff; color:#444; top:-63px; right:57px;}
	header .topBtnWrap .allMenuWrap .container{width:100%;}
	header .topBtnWrap .allMenuWrap .scrollBox{width:100%; height:70%; background-color:#004c97;}
	header .topBtnWrap .allMenuWrap .depth1 i{display:inline-block; position:absolute; right:15px;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li{display:block; width:100%; text-align:left; padding:0; margin-bottom:0; overflow:hidden;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li > a{margin-bottom:0; padding:15px; font-size:1.1rem;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth2{visibility:hidden; height:0; background-color:#fff;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth2 a{display:block; font-size:.9rem; color:#444; opacity:1; padding:20px 15px; border-top:1px solid rgba(0,0,0,.1); font-weight:inherit;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth2 > li > a i{display:inline-block;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth3{display:block; background-color:#f7fafe;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth3 a{font-size:.8rem; padding:12px 30px; opacity:0.8; border-top-style:dashed;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth3 a::before{margin-right:3px; color:#555; vertical-align:middle; font-family:'xeicon'; font-weight:normal; content:"\e97e";}

	header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li.active .depth2{visibility:visible; height:auto;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth1 > li.active i:before{content:"\e9c1";}

	/* ========== 하단 ========== */
	.ftSNS{display:none;}
}

@media (max-width: 860px) {
	/* ========== 상단 ========== */
/*	header .logoWrap{position:fixed; width:100%; height:70px; background-color:#fff;}*/
	header .topService .topRt{display:none;}
	header .topBtnWrap > button{margin-top:-2px;}
	header .topBtnWrap .allMenuWrap{top:70px;}
	header .topBtnWrap .allMenuWrap .util{display:block; background-color:#113156;}
	header .topBtnWrap .allMenuWrap .util .con{background-color:#499ae0;}
	header .topBtnWrap .allMenuWrap .util .con li{display:inline-block; width:24%; text-align:center;}
	header .topBtnWrap .allMenuWrap .util .con li a{display:block; padding:10px 0; position: relative;}
	header .topBtnWrap .allMenuWrap .util .con li a::after{content:"|"; display:inline-block; font-size:12px; color:#fff; position:absolute; right:0;}
	header .topBtnWrap .allMenuWrap .util .con li:last-child a::after{display:none;}
	header .topBtnWrap .allMenuWrap .util > span{display:block;}
	header .topBtnWrap .allMenuWrap .util > span > a{display:inline-block; width:49%; text-align:center; padding:30px 0; font-size:1rem; position:relative;}
	header .topBtnWrap .allMenuWrap .util > span > a:first-child::after{content:"";display: block; width:1px; height:100%; background-color:#2f455f; position:absolute; right:0; top:0;}
	header .topBtnWrap .allMenuWrap .allmenuClose{width:50px; height:50px; top:-62px; right:52px;}
	header .topBtnWrap .schTotal{top:70px;}
	header .topBtnWrap > .allMenu{margin-left:0px; position:absolute; right:55px; top:-3px; width:40px; height:36px;}
	header .topBtnWrap > .schBtn{margin-left:0px; position:absolute; right:15px; top:0; width:36px; height:36px;}
	header .topBtnWrap .allMenuWrap .allmenuClose{right:50px;}
}

@media (max-width: 767px) {
  .layerPop{top:5% !important; left:5% !important; width:90% !important;
    height: auto !important;}

  main#contents, #main{/*margin-top:57px;*/margin-top:0px; padding-top:63px;}

	/* ========== 상단 ========== */
	header .topBtnWrap .schBtn{font-size:1.5rem; margin-top:-9px;}
	header .logoWrap .logo a, header .logoWrap .logo a.change{width:155px;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth2 a{font-size:1rem;}
	header .topBtnWrap .allMenuWrap .scrollBox .depth3 a{font-size:.95rem;}
	header .topBtnWrap .allMenuWrap{top:63px;}
	header .topBtnWrap .schTotal{top:63px;}
	header .topBtnWrap .allMenuWrap .allmenuClose{top:-56px;}
	header .topBtnWrap > .allMenu{top:-7px;}


	/* ========== 서브레이아웃 ========== */
  #spot .cont-top .path{width:100%;}
  #spot .cont-top .path .home{width:12%; padding:.8rem 0; text-align:center}
	#spot .cont-top .path [class^=depth]{width:44%}
	#spot .cont-top .path .depth3{display:none}
	#spot .cont-top .path .home span{display:none}
	#spot .cont-top .path .title{width:100%}
	#spot .cont-top .cont-util{display:none}
	#spot #snb{margin-top:1.5rem; padding-bottom:1.5rem}
	#spot #snb .depth2 > .active > a{font-size:1.5rem;line-height:2.2}
	#spot #snb .depth2 .next > a,#spot #snb .depth2 .prev > a{width:40px; overflow:hidden; height:40px}
	#spot #snb .depth2 .prev{left:15px}
	#spot #snb .depth2 .next{right:15px}
	.cont-bot .bot{display:none}
	.cont-bot .top{margin:2.5rem 0 5rem}
	.cont-bot .top .box{padding:15px 25px; margin-left:15px; width:calc(1300px - 30px); margin-right:15px;width:auto;}
	.go-top{display:block; opacity:1; visibility:visible; bottom:60px; right:15px; position:relative; float:right; z-index:20}
	#spot #snb .depth2>.active{text-align:center; width:calc(100% - 150px); margin:0 auto}
	#spot #snb .depth2>.active>a{line-height:1.4; display:flex; align-items:center; justify-content:center; height:60px;font-size:1.4rem;}

	/* ========== 하단 ========== */
	.footWrap{padding-top:70px; text-align:center;}
	.footL li{float:none; display:inline-block;}
	.footL li a{padding:0 10px;}
	.footL li:first-child a::after{right:-1px; top:0px;}
	.footL > div{font-size:14px;}
	.footR{left:0; top:0; width:100%;}
	.relateSite .title{display:block; padding:15px; font-size:1rem; background-color:#19222f; border:0 none;}
	.relateSite .title i{position:absolute; right:15px;}
	.relateSite .list{bottom:50px; z-index:2; width:100%;}
	.relateSite .title:focus {text-decoration:underline;}
	.relateSite .list a:focus {text-decoration:underline;}
}

@media (max-width: 460px) {
	/* ========== 상단 ========== */


}

@media (max-width: 375px) {
	/* ========== 상단 ========== */



	/* ========== 서브레이아웃 ========== */
  #spot #snb .depth2 > .active > a{font-size: 1.2rem;}

	/* ========== 하단 ========== */
	.footL li a{padding-bottom:0;}
	.footL > div{font-size:12px;}
	.footL address{display:none;}

}

/*20201014 상단 브로슈어 버튼 추가*/
.brs-btn-warp {
	position: absolute;
	right: 30px;
	top: 34px;
}
.brs-btn {
	display: inline-block;

	padding: 5px 15px;
	border: 1px solid #b7b7b7;
	border-radius: 100px;
	font-size: 0.75rem;
	padding-left:30px;
	background-image:url("../../images/gcn/brs-btn.png");
	background-position:11px 6px;
	background-repeat:no-repeat;
}
.brs-btn:hover,
.brs-btn:focus {
	text-decoration:underline;
}
.win-btn {
	display: inline-block;

	padding: 5px 15px;
	border: 1px solid #b7b7b7;
	border-radius: 100px;
	font-size: 0.75rem;
	padding-left:30px;
	background-image:url("../../images/gcn/win-btn.png");
	background-position:11px 6px;
	background-repeat:no-repeat;
}
.win-btn:hover,
.win-btn:focus {
	text-decoration:underline;
}
header.active .brs-btn {display:none;}
header.active .win-btn {display:none;}
@media (max-width: 1100px) {
	.brs-btn,
	.win-btn {display:none;}
}

/*20210120 상단 조직도 아이콘 없애고 경기도 로고*/
.gglogo-btn {
	position: absolute;
	left: 10px;
	top: 17px;
}
header.active .gglogo-btn {display:none;}
@media (max-width: 1100px) {
	.gglogo-btn {display:none;}
}







footer{width:100% ; }
footer .inner{position: relative;}
footer .inner h1{position: absolute; top:30px;}
footer .inner .address{padding-left: 200px;width: 880px; padding-top: 30px;}
footer .inner .address li{display:inline-block; width:30%; color:#aaa; font-size:15px; margin-bottom:20px;}
footer .inner .address li span{border:1px solid #aaa; padding:2px 7px; border-radius: 50px; font-size:12px; margin-left:10px; }

footer .inner .sns_wrap{position: static; right: 250px; overflow: hidden; top: 20px;}
footer .inner .sns_wrap ul li{float: left; margin-left: 10px;;}

.info_list_wrap{margin-top: 20px;;border-top: 1px solid #585858; padding-top: 10px; overflow: hidden; padding-bottom: 50px;;}
.info_list_wrap ul li {float: left; }
.info_list_wrap ul li a {color: #aaa; padding:0 15px;position: relative; font-size: 14px;;}
.info_list_wrap ul li:first-child a {padding-left: 0px;}
.info_list_wrap ul li a::before {content: '|'; position: absolute; right: 0;}
.info_list_wrap ul li:last-child a::before {content: '';}

.familys {position: absolute; top: 20px; color:#333;right: 0; width: 190px; font-size: 13px; background-color: #999;  border-radius:30px;;overflow: hidden; z-index: 1;}
.familys h3 a,
.familys ul li a {display: block; padding: 0 20px; width: 100%; height: 50px; line-height:50px; color: #333;}
.familys h3 a {position: relative;}
.familys h3 a:before {position: absolute; top: 0; right: 20px; font-family: 'xeicon'; content: "\e938";}
.familys h3 a.open:before {content: "\e932";}
.familys #family-list {display: none; height: 100px; overflow-y: auto;}
.familys ul {padding: 10px 0; overflow: hidden;}
.familys ul li {margin-bottom: 15px;}
.familys ul li a {height: auto; line-height: 1.3;}



/* 다음맵 접근성 추가 */
.wrap_map a:focus,
.wrap_map button:focus,
.roughmap_maker_label a:focus .roughmap_lebel_text,
.root_daum_roughmap .wrap_btn_zoom button:focus {border:2px solid gold;}
.wrap_controllers.hide {display:none;}

/* 포커스 관련 접근성 추가 */
#body.scrolled {padding-top:202px;}
#main.scrolled {padding-top:202px;}
@media (max-width: 1100px) {
	#main {padding-top:80px;}
	#body.scrolled {padding-top:0;}
	#main.scrolled {padding-top:100px;}
}
@media (max-width: 768px) {
	#main {padding-top:63px;}
	#body.scrolled {padding-top:0;}
	#main.scrolled {padding-top:60px;}
}

body #body.focus {padding-top:271px !important}
body #main.focus #snb{padding-top:100px !important}

@media (max-width: 768px) {
	header .logoWrap {border-bottom:1px solid #ddd;}
}

/*메인 sns*/
.tltBox span a span {
	text-indent: -9999px;
	display: block;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}


/* 20211008 평가위원신청 */
.title_caption{ color: red; margin-left: 10px;  font-size: 14px;}

/*20230202 사업관리 관련 페이지
==========================*/
/*리스트*/
@media (max-width: 768px) {
	.table-wrap .board tbody tr td.status {
		display: block;
		float: left;
		text-align: left;
		margin-right: 16px;
	}
}
/*상세*/
.bsDetailCon .bsHead .bsNum{position:absolute; right:0; top:5px; font-size:14px;}
.bsDetailCon .bsHead .tlt{margin-right: 20%; font-size:30px; line-height:1.2; letter-spacing:-1.2px;}
@media (max-width: 767px){
	.bsDetailCon .bsHead .bsNum{position:relative; right:auto; left:0; top:0; margin-bottom:8px;}
	.bsDetailCon .bsHead .tlt{margin-right: 0; font-size:22px;}
}
.bsDetailCon .bsbody .commBox .diffLs span.first{vertical-align:top;}
.bsDetailCon .bsbody .commBox .diffLs ul{display:inline-block;}
.btns .btn.blue {background-color: #0b80da;border-color: #118ce9;}
.btns .btn.gray {background-color: #7c7c7c;border-color: #7c7c7c;}

/*신청페이지*/

.submit-wrap {width:1300px;margin:0 auto;padding:3.5rem 0;}
.submit-wrap h3.tit {
	font-size:24px;
	margin-bottom:20px;
}
.inText{
	border: 1px solid #e0e0e0;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	padding: 0;
	padding-left: 10px;
	box-sizing: border-box;
}

input[class="radio-type"] + label {/*라디오버튼*/
	display: inline-block;
	height: 17px;
	line-height: 17px;
	border: 0;
	cursor: pointer;
	position: relative;
	padding-left:27px;
}

input[class="radio-type"] + label:before {
		content:' ';
		background-image:url('../../images/gcn/new2023/radio-type-off.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		display: inline-block;
		width: 13px;
		height: 13px;
		position: absolute;
		top:3px;left:5px;
}

input[class="radio-type"]:checked + label:before {
		background-image:url('../../images/gcn/new2023/radio-type-on.png');
}

input[class="radio-type"]:focus + label {}
input[class="radio-type"] {
	position: absolute;
	left: -9999px;
}
.choose-textarea {
	border: 1px solid #e0e0e0;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	padding: 0;
	padding-left: 10px;
	box-sizing: border-box;
}

.submit-wrap .table-wrap {
	margin-bottom:40px;
}

.table-wrap.ver-jdh table {
	table-layout: auto;
}

.chk-list:after {
	content:' ';
	clear:both;
	visibility: hidden;
	display: block;
}
.chk-list li{
	float:left;
	margin-right:30px;
	white-space: nowrap;
	margin-bottom: 4px;
}
.warning-icon {
	padding-left:25px;
	background-image: url('../../images/gcn/new2023/warning-icon.png');
	background-position: 0 4px;
	background-repeat: no-repeat;
	margin-bottom:25px;
}
.links-box-new {
	display: flex;
	flex-wrap: wrap;
	margin-left:-10px;
}
.links-box-new a,
.links-box-new button {
	flex: 1;
	margin-left:10px;
	border:1px solid #ddd;
	text-align: center;
}
.links-box-new a span,
.links-box-new button span {
	display: inline-block;
	padding:50px 0 50px 70px;
	background-repeat: no-repeat;
	background-position: 0 center;
	font-size: 20px;
}
.links-box-new a:focus,
.links-box-new button:focus {
	border: 1px solid #000;
}
.links-box-new a:focus span
.links-box-new button:focus span {
	text-decoration: underline;
}
.links-1 span {
	background-image: url('../../images/gcn/new2023/links-icon1.png');
}
.links-2 span {
	background-image: url('../../images/gcn/new2023/links-icon2.png');
}

@media (max-width: 1300px){
	.submit-wrap {width: 100%;box-sizing: border-box;padding: 10px;}
}
@media (max-width: 768px){
	.table-wrap.ver-jdh tbody th {
		width: 30%;
	}
}

.blackButton {background-color: #000;
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	padding: 0 15px;
	display: inline-block;
	color:#fff;
	font-size:15px;
	vertical-align: middle;
	box-sizing: border-box;
}
.blackButton:focus {
	text-decoration: underline;
}

/* datepicker 접근성 */
.cal-wrap {position:relative;} /*포지션때문에 감싼 div*/

.cal-menual {height:0;width:0;overflow:hidden;position:absolute;bottom:53px;left:5px;z-index: 999;}
.cal-menual.on {height:auto;width:auto;font-size:13px;padding:5px;border:1px solid #e5e5e5;background-color:#eee;}

/*datepicker8*/
.datepicker-design {
	box-sizing: border-box;
	height: 38px;
	padding:3px;
	padding-left:10px;
	border:1px solid #ddd;
	border-radius: 5px;
	padding-right:30px;
	position: relative;
	width: 150px;

	background-image: url('../../images/gcn/new2023/cal.png');
	background-repeat: no-repeat;
	background-position: 95% center;

}
.hh-bottom {
	margin-bottom: 40px;
	border: 4px solid #eee;
	padding-left: 180px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url('../../images/gcn/new2023/yisg.png');
	background-repeat: no-repeat;
	background-position: 30px center;
}
@media (max-width: 768px){
	.hh-bottom {
		background-image: none;
		padding:20px;
	}
	.submit-wrap .btns a,
	.submit-wrap .btns button {margin-bottom:5px;}
}
/*완료*/
.complete-box.ver2 {
	background-color: #f7f7f7;
	padding-top:220px;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
	background-image: url('../../images/gcn/new2023/complete-icon.png');
	background-position: center 60px;
	background-repeat: no-repeat;
}
.complete-box.ver2 h3 {
	font-size:25px;
	margin-bottom:20px;
}
.complete-box.ver2 .c-item1 {
	margin-bottom: 20px;
}
.complete-box.ver2 .c-item2 {
	color:#3b3786;
}