@charset "UTF-8";
@import url('../common/css/PretendardVariable.css');
@import url('/Main/design_new/common/css/GmarketSans.css');
@import url('/Main/design_new/common/css/Giants.css');

:root {
	--p_color : #005db6;
}

body {font-family:'Pretendard Variable', '맑은 고딕', sans-serif; font-weight:400; font-size:18rem; color:#323232; letter-spacing:-0.5px;}
input, button, textarea, select {font-family:'Pretendard Variable', '맑은 고딕', sans-serif; font-weight:400; font-size:18rem; color:#323232;}
button, input[type="submit"] {cursor:pointer;}
h1, h2, h3, h4, h5 {font-size:18rem; font-weight:600; line-height:1.4; letter-spacing:-1.2rem;}
a {color:#323232;}
b {font-weight:600;}
/*a[href="#"] {cursor:default;  pointer-events:none; text-decoration:none; color: inherit;}*/
.wrap {width:100%; max-width:1700rem; margin:0 auto;}
.toggle > div {position:absolute; opacity:0; visibility:hidden; transition: all 0.5s;  z-index:50;}
.toggle.on > div {opacity:1; visibility:visible; transform:translate(0, 20px); }
.toggle > div.list {left:50%; width:150rem; margin-left:-75rem; padding:15rem 20rem; border:1px solid #ddd; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:10rem; }
.toggle > div.list > a {display:block; position:relative; margin:5rem 0; padding-left:14rem; line-height:1.4; font-size:16rem;}
.toggle > div.list > a:before {content:''; position:absolute; top:9rem; left:0; width:4rem; height:4rem; background:#bbb; border-radius:50%;}
.sns {display:block; position:relative; width:32rem;height:32rem; background:url('/Main/Images/new/ko2025/layout/sns1.png') no-repeat 0 0/700% auto; text-indent:-9999rem;}
.sns.youtube {background-position:0 0;}
.sns.facebook {background-position:16.666% 0;}
.sns.insta {background-position:33.3332% 0;}
.sns.blog {background-position:49.998% 0;}
.sns.x {background-position:66.664% 0;}
.sns.kakao {background-position:83.33% 0;}
.sns.tiktok {background-position:99.996% 0;}
.sns2 {display:block; position:relative; width:36rem;height:36rem; background:url('/Main/Images/new/ko2025/layout/sns2.png') no-repeat 0 0/700% auto; text-indent:-9999rem;}
.sns2.youtube {background-position:0 0;}
.sns2.facebook {background-position:16.666% 0;}
.sns2.insta {background-position:33.3332% 0;}
.sns2.blog {background-position:49.998% 0;}
.sns2.x {background-position:66.664% 0;}
.sns2.kakao {background-position:83.33% 0;}
.sns2.tiktok {background-position:99.996% 0;}
#search_area form p {font-weight:bold; color:var(--p_color); font-size:20rem;}
#search_area .search_keyword {display:none;}
@media all and (max-width:1840px){
	html {font-size:0.9px;}
	.wrap {max-width:100%; padding:0 40rem;}
}
@media all and (max-width:1023px) {
	.wrap {padding:0 20rem;}
}
@media all and (max-width:768px) {
	html {font-size:0.85px;}
}
@media all and (max-width:376px){
	#search_area form p {display:none;}
	.sns {width:30rem;height:30rem;}
	.sns2 {width:30rem;height:30rem;}
}

/*header*/
.govinfo {background:#f1f6fd; height:33rem; line-height:33rem;}
.govinfo > .wrap {display:flex; justify-content:space-between; font-size:14px;}
.govinfo > .wrap p {position:relative; padding-left:30rem;}
.govinfo > .wrap p:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:26px; height:18px; background:url('/Main/Images/new/ko2025/layout/eg_logo.gif') no-repeat;}
.govinfo > .wrap a {padding-left:25rem;}
.govinfo > .wrap .council {position:relative;}
.govinfo > .wrap .council::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/Main/Images/new/ko2025/layout/ico_council.png') no-repeat; background-size:contain;}
/*.govinfo > p:before {content:''; flex-shrink:0; margin-right:10rem; width:26px; height:18px; background:url('/Main/Images/new/ko2025/layout/eg_logo.gif') no-repeat;}*/
#header {padding:20rem 0; border-bottom:1px solid #e6e6e6;}
#header > .wrap {display:flex; align-items:center; justify-content:space-between;}
#header .logo a {display:block; width:330rem; height:47rem; background:url('/Main/Images/new/ko2025/layout/logo.png') no-repeat 0 0/100% auto; text-indent:-9999rem;}
#header .right {display:flex; align-items:center;}
#header .lang {position:relative; display:flex; align-items:center; margin-right:20rem;}
#header .lang > a {display:flex; align-items:center; text-transform:uppercase; letter-spacing:0.1rem; font-size:16rem;}
#header .lang > a:after {content:''; width:0; height:0; margin:0 5rem 0 15rem; border-style:solid; border-width:6px 5.5px 0px 5.5px; border-color: #323232 transparent transparent transparent;}
#header .lang > div.list {top:20rem;}
#header .search > a,
#header .sitemap {display:block; width:37rem; height:37rem; background:url('/Main/Images/new/ko2025/layout/icon1.png') no-repeat 0 0/200% auto; text-indent:-9999rem;} 
#header .sitemap {background-position:100% 0; margin-left:5rem;}
#header .sitemap.mobile {display:none;}
.pc_nav .depth1 > li > a {font-size:20rem; padding:0 27rem; font-weight:600;}
/*사용자설정 시작*/
.pc_nav .depth2_wrap,
.pc_nav .depth2_wrap::after { top:119rem; }/*펼침메뉴 위치*/
.pc_nav+.nav_bg { top:119rem; }/*검은배경 위치*/
.pc_nav.ver2 dl dt {line-height:1.3;}
.pc_nav.ver2 dl dd {position:absolute; left:-9999rem;}
/*사용자설정 끝*/
.m_nav {display:none;}
@media all and (max-width:1840px){
	#header .logo a {width:274rem; height:39rem;}
	.pc_nav .depth1 > li > a {padding:0 20rem;}
	.pc_nav .depth2_wrap,
	.pc_nav .depth2_wrap::after { top:112rem; }/*펼침메뉴 위치*/
	.pc_nav+.nav_bg { top:112rem; }/*검은배경 위치*/
}
@media all and (max-width:1240px){
	#header .lang {display:none;}
	#header .sitemap.pc {display:none;}
	#header .sitemap.mobile {display:block;}
	.pc_nav {display:none;}
	.m_nav .site_name strong { line-height:1.3; margin-bottom:10rem; }
	.m_nav .depth1 > li > a {word-break: break-all;}
	.m_nav .depth2_wrap .wrap {padding:0;}
}
@media all and (max-width:768px){
	.govinfo > .wrap a {display:none;}
	.govinfo > .wrap p {padding-left:40rem;}
}
@media all and (max-width:480px){
	.govinfo > .wrap {align-items:flex-start;}
	.govinfo > .wrap:before {margin-top:3rem;}
}

/* footer */
#footer .site {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#footer .site .wrap {display:flex; border-left:1px solid #d2d2d2; position:relative;}
#footer .site .site_area {width:33.333%; border-right:1px solid #d2d2d2;}
#footer .site .site_area button {display:flex; align-items:center; justify-content:space-between; width:100%; height:54rem; text-align:left; padding:0 30rem; font-weight:500;}
#footer .site .site_area button:after {content:''; flex-shrink:0; width:6px; height:6px; margin-top:6px; border-top:2px solid #323232; border-left:2px solid #323232; transform:rotate(45deg);}
#footer .site .site_area .lst {display:none; position:absolute; left:0; bottom:80rem; width:100%; border:1px solid #ddd; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:var(--border-radius); overflow: hidden;}
#footer .site .site_area .lst ul {display:flex; flex-wrap:wrap; max-height:310rem; height:100%; padding:25rem 30rem; overflow-x:hidden; overflow-y:auto;}
#footer .site .site_area .lst li {width:20%; padding:3rem 0;}
#footer .site .site_area .lst li a {display:inline-block; position:relative; margin:5rem 0; padding:0 30rem 0 15rem; font-size:16rem; word-break:break-all; line-height:1.3;}
#footer .site .site_area .lst li a:before {content:''; display:block; position:absolute; left:0; top:11rem; width:3px; height:3px; background:#3b434f;}
#footer .site .site_area .lst li a:hover {text-decoration:underline;}
#footer .site .site_area .lst li a[target="_blank"]::after {content:''; position: absolute; width:20rem; height:20rem; background:url('/Main/Images/new/ko/common/blank.png') no-repeat right 2rem;}
#footer .site .site_area p {height:55rem; line-height:55rem; padding-left:30rem; color:#fff; background:#3b434f; font-weight:500;}
#footer .site .site_area .close {position:absolute; right:20rem; top:12rem; width:30rem; height:30rem; text-indent:-9999rem; transform:rotate(45deg);}
#footer .site .site_area .close:before,
#footer .site .site_area .close:after {content:''; position:absolute; top:50%; left:50%; background:#fff; border-radius:40px;} 
#footer .site .site_area .close:before {width:22rem; height:4px; transform:translate(-50%, -50%);}
#footer .site .site_area .close:after {width:4px; height:22rem; transform:translate(-50%, -50%);}
#footer .info {background:#f5f5f5; padding:60rem 0;}
#footer .info .wrap {position:relative;}
#footer .info .logo {display:block; width:120rem; height:32rem; background:url('/Main/Images/new/ko2025/layout/logo1.png') no-repeat center/contain; text-indent:-9999rem;}
#footer .info .add {display:flex; margin-top:40rem;}
#footer .info .add li {width:33.333%; position:relative;}
#footer .info .tit {display:block; margin-bottom:10rem; font-weight:700;}
#footer .info .tel {display:flex; align-items:center;}
#footer .info .tel .number {display:block; margin-right:10rem; font-size:26rem; font-weight:800;}
#footer .info .last {margin:10rem 0 0 3rem;}
#footer .info .last .bold {display:inline-block; margin-right:7rem; font-weight:700;}
/*#footer .info .call > div {position:absolute; bottom:0;}*/
#footer .info .group {display:flex; justify-content:space-between; align-items:center; margin:40rem 0 25rem; padding:0 0 20rem 0; border-bottom:1px solid #d2d2d2;}
#footer .info .group .link a {display:inline-flex; align-items:center; margin-right:20rem;font-weight:500;}
#footer .info .group .link a:after {content:''; flex-shrink:0; margin-left:10rem; width:6px; height:6px; border-top:2px solid #323232; border-right:2px solid #323232; transform:rotate(45deg);}
#footer .info .group .social {display:flex;}
#footer .info .group .social a {display:inline-block; margin-left:5rem;}
#footer .info .privacy {display:flex; flex-wrap:wrap; margin:0 -10rem;}
#footer .info .privacy a {display:inline-block; margin:0 10rem;}
#footer .info .privacy a.privacy {color:#1e4388; text-decoration:underline; font-weight:600; font-size:19rem;}
#footer .info small {display:inline-block; margin:7rem 0 0 0; color:#7c7c7c; font-size:16rem; letter-spacing:0.1px;}
#footer .mark {display:flex; align-items:center; position:absolute; bottom:5rem; right:0;}
#footer .mark * {display:block; margin-left:15rem; text-indent:-9999rem;}
#footer .mark .ggnuri {width:67rem; height:29rem; background:url('/Main/Images/new/ko2025/layout/mark1.png') no-repeat center/contain;}
#footer .mark .a11y {width:52rem; height:36rem; background:url('/Main/Images/new/ko2025/layout/mark2.png') no-repeat center/contain;}
@media all and (max-width:1840px){
	#footer .site .wrap {border-left:0; padding:0;}
	#footer .site .site_area:last-child {border-right:0;}
	#footer .site .site_area .lst {width:calc(100% - 80rem); left:50%; transform:translateX(-50%);}
	#footer .mark {right:40rem;}
}
@media all and (max-width:1440px){
	#footer .info .add {flex-wrap:wrap;}
	#footer .info .add li {width:50%; margin:20rem 0; padding-right:40rem;}
	#footer .info .call > div {position:static;}
	#footer .mark {position:static;}
	#footer .mark * {margin-left:0; margin-right:15rem; margin-top:40rem;}
}
@media all and (max-width:1023px) {
	#footer .site .site_area button {padding:0 20rem;}
	#footer .site .site_area .lst {width:calc(100% - 40rem);}
	#footer .site .site_area .lst li {width:25%;}
	#footer .info .tel {flex-wrap:wrap;}
	#footer .info .tel .number {font-size:23rem;}
	/*#footer .info .tel .number {width:100%; margin-right:0;}*/
}
@media all and (max-width:768px) {
	#footer .site .site_area .lst li {width:33.333%;}
	#footer .info .privacy a.privacy {font-size:18rem;}
}
@media all and (max-width:599px) {
	#footer .site .site_area .lst li {width:50%;}
	#footer .info .add li {width:100%; padding-right:0;}
	#footer .info .last {margin-left:0;}
	#footer .info .group {flex-wrap:wrap; margin:20rem 0 40rem; padding:0 0 35rem 0;}
	#footer .info .group .link {width:100%;}
	#footer .info .group .social {width:100%;}
	#footer .info .group .social a {margin:15rem 5rem 0 0}
	#footer .info .privacy {margin:-3rem -7rem;}
	#footer .info .privacy a {margin:3rem 7rem;}
	#footer .info small {margin-top:20rem;}
}
@media all and (max-width:321px){
	#footer .site {border-bottom:0;}
	#footer .site .wrap {flex-wrap:wrap;}
	#footer .site .site_area {width:100%; border-right:0; border-bottom:1px solid #d2d2d2;}
}




/*검색*/
.srch_open .govinfo {position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.8); z-index:100;}
.srch_open .govinfo > .wrap p {color:#fff;}
.srch_open .govinfo > .wrap a {color:#fff;}
.srch_open #header {position:fixed; top:33rem; left:0; width:100%; background:rgba(0,0,0,0.8); z-index:100; border-bottom:0;}
.srch_open #header .logo a {background-position:0 100%;}
.srch_open #header .lang > a {color:#fff;}
.srch_open #header .lang > a:after {border-color: #fff transparent transparent transparent;}
.srch_open #header .search > a,
.srch_open #header .sitemap {background-position:0 100%;} 
.srch_open #header .sitemap {background-position:100% 100%;}
.srch_open .pc_nav .depth1 > li > a {color:#fff;}
/*사용자설정 시작*/
.srch_open .pc_nav .depth2_wrap,
.srch_open .pc_nav .depth2_wrap::after { top:87rem; z-index:100; }/*펼침메뉴 위치*/
.srch_open .pc_nav+.nav_bg {display:none}/*검은배경 위치*/
/*사용자설정 끝*/
.srch_open  #search_area {background:none; top:120rem;}
.srch_open  #search_area:before {content:''; position:absolute; top:0; left:0; width:100%;  height:100%; background:rgba(0,0,0,0.8); z-index:-1;}
.srch_open  #search_area .search_area_wrap {position:relative; z-index:1; margin-top:-120rem;}

.govinfo.active {background:#f1f6fd;}
.govinfo.active > .wrap p {color:#323232;}
.govinfo.active > .wrap a {color:#323232;}
.srch_open #header.active {background:#fff;}
.srch_open #header.active .logo a {background-position:0 0;}
.srch_open #header.active .lang > a {color:#323232;}
.srch_open #header.active .lang > a:after {border-color: #323232 transparent transparent transparent;}
.srch_open #header.active .search > a,
.srch_open #header.active .sitemap {background-position:0 0;} 
.srch_open #header.active .sitemap {background-position:0 0;}
.srch_open #header.active .pc_nav .depth1 > li > a {color:#323232;}
/*사용자설정 시작*/
.srch_open #header.active .pc_nav .depth2_wrap,
.srch_open #header.active .srch_open .pc_nav .depth2_wrap::after { top:86rem; z-index:100; }/*펼침메뉴 위치*/
/*사용자설정 끝*/

@media all and (max-width:1840px){
	.srch_open  #search_area {top:112rem;}
	/*사용자설정 시작*/
	.srch_open #header.active .pc_nav .depth2_wrap,
	.srch_open #header.active .srch_open .pc_nav .depth2_wrap::after { top:79rem; z-index:100; }/*펼침메뉴 위치*/
	/*사용자설정 끝*/
}