@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
	font-weight: 900;
	font-display: swap;
}

@font-face {
	font-family: 'GoyangDeokyang';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GoyangDeogyang.woff') format('woff');
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Ria Sans';
	src: url('./fonts/RiaSans-Bold.woff2') format('woff2'),
		url('./fonts/RiaSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Ria Sans';
	src: url('./fonts/RiaSans-Regular.woff2') format('woff2'),
		url('./fonts/RiaSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


#header-wrap{width: 100%;margin: 0 auto;font-family: "Pretendard", sans-serif;}
.header-top{width: 100%;margin: 0 auto;background: #1e3879;}
.header-top > .wids{width: calc(100% - 23px);max-width: 1720px;margin: 0 auto;}
.ht-boxs{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 50px;}
.gtb-site{display: flex;}
.gtb-site > li + li{margin-left: 48px;}
.gtb-site > li{position: relative;}
.gtb-site > li + li:before{content: "";position: absolute;left: -24px;top: 50%;width: 1px;height: 14px;margin-top: -7px;background: rgba(255,255,255,0.2);}
.gtb-site > li > a{display: inline-block;font-size: 17px;color: #fff;font-weight: 300;}

.htr-box{display: flex;align-items: center;}
.t-util-menu{display: flex;align-items: center;margin-right: 12px;}
.t-util-menu > li{position: relative;}
.t-util-menu > li:after{content: "";position: absolute;right: 0;top: 6px;width: 1px;height: 10px;background: #fff;}
.t-util-menu > li > a{display: inline-block;padding: 0 12px;font-size: 15px;color: #fff;}
.t-util-menu > li.t-util-sns > a > span{display: inline-block;padding-right: 19px;background: url('../images/common/tlang.png') no-repeat right center;}
.t-util-menu > li > dl{display: none;position: absolute;left: 50%;top: 100%;width: 110px;margin-left: -55px;box-sizing: border-box;padding: 10px 5px;border-radius: 0 0 10px 10px;background: #1e3879;z-index:11;}
.t-util-menu > li > dl dd + dd{margin-top: 5px;}
.t-util-menu .t-util-sns dd a{padding: 0 5px;font-size: 13px;color: #fff;}
.t-util-menu .t-util-sns dd a:before {display: inline-block;width: 18px;height: 18px;margin-top: -2px;vertical-align: middle;background-repeat: no-repeat;background-position: center center;content: '';color: #fff;}
.t-util-menu .t-util-sns dd.sns-fb a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/2020_ico-sns-fb.png);}
.t-util-menu .t-util-sns dd.sns-yt a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/2020_ico-sns-yt.png);}
.t-util-menu .t-util-sns dd.sns-insta a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/2020_ico-sns-insta.png);}
.t-util-menu .t-util-sns dd.sns-kakao a:before {background-image: url(https://www.goyang.go.kr/resources/www/images/layout/2020_ico-sns-kakao.png);}
.t-util-menu .t-util-sns dd.sns-onepick a:before {background-image: url(https://www.goyang.go.kr/resources/www/images/layout/2020_ico-sns-onepick.png);}
.t-util-menu .t-util-sns dd.sns-twt a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/ico-x@2x.png);}
.t-util-menu .t-util-sns dd.sns-tistory a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/2020_ico-sns-tistory.png);}
.t-util-menu .t-util-sns dd.sns-blog a:before {background-image: url(https://www.goyang.go.kr/resources/mayor/images/layout/2020_ico-sns-blog.png);}
.t-util-menu > li:hover > dl{display: block;}

.top-lang{position: relative; z-index: 20;}
.top-lang > a{display: inline-block;font-size: 15px;color: #fff;line-height: 50px;padding-right: 19px;background: url('../images/common/tlang.png') no-repeat right center;}
.top-lang > .lang-dp{display: none;position: absolute;left: 50%;top: 100%;z-index: 11;width: 130px;box-sizing: border-box;padding: 15px;margin-left: -65px;border-radius: 0 0 10px 10px;background: #1e3879;}

.top-lang > .lang-dp > ul > li + li{margin-top: 5px;}
.top-lang > .lang-dp > ul > li > a{display: block;font-size: 15px;color: #fff;}
.top-lang:hover > .lang-dp{display: block;}

.mo-ht-area{display: none;}
.header-area{width: 100%;margin: 0 auto;background: #fff;box-shadow:0 6px 8px -3px rgba(0,0,0,0.1);position: relative;}
.header-boxs{width: calc(100% - 23px);max-width: 1720px;height: 110px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.header-boxs h1.logo2026 > a{display: flex;align-items: center}
.header-boxs h1.logo2026 > a span{margin-left: 14px;display: inline-block;font-size: 22px;color: #333;font-family: 'GoyangDeokyang';}
#gnb2026{display: flex;}
#gnb2026 > li{position: relative;}
#gnb2026 > li > a{display: block;padding: 0 50px;font-size: 22px;color: #333;font-weight: 600;line-height: 60px;}
#gnb2026 > li > a:hover{color: #4161c9;}
#gnb2026 > li > .depth2{display: none;position: absolute;left: 50%;top: 100%;right: 0;text-align: center;width: 200px;margin-left: -100px;border-radius: 5px 15px 20px 5px;padding: 20px;background: #0c59cd;color: #fff;z-index: 99;}
#gnb2026 > li > .depth2 > ul > li{margin-top: 8px;}
#gnb2026 > li > .depth2 > ul > li > a{display: block;font-size: 17px;color: #fff;font-weight: 500;}
#gnb2026 > li > .depth2 > ul > li:hover > a{color: #fff;text-decoration: underline;}
.menu-bg{display: none;border-top: 1px solid #dfdfdf;position: absolute;left: 0;top: 100%;right: 0;bottom: 0;width: 100%;background: #fff;z-index: 98;box-shadow:0 6px 8px -3px rgba(0,0,0,0.1);}

.Ht-button{position: absolute;right: 13px;top: 50%;transform: translateY(-50%);z-index: 99;}
.Emenu-open{display: none;align-items: center;justify-content: flex-end;width: 34px;height: 25px;position: relative;}
.Emenu-open > span{font-size: 0;}
.Emenu-open > i{font-size: 0;display: block;width: 20px;height: 3px;background: #000;}
.Emenu-open > i:before{content: "";position: absolute;left: 0;top: 0;right: 0;height: 3px;background: #000;}
.Emenu-open > i:after{content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 3px;background: #000;}
.Emenu-close{display: none;position: absolute;right: 10px;top: 15px;width: 20px;}


#footer2026{width: 100%;margin: 0 auto;font-family: "Pretendard", sans-serif;}
.ft_familysite{width: 100%;margin: 0 auto;border-top: 1px solid #ccdbd9;border-bottom: 1px solid #ccdbd9;}
.ft_inner{width: 100%;max-width: 1720px;margin: 0 auto;}
.fmsite_list{display: flex;flex-wrap: wrap;border-left: 1px solid #ccdbd9;}
.fmsite_list > li{width: 25%;border-right: 1px solid #ccdbd9;position: relative;}
.fmsite_list > li > a{display: table;width: 100%;height: 60px;box-sizing: border-box;padding: 0 20px;font-size: 18px;color: #333;line-height: 1.2;}
.fmsite_list > li > a > span{display: table-cell;vertical-align: middle;}
.fmsite_list > li > a > span:before{content: "";display:block;transition: .4s; position:absolute; top:50%;right:20px;margin-top: -4px; z-index:10; width:14px; height:8px;background:url('../images/common/am3.png') no-repeat center;}
.fmsite_list > li > a.on > span:before{transform: rotate(180deg);}
.fmsite_list > li > .dp_list{display: none;position: absolute;left: 0;right: 0;bottom: 100%;z-index: 99;width: 100%;max-height: 200px;background: #1e3879;padding: 15px;overflow-y: auto;}
.fmsite_list > li > .dp_list > ul{padding: 5px 10px;}
.fmsite_list > li > .dp_list > ul > li + li{margin-top: 6px;}
.fmsite_list > li > .dp_list > ul > li > a{display: block;font-size: 16px;color: #fff;}



.foot-area{width: calc(100% - 26px);max-width: 1720px;margin: 0 auto;}
.fot-top-box{padding: 35px 0;display: flex;align-items: center;border-bottom: 1px solid #ccdbd9;}
.fot-top-box > h1.flogo > a{display: inline-block;}
.fot-top-box > div{margin-left: 50px;display: flex;flex-wrap: wrap;}
.fot-top-box > div > p{font-size: 18px;color: #333;}
.fot-top-box > div > p span{font-weight: bold;}
.fot-top-box > div > p + p{margin-left: 25px;}
.fot-bot-box{padding: 40px 100px 40px 0;position: relative;}
.wa-mk{display: inline-block;position: absolute;right: 0;top: 42px;}
.fb-menu{margin-left: -50px;margin-top: -5px;display: flex;flex-wrap: wrap;}
.fb-menu > li{margin-left: 50px;margin-top: 5px;}
.fb-menu > li > a{display: inline-block;font-size: 16px;color: #333;}
.fb-menu > li.on > a{color: #1a5f59;font-weight: bold;}
.copyrt-box{margin-top: 22px;}
.copyrt-box .add{font-size:18px;color:#333;font-weight: bold;}
.copyrt-box .copy-t{font-size:15px;color:#999;margin-top: 15px;}

.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;opacity: 0 !important;}
#container.new-area{width: 100%;max-width: 100%;margin: 0 auto;display: block;}

@media screen and (max-width: 1600px){
	#gnb2026 > li > a{padding: 0 30px;}
}

@media screen and (max-width: 1024px){
	body.on:before{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 11;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);content: "";z-index:998;}
	.ht-boxs{height: 40px;}
	.gtb-site > li + li{margin-left: 24px;}
	.gtb-site > li + li:before{left: -14px;height: 12px;margin-top: -6px;}
	.gtb-site > li > a{font-size: 15px;font-weight: 300;}
	.htr-box{display: none;}
	.header-boxs{height: 70px;}
	.header-boxs h1.logo2026 > a img{max-width: 138px}
	.header-boxs h1.logo2026 > a span{margin-left: 10px;font-size: 18px;}
	.Emenu-open{display: flex;}
	.Emenu-close{display: inline-block;}

	.mo-ht-area{display: flex;align-items: center;height: 50px;padding-left: 5px;}

	.t-util-menu{margin-right: 10px;}
	.t-util-menu > li:after{display: none;}
	.t-util-menu > li > a{padding: 0 5px;font-size: 13px;}
	.t-util-menu > li > dl{display: none;position: absolute;left: 50%;top: 100%;width: 110px;margin-left: -55px;box-sizing: border-box;padding: 10px 5px;}
	.t-util-menu > li > dl dd + dd{margin-top: 5px;}
	.t-util-menu .t-util-sns dd a{padding: 0 5px;font-size: 13px;}
	.t-util-menu .t-util-sns dd a:before {width: 15px;height: 15px;margin-top: -2px;margin-right: 4px;background-size: 13px;}

	.mo-ht-area .top-lang{display: inline-block;}
	.mo-ht-area .top-lang > .lang-dp{z-index: 999;}
	.mo-ht-area .top-lang > a{font-size: 13px;line-height: 18px;}
	.top-lang > .lang-dp{width: 120px;padding: 12px;margin-left: -60px;}
	.top-lang > .lang-dp > ul > li > a{font-size: 13px;color: #fff;}

	.menu-area{display: none;position: fixed;top: 0;right: 0;z-index: 25;width: 98%;max-width: 410px;height: 100vh;padding: 0;background: #1e3879;z-index: 999;}

	#gnb2026{display: block;height: calc(100vh - 80px);overflow-y: auto;background: #fff;padding: 15px;border-radius: 15px 15px 0 0;}
	#gnb2026 > li{width: 100%;padding: 0;margin: 0;text-align: left;display: block;}
	#gnb2026 > li + li{margin-top: 10px;}
	#gnb2026 > li > a{display: block;padding: 15px 18px;font-size: 18px;margin: 0;height: auto;line-height: 1.1;border: 1px solid #dedede;border-radius: 10px;color: #333;position: relative;}
	#gnb2026 > li > a::after{position: absolute;top: calc(50% - 3.5px);right: 10px;width: 12px;height: 7px;background: url('../images/common/am1.png') no-repeat;content: "";}
	#gnb2026 > li > a.on{background: #0c59cd;border: 1px solid #0c59cd;color: #fff;font-weight: bold;}
	#gnb2026 > li > a.on::after{background: url('../images/common/am2.png') no-repeat;}
	#gnb2026 > li > .depth2{display: none;position: static;width: auto;text-align: left;margin-left: 0;padding: 15px 18px;border-top: 0;background: none;}
	#gnb2026 > li > .depth2 > ul > li{height: auto;text-align: left;border-bottom: 0;display: block;}
	#gnb2026 > li > .depth2 > ul > li + li{margin-top: 8px;}
	#gnb2026 > li > .depth2 > ul > li > a{display: block;font-size: 16px;color: #333;padding-left: 10px;position: relative;}
	#gnb2026 > li > .depth2 > ul > li > a:before{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border-radius: 100%;background: #dadada;}
	#gnb2026 > li > .depth2 > ul > li:hover > a{border: 0;border-radius: 0;color: #0b4390;}
	#gnb2026 > li > .depth2 > ul > li:hover > a:before{background: #0b4390;}


	.menu-bg{display: none;}
	.ft_familysite{border-bottom: 0;}
	.fmsite_list > li{width: 50%;border-bottom: 1px solid #ccdbd9;}
	.fmsite_list > li > a{height: 50px;font-size: 16px;padding: 0 12px;}
	.fmsite_list > li > a > span:before{right:10px;}
	.fmsite_list > li > .dp_list{padding: 12px;}
	.fmsite_list > li > .dp_list > ul{padding: 5px}
	.fmsite_list > li > .dp_list > ul > li + li{margin-top: 5px;}
	.fmsite_list > li > .dp_list > ul > li > a{font-size: 15px;}

	.fot-top-box > div{margin-left: 30px;display: block;}
	.fot-top-box > div > p + p{margin-left: 0;margin-top: 5px;}
}

@media screen and (max-width: 768px){
	.fot-top-box{display: block;}
	.fot-top-box > h1.flogo > a img{max-width: 160px;}
	.fot-top-box > div{margin-left: 0;margin-top: 15px;}
	.fot-top-box > div > p{font-size: 16px;}
	.fot-bot-box{padding: 35px 60px 35px 0;}
	.wa-mk{top: 26px;max-width: 60px;}
	.fb-menu{margin-left: -20px;}
	.fb-menu > li{display: none;margin-left: 20px;}
	.fb-menu > li:first-child{display: block;}
	.fb-menu > li:last-child{display: block;}

	.copyrt-box{margin-top: 16px;}
	.copyrt-box .add{font-size:16px;}
	.copyrt-box .copy-t{font-size:14px;margin-top: 10px;}
}

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

}