/* header */
#header{border-bottom: 1px solid #ddd;position: sticky; top: 0;z-index: 2;}
#header .mMenu_btn{display: none;}
.header { background-color: #fff; color: #000; }
.header .header-util{background: #edf0f5; color: #333;}
.header .header-util .util-wrap{ display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1610px; height: 1.6rem; margin: 0 auto;}
.header .header-util .util-wrap .util-user a{color: #000;}
.header .header-util .util-wrap .util-user a ~ a{ margin-left: 0.7rem;}
.header-wrap { flex-shrink: 0; width: 100%; max-width: 1610px; height: 4.75rem;margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}

.logo-header a {font-size: 1.6rem; font-weight: 700;}

/* #gnb {flex-shrink: 0; width: 100%; max-width: 40rem; height: 100%;}
#gnb > ul {display: flex;height: 100%;}
#gnb > ul > li{flex: 1; height: 100%;} */

/* .depth01 { position: relative; height: 100%; } */
.depth01-link { display: block; height: 100%; font-size: 0.9rem; font-weight: 600; display: flex; align-items: center;  justify-content: center;}
.depth01-link span{ display: flex; align-items: center; height: 100%;}



/* .depth02-container { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--menuColor2); color: #fff; z-index: 10; border-radius: 0 0 1rem 1rem; word-break: keep-all; text-align: center;} */
.depth02-list { padding-bottom: 0.5rem; }
/* .depth02-list .depth02 ~ .depth02{border-top: 1px solid #c3d3ff;} */
.depth02-link { display: flex; align-items: center; justify-content: center; padding: 0.5rem 0.25rem; }


/* 메뉴 hover 시 보이도록 */
.depth01.on .depth02-container { display: block; }

/* 메뉴 hover 효과 */
.header .on .depth01-link,
.header .depth01-link:hover,
.header .depth01-link:focus{background: var(--menuColor1); color: #fff; font-weight: 700;}
.header .depth02-link:hover,
.header .depth02-link:focus{ text-decoration: underline;}

 /* gnb */
/* .gnb{text-align: center; background: var(--menuColor1); color: #fff; font-size: 0.9rem;padding-top: 6.4rem;}
.gnb ul{ width: 100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: center;} 
.gnb ul li a{ display: flex; align-items: center; justify-content: center; padding: 1.5rem 2rem 1rem; position: relative;} */

/* gnb : active */
/* .gnb ul li a:hover,
.gnb ul li a:focus{font-weight: 700;}
.gnb ul li.current a{color: #000; background: #fff; }
.gnb ul li.current a::before{content: ''; display: block; position: absolute; left: 2rem; right: 2rem; bottom: 0; height: 3px; background: var(--menuColor2);} */

/* gnb */
.gnb-nav{position:sticky;top:0;width:100%;max-width:100%;padding:0;height:78px;transition:.5s;z-index:1;font-size: 0.9rem;}
.gnb-nav>ul{display:flex;position:absolute;top:0;left:0;width:100%;justify-content:center;align-items:center;height:100%;    background: var(--menuColor1);backdrop-filter:blur(15px);transition:.5s border-radius;}
.gnb-nav .depth02{height:100%;}
.gnb-nav .depth02-link{display:flex;justify-content:center;align-items:center;position:relative;    padding: 1.5rem 2rem 1rem;height:100%;color:rgba(255, 255, 255, .7);font-weight:500;text-align:center;}
.gnb-nav .depth02-link:hover,
.gnb-nav .depth02-link.on{    color: #000;background: #fff;}
.gnb-nav .depth02-link.on:before{    content: ''; display: block; position: absolute; left: 2rem; right: 2rem; bottom: 0; height: 3px; background: var(--menuColor2);}
.gnb-nav.scrolling{width:100%;}
.gnb-nav.scrolling>ul{border-radius:0;}
@media(max-width:1480px) {
.gnb-nav{}
.gnb-nav.scrolling{margin-left:0;margin-right:0;}
.gnb-nav>ul{}
}

@media(max-width:1280px) {
.gnb-nav{height:48px;}
.gnb-nav .depth02-link{font-size:16px;}
}
@media(min-width:768px) {
.gnb-toggle{display:none}
}
@media(max-width:767px) {
.gnb-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;width:100%;height:100%;    background: var(--menuColor1);backdrop-filter:blur(15px);transition:.5s border-radius;color:#fff;font-weight:700;}
.gnb-toggle:after{content:"\ea4e";font-family:"remixicon";flex-shrink:0;}
.gnb-toggle.on:after{content:"\ea78"}
.gnb-nav.scrolling .gnb-toggle{border-radius:0;}
.gnb-toggle.on+ul{display:flex;}
.gnb-nav>ul{display:none;flex-direction:column;align-items:stretch;row-gap:5px;position:absolute;top:calc(100% + 1px);left:0;padding:15px 20px;width:100%;height:auto;background-color: #edf0f5;}
.gnb-nav .depth02{height:auto;}
.gnb-nav .depth02-link{justify-content:flex-start;padding:0;text-align:left;color: #000;}
.gnb-nav .depth02-link.on{font-weight:700;color: var(--menuColor1);background:none;}
.gnb-nav .depth02-link.on:before{display:none;}
.gnb-nav .depth02-link:hover,
.gnb-nav .depth02-link.on{color: var(--menuColor1);background: none;}
}


/* sub tit&nav */
#main-content .nav-wrap{display: flex; justify-content: space-between; align-items: flex-end; width: 100%; max-width: 1610px; margin: 0 auto; border-bottom: 1px solid #cfcfcf; margin-top: 2.5rem; padding-bottom: 1.3rem;}
#main-content .nav-wrap .tit{font-size: 1.5rem; font-weight: 700; line-height: 1;}
#main-content .nav-wrap .nav{display: flex; font-weight: 500;}
#main-content .nav-wrap .nav li ~ li::before{content: '\ea6e'; font-family: 'remixicon'; margin: 0 0.7rem;}

/* subLayout */
#main-content .wrap{ width: 100%; max-width: 1440px; margin: 0 auto; padding: 3rem 0 7.5rem; }



/* footer */
footer{background: #f8f8f8; border-top: 1px solid #dddddd;}
footer .inner{ position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 2rem 0 3.85rem;}
footer .inner .logo{font-size: 1.1rem; font-weight: 600; }
footer .inner ul:not(.shortcut-links ul){display: flex; }
footer .inner .info{margin: 1.75rem 0; font-size: 0.9rem; }
footer .inner .info li ~ li{margin-left: 2.5rem;}
footer .inner .info li span{margin-right: 1.5rem; font-weight: 600;}
footer .inner .footer-link{display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 1.2rem;}
footer .inner .footer-link ul li ~ li{margin-left: 1.85rem;}
footer .inner .footer-link ul li a strong{color: var(--menuColor1); font-weight: 600;}
footer .inner .footer-link .copy{color: #555; font-weight: 500;}
  

.link-wrap{position: absolute; right: 0; top: 2rem; width: 13.4rem; border-bottom: 2px solid #000;}
.shortcut-btn { display: block; width: 100%; text-align: left; cursor: pointer; }
.shortcut-btn::after{content: '\ea78'; font-family: 'remixicon'; position: absolute; right: 0; }
.shortcut-btn.on::after{content: '\ea4e';}
 
  
.shortcut-links { display: none; position: absolute; bottom: 100%; left: 0; right: 0; height: 10rem; background: rgba(0, 0, 0, 0.7); border-radius: 1rem 1rem 0 0; padding: 1rem;}
.shortcut-links ul{ height: 100%; overflow-y: auto; padding-right: 0.5rem; }
.shortcut-links li ~ li { border-top: 2px dotted #ddd;} 
.shortcut-links a { display: block; color: #fff; padding: 0.3rem 0; }
  
.shortcut-links a:hover {text-decoration: underline;}



/* 모바일 메뉴 */

#header .mMenu_btn::before{content: "\ef34"; font-family: 'remixicon'; font-size: 1.5rem;}
#header .mMenu_btn.on::before{content: "\f4c8";}

 

.main-header-cn-navi[data-navi=gnb] .depth01:hover .depth02-container {
	display: flex; /* 또는 block */
  }

@media screen and (max-width: 1660px){
	.header .header-util .util-wrap{padding: 0 0.5rem;}
	.header-wrap{padding: 0 0.5rem;}
	.subVisual .inner{padding: 0 0.5rem;}
	#main-content{padding: 0 0.5rem;}
	#footer footer{padding: 0 0.5rem;}
}

@media screen and (max-width: 1440px){
	html {font-size: 19px;}

	/* 서브비주얼 */
	.subVisual{height: 5.7rem;}
	.subVisual .inner{font-size: 1.2rem;}
	.subVisual .inner::after{width: 20rem; background-size: contain; background-position: center bottom;}
	.subVisual .inner .txtWrap span{font-size: 1.6rem;}

}

@media screen and (max-width: 1240px){
	#header {position: relative;}
	#header .mMenu_btn{display: block;}
	.header #gnb{display: none;}
	.gnb {padding-top: 0;}
}


@media screen and (max-width: 1024px){
	html {font-size: 18px;}

	/* 서브비주얼 */
	.subVisual .inner::after{display: none;}

	/* 푸터 */
	footer .inner ul:not(.shortcut-links ul){flex-wrap: wrap; gap: 1rem;}
	footer .inner .info li ~ li{margin-left: 0;}
	footer .inner .footer-link{display: block;}
	footer .inner .footer-link ul li ~ li{margin-left: 0;}
	footer .inner .footer-link .copy{margin-top: 1rem;}
}
@media screen and (max-width: 768px){
	/* 메뉴 */
	.logo-header a{font-size: 1.3rem;}
	.header-wrap{height: 3.75rem;}
	.menuM{top: 5.4rem;}
	
	/* 서브비주얼 */
	.subVisual .inner{justify-content: center; text-align: center;}
	.subVisual .inner .txtWrap span{display: block;}

	/* 서브 타이틀 및 네비게이션 */
	#main-content .nav-wrap .tit{font-size: 1.2rem;}

	/* 레이아웃 */
	#main-content .wrap{padding: 1rem 0 4.5rem;}

	/* gnb */
	.gnb{border-bottom: 1px solid #ddd;}
	.gnb ul { flex-direction: column; width: 100%; overflow: hidden; transition: max-height 0.3s ease-in-out; }
    .gnb ul li { display: none;}
    .gnb ul li.current { display: block; }
    .gnb ul.show li { display: block; }
	.gnb ul li a{padding: 1rem ; justify-content: flex-start; position: relative;}
	.gnb ul li.current a::before{display: none;}
	.gnb ul li.current a::after{content: "\ea4d"; font-family: 'remixicon'; position: absolute; right:1rem; top: 0.8rem; font-size: 1.2rem;}
	.gnb ul.show li.current a::after{content: "\ea77";}
	

}
@media screen and (max-width: 600px){
	/* 서브 타이틀 및 네비게이션 */
	#main-content .nav-wrap{flex-direction: column; justify-content: center; align-items: center; margin-top: 1.5rem; }
	#main-content .nav-wrap .tit{margin-bottom: 0.5rem;}
	
	
}

@media screen and (max-width: 500px){
	/* 헤더 */
	.header .header-util .util-wrap{font-size: 0.6rem;}

	/* 푸터 */
	.link-wrap{position: relative; left: 0; width: auto; top: 0; margin-top: 1rem;}
	footer .inner{padding: 2rem 0.7rem 3rem;}
	footer .inner ul:not(.shortcut-links ul){margin: 1rem 0;}
	footer .inner .info{font-size: 0.8rem;}

}



/* header */
/* NO CSS*/
:root {
	--font-pretendard: "Pretendard GOV";
	--font-jalnan: "Jalnan Gothic";
	--layout: 140rem;
	--contents-layout: 120rem;
	--header-height: 8rem;
	--header-top-height: 4.4rem;
	--main-color: #22467C;
	/*heading, paragraph*/
	--h1: 700 40px/var(--line-height-sm) var(--font-jalnan);
	--h2: 700 32px/var(--line-height-sm) var(--font-pretendard);
	--h3: 700 24px/var(--line-height-md) var(--font-pretendard);
	--h4: 700 20px/var(--line-height-lg) var(--font-pretendard);
	--h5: 500 18px/var(--line-height-lg) var(--font-pretendard);
	--h5-bold: 700 18px/var(--line-height-lg) var(--font-pretendard);
	--body1-size: 18px;
	--body2-size: 16px;
	--body3-size: 14px;
	--line-height-sm: 1.2;
	--line-height-md: 1.3;
	--line-height-lg: 1.4;
	/*color*/
	--black: #111;
	--white: #fff;
	--gray900: #222;
	--gray800: #424242;
	--gray700: #616161;
	--gray600: #757575;
	--gray500: #9e9e9e;
	--gray400: #bdbdbd;
	--gray300: #e0e0e0;
	--gray200: #eee;
	--gray100: #f5f5f5;
	--gray50: #F8F9FB;
	--blue800: #102B53;
	--blue700: #22467C;
	--blue600: #3A65A5;
	--blue500: #5987CE;
	--blue400: #7DAEF6;
	--blue300: #A7CAFF;
	--blue200: #C2DEFF;
	--blue100: #F2F7FB;
	--green800: #10533B;
	--green700: #227C5C;
	--green600: #249681;
	--green400: #BBDA7B;
	--green100: #F5F9EE;
	--orange800: #A13B01;
	--orange700: #C34F0E;
	--orange600: #E5661E;
	--orange400: #FF995F;
	--orange100: #FBF4EF;
	--alert-success: #038A4A;
	--alert-information: #1159C8;
	--alert-error: #D12222;
	--alert-warning: #F98921;
	--alert-cancel: #646875;
	/*radius*/
	--radius-sm: .4rem;
	--radius-md: .8rem;
	--radius-lg: 1.6rem;
	--radius-full: 50%;
	/* space*/
	--space-half: .2rem;
	--space-1: .4rem;
	--space-2: calc(var(--space-1) * 2);
	--space-3: calc(var(--space-1) * 3);
	--space-4: calc(var(--space-1) * 4);
	--space-5: calc(var(--space-1) * 5);
	--space-6: calc(var(--space-1) * 6);
	--space-7: calc(var(--space-1) * 7);
	--space-8: calc(var(--space-1) * 8);
	--space-9: calc(var(--space-1) * 9);
	--space-10: calc(var(--space-1) * 10);
	--space-11: calc(var(--space-1) * 11);
	--space-12: calc(var(--space-1) * 12);
	--space-13: calc(var(--space-1) * 13);
	--space-14: calc(var(--space-1) * 14);
	--space-15: calc(var(--space-1) * 15);
	--space-16: calc(var(--space-1) * 16);
	--space-17: calc(var(--space-1) * 17);
	--space-18: calc(var(--space-1) * 18);
	--space-19: calc(var(--space-1) * 19);
	--space-20: calc(var(--space-1) * 20);
	--space-21: calc(var(--space-1) * 21);
	--space-22: calc(var(--space-1) * 22);
	--space-23: calc(var(--space-1) * 23);
	--space-24: calc(var(--space-1) * 24);
	--space-25: calc(var(--space-1) * 25);
	--space-26: calc(var(--space-1) * 26);
	--space-27: calc(var(--space-1) * 27);
	--space-28: calc(var(--space-1) * 28);
	--space-29: calc(var(--space-1) * 29);
	--space-30: calc(var(--space-1) * 30);
	--space-31: calc(var(--space-1) * 31);
	--space-32: calc(var(--space-1) * 32);
	--space-33: calc(var(--space-1) * 33);
	--space-34: calc(var(--space-1) * 34);
	--space-35: calc(var(--space-1) * 35);
	--space-36: calc(var(--space-1) * 36);
	--space-37: calc(var(--space-1) * 37);
	--space-38: calc(var(--space-1) * 38);
	--space-39: calc(var(--space-1) * 39);
	--space-40: calc(var(--space-1) * 40);
	--space-41: calc(var(--space-1) * 41);
	--space-42: calc(var(--space-1) * 42);
	--space-43: calc(var(--space-1) * 43);
	--space-44: calc(var(--space-1) * 44);
	--space-45: calc(var(--space-1) * 45);
	--space-46: calc(var(--space-1) * 46);
	--space-47: calc(var(--space-1) * 47);
	--space-48: calc(var(--space-1) * 48);
	--space-49: calc(var(--space-1) * 49);
	--space-50: calc(var(--space-1) * 50);
	--space-51: calc(var(--space-1) * 51);
	--space-52: calc(var(--space-1) * 52);
	--space-53: calc(var(--space-1) * 53);
	--space-54: calc(var(--space-1) * 54);
	--space-55: calc(var(--space-1) * 55);
	--space-56: calc(var(--space-1) * 56);
	--space-57: calc(var(--space-1) * 57);
	--space-58: calc(var(--space-1) * 58);
	--space-59: calc(var(--space-1) * 59);
	--space-60: calc(var(--space-1) * 60);
	/*component height*/
	--component-height-lg: 5.2rem;
	--component-height: 4rem;
	--component-height-default: 4rem;
	--component-height-sm: 3.2rem;
	--main-navy:#0e6c5e;
    --color-ver4: #0e6c5e;
}

/* 서브페이지 헤더 */

.main-header-cn.sub {
	position: sticky;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Add shadow for visibility */
}
@media (min-width: 1141px) {
    .main-header-cn.sub .main-header-cn-navi[data-navi=gnb] .depth01-link {
        color: #1d1d1d;
    }
}


/* 메인페이지 헤더 */

[data-blind="on"] .main-overlay-cn {
    visibility: visible;
    opacity: .6;
}
.main-overlay-cn {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #00000071;
    opacity: 0;
    z-index: 11;
}
.main-header-cn.on {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.main-header-cn.on .main-header-logo-link img {
    content: url("../images/main/cn-logo.svg");
}

.main-header-cn {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.main-header-cn.scrolled {
	background-color: #fff; /* Change the background to darken */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Add shadow for visibility */
	position: sticky;
}
.main-header-cn.scrolled .main-header-cn-navi[data-navi=gnb] .depth01-link {
	color: #1d1d1d;
}
.main-header-cn:hover .main-header-cn-navi[data-navi=gnb] .depth01-link {
	color: #1d1d1d;
}
.main-header-cn:hover {

}
.main-header-cn #logo {
    transition: all 0.3s ease;
}
/* .main-header-cn .main-header-cn-container {
    transition: padding 0.3s ease;
}
.main-header-cn.scrolled .main-header-cn-container {
    padding: 10px 20px;
} */
  .main-header-cn.main .main-header-cn-container::before {
	background: none;
  }
  .main-header-cn:has([data-navi=gnb]):has(.main-header-cn-util .on) .depth01:hover .depth02-container {
	display: none;
  }
  .main-header-cn-top {
	position: relative;
	height: var(--header-top-height);
	display: flex;
	background-color: #009A98;
	display: none;
  }
  .main-header-cn-top::before {
	display: block;
	content: "";
	width: 100dvw;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	background: var(--main-color);
  }
  .main-header-cn-top-link {
	height: 100%;
	margin-left: auto;
	display: flex;
    justify-content: flex-end;
  }
  .main-header-cn-top-link-item {
	display: flex;
	align-items: center;
	padding: 0 1.6rem;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 0.8rem;
	color: #fff;
	position: relative;
	font-size: .8rem;
  }
  .main-header-cn-top-link-item[data-top-item=language] {
	padding: 0;
  }
  .main-header-cn-top-link-item[data-top-item=language] > a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 1.6rem;
	gap: 0.45rem;
  }
  .main-header-cn-top-link-item[data-top-item=language].active > a > i {
	transform: rotate(180deg);
  }
  .main-header-cn-top-link-item.active .main-header-cn-top-link-depth {
	display: block;
  }
  .main-header-cn-top-link-depth {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	display: none;
	z-index: 1;
	background: var(--main-color);
  }
  .main-header-cn-top-link-depth a {
	height: var(--header-top-height);
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 1.6rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	justify-content: flex-start;
	position: relative;
  }
  .main-header-cn-top-link-depth a:hover {
	background: rgba(0, 0, 0, 0.2);
  }




  .hover-bridge {
    position: absolute;
    top: 66%;
    left: 0;
    height: 34px;
    width: 100%;
    background: transparent;
    z-index: 10;
	display: none;
  }

  .depth01 {
	/* padding-bottom: 8px; 공간 확보 */
  }
  .depth02-container {
	top: calc(100% - 8px); /* 아래에서 위로 살짝 겹치게 */
  }
  
  @media (max-width: 768px) {
	.main-header-cn-top-link-item {
	  padding: 0 1rem;
	  font-size: .8rem;
	  gap: 0.4rem;
	}
	.main-header-cn-top-link-item[data-top-item=language] > a {
	  padding: 0 1rem;
	}
	.main-header-cn-top-link-depth a {
	  padding: 0 1rem;
	}
  }
  @media (max-width: 360px) {
	.main-header-cn-top-link {
	  width: 100%;
	}
	.main-header-cn-top-link-item {
	  flex: 1;
	  justify-content: center;
	}
	.main-header-cn-top-link-item[data-top-item=language] {
	  flex: none;
	}
  }
  .main-header-cn-container {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	height: 96px;
	display: flex;
	justify-content: space-between;
	
	gap: 1.5rem;
	align-items: center;
  }
  .main-header-cn-container::before {
	display: block;
	content: "";
	width: 100dvw;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	background: #fff;
  }
  .main-header-cn-logo {
	width: 15.4rem;
	flex-shrink: 0;
	
	
  }
  .main-header-cn-logo a {
	display: block;
  }
  @media (max-width: 768px) {
	.main-header-cn-logo {
	  width: 7.8rem;
	}
	.main-header-cn #logo {
		max-width: 160px;
	}
  }
  .main-header-cn-navi {
	margin-left: auto;
  }
  .main-header-cn-navi [class*=-link] {
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1.2;
	transition: unset;
	justify-content: flex-start;
  }
  @media (min-width: 1141px) {
	[data-blind="on"]:has([data-navi="sitemap"]) .main-overlay-cn {
        background: #fff;
        opacity: 1;
    }
	.main-header-cn-navi button[class*=-link] {
	  display: none !important;
	}
	.main-header-cn-navi[data-navi=gnb] > ul {
	  display: flex;
	}
	.main-header-cn-navi[data-navi=gnb] .depth01-link {
	  display: flex;
	  padding: 0 1rem;
	  /*height: 100%;*/
	  height: var(--header-height);
	  align-items: center;
	  font-size: 1rem;
	  color: #000;
	  font-weight: 700;
	}
	.main-header-cn-navi[data-navi=gnb] .depth01:hover .depth02-container {
	  display: flex;
	  /* border-top: 1px solid #ddd; */
	  margin-top: 1px;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02 {
	  width: calc(33.3333333333% - 2.6666666667rem);
	}
	.main-header-cn-navi[data-navi=gnb] .depth02:hover .depth02-link {
	  color: #fff;
	  background: #0E6C5E;
	  box-shadow: 0px 4px 16px 0px rgba(207, 207, 207, 0.29);
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-container {
	  position: absolute;
	  width: 100%;
	  left: 0;
	  top: 100%;
	  display: none;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-container::before {
	  display: block;
	  content: "";
	}
	
	.main-header-cn-navi[data-navi=gnb] .depth02-title {
	  width: 10rem;
	  flex-shrink: 0;
	  padding: 1.6rem 0;
	  display: flex;
	  flex-direction: column;
	  gap: 1.6rem;
	  position: relative;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-title::before {
	  display: block;
	  content: "";
	  width: 100dvw;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  right: 0;
	  background: #e0efed;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-title::after {
	  display: block;
	  content: "";
	  width: 42.6rem;
	  height: 15.5rem;
	  position: absolute;
	  bottom: 0;
	  right: 0;
 
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-title-main {
      padding: .4rem 0 .4rem 1rem;
	  font-size: 1.2rem;
	  font-weight: 700;
	  color: #0E6C5E;
	  z-index: 1;
	  border-radius: .4rem;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-title-sub {
	  font-weight: 500;
	  color: #9FB3D0;
	  z-index: 1;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-list {
	  flex-grow: 1;
	  padding: 2rem;
	  display: flex;
	  gap: 1rem;
	  position: relative;
	  flex-wrap: wrap;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-list::before {
	  display: block;
	  content: "";
	  width: 84dvw;
	  height: 100%;
	  background: #fff;
	  z-index: -1;
	  position: absolute;
	  left: 0;
	  top: 0;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-link {
	  display: flex;
	  min-height: 1.6rem;
	  align-items: center;
	  padding: 0rem .8rem;
	  background: #F8F9FB;
	  border-radius: 0.4rem;
	  font-size: .8rem;
	  font-weight: 600;
	  color: #333;
	  justify-content: space-between;
	  border: 1px solid #eee;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-link::after {
	  display: block;
	  content: "\ea6e";
	  font-family: "remixicon";
	  font-size: 2rem;
	  font-weight: 400;
	  transform: scale(.8);
	  color: #555;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-link:hover::after {
		color: #fff;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-link[target=_blank]::after {
	  content: "\ecaf";
	}
	.main-header-cn-navi[data-navi=gnb] .depth03 {
	  padding: 0 2.4rem;
	}
	.main-header-cn-navi[data-navi=gnb] .depth03-container {
	  margin-top: 2.4rem;
	}
	.main-header-cn-navi[data-navi=gnb] .depth03-list {
	  display: flex;
	  flex-direction: column;
	  gap: 1.2rem;
	}
	.main-header-cn-navi[data-navi=gnb] .depth03-link {
	  font-size: .7rem;
	  font-weight: 500;
	}
	.main-header-cn-navi[data-navi=gnb] .depth03-link:hover {
	  color: var(--main-color);
	  font-weight: 700;
	  text-decoration: underline;
	  text-underline-position: under;
	}
	.main-header-cn-navi[data-navi=sitemap] {
	  position: absolute;
	  top: calc(100% + 1rem);
	  width: 100%;
	  left: 0;
	  height: calc(100dvh - (var(--header-height) + var(--header-top-height)) - 2.2rem - 4.8rem);
	  background: #fff;
	  overflow: auto;
	}
	.main-header-cn-navi[data-navi=sitemap] > ul {
	  display: flex;
	  gap: 1.6rem;
	  height: 100%;
	}
	.main-header-cn-navi[data-navi=sitemap] > ul > li {
	  flex: 1;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth01 {
	  display: flex;
	  flex-direction: column;
	  gap: 1.2rem;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth01-link {
	  min-height: 3rem;
	  /* background: var(--blue700); */
	  border-radius: 0.4rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: #fff;
	  background-color: #0E6C5E;
	  font-size: 1rem;
	  font-weight: 600;
	  line-height: 1.4;
	  /* flex-shrink: 0; */
	  position: sticky;
	  top: 0;
	  z-index: 1;
	  height: auto;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-title {
	  display: none;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-list {
	  display: flex;
	  flex-direction: column;
	  gap: 1.2rem;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-list li {
		background-color: #EEF2F7;
		border-radius: .4rem;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-link {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 1rem;
	  width: 100%;
	  min-height: 1.6rem;
	  padding: 0.5rem 1.6rem;
	  background: var(--gray50);
	  border-radius: 0.4rem;
	  font-size: .8rem;
	  font-weight: 500;
	  color: var(--gray900);
	  border: 1px solid var(--gray200);
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-link::after {
	  display: block;
	  font-family: "remixicon";
	  font-size: 2rem;
	  color: var(--gray800);
	}
	.main-header-cn-navi[data-navi=sitemap] .depth02-link[target=_blank]::after {
	  content: "\ecaf";
	}
	.main-header-cn-navi[data-navi=sitemap] .depth03 {
	  padding: 0 1.6rem;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth03-container {
	  margin: 1.2rem 0 2.4rem;
	}
	.main-header-cn-navi[data-navi=sitemap] .depth03-list {
	  display: flex;
	  flex-direction: column;
	  gap: 1rem;
	}
  }
  @media (max-width: 1280px) {
	.main-header-cn-navi[data-navi=gnb] .depth02 {
	  /* width: calc(33.3333333333% - 1.3333333333rem); */
	  width: 100%;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-title {
	  width: 28rem;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02-list {
	  padding: 2rem;
	  gap: 2rem;
	}
	.main-header-cn-navi[data-navi=sitemap] > ul {
	  gap: 3rem;
	}
	.main-header-cn-navi .depth02-link {padding: 0;}
	.depth02-list {padding-bottom: 0;}
  }
  @media (max-width: 1140px) {
	
	.main-header-cn-top {
		max-width: 100% !important;
		display: block;
	  }
	.main-header-cn-navi {
	  visibility: hidden;
	  overflow-y: auto;
	  position: fixed;
	  top: 96px;
	  right: 0;
	  width: 100%;
	  max-width: 400px;
	  height: calc(100vh - 8rem + 4rem);
	  background-color: #fff;
	}
	.main-header-cn-navi.on {
	  visibility: visible;
	  border-top: 1px solid #ddd;
	}
	.main-header-cn-navi > ul {
	  height: auto;
	}
	.main-header-cn-navi > ul button + [class*=-link] {
	  display: none;
	}
	.main-header-cn-navi > ul::after {
	  content: "";
	  display: block;
	  width: 100%;
	  height: 200px;
	}
	.main-header-cn-navi .depth01-link {
	  padding: 0.8rem;
	  align-items: center;
	  width: 100%;
	  border-bottom: 1px solid #e0e0e0;
	  font-size: 1rem;
	  font-weight: 700;
	}
	.main-header-cn-navi .depth01-link > span {
	  margin-right: auto;
	}
	.main-header-cn-navi .depth01-link::after {
	  content: "\ea13";
	  font-family: "remixicon";
	}
	.main-header-cn-navi .depth01-link.on::after {
	  content: "\f1af";
	}
	.main-header-cn-navi .depth01-desc {
	  display: none;
	}
	.main-header-cn-navi .depth02-title {
	  display: none;
	}
	.main-header-cn-navi .depth02-container {
	  display: none;
	}
	.main-header-cn-navi .depth02-container > .layout {
	  padding: 0;
	}
	.main-header-cn-navi .depth02-list {
	  background-color: #F8F9FB;
	  border-bottom: 1px solid #e0e0e0;
	}
	.main-header-cn-navi .depth02-list li {
		padding: .8rem;
		border-radius: .2rem;
		border-bottom: 1px solid #e0e0e0;
	}
	.main-header-cn-navi .depth02-list li:last-child {
		border-bottom:none;
	}
	.main-header-cn-navi .depth02 + .depth02 {
	}
	.main-header-cn-navi .depth02-link {
	  color: #555;
	  font-size: 16px;
	}

	.main-header-cn-navi .depth02-link > span {
	  font-weight: 500;
	}
	.main-header-cn-navi .depth02-link > i {
	  display: none;
	}
	.main-header-cn-navi .depth02-link.active {
	  color: #045cc7;
	  text-decoration: underline;
	}
	.main-header-cn-navi .depth03 {
	  position: relative;
	  padding-left: 10px;
	}
	.main-header-cn-navi .depth03::before {
	  content: "";
	  position: absolute;
	  top: 9px;
	  left: 0;
	  width: 5px;
	  height: 1px;
	  background-color: #555;
	}
	.main-header-cn-navi .depth03-list {
	  margin: 0;
	  padding: 10px;
	  display: flex;
	  flex-direction: column;
	  gap: 0.5rem;
	  font-size: 95%;
	}
	.main-header-cn-navi .depth03 + .depth03 {
	  margin-top: 0.5px;
	}
	.main-header-cn-navi .depth03-link.active {
	  color: #f39939;
	}


	/* 슬라이더 강제 수평 정렬 */
	.notice02 .slider .slick-track {
		display: flex !important;
	}
	
	.notice02 .slider .slick-slide {
		display: flex !important;
		justify-content: center;
		height: auto !important;
	}
	
	/* 카드 박스가 한 줄로 유지되도록 */
	.notice02 .tabBox ul li .tab-innerbox {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
	}
	.section-main-cn .display-group {
		min-height: max-content !important;
	}

	
  }
  @media (max-width: 768px) {
	.main-header-cn-navi {
	  right: 0;
	  width: 100%;
	  max-width: 400px;
	}
  }
  @media (max-width: 480px) {
	.main-header-cn #logo {
        max-width: 120px;
    }
	.main-header-cn-logo {
        width: 5rem;
    }
  }
  .main-header-cn-navi-logo {
	width: 16.8rem;
  }
  .main-header-cn-util {
	display: flex;
	gap: 1rem;
  }
  .main-header-cn-util-item {
	display: flex;
  }
  .main-header-cn-util-item .user {
	width: 36px;
	height: 36px;
	color: #0E6C5E;
	background-color: #EEF2F7;
	border-radius: 50px;
	margin-left : 10px;
	
  }
  .main-header-cn-util-item .menu {
	width: 36px;
	height: 36px;
	border-radius: 50px;
	background-color: #0E6C5E;
	color: #fff;
  }
  .main-header-cn-util-item > button {
	font-size: 1rem;
  }
  .main-header-cn-util-item[data-util-item=search] > button.on + .main-header-cn-util-search {
	display: block;
  }
  .main-header-cn-util-search {
	display: none;
	position: fixed;
	top: calc(var(--header-height) + var(--header-top-height));
	left: 0;
	width: 100%;
	background-color: #fff;
  }
  /* .main-header-cn-navi {
	position: relative;
  } */
  



  
  /* subVisual */
.subVisualcn {height: 10rem; background: url(../images/sub/sub_visual.png) no-repeat center center / cover;} 
.subVisualcn .inner{ position: relative; display: flex; align-items: center;  width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; font-size: 1.5rem; margin-top: 4.8rem;}
.subVisualcn .inner::after{content: ''; position: absolute; right: 0; bottom: -1.4rem; display: block; width: 100%; height: 250px; z-index: 2;} 
.subVisualcn .inner .txtWrap em{font-weight: 700;}
.subVisualcn .inner .txtWrap span{font-size: 2rem; font-weight: 700;}
.subVisualcn .inner .txtWrap span em{color: #0E6C5E;}
.subVisualcn.menu01 .inner::after{background: url(../images/sub/sub_visual_img_01.svg) no-repeat center right ;}
.subVisualcn.menu02 .inner::after{background: url(../images/sub/sub_visual_img_02.svg) no-repeat center right ;}
.subVisualcn.menu03 .inner::after{background: url(../images/sub/sub_visual_img_03.svg) no-repeat center right ;}
.subVisualcn.menu04 .inner::after{background: url(../images/sub/sub_visual_img_04.svg) no-repeat center right ;}
.subVisualcn.menu05 .inner::after{background: url(../images/sub/sub_visual_img_05.svg) no-repeat center right ;}
.subVisualcn.menu00 .inner::after{background: url(../images/sub/sub_visual_img_00.svg) no-repeat center right ;}
/* gnb */
.gnb{text-align: center; background: #f99595; color: #fff; font-size: 0.9rem;}
.gnb ul{ width: 100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: center;} 
.gnb ul li a{ display: flex; align-items: center; justify-content: center; padding: 1.5rem 2rem 1rem; position: relative;} */

/* gnb : active */
.gnb ul li a:hover,
.gnb ul li a:focus{font-weight: 700;}
.gnb ul li.current a{color: #000; background: #fff; }
.gnb ul li.current a::before{content: ''; display: block; position: absolute; left: 2rem; right: 2rem; bottom: 0; height: 3px; background: #ff6868;} */

/* gnb */
.gnb-nav{position:sticky;top:0;width:100%;max-width:100%;padding:0;height:78px;transition:.5s;z-index: 1;font-size: 0.9rem;}
.gnb-nav>ul{display:flex;position:absolute;top:0;left:0;width:100%;justify-content:center;align-items:center;height:100%;    background: #20B5AD;backdrop-filter:blur(15px);transition:.5s border-radius;}
.gnb-nav .depth02{height:100%;}
.gnb-nav .depth02-link{display:flex;justify-content:center;align-items:center;position:relative;    padding: 1.5rem 2rem 1rem;height:100%;color:rgba(255, 255, 255, .7);font-weight:500;text-align:center;}
.gnb-nav .depth02-link:hover,
.gnb-nav .depth02-link.on{    color: #000;background: #fff;}
.gnb-nav .depth02-link.on:before{    content: ''; display: block; position: absolute; left: 2rem; right: 2rem; bottom: 0; height: 3px; background: #20B5AD;}
.gnb-nav.scrolling{width:100%;}
.gnb-nav.scrolling>ul{border-radius:0;}
@media(max-width:1480px) {
.gnb-nav{}
.gnb-nav.scrolling{margin-left:0;margin-right:0;}
.gnb-nav>ul{}
}

@media(max-width:1280px) {
.gnb-nav{height:48px;}
.gnb-nav .depth02-link{font-size:16px;}
}
@media(min-width:768px) {
.gnb-toggle{display:none}
}
@media(max-width:767px) {
.gnb-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;width:100%;height:100%;    background: #20B5AD;backdrop-filter:blur(15px);transition:.5s border-radius;color:#fff;font-weight:700;}
.gnb-toggle:after{content:"\ea4e";font-family:"remixicon";flex-shrink:0;}
.gnb-toggle.on:after{content:"\ea78"}
.gnb-nav.scrolling .gnb-toggle{border-radius:0;}
.gnb-toggle.on+ul{display:flex;}
.gnb-nav>ul{display:none;flex-direction:column;align-items:stretch;row-gap:5px;position:absolute;top:calc(100% + 1px);left:0;padding:15px 20px;width:100%;height:auto;background-color: #edf0f5;}
.gnb-nav .depth02{height:auto;}
.gnb-nav .depth02-link{justify-content:flex-start;padding:0;text-align:left;color: #000;}
.gnb-nav .depth02-link.on{font-weight:700;color: #20B5AD;background:none;}
.gnb-nav .depth02-link.on:before{display:none;}
.gnb-nav .depth02-link:hover,
.gnb-nav .depth02-link.on{color: #20B5AD;background: none;}
}

/* sub tit&nav */
#main-content.cn-sub {
	padding: 0 1rem;
}
#main-content.cn-sub .nav-wrap{justify-content: space-between; align-items: flex-end; width: 100%; max-width: 1440px; margin: 0 auto; border-bottom: 1px solid #cfcfcf; margin-top: 2.5rem; padding-bottom: 1.3rem;}
#main-content.cn-sub .nav-wrap .tit{font-size: 1.5rem; font-weight: 700; line-height: 1;}
#main-content.cn-sub .nav-wrap .nav{display: flex; font-weight: 500;}
#main-content.cn-sub .nav-wrap .nav li ~ li::before{content: '\ea6e'; font-family: 'remixicon'; margin: 0 0.7rem;}

/* subLayout */
#main-content.cn-sub .wrap{ width: 100%; max-width: 1440px; margin: 0 auto; padding: 3rem 0 7.5rem; }


/* 모바일 메뉴 */




@media screen and (max-width: 1660px){
	.subVisualcn .inner{padding: 0 0.5rem;}
}

@media screen and (max-width: 1440px){
	html {font-size: 19px;}
	.main-header-cn-container {max-width: 90vw; height:80px;}
	.main-header-cn-navi[data-navi=gnb] .depth01-link {height:80px !important;}

	/* 서브비주얼 */
	.subVisualcn{height: 11rem;}
	.subVisualcn .inner{font-size: 1.2rem; }
	.subVisualcn .inner::after{width: 20rem; background-size: contain; background-position: center bottom;}
	.subVisualcn .inner .txtWrap span{font-size: 1.6rem;}
	footer.footer-cn .footer-link{padding: 1rem 0 1rem 1rem;}
}

@media screen and (max-width: 1280px){
	.main-header-cn-navi {top:80px !important;}
	.main-header-cn-navi[data-navi=gnb] .depth02-list {padding: 0 !important;}

}
@media screen and (max-width: 768px){
	
	/* 서브비주얼 */
	
	.subVisualcn .inner::after{display: none;}
	.subVisualcn .inner{justify-content: center; text-align: center; margin-top: 0;}
	.subVisualcn .inner .txtWrap span{display: block;}

	/* 서브 타이틀 및 네비게이션 */
	#main-content.cn-sub .nav-wrap .tit{font-size: 1.2rem;}

	/* 레이아웃 */
	#main-content.cn-sub .wrap{padding: 1rem 0 4.5rem;}

	/* gnb */
	/* .gnb{border-bottom: 1px solid #ddd;}
	.gnb ul { flex-direction: column; background: #f99595; width: 100%; overflow: hidden; transition: max-height 0.3s ease-in-out; }
    .gnb ul li { display: none;}
    .gnb ul li.current { display: block; }
    .gnb ul.show li { display: block; }
	.gnb ul li a{padding: 1rem ; justify-content: flex-start; position: relative;}
	.gnb ul li.current a::before{display: none;}
	.gnb ul li.current a::after{content: "\ea4d"; font-family: 'remixicon'; position: absolute; right: 1rem; top: 0.8rem; font-size: 1.2rem;}
	.gnb ul.show li.current a::after{content: "\ea77";}
	#footer-cn .shortcut .layout {
		width: 100%;
		flex-direction: column;
		gap: 0;
	} */
	#footer-cn .shortcut .layout .linkBox {
		width: 100%;
		border-bottom: 1px solid #979797;
	}
	#footer-cn .shortcut li {
	}
	#footer-cn .shortcut ul {
		flex-wrap: wrap;
		bottom: 76px;
	}
	#footer-cn .shortcut {
		height: auto;
	}

	

}
@media screen and (max-width: 600px){
	/* 서브 타이틀 및 네비게이션 */
	/* #main-content .nav-wrap{flex-direction: column; justify-content: center; align-items: center; margin-top: 1.5rem; } */
	#main-content .nav-wrap{display: none;}
	#main-content .nav-wrap .tit{margin-bottom: 0.5rem;}
	
	.main-header-cn-navi[data-navi=gnb] .depth02-list {
		padding: 0;
	}
	.main-header-cn-navi[data-navi=gnb] .depth02 {
		width: 100%;
	}

	
}

@media screen and (max-width: 460px){
	/* 헤더 */

}