@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2020-08-18
**************************************************/


/**************************************************
	Common11
**************************************************/
body.scroll-no{overflow:hidden; width:100%; height:100%;}
body.scroll-no #header .header_in{transform:none !important; transition:none !important;}
#wrap{display:flex; flex-direction:column; justify-content:flex-start; align-items:normal; position:relative; min-height:100vh;}
/**************************************************
	상단 배너
**************************************************/
#topban{position:relative;}
#topban .topbanzone{position:relative; overflow:hidden; height:110px;}
#topban .topbanzone .nav{position:absolute; left:0; bottom:0; right:0; width:100%; max-width:1260px; margin:0 auto;}
#topban .topbanzone .nav .area_ctrl{position:absolute; bottom:40px; right:0;}
#topban .topbanzone .nav .area_ctrl button{float:left; overflow:hidden; width:36px; height:36px; margin-left:3px; background:url(../images/common/sp_topban_ctrl.png?ver=20241120) no-repeat 0 0; color:transparent;}
#topban .topbanzone .nav .area_ctrl .prev{background-position:-30px 0;}
#topban .topbanzone .nav .area_ctrl .play{display:none; background-position:-110px 0;}
#topban .topbanzone .nav .area_ctrl .pause{display:none; background-position:-70px 0;}
#topban .topbanzone .nav .area_ctrl .next{background-position:-150px 0;}
#topban .topbanzone .nav .area_ctrl .active{display:block;}
#topban .topbanzone .nav .area_close{position:absolute; bottom:10px; right:0; color:#fff;}
#topban .topbanzone .nav .area_close *{float:left;}
#topban .topbanzone .nav .area_close .inp_chk{margin:4px 5px 0 0;}
#topban .topbanzone .nav .area_close .btn_close{overflow:hidden; width:21px; height:21px; margin:0 0 0 15px; background:url(../images/common/sp_topban_ctrl.png?ver=20241120) no-repeat 0 0; color:transparent;}
#topban .topbanzone .item{position:relative; overflow:hidden; height:110px; vertical-align:top;}
#topban .topbanzone .item > .inr{position:absolute; left:50%; transform:translateX(-50%);}
#topban .topbanzone .item a{display:block;}
#topban .topbanzone .item .b_t,
#topban .topbanzone .item .b_m{display:none;}
#topban .topbanzone .item img{max-width:none;}

.inner{width:100%; max-width:var(--g-contents-wrap-size); padding-left:var(--g-contents-padding-x); padding-right:var(--g-contents-padding-x);}
@media screen and (min-width:1024px){
	.inner{margin:0 auto;}
}

/**************************************************
	공식 배너
**************************************************/
#g-masthead {
	--g-contents-wrap-size: 1884px;
	--g-masthead--color-surface: var(--g-light-color-surface-gray-subtler);
	--g-masthead--inner-gap-y: var(--g-gap-2);
	--g-masthead--inner-gap-x: var(--g-gap-5);
	--g-masthead--inner-min-size-height: var(--g-size-height-5);
	--g-masthead--inner-padding-y: var(--g-padding-2);
	--g-masthead--pc-font-size: var(--g-pc-font-size-body-small);
	--g-masthead--mobile-font-size: var(--g-mobile-font-size-body-small);
}
@media screen and (max-width: 1023px) {
	#g-masthead {
		--g-masthead--inner-padding-y: 0;
	}
}
#g-masthead {
	position: relative;
	z-index: 70;
	background-color: var(--g-masthead--color-surface);
}
#g-masthead .toggle-head .inner {
	position: relative;
	gap: var(--g-masthead--inner-gap-y) var(--g-masthead--inner-gap-x);
	max-width:var(--g-contents-wrap-size);
	min-height: var(--g-masthead--inner-min-size-height);
	margin:0 auto;
	padding-top: var(--g-masthead--inner-padding-y);
	padding-bottom: var(--g-masthead--inner-padding-y);
	padding-left: var(--g-contents-padding-x);
	padding-right: var(--g-contents-padding-x);
}
#g-masthead .toggle-head .nuri-txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-3);
	font-size: var(--g-masthead--pc-font-size);
	word-break: break-all;
}
@media screen and (max-width: 767px) {
	#g-masthead .toggle-head .nuri-txt {
		font-size: var(--g-masthead--mobile-font-size);
	}
}
#g-masthead .toggle-head .nuri-txt::before {
	content: "";
	display: inline-flex;
	width: var(--g-icon--size-large);
	height: var(--g-icon--size-large);
	background-color: var(--g-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_flag.svg);
	mask-image: url(../images/common/icon/ico_flag.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_flag.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
#g-masthead .toggle-body {
	height: 0;
	transition: var(--g-transition-base);
	overflow: hidden;
}
#g-masthead .inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}

[data-g-mode=high-contrast] #g-masthead {
	--g-masthead--color-surface: var(--g-high-contrast-color-surface-secondary-subtler);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] #g-masthead {
		--g-masthead--color-surface: var(--g-high-contrast-color-surface-secondary-subtler);
	}
}

/**************************************************
	Header
**************************************************/
body.fixed{overflow:hidden; width:100%; height:100%;}
#header{
	--g-contents-wrap-size: 1900px;
	--g-contents-padding-x: 60px;
	--g-header--utility-gap: var(--g-gap-4);
	--g-header--container-gap: var(--g-gap-2);
	--g-header--container-padding-top: var(--g-padding-5);
	--g-header--container-padding-bottom: var(--g-padding-6);
	--g-header--navi-min-height: var(--g-size-height-6);
	--g-header--navi-gap: var(--g-gap-2) var(--g-gap-3);
	--g-header--navi-padding: var(--g-padding-2) var(--g-padding-3) 0;
	--g-header--navi-border-radius: var(--g-radius-medium1);
	--g-header--navi-font-size-pc: var(--g-pc-font-size-navigation-depth-large);
	--g-header--navi-font-size-mobile: var(--g-mobile-font-size-navigation-depth-small-bold);
	--g-header--color-surface: var(--g-light-color-surface-white);
	--g-header--utility-color-divider: var(--g-light-color-divider-gray-light);
	--g-header--navi-color-text: var(--g-light-color-text-basic);
	--g-header--navi-color-hover: var(--g-light-color-action-secondary-hover);
	--g-header--navi-color-pressed: var(--g-light-color-action-secondary-pressed);
	position:sticky;
	top:0;
	left:0;
	z-index:100;
	border-bottom:0.1rem solid var(--g-light-color-divider-gray-light);
	background-color:var(--g-header--color-surface);
}
/*body[class*=scroll-] #header{position:relative;}
body[class*=scroll-] #header > .header_in{position:fixed; top:0; left:0; z-index:100; width:100%; border-bottom:0.1rem solid var(--g-light-color-divider-gray-light); background-color:var(--g-color-light-gray-0); transition:transform ease .4s .01s;}
body.scroll-down #header > .header_in{transform:translateY(calc(-100% - 1px));}
body.scroll-up #header > .header_in{transform:translateY(0);}
#header > .header_in{position:relative;}*/
#header .header_in{display:flex; justify-content:space-between;}
/* 헤더 Logo */
#header .logo{display:inline-flex; width:25rem; height:auto; aspect-ratio:250/45;}
#header .logo a{display:block; width:100%; height:100%; overflow:hidden; background:url(../images/common/2025/logo_h.svg) no-repeat 50% 50%/contain; color:transparent;}
#header .header_actions{}
#header .lst_util{display:flex; align-items:center; gap:var(--g-gap-2); height:100%;}
#header .lst_util > li{}
#header .language_wrap .drop-menu{z-index:100; min-width:14rem;}
#header .header_actions .btn-navi{display:flex; flex-direction:column; align-items:center; gap:var(--g-header--navi-gap); padding:var(--g-header--navi-padding); border-radius:var(--g-header--navi-border-radius); font-weight:var(--g-font-weight-bold); font-size:1.5rem; color:var(--g-header--navi-color-text)}
#header .header_actions .btn-navi:before{content:''; display:inline-flex; flex:0 0 auto; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain;}
#header .header_actions .btn-navi.sch:before{mask-image:url(../images/common/icon/ico_sch.svg);}
#header .header_actions .btn-navi.eng:before{mask-image:url(../images/common/icon/ico_global.svg);}
#header .header_actions .login .btn-navi:before{mask-image:url(../images/common/2025/ico_login.svg);}
#header .header_actions .logout .btn-navi:before{mask-image:url(../images/common/2025/ico_logout.svg);}
#header .header_actions .join .btn-navi:before{mask-image:url(../images/common/2025/ico_join.svg);}
#header .header_actions .mypage .btn-navi:before{mask-image:url(../images/common/2025/ico_mypage.svg);}
#header .header_actions .language .btn-navi:before{mask-image:url(../images/common/2025/ico_global.svg);}
#header .header_actions .sitemap .btn-navi{margin-right:2rem; padding:var(--g-padding-3);}
#header .header_actions .sitemap .btn-navi:before{mask-image:url(../images/common/2025/ico_allmenu.png); width:var(--g-icon--size-large); height:var(--g-icon--size-large);}
#header .header_actions .language .btn-navi span{position:relative; padding-right:1.4rem;}
#header .header_actions .language .btn-navi span:after{content:''; position:absolute; top:50%; right:0; width:1.2rem; height:1.2rem; mask:url(../images/common/icon/ico_angle.svg) no-repeat 0 0/contain; background-color:var(--g-light-color-text-basic); transform:translateY(-50%);}
#header .header_actions .language .btn-navi.active span:after{transform:translateY(-50%) rotate(180deg);}
#header .header_actions .btn-srch{position:absolute; top:0; width:6rem; height:100%; background-color:#1e2124; color:transparent;}
#header .header_actions .btn-srch:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:var(--g-icon--size-large); height:var(--g-icon--size-large); margin:auto; background-color:#fff; forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_sch.svg);}
#header .header_actions .btn-srch.open:after{mask-image:url(../images/common/icon/ico_delete.svg);}
#header .header_actions .btn-srch.open + .sch-wrap{display:block;}
#header .header_actions .sch-wrap{display:none; position:absolute; top:calc(100% + 1px); left:0; z-index:1001; width:100%; padding:3.6rem var(--g-contents-padding-x); background-color:#ecedee; box-shadow:0 8px 10px rgba(0,0,0,.1);}
#header .header_actions .sch-wrap .sch-input{max-width:78rem; margin:0 auto;}
#header .header_actions .sch-wrap .sch-input .g-input{border:.3rem solid #1e2124; border-radius:0;}
/* 사이트맵 */
#modal_sitemap{
	--g-sitemap-navigation--padding: var(--g-padding-10);
	--g-sitemap-navigation--title-padding-x: var(--g-padding-3);
	--g-sitemap-navigation--title-padding-bottom: var(--g-padding-6);
	--g-sitemap-navigation--title-font-size: var(--g-pc-font-size-navigation-title-medium);
	--g-sitemap-navigation--btn-gap: var(--g-gap-3);
	--g-sitemap-navigation--btn-padding-x: var(--g-padding-3);
	--g-sitemap-navigation--btn-padding-y: var(--g-padding-5);
	--g-sitemap-navigation--btn-padding-y-selected: var(--g-padding-3);
	--g-sitemap-navigation--btn-font-size: var(--g-pc-font-size-navigation-depth-medium-bold);
	--g-sitemap-navigation--3depth-padding-y: var(--g-padding-3);
	--g-sitemap-navigation--3depth-btn-padding-x: var(--g-padding-6);
	--g-sitemap-navigation--3depth-btn-padding-y: var(--g-padding-3);
	--g-sitemap-navigation--3depth-btn-radius: var(--g-radius-medium2);
	--g-sitemap-navigation--4depth-padding: var(--g-padding-6);
	--g-sitemap-navigation--4depth-title-padding: var(--g-padding-3);
	--g-sitemap-navigation--4depth-title-radius: var(--g-radius-medium3);
	--g-sitemap-navigation--4depth-title-font-size: var(--g-pc-font-size-navigation-title-medium);
	--g-sitemap-navigation--title-color-border: var(--g-light-color-divider-gray);
	--g-sitemap-navigation--title-border-width: var(--g-light-border-width-static-regular);
	--g-sitemap-navigation--color-action: var(--g-light-color-action-secondary);
	--g-sitemap-navigation--color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-sitemap-navigation--color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-sitemap-navigation--color-action-selected: var(--g-light-color-action-secondary-selected);
	--g-sitemap-navigation--color-border: var(--g-light-color-divider-gray-light);
	--g-sitemap-navigation--color-text-selected: var(--g-light-color-text-secondary);
	--g-sitemap-navigation--color-border-selected: var(--g-light-color-action-secondary-active);
	--g-sitemap-navigation--item-color-border: var(--g-light-color-divider-gray-light);
	--g-sitemap-navigation--item-color-border-selected: var(--g-light-color-border-gray);
	--g-sitemap-navigation--item-border-width: var(--g-light-border-width-static-regular);
	--g-sitemap-navigation--2depth-btn-color-border: var(--g-light-color-border-secondary);
	--g-sitemap-navigation--4depth-color-border: var(--g-light-color-border-gray);
	--g-sitemap-navigation--4depth-background: var(--g-light-color-background-white);
	background-color:var(--g-light-color-background-white);
}
#modal_sitemap :is(.modal-header,.modal-conts){max-width:var(--g-contents-wrap-size); padding:0 var(--g-contents-padding-x);}
#modal_sitemap .modal-dialog .modal-header {
	padding: 7rem var(--g-contents-padding-x) var(--g-padding-10);
	line-height: 1;
}
#modal_sitemap .modal-dialog .modal-header .modal-title{width:426px; height:34px; background:url(../images/common/2025/logo_sitemap.png) no-repeat 0 0/contain;}
#modal_sitemap .modal-dialog .modal-conts{margin-bottom:10rem;}
#modal_sitemap .modal-dialog .btn-close {
	top: 0;
	right: 0;
	width:6rem;
	height:6rem;
	padding:var(--g-padding-6) !important;
	border-radius:0;
	background-color:var(--g-color-light-gray-90);
}
#modal_sitemap .modal-dialog .btn-close .svg-icon{background-color:#fff;}
#modal_sitemap .stm_lst{display:flex; position:relative; width:100%; border-top:1px solid var(--g-light-color-divider-gray-darker); border-bottom:1px solid var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li{flex:1;}
#modal_sitemap .stm_lst a{
	display: flex;
	align-items:center;
	gap: var(--g-sitemap-navigation--btn-gap);
	position: relative;
	min-width:0;
	width: 100%;
	background-color: var(--g-sitemap-navigation--color-action);
	padding: var(--g-sitemap-navigation--btn-padding-y) var(--g-sitemap-navigation--btn-padding-x);
	font-size: var(--g-sitemap-navigation--btn-font-size);
	font-weight: var(--g-font-weight-bold);
	text-align: left;
}
/*#modal_sitemap .stm_lst a:hover{background-color: var(--g-sitemap-navigation--color-action-hover);}
#modal_sitemap .stm_lst a:active{background-color: var(--g-sitemap-navigation--color-action-pressed);}*/
#modal_sitemap .stm_lst a:focus{
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: -0.4rem;
}
#modal_sitemap .stm_lst a.on:not(:has(+ ul)){background-color: var(--g-sitemap-navigation--color-action-selected); color: var(--g-sitemap-navigation--color-text-selected);}
#modal_sitemap .stm_lst a[target="_blank"]:after{content:''; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
/* 1차 */
#modal_sitemap .stm_lst > li{display:flex; flex-direction:column; flex-shrink:0; min-width:0;}
#modal_sitemap .stm_lst > li > a{position:relative; justify-content:center; min-width:0; padding:var(--g-padding-6) var(--g-padding-4); border-bottom:1px solid var(--g-light-color-divider-gray-darker); font-size:2.1rem; text-align:center;}
#modal_sitemap .stm_lst > li > a:before{content:''; position:absolute; top:1rem; left:0; bottom:1rem; border-left:1px solid var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li:last-child > a:after{content:''; position:absolute; top:1rem; right:0; bottom:1rem; border-right:1px solid var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li > a span{min-width:0; line-height:1.2;}
/* 2차 */
#modal_sitemap .stm_lst > li > ul{flex:1; min-width:0; margin:1rem 0; padding:0 var(--g-padding-8) var(--g-padding-6); border-left:1px solid var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li:last-child > ul{border-right:1px solid var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li > ul > li > a{padding:var(--g-padding-4) 0; border-bottom:1px solid var(--g-light-color-divider-gray-light); font-size:1.9rem;}
#modal_sitemap .stm_lst > li > ul > li:has(>ul) > a:after{content:''; flex-shrink:0; width:1.2rem; height:1.2rem; margin-left:auto; mask:url(../images/common/icon/ico_angle.svg) no-repeat 0 0/contain; background-color:var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li > ul > li > a span{min-width:0; line-height:1.2;}
/* 3차 */
#modal_sitemap .stm_lst > li > ul > li > ul{margin:var(--g-gap-4) 0;}
#modal_sitemap .stm_lst > li > ul > li > ul > li > a{position:relative; padding:var(--g-padding-2) 0 var(--g-padding-2) var(--g-padding-7); font-weight:400;}
#modal_sitemap .stm_lst > li > ul > li > ul > li > a:before{content:''; position:absolute; top:1.3rem; left:.4rem; width:.5rem; height:.5rem; border-radius:50%; background-color:var(--g-light-color-divider-gray-darker);}
#modal_sitemap .stm_lst > li > ul > li > ul > li > a span{min-width:0;}

/* 헤더 GNB */
.gnb_dim{display:none; position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; background:var(--g-light-color-background-dim);}
/*.gnb_dim.open{display:block;}*/
#header .gnb_wrap{background-color:var(--g-light-color-surface-white)}
#header .gnb_wrap > .inr{max-width:var(--g-contents-wrap-size); margin:0 auto;}
#header #gnb{display:flex; align-items:center; gap:var(--g-gap-8);}
#header #gnb a{display:block;}
#header #gnb > li > a{display:flex; align-items:center; gap:var(--g-gap-3); position:relative; height:11.6rem; padding:0 var(--g-padding-5); font-weight:var(--g-font-weight-bold); font-size:2.1rem; transition:var(--g-transition-base);}
#header #gnb > li.active > a{text-decoration:underline; text-decoration-thickness:0.3rem; text-underline-offset:.7rem;}
/*#header #gnb > li > a:hover{background-color:var(--g-light-color-action-secondary-hover);}
#header #gnb > li > a:active{background-color:var(--g-light-color-action-secondary-pressed);}*/
#header #gnb > li > a:focus{/*box-shadow:var(--g-box-shadow-outline-inset); outline-offset:-0.4rem;*/}
/*#header #gnb > li > a:before{content:''; display:inline-flex; position:absolute; bottom:1.7rem; left:50%; width:0; height:0.4rem; background-color:var(--g-light-color-action-secondary-active); transition:var(--g-transition-base);}*/
#header #gnb > li.active > a:before{left:0; width:100%;}
/*#header #gnb > li > a:after{content:''; flex-shrink:0; width:2rem; height:2rem; margin-top:-.3rem; background-color:var(--g-light-color-text-subtle); mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transition:var(--g-transition-base);}*/
#header #gnb > li > a[target="_blank"]:after{display:block; mask-image:url(../images/common/icon/ico_go.svg);}
#header #gnb > li.open > a:after{transform:rotate(180deg);}
#header #gnb > li:not(:has(div li)) > a:after{display:none;}
#header #gnb > li > a > span{display:flex; align-items:center; position:relative;}
/* 2차 */
#header #gnb > li > div{display:none; position:absolute; top:100%; left:0; overflow-y:hidden; width:100%; background:var(--g-light-color-surface-white);}
/*#header #gnb > li > div::-webkit-scrollbar {
	width: 0.8rem;
}
#header #gnb > li > div::-webkit-scrollbar-thumb {
	background-color: var(--g-light-color-element-secondary-light);
	border-radius: 0.8rem;
}
#header #gnb > li > div::-webkit-scrollbar-track {
	background-color: var(--g-light-color-element-secondary-lighter);
}*/
#header #gnb > li.open > div{display:block; z-index:32; border-top:0.1rem solid var(--g-light-color-divider-gray-light); border-bottom:1px solid var(--g-light-color-divider-gray-darker);}
/*#header #gnb > li > div:not(:has(li)){display:none !important;}*/
#header #gnb > li > div > .inner{position:relative;}
#header #gnb > li > div > .inner > ul{display:flex; flex-wrap:wrap; gap:var(--g-gap-2) var(--g-gap-7); flex:1; position:relative; padding:var(--g-padding-4) 0;}
#header #gnb > li:nth-child(1) > div > .inner > ul{margin-left:11%;}
#header #gnb > li:nth-child(2) > div > .inner > ul{margin-left:20%;}
#header #gnb > li:nth-child(3) > div > .inner > ul{margin-left:36%;}
#header #gnb > li:nth-child(4) > div > .inner > ul{margin-left:23%;}
#header #gnb > li:nth-child(5) > div > .inner > ul{margin-left:42%;}
#header #gnb > li:nth-child(6) > div > .inner > ul{margin-left:5%;}
#header #gnb > li:nth-child(7) > div > .inner > ul{margin-left:49%;}
#header #gnb > li > div > .inner > ul a{display:flex; align-items:center; gap:var(--g-gap-3); width:100%; padding:var(--g-padding-4) var(--g-padding-3); border-radius:var(--g-radius-medium2); font-size:var(--g-pc-font-size-navigation-depth-medium);}
#header #gnb > li > div > .inner > ul a:before{content:''; flex-shrink:0; width:0.4rem; height:0.4rem; border-radius:var(--g-radius-max); background-color:var(--g-light-color-text-basic);}
#header #gnb > li > div > .inner > ul a[target="_blank"]:after{content:''; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
/*#header #gnb > li > div > .inner > ul a:hover{background-color:var(--g-light-color-action-secondary-hover);}
#header #gnb > li > div > .inner > ul a:is(:active,:focus){background-color:var(--g-light-color-action-secondary-pressed);}*/
#header #gnb > li > div > .inner > ul > li > a{justify-content:space-between; font-size:var(--g-pc-font-size-navigation-depth-medium);}
#header #gnb > li > div > .inner > ul > li.active > a{font-weight:700; color:var(--g-light-color-text-basic); text-decoration:underline; text-underline-offset:.5rem;}
#header #gnb > li > div > .inner > ul > li > a:before{display:none;}
#header #gnb > li > div > .inner > ul > li:has(div) > a:after{content:''; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); mask:url(../images/common/icon/ico_angle.svg) no-repeat 50% 50%/contain; background-color:var(--g-light-color-text-basic);}
/* 3차 */
#header #gnb > li > div > .inner > ul > li ul{display:none;}
#header #gnb > li > div > .inner > ul > li > div.depth3{display:none; margin-top:var(--g-gap-4);}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul{}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul a{display:flex; align-items:center; gap:var(--g-gap-3); width:100%; padding:var(--g-padding-3) var(--g-padding-3); border-radius:var(--g-radius-medium2); font-size:var(--g-pc-font-size-navigation-depth-medium);}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul a:before{content:''; flex-shrink:0; width:0.4rem; height:0.4rem; border-radius:var(--g-radius-max); background-color:var(--g-light-color-text-basic);}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul a[target="_blank"]:after{content:''; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul a:hover{background-color:var(--g-light-color-action-secondary-hover);}
#header #gnb > li > div > .inner > ul > li > div.depth3 ul a:is(:active,:focus){background-color:var(--g-light-color-action-secondary-pressed);}
/* 4차 */
#header #gnb > li > div > .inner > ul > li > div.depth3 ul li ul{display:none;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{display:none !important; position:absolute; top:9.8rem; left:0; z-index:20; overflow:hidden; width:100%; height:0; background:var(--g-color-light-gray-0); transition:height .4s;}
#header .gnb_wrap .gnb_bg.open{}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1400px; margin:0 auto;}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/**************************************************
	Footer
**************************************************/
#footer{flex:0 1 auto; background:#1e2124; color:#fff; --g-contents-wrap-size:1844px;}
#footer > .inner{padding-top:6rem; padding-bottom:6rem;}
#footer .f_logo .logo{display:block; width:14.4rem; height:auto; margin:0 auto; aspect-ratio:144/100; overflow:hidden; mask:url(../images/common/2025/logo_f.svg) no-repeat 0 0/contain; background-color:#fff;}
#footer .f_cont{}
#footer .f_btm_menu{display:flex; justify-content:center; flex-wrap:wrap; gap:var(--g-gap-2) 0; margin-top:var(--g-gap-7);}
#footer .f_btm_menu li{position:relative; padding:0 var(--g-padding-6);}
#footer .f_btm_menu li:not(:first-child):before{content:''; position:absolute; top:.4rem; left:0; height:1.4rem; border-left:1px solid #535659;}
#footer .f_btm_menu a{color:#fff;}
#footer .link_sns{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-8); margin-top:var(--g-gap-9);}
#footer .link_sns .btn-sns{width:3.2rem; height:3.2rem; mask-repeat:no-repeat; mask-position:0 0; mask-size:contain; background-color:#fff;}
#footer .link_sns .instagram{mask-image:url(../images/common/2025/ico_instagram.svg);}
#footer .link_sns .facebook{mask-image:url(../images/common/2025/ico_facebook.svg);}
#footer .link_sns .blog{mask-image:url(../images/common/2025/ico_blog.svg);}
#footer .link_sns .youtube{mask-image:url(../images/common/2025/ico_youtube.svg);}
#footer .f_info{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-4); margin-top:var(--g-gap-6); text-align:center;}
#footer .f_info .info-addr{font-size:var(--g-pc-font-size-body-small);}
#footer .f_info .info-cs{display:flex; justify-content:center; gap:var(--g-gap-6);}
#footer .f_info .info-cs li{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-4); padding-left:var(--g-gap-4); position:relative; font-size:var(--g-pc-font-size-body-small);}
#footer .f_info .info-cs li:before{content:''; position:absolute; top:.5rem; left:0; height:1.2rem; border-left:.1rem solid #fff;}
#footer .f_info .info-cs .key-info{font-weight:400;}
#footer .f_copy{margin-top:var(--g-gap-2); font-size:var(--g-pc-font-size-body-small); text-align:center;}

/**************************************************
	Container
**************************************************/
#container{flex:1;}
#container > .inner{padding-bottom:var(--g-pc-gap-layout-contents-footer);}

/**************************************************
	Side
**************************************************/
#side{
	--g-side-navigation--padding: var(--g-padding-10);
	--g-side-navigation--title-padding-x: var(--g-padding-3);
	--g-side-navigation--title-padding-bottom: var(--g-padding-6);
	--g-side-navigation--title-font-size: var(--g-pc-font-size-navigation-title-large);
	--g-side-navigation--btn-gap: var(--g-gap-3);
	--g-side-navigation--btn-padding-x: var(--g-padding-3);
	--g-side-navigation--btn-padding-y: var(--g-padding-6);
	--g-side-navigation--btn-padding-y-selected: var(--g-padding-3);
	--g-side-navigation--btn-font-size: var(--g-pc-font-size-navigation-depth-medium-bold);
	--g-side-navigation--3depth-padding-y: var(--g-padding-3);
	--g-side-navigation--3depth-btn-padding-x: var(--g-padding-6);
	--g-side-navigation--3depth-btn-padding-y: var(--g-padding-3);
	--g-side-navigation--3depth-btn-radius: var(--g-radius-medium2);
	--g-side-navigation--4depth-padding: var(--g-padding-6);
	--g-side-navigation--4depth-title-padding: var(--g-padding-3);
	--g-side-navigation--4depth-title-radius: var(--g-radius-medium3);
	--g-side-navigation--4depth-title-font-size: var(--g-pc-font-size-navigation-title-medium);
	--g-side-navigation--title-color-border: var(--g-light-color-divider-gray);
	--g-side-navigation--title-border-width: var(--g-light-border-width-static-regular);
	--g-side-navigation--color-action: var(--g-light-color-action-secondary);
	--g-side-navigation--color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-side-navigation--color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-side-navigation--color-action-selected: var(--g-light-color-action-secondary-selected);
	--g-side-navigation--color-border: var(--g-light-color-divider-gray-light);
	--g-side-navigation--color-text-selected: var(--g-color-light-gray-90);
	--g-side-navigation--color-border-selected: var(--g-light-color-action-secondary-active);
	--g-side-navigation--item-color-border: var(--g-light-color-divider-gray-light);
	--g-side-navigation--item-color-border-selected: var(--g-light-color-border-gray);
	--g-side-navigation--item-border-width: var(--g-light-border-width-static-regular);
	--g-side-navigation--2depth-btn-color-border: var(--g-light-color-border-secondary);
	--g-side-navigation--4depth-color-border: var(--g-light-color-border-gray);
	--g-side-navigation--4depth-background: var(--g-light-color-background-white);
	position: relative;
	overflow: hidden;
}
#side:has(.snb li){padding:6rem 0 0;}
/* SNB */
#side .snb_wrap{}
#side .snb_wrap .title{
	display:flex;
	align-items:center;
	justify-content:center;
	height:13.8rem;
	margin:0 -.1rem;
	padding:0 2rem;
	border-radius:1.6rem 4.8rem 0 1.6rem;
	background:url(../images/common/2025/bg_snb_top.png) no-repeat 0 0;
	font-size: var(--g-side-navigation--title-font-size);
	font-weight: var(--g-font-weight-bold);
	color:#fff;
	text-align:center;
}
#side .snb_wrap .title span{line-height:1.2;}
#side .snb{display:flex; flex-wrap:wrap; justify-content:center; gap:1rem;}
#side .snb a *{min-width:0;}
#side .snb a{
	display: flex;
	justify-content:center;
	align-items:center;
	gap: var(--g-side-navigation--btn-gap);
	position: relative;
	width: 100%;
	height:100%;
	background-color: var(--g-color-light-gray-5);
	padding: var(--g-side-navigation--btn-padding-y) var(--g-side-navigation--btn-padding-x);
	font-size: var(--g-side-navigation--btn-font-size);
	font-weight:var(--g-font-weight-bold);
	color:var(--g-color-light-gray-50);
	line-height:1.2;
	text-align: center;
}
#side .snb a:hover{color:var(--g-light-color-text-basic);}
/*#side .snb a:active{background-color: var(--g-color-light-gray-20);}*/
#side .snb a:focus {
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: -0.4rem;
}
#side .snb a.on{background-color:#fff; color: var(--g-light-color-text-basic);}
#side .snb a[target="_blank"]:after{content:''; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
#side .snb a.parent:after{display:none;}
#side .snb a .unfd{
	flex-shrink: 0;
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	margin-top: var(--g-padding-1);
	margin-left: auto;
	transition: var(--g-transition-base);
	transform: rotate(0deg);
}
#side .snb a.on .unfd{
	background-color: var(--g-side-navigation--color-text-selected);
	transform: rotate(180deg);
}
/* 2차 */
#side .snb > li{flex:1; min-width:0;}
#side .snb > li.open{border-bottom-color:var(--g-side-navigation--item-color-border-selected);}
#side .snb > li > a{height:6rem; padding:1rem; font-size:1.9rem; text-align:center;}
#side .snb > li > a.on{border:2px solid var(--g-light-color-border-gray-darker);}
#side .snb > li > a span{min-width:0; line-height:1.2;}
/* 3차 */
#side .snb > li > ul{display:none; padding:var(--g-side-navigation--3depth-padding-y) 0;}
#side .snb > li.open > ul{/*display:block;*/}
#side .snb > li > ul > li a{padding: var(--g-side-navigation--3depth-btn-padding-y) var(--g-side-navigation--3depth-btn-padding-x); border-radius: var(--g-side-navigation--3depth-btn-radius); font-weight: var(--g-font-weight-regular);
}
#side .snb > li > ul > li a:before{content:"•"; flex-shrink:0;}
#side .snb > li > ul > li a.on{font-weight: var(--g-font-weight-bold); color: var(--g-side-navigation--color-text-selected);}
/* 4차 */
#side .snb > li > ul > li > div{display:none; position:absolute; top:var(--g-padding-8); left:-100%; z-index:10; overflow:hidden; overflow-y:auto; opacity:0; width:100%; height:100%; background-color:var(--g-side-navigation--4depth-background); transition:var(--g-transition-base);}
#side .snb > li > ul > li > div::-webkit-scrollbar {
	width: 0.8rem;
}
#side .snb > li > ul > li > div::-webkit-scrollbar-thumb {
	background-color: var(--g-light-color-element-secondary-light);
	border-radius: 0.8rem;
}
#side .snb > li > ul > li > div::-webkit-scrollbar-track {
	background-color: var(--g-light-color-element-secondary-lighter);
}
#side .snb > li > ul > li.open > div{display:block; left:0; opacity:1;}
#side .snb > li > ul > li > div > a{display:flex; align-items:flex-start; flex-direction:column-reverse; gap:var(--g-gap-2); margin-bottom:var(--g-padding-3); padding:var(--g-side-navigation--4depth-title-padding) !important; border-radius:var(--g-side-navigation--4depth-title-radius); font-weight:var(--g-font-weight-bold); font-size:var(--g-side-navigation--4depth-title-font-size);}
#side .snb > li > ul > li > div > a:focus{box-shadow:var(--g-box-shadow-outline-inset); outline-offset:-0.4rem;}
#side .snb > li > ul > li > div > a:before{display:none;}
#side .snb > li > ul > li > div > a.on .unfd{order:0; position:static; width:var(--g-icon--size-large); height:var(--g-icon--size-large); margin:0; transform:rotate(90deg);}
#side .snb > li > ul > li > div > ul{padding:var(--g-side-navigation--4depth-padding) 0; border-top:0.1rem solid var(--g-side-navigation--4depth-color-border); border-bottom:0.1rem solid var(--g-side-navigation--4depth-color-border);}
/* 5차 */
#side .snb > li > ul > li > div > ul > li ul{display:none;}

/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{position:relative; min-width:0;}

/* location */
.area_location {
	--g-breadcrumb--padding-x: var(--g-padding-2);
	--g-breadcrumb--margin-bottom: var(--g-pc-gap-layout-breadcrumb-h1);
	--g-breadcrumb--radius: var(--g-radius-medium2);
	--g-breadcrumb--pc-font-size: var(--g-pc-font-size-label-small);
	--g-breadcrumb--mobile-font-size: var(--g-mobile-font-size-label-small);
	--g-breadcrumb--color-action: var(--g-light-color-action-secondary);
	--g-breadcrumb--color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-breadcrumb--color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-breadcrumb--color-text: var(--g-light-color-text-basic);
	--g-breadcrumb--color-text-disabled: var(--g-light-color-text-disabled);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
	margin-top: var(--g-pc-gap-layout-header-breadcrumb);
}
.area_location .location {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--g-gap-2);
	position:relative;
	z-index:10;
	width: 100%;
}
.area_location .location li{display:flex; align-items:center; font-size:var(--g-breadcrumb--pc-font-size);}
/*.area_location .location li:last-child{display:none;}
*/@media screen and (max-width: 767px) {
	.area_location .location li {
		font-size: var(--g-breadcrumb--mobile-font-size);
	}
}
.area_location .location li:not(:last-child)::after {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	content: "";
	margin-left: var(--g-gap-2);
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	transform: rotate(-90deg);
}

.area_location .location li a{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-2);
	padding: 0 var(--g-breadcrumb--padding-x);
	background-color: var(--g-breadcrumb--color-action);
	border-radius: var(--g-breadcrumb--radius);
	text-decoration: underline;
	text-underline-offset: var(--g-font-underline-offset);
}
/*.area_location .location li a:hover{background-color:var(--g-breadcrumb--color-action-hover);}
.area_location .location li a:active{background-color:var(--g-breadcrumb--color-action-pressed);}*/
.area_location .location li a:focus{box-shadow: var(--g-box-shadow-outline-inset); outline-offset: -0.4rem;}
.area_location .location li:first-child a:before{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	content: "";
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_bread_home.svg);
	mask-image: url(../images/common/icon/ico_bread_home.svg);
}
@media screen and (max-width: 767px) {
	/*.area_location {
		padding-top: var(--g-mobile-gap-layout-header-breadcrumb);
		margin-bottom: var(--g-mobile-gap-layout-breadcrumb-h1);
	}
	.area_location .location li:not(:first-child,:nth-last-child(2)) {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}
	.area_location .location li:not(:first-child,:nth-child(2)):nth-last-child(2){
		gap: var(--g-gap-2);
	}
	.area_location .location li:not(:first-child):not(:nth-child(2)):nth-last-child(2)::before,
	.area_location .location li:not(:first-child):not(:nth-child(2)):nth-last-child(2)::after {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		content: "";
		display: inline-flex;
		width: var(--g-icon--size-small);
		height: var(--g-icon--size-small);
		background-color: var(--g-light-color-text-basic);
		forced-color-adjust: none;
	}
	.area_location .location li:not(:first-child):not(:nth-child(2)):nth-last-child(2)::before {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_ellipsis.svg);
		mask-image: url(../images/common/icon/ico_ellipsis.svg);
	}
	.area_location .location li:not(:first-child):not(:nth-child(2)):nth-last-child(2)::after {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
		mask-image: url(../images/common/icon/ico_angle.svg);
		transform: rotate(-90deg);
	}
	.area_location .location li:not(:first-child):not(:nth-child(2)):nth-last-child(2) a {
		order: 3;
	}*/
}

/*** 컨텐츠 헤드 ***/
.cont_head_wrap{padding-top:12rem; background:url(../images/common/2025/bg_subtop01.jpg) no-repeat 100% 100%;}
.cont_head{display:flex; justify-content:center; align-items:center; position:relative;}
.cont_head .btn_back{display:none;}
.cont_head .title{display:flex; align-items:center; gap:var(--g-gap-4); font-weight:800; font-size:5.6rem; letter-spacing:var(--g-typo-letter-spacing-1);}
.cont_head .title span{display:flex; align-items:center; line-height:1.2;}
.cont_head .title span em{line-height:1.2;}
.cont_head .nav{display:none;}
/* 공유 버튼 */
.cont_head .util_area{display:flex; align-items:center; gap:var(--g-gap-3); position:absolute; top:1rem; right:0;}
.cont_head .util_area button{display:block; position:relative; width:4.8rem; height:4.8rem; padding:1rem; overflow:hidden; border-radius:var(--g-radius-max); border:1px solid var(--g-light-color-border-gray); background:#fff; color:transparent;}
/*.cont_head .util_area button:hover{background-color:var(--g-color-light-gray-20);}
.cont_head .util_area button:active{background-color:var(--g-color-light-gray-30);}*/
.cont_head .util_area button:after{content:''; display:block; width:100%; height:100%; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; background-color:var(--g-light-color-text-basic);}
.cont_head .util_area .btn_print{border-color:transparent; background-color:var(--g-color-light-gray-90);}
.cont_head .util_area .btn_botfont,
.cont_head .util_area .btn_botfont_dw{background-color:var(--g-color-light-secondary-5);}
.cont_head .util_area .btn_botfont:hover,
.cont_head .util_area .btn_botfont_dw:hover{background-color:var(--g-color-light-secondary-10);}
.cont_head .util_area .btn_botfont:active,
.cont_head .util_area .btn_botfont_dw:active{background-color:var(--g-color-light-secondary-20);}
.cont_head .util_area .btn_botfont:after{mask-image:url(../images/common/icon/ico_botfont.svg);}
.cont_head .util_area .btn_botfont_dw:after{mask-image:url(../images/common/icon/ico_botfont_dw.svg);}
.cont_head .util_area .btn_zin:after{mask-image:url(../images/common/icon/ico_text_zin.svg);}
.cont_head .util_area .btn_zout:after{mask-image:url(../images/common/icon/ico_text_zout.svg);}
.cont_head .util_area .btn_print:after{mask-image:url(../images/common/icon/ico_print.svg); background-color:#fff;}
/* 공유 박스 */
.cont_head .util_area .c_share_box{}
.cont_head .util_area .c_share_box .btn_share{border-color:transparent; background-color:var(--g-color-light-gray-90);}
.cont_head .util_area .c_share_box .btn_share:after{mask-image:url(../images/common/icon/ico_share.svg); background-color:#fff;}
.cont_head .util_area .c_share_box.open .btn_share{}
.cont_head .util_area .c_share_box.open .btn_share:hover{}
.cont_head .util_area .c_share_box.open .btn_share:active{}
.cont_head .util_area .c_share_box.open .btn_share:after{mask-image:url(../images/common/icon/ico_close.svg);}
.cont_head .util_area .c_share_box .ly_share{display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:20; padding:var(--g-padding-1) var(--g-padding-2); border:0.1rem solid var(--g-light-color-border-gray); border-radius:var(--g-radius-medium1); background:var(--g-color-light-gray-0); box-shadow:0 0.4rem 1.2rem var(--g-color-light-alpha-black10);}
.cont_head .util_area .c_share_box.open .ly_share{display:flex; align-items:center;}
.cont_head .util_area .c_share_box .ly_share button{flex-shrink:0; width:40px; height:40px; border:0; background:none;}
.cont_head .util_area .c_share_box .ly_share button:not(:first-child):before{content:''; display:block; position:absolute; top:0; left:0; bottom:0; z-index:10; height:9px; margin:auto 0; border-left:1px solid var(--g-color-light-gray-20);}
.cont_head .util_area .btn_x:after{mask-image:url(../images/common/icon/ico_sns_x.svg);}
.cont_head .util_area .btn_facebook:after{mask-image:url(../images/common/icon/ico_facebook.svg); background-color:#0866FF;}
.cont_head .util_area .btn_blog:after{mask-image:url(../images/common/icon/ico_blog.svg); background-color:#03C75A;}
.cont_head .util_area .btn_kakao:after{background:url(../images/common/icon/ico_kakaotalk.svg) 0 0/contain;}

/*** 컨텐츠 바디 ***/
.cont_body{margin-top:var(--g-gap-10); word-break:keep-all; overflow-wrap:break-word;}

/* 탭메뉴 common */
.lnb{position:relative; margin-bottom:var(--g-gap-10);}
.lnb ul{margin:0; padding:0;}
.lnb li{margin:0; padding:0; vertical-align:top;}
.lnb li:before{display:none;}
.lnb li a{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-2); position:relative; height:100%; word-break:break-all;}
.lnb li a[target="_blank"]:after{content:''; flex:0 0 auto; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
.lnb li.on a{font-weight:var(--g-font-weight-bold); color:var(--g-light-color-text-secondary);}
/* 탭메뉴01(일반 4개 이하) */
.lnb.tmn01{background-color:var(--g-color-light-gray-5);}
.lnb.tmn01:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:.1rem solid var(--g-light-color-border-gray-light);}
.lnb.tmn01 :is(.btn_left,.btn_right){position:absolute; top:50%; left:0; z-index:10; transform:translate(-50%, -50%); width:4rem; height:4rem; overflow:hidden; border-radius:50%; background:var(--g-color-light-alpha-black50); color:transparent;}
.lnb.tmn01 :is(.btn_left,.btn_right):hover{background:var(--g-color-light-alpha-black75);}
.lnb.tmn01 :is(.btn_left,.btn_right):disabled{display:none;}
.lnb.tmn01 .btn_right{left:auto; right:0; transform:translate(50%, -50%);}
.lnb.tmn01 :is(.btn_left,.btn_right):after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:var(--g-icon--size-large); height:var(--g-icon--size-large); margin:auto; background-color:var(--g-light-color-surface-white); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transform:rotate(-90deg);}
.lnb.tmn01 .btn_left:after{transform:rotate(90deg);}
.lnb.tmn01 ul{display:flex; position:relative; z-index:1; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; /* iOS 스크롤 부드럽게 */ margin:0;}
.lnb.tmn01 ul::-webkit-scrollbar{display:none; height:10px;}
.lnb.tmn01 ul::-webkit-scrollbar-thumb{background:transparent;}
.lnb.tmn01 li{flex:0 0 calc(100%/4); position:relative; margin:0; font-weight:var(--g-font-weight-bold); font-size:var(--g-pc-font-size-navigation-depth-medium); letter-spacing:-.05rem;}
.lnb.tmn01 li:not(:first-child,.on,.on + li):before{content:''; display:block; position:absolute; top:0; left:-.1rem; bottom:0; height:1.8rem; margin:auto 0; border-left:.1rem solid var(--g-color-light-gray-20);}
.lnb.tmn01 li a{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-2); height:var(--g-size-height-8); padding:0 var(--g-padding-7); border:.1rem solid transparent; border-width:0.1rem 0; background-clip:padding-box; font-size:var(--g-pc-font-size-navigation-depth-medium); line-height:1.2; text-align:center; transition:background .3s;}
.lnb.tmn01 li a span{line-height:1.2;}
.lnb.tmn01 li a:hover{background-color:var(--g-color-light-gray-10);}
.lnb.tmn01 li a:active{background-color:var(--g-color-light-gray-20);}
.lnb.tmn01 li a:focus{outline-offset:-0.6rem; box-shadow:inset 0 0 0 0.2rem var(--g-light-color-border-primary);}
.lnb.tmn01 li.on a{border:.2rem solid var(--g-light-color-action-secondary-active); background:var(--g-color-light-gray-0); color:var(--g-light-color-text-secondary);}
.lnb.tmn01 li.on a:hover{background:var(--g-color-light-secondary-5);}
.lnb.tmn01 li.on a:active{background:var(--g-color-light-secondary-10);}
.lnb.tmn01 li.on a:before{content:''; flex-shrink:0; width:2.4rem; height:2.4rem; border-radius:var(--g-radius-max); background:url(../images/common/icon/ico_complete_fill.svg) no-repeat 50% 50%/contain;}
/* 탭메뉴03(박스) */
.lnb.tmn03{padding:25px 0; border:1px solid #dbdbdb; background:#fafafa;}
.lnb.tmn03 li{position:static; width:33.33%;}
.lnb.tmn03 li:before{content:''; display:inline-block; position:absolute; top:0; bottom:0; border-left:1px dotted #b5b5b5;}
.lnb.tmn03 li:nth-child(3n+1):before{display:none;}
.lnb.tmn03 li a{justify-content:flex-start; margin:0 0 0 25px; padding:5px 10px 4px 0;}
.lnb.tmn03 li a:before{content:''; flex:0 0 auto; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#3e73c1;}
/* 탭메뉴04(년도) */
.lnb.tmn04{}
.lnb.tmn04 ul{display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; position:relative; z-index:1;}
.lnb.tmn04 li{}
.lnb.tmn04 li a{display:flex; justify-content:center; align-items:center; height:5.6rem; padding:0 var(--g-padding-7); border-bottom:.2rem solid var(--g-light-color-border-gray-light); font-size:1.9rem;}
.lnb.tmn04 li a span{line-height:1.2;}
.lnb.tmn04 li.on a,
.lnb.tmn04 li a.active{border-color:var(--g-light-color-border-gray-darker); color:var(--g-light-color-text-basic);}

/*** 컨텐츠 하단 ***/
.cont_foot{overflow:hidden; margin:var(--g-gap-12) auto 0; border:1px solid var(--g-light-color-border-gray-light); /*border-radius:var(--g-radius-xlarge1);*/ background-color:var(--g-light-color-surface-white);}
/* 컨텐츠 평가 */
.cont_foot .cont_rating{}
.cont_foot .cont_rating > .inr{display:flex; justify-content:space-between; align-items:center; gap:var(--g-gap-3); position:relative; padding:var(--g-padding-8) var(--g-padding-10);}
.cont_foot .cont_rating h2{display:flex; align-items:flex-start; gap:var(--g-gap-2); min-width:0; font-size:var(--g-pc-font-size-heading-small);}
.cont_foot .cont_rating h2 .svg-icon{flex-shrink:0; margin-top:0.1rem; mask-image:url(../images/common/2025/ico_rating.svg);}
.cont_foot .cont_rating .inp_area{flex-shrink:0;}
.cont_foot .cont_rating fieldset{display:flex; align-items:center; gap:var(--g-gap-3) var(--g-gap-6);}
.cont_foot .cont_rating fieldset .g-btn{margin-left:auto;}
/* 컨텐츠 담당자 */
.cont_foot .cont_manager{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-2) var(--g-gap-9); padding:var(--g-padding-6) var(--g-padding-10); background-color:var(--g-color-light-gray-5);}
.cont_foot .cont_manager dl{display:flex; align-items:center;}
.cont_foot .cont_manager dt{display:flex; align-items:center;}
.cont_foot .cont_manager dt:after{content:':'; margin:0 var(--g-gap-2);}
.cont_foot .cont_manager dd{color:#6d7882;}
.cont_foot .cont_manager dd span{display:inline-flex;}
.cont_foot .cont_manager dd .name{margin-left:var(--g-gap-1);}
.cont_foot .cont_manager .update{margin-left:auto;}

/**************************************************
	팝업창 Layout
**************************************************/
#wrap_pop{position:relative;}
#wrap_pop .pop_head{position:relative; padding:var(--g-gap-4) var(--g-gap-6); background:var(--g-secondary-70);}
#wrap_pop .pop_head .title{font-size:2.6rem; color:var(--g-white); display: flex; justify-content: space-between; align-items: center;}
#wrap_pop .btn_close_pop{position:absolute; top:2.8rem; right:28px; width:18px; height:18px; overflow:hidden; background:url(../images/common/ico_popup_close.png?ver=20241120) no-repeat 0 0; color:transparent;}
#wrap_pop .pop_body{position:relative; padding:var(--g-gap-10) var(--g-gap-6);}


/* 로그아웃 안내 */
.layer_logout {position:fixed; left:0; top:0; right:0; bottom:0; z-index:10000; width:calc(100% - 20px); height:calc(100% - 20px); max-width:500px; max-height:300px; overflow:hidden; overflow-y:auto; margin:auto; border:1px solid #28336d; background:#fff; box-shadow:3px 3px 12px rgba(0,0,0,0.3); }
.layer_logout h3 {background:#28336d; color:#fff; font-size:17px; padding:15px 12px; letter-spacing:-0.6px;}
.layer_logout ul {padding:20px; font-size:15px; line-height:24px; letter-spacing:-0.7px;}
.layer_logout ul strong {color:#f70402;}
.layer_logout p {text-align:center; font-size:15px; margin:0 20px; border-radius:2px; padding:15px; border:1px solid #d2d2d2; letter-spacing:-0.6px; }
.layer_logout p strong {color:red;}
.layer_logout .btn_wrap {text-align:center; margin-top:20px;}
.layer_logout .btn_wrap a { padding:0 18px; transition:0.3s;}
.layer_logout .btn_wrap a:hover {}

.info-list-2 li.highlight strong { font-size: 19px; background: linear-gradient(to right, #e3f2fd 0%, #ffffff 100%); font-weight: bold; }

/* Tablet ~ 1780px */
@media screen and (max-width:1780px){
	#header .header_in{flex-wrap:wrap; padding-top:var(--g-padding-8);}
	#header .header_actions .btn-srch{height:9rem;}
	#header .gnb_wrap{order:3; width:100%;}
	#header #gnb{justify-content:center;}

}
/* Tablet ~ 1440px */
@media screen and (max-width:1440px){
	#header #gnb{gap:var(--g-gap-5);}
	#header #gnb > li > a{font-size:1.9rem;}
	#header #gnb > li:nth-child(1) > div > .inner > ul{margin-left:0;}
	#header #gnb > li:nth-child(2) > div > .inner > ul{margin-left:10%;}
	#header #gnb > li:nth-child(4) > div > .inner > ul{margin-left:10%;}
	#header #gnb > li:nth-child(6) > div > .inner > ul{margin-left:0;}
	#header #gnb > li:nth-child(7) > div > .inner > ul{margin-left:25%;}
	#header #gnb > li > div > .inner > ul > li > a{font-size:1.7rem;}

	#modal_sitemap .modal-dialog .modal-header{padding:7rem var(--g-padding-8) var(--g-padding-10);}
	#modal_sitemap .modal-dialog .modal-conts{padding:0 var(--g-padding-8);}
	#modal_sitemap .stm_lst > li > a{padding:var(--g-padding-6) var(--g-padding-1); font-size:1.9rem;}
	#modal_sitemap .stm_lst > li > ul{padding:0 var(--g-padding-4) var(--g-padding-6)}
	#modal_sitemap .stm_lst > li > ul > li > a{font-size:1.7rem;}

}
/* Tablet ~ 1344px */
@media screen and (max-width:1344px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone{height:auto;}
	#topban .topbanzone .nav{right:10px; width:auto;}
	#topban .topbanzone .nav .area_ctrl{display:none;}
	#topban .topbanzone .item{height:auto; text-align:center;}
	#topban .topbanzone .item > .inr{position:relative; left:auto; transform:none;}
	#topban .topbanzone .item img{width:100%; max-width:100%; margin:0 auto;}
	#topban .topbanzone .item .b_p,
	#topban .topbanzone .item .b_m{display:none;}
	#topban .topbanzone .item .b_t{display:block;}

	/**************************************************
		Header
	**************************************************/
	#modal_sitemap .stm_container{padding:8rem var(--g-contents-padding-x);}

	/**************************************************
		Footer
	**************************************************/

	/**************************************************
		Container
	**************************************************/


}
/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Header
	**************************************************/
	#header{--g-contents-padding-x:16px;}
	#header .header_in{justify-content:space-between; align-items:center; height:76px; padding:var(--g-padding-4) 0;}
	/* Logo */
	#header .logo{order:1; width:15rem;}
	/* GNB */
	#header .gnb_wrap{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}
	#modal_sitemap{display:none !important;}
	#header .header_actions{order:2;}
	#header .lst_util{}
	#header .header_actions .login,
	#header .header_actions .logout,
	#header .header_actions .join,
	#header .header_actions .mypage,
	#header .header_actions .language,
	#header .header_actions .sitemap{display:none;}
	#header .header_actions .btn-srch{display:flex; flex-direction:column; align-items:center; gap:var(--g-header--navi-gap); position:relative; width:auto; height:auto; padding:var(--g-header--navi-padding); border-radius:var(--g-header--navi-border-radius); background-color:transparent; font-weight:var(--g-font-weight-bold); font-size:1.5rem; color:var(--g-header--navi-color-text);}
	#header .header_actions .btn-srch:after{order:-1; position:static; background-color:var(--g-light-color-text-basic);}
	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; width:100%; height:100%;}
	body.open_wv #header .header_in{transform:none; transition:none;}
	.wholeview_wrap{display:flex; align-items:center;}
	.wholeview_wrap .btn_wv{display:flex; flex-direction:column; align-items:center; gap:var(--g-header--navi-gap); position:relative; height:auto; padding:var(--g-header--navi-padding); border-radius:var(--g-header--navi-border-radius); background-color:transparent; font-weight:var(--g-font-weight-bold); font-size:1.5rem; color:var(--g-header--navi-color-text);}
	.wholeview_wrap .btn_wv:before{content:''; flex:0 0 auto; width:var(--g-icon--size-large); height:var(--g-icon--size-large); mask:url(../images/common/icon/ico_all.svg) no-repeat 0 0/contain; background-color:var(--g-light-color-text-basic);}
	.wholeview_wrap.open .btn_wv:before{mask-image:url(../images/common/icon/ico_close.svg);}
	.wholeview_wrap #wholeview{position:fixed; top:7.6rem; right:0; bottom:0; z-index:1000; overflow:auto; width:max(40%,39rem); background:#fff; margin-right:-48px; transition:all 0.3s; transform:translate(100%, 0);}
	.wholeview_wrap.open #wholeview{margin-right:0; transform:translate(0, 0);}
	.wholeview_wrap #wholeview > .inr{display:flex; flex-direction:column; height:100%;}
	.wholeview_wrap .dim_wv{position:fixed; top:7.6rem; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:var(--g-light-color-background-dim);}
	.wholeview_wrap .title_wv {display:none;}
	/* 모바일 전체메뉴 head */
	#wholeview .head{display:flex; flex-direction:column; position:relative; border-bottom:0.1rem solid var(--g-light-color-divider-gray-light); background:var(--g-color-light-gray-90);}
	#wholeview .head .area_top{display:flex; justify-content:space-between; align-items:center; padding:var(--g-padding-4) var(--g-padding-6);}
	#wholeview .head .area_top .home{display:flex; align-items:center; gap:var(--g-gap-2); font-size:var(--g-mobile-font-size-navigation-depth-small);}
	#wholeview .head .area_top .home:before{content:''; box-sizing:border-box; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_home.svg);}
	#wholeview .head .area_top .w_close_btn{position:relative; width:var(--g-button--icon-size-medium); height:var(--g-button--icon-size-medium);}
	#wholeview .util_area{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-6); width:100%;}
	#wholeview .util_area .btn-navi{display:flex; flex-direction:column; align-items:center; gap:var(--g-header--navi-gap); padding:var(--g-header--navi-padding); border-radius:var(--g-header--navi-border-radius); font-weight:var(--g-font-weight-bold); font-size:1.3rem; color:#fff;}
	#wholeview .util_area .btn-navi:before{content:''; display:inline-flex; flex:0 0 auto; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:#fff; forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain;}
	#wholeview .util_area .btn-navi.sch:before{mask-image:url(../images/common/icon/ico_sch.svg);}
	#wholeview .util_area .btn-navi.eng:before{mask-image:url(../images/common/icon/ico_global.svg);}
	#wholeview .util_area .login .btn-navi:before{mask-image:url(../images/common/2025/ico_login.svg);}
	#wholeview .util_area .logout .btn-navi:before{mask-image:url(../images/common/2025/ico_logout.svg);}
	#wholeview .util_area .join .btn-navi:before{mask-image:url(../images/common/2025/ico_join.svg);}
	#wholeview .util_area .mypage .btn-navi:before{mask-image:url(../images/common/2025/ico_mypage.svg);}
	#wholeview .util_area .language .btn-navi:before{mask-image:url(../images/common/2025/ico_global.svg);}
	#wholeview .util_area .language .btn-navi span{position:relative; padding-right:1.4rem;}
	#wholeview .util_area .language .btn-navi span{position:relative;}
	#wholeview .util_area .language .btn-navi span:after{content:''; position:absolute; top:50%; right:0; width:1.2rem; height:1.2rem; mask:url(../images/common/icon/ico_angle.svg) no-repeat 0 0/contain; background-color:#fff; transform:translateY(-50%);}
	#wholeview .util_area .language .btn-navi.active span:after{transform:translateY(-50%) rotate(180deg);}
	#wholeview .area_logo{padding:var(--g-padding-6); background-color:var(--g-color-light-gray-5);}
	#wholeview .area_logo .logo{display:block; width:213px; height:17px; margin:0 auto; background:url(../images/common/2025/logo_wholeview.png) no-repeat 0 0/contain;}
	/* 모바일 전체메뉴 gnb */
	#wholeview .nav_wrap{flex:1; display:flex; overflow:hidden; overflow-y:auto;}
	#wholeview .nav_wrap .menu{display:none; width:16rem; background-color:var(--g-color-light-gray-5);}
	#wholeview .nav_wrap .menu .nav > li > div{display:none;}
	#wholeview .nav_wrap .submenu{flex:1; min-width:0;}
	#wholeview .nav_wrap .submenu .nav{overflow:hidden; overflow-y:auto; height:100%; padding-bottom:var(--g-padding-6);}
	#wholeview .nav_wrap .menu .nav{position:sticky; top:0; left:0;}
	#wholeview .nav a .unfd{ overflow:hidden; color:transparent;}
	#wholeview .nav a[target="_blank"]:after{content:''; display:inline-flex; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_go.svg);}
	#wholeview .nav a span{min-width:0;}
	/* 왼쪽 1차 */
	#wholeview .menu .nav>li>a{display:flex; align-items:center; position:relative; z-index:1; height:var(--g-size-height-9); padding:0 var(--g-padding-6); font-weight:var(--g-font-weight-bold); font-size:var(--g-mobile-font-size-navigation-depth-medium-bold);}
	#wholeview .menu .nav>li>a.on{background-color:#fff; color:var(--g-light-color-action-primary-active);}
	#wholeview .menu .nav a .unfd{display:none;}
	/* 1차 */
	#wholeview .submenu .nav{padding:0 var(--g-padding-6);}
	#wholeview .submenu .nav>li{}
	#wholeview .submenu .nav>li:not(:first-child){border-top:1px solid var(--g-gray-40);}
	#wholeview .submenu .nav>li>a{display:flex; align-items:center; gap:var(--g-gap-3); position:relative; padding:var(--g-padding-6) var(--g-padding-3); border-bottom:2px solid var(--g-light-color-divider-gray); font-weight:var(--g-font-weight-bold); font-size:var(--g-mobile-font-size-navigation-title-small);}
	#wholeview .submenu .nav>li>a span{min-width:0;}
	#wholeview .submenu .nav>li>a .unfd{display:inline-flex; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); margin-left:auto; background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transition:var(--g-transition-base);}
	#wholeview .submenu .nav>li>a.on .unfd{transform:rotate(180deg);}
	/* 2차 */
	#wholeview .submenu .nav>li>div{display:none;}
	#wholeview .submenu .nav>li.open>div{display:block;}
	#wholeview .submenu .nav>li>div>div.depth2 .sub-title{display:none;}
	#wholeview .submenu .nav>li>div>div.depth2>ul{padding:var(--g-padding-3) 0;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li a{display:flex; align-items:center; gap:var(--g-gap-3); padding:var(--g-padding-5) var(--g-padding-4); border-radius:var(--g-radius-medium3); transition:var(--g-transition-base);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li a:hover{background-color:var(--g-color-light-gray-5);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li a.on{font-weight:var(--g-font-weight-bold); font-size:var(--g-mobile-font-size-navigation-depth-medium-bold); color:var(--g-light-color-text-primary); background-color:var(--g-color-light-gray-5);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>a .unfd{display:inline-flex; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); margin-left:auto; background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transition:var(--g-transition-base);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>a.on .unfd{transform:rotate(180deg);}
	/* 3차 */
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul{display:none;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li.open>ul{display:flex; flex-direction:column; gap:var(--g-gap-3); padding:var(--g-padding-3) 0;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li{}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>a{gap:var(--g-gap-3);padding:var(--g-padding-4) var(--g-padding-6); border-radius:var(--g-radius-medium2);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>a:before{content:"•"; flex-shrink:0;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>a .unfd{display:inline-flex; flex-shrink:0; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); margin-left:auto; background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transform:rotate(-90deg);}
	/* 4차 */
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container{display:none; position:absolute; top:0; right:-100%; z-index:30; width:100%; height:100%; background-color:var(--g-light-color-surface-white-subtle); transition:.4s;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li.open>.ly-container{display:block; right:0;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head{display:flex; justify-content:space-between; padding:var(--g-padding-6);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head button{overflow:hidden; position:relative; width:var(--g-size-height-4); height:var(--g-size-height-4); background-color:transparent; color:transparent;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head button:after{content:''; display:inline-flex; position:absolute; top:0; left:0; width:var(--g-size-height-4); height:var(--g-size-height-4); background-color:var(--g-light-color-text-basic);forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head .btn_prev{border:var(--g-light-color-border-transparency);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head .btn_prev:after{mask-image:url(../images/common/icon/ico_angle.svg); transform:rotate(90deg);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_head .btn_close:after{mask-image:url(../images/common/icon/ico_close.svg);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body{padding:0 var(--g-padding-6);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>a{padding:var(--g-padding-3) var(--g-padding-3) var(--g-padding-6); border-bottom:0.1rem solid var(--g-light-color-divider-gray); border-radius:0; background-color:transparent; font-weight:var(--g-font-weight-bold); font-size:var(--g-mobile-font-size-navigation-title-small);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>a .unfd{display:none;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul{display:flex; flex-direction:column; gap:var(--g-gap-3); padding:var(--g-padding-3) 0;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a{gap:var(--g-gap-2); padding:var(--g-padding-4) var(--g-padding-6);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>a:before{content:"•"; flex-shrink:0; font-weight:var(--g-font-weight-regular);}
	/* 5차 */
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul{display:none;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li.open>ul{display:flex; flex-direction:column; gap:var(--g-gap-1);}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul>li>a{padding:var(--g-gap-1) var(--g-gap-9); font-size:1.6rem;}
	#wholeview .submenu .nav>li>div>div.depth2>ul>li>ul>li>.ly-container>.depth4_body>ul>li>ul>li>a.on{font-weight:var(--g-font-weight-bold); color:var(--g-primary-60);}

	/**************************************************
		Footer
	**************************************************/
	#footer > .inner{padding-top:var(--g-padding-10); padding-bottom:var(--g-padding-10);}
	#footer .f_logo .logo{width:7rem;}
	#footer .f_btm_menu{font-size:1.5rem;}
	#footer .f_info .info-addr{font-size:1.3rem;}
	#footer .f_info .info-cs li{font-size:1.3rem;}
	#footer .f_info .info-cs li:before{height:1rem;}
	#footer .f_copy{font-size:1.3rem;}


	/**************************************************
		Container
	**************************************************/
	.area_subtop{gap:var(--g-gap-3); height:14rem;}
	.area_subtop .desc{font-size:1.5rem;}
	.area_subtop .subtop_tit{font-size:2.8rem;}
	#container > .inner{padding-bottom:var(--g-mobile-gap-layout-contents-footer);}
	#side:has(.snb li){padding-top:4rem;}
	#side .snb{display:grid; grid-template-columns:repeat(4,1fr);}
	#side .snb > li{max-width:none;}
	#side .snb > li > a{height:4.8rem; font-size:var(--g-mobile-font-size-navigation-depth-medium);}

	/**************************************************
		Content
	**************************************************/
	/*** 컨텐츠 헤드 ***/
	.cont_head_wrap{padding-top:2rem;}
	.cont_head{padding-top:3.2rem;}
	.cont_head .btn_back{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:3.2rem; height:3.2rem;}
	.cont_head .btn_back:after{content:''; width:2rem; height:2rem; background:url(../images/common/2025/ico_back.png) no-repeat 0 0/contain;}
	.cont_head .area_title{position:relative; width:100%;}
	.cont_head .title{display:flex; align-items:center; justify-content:center; gap:var(--g-gap-2); width:100%; font-size:var(--g-mobile-font-size-heading-xlarge);}
	.cont_head .title:before{width:3.2rem; height:3.2rem;}
	.cont_head .title span{min-width:0;}
	.cont_head .title em{min-width:0; line-height:1.2;}
	.cont_head .title:has(+ .nav li) span .icon{width:3.2rem; height:3.2rem;}
	.cont_head .title:has(+ .nav li) span{display:inline-flex; align-items:center; gap:var(--g-gap-2); cursor:pointer;}
	.cont_head .title:has(+ .nav li) span .icon{flex-shrink:0; position:relative; width:3.2rem; height:3.2rem; border:1px solid var(--g-light-color-border-gray); border-radius:50%; background-color:#fff;}
	.cont_head .title:has(+ .nav li) span .icon:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; width:var(--g-icon--size-large); height:var(--g-icon--size-large); margin:auto; background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-image:url(../images/common/icon/ico_angle.svg); mask-position:center center; mask-size:contain; transition:var(--g-transition-base);}
	.cont_head .title.open span .icon:after{transform:rotate(-180deg);}
	.cont_head .title.open + .nav{display:block; position:absolute; top:calc(100% + var(--g-gap-4)); left:50%; z-index:20; transform:translateX(-50%); width:100%; min-width:28rem; max-width:40rem; max-height:50vh; overflow:hidden; overflow-y:auto; padding:var(--g-gap-3); border:0.1rem solid var(--g-light-color-border-gray-light); border-radius:var(--g-radius-large1); background-color:var(--g-light-color-surface-white); box-shadow:0 0.4rem 1.2rem var(--g-light-color-alpha-shadow2);}
	.cont_head .title.open + .nav::-webkit-scrollbar {
		width: 0.8rem;
	}
	.cont_head .title.open + .nav::-webkit-scrollbar-thumb {
		background-color: var(--g-light-color-element-secondary-light);
		border-radius: 0.8rem;
	}
	.cont_head .title.open + .nav::-webkit-scrollbar-track {
		background-color: var(--g-light-color-element-secondary-lighter);
	}
	.cont_head .nav .sub-title{display:none;}
	.cont_head .nav > a{display:none;}
	.cont_head .nav ul li a{display:flex; align-items:center; gap:var(--g-gap-3); padding:var(--g-padding-3) var(--g-padding-6); border-radius:var(--g-radius-medium1); font-size:var(--g-pc-font-size-navigation-depth-medium);}
	.cont_head .nav ul li a:before{content:"•";}
	.cont_head .nav ul li a:hover{background-color:var(--g-light-color-action-secondary-hover);}
	.cont_head .nav ul li a:active{background-color:var(--g-light-color-action-secondary-pressed);}
	.cont_head .nav ul li a.on{font-weight:var(--g-font-weight-bold); color:var(--g-light-color-action-secondary-active);}
	.cont_head .nav > ul > li ul{display:none;}
	.cont_head .util_area{top:0;}
	.cont_head .util_area button{width:3.2rem; height:3.2rem;}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .c_share_box{position:relative;}
	.cont_head .util_area .c_share_box .btn_share{padding:.4rem; background-color:#fff;}
	.cont_head .util_area .c_share_box .btn_share:after{background-color:var(--g-light-color-text-basic);}
	.cont_head .util_area .c_share_box.open .btn_share:after{}
	.cont_head_wrap .area_location{margin-top:var(--g-mobile-gap-layout-header-breadcrumb);}

	/*** 컨텐츠 바디 ***/
	.cont_body{margin-top:3.2rem;}
	/* 탭메뉴 common */
	.lnb{margin-bottom:var(--g-gap-8);}
	.lnb.tmn01 :is(.btn_left,.btn_right){width:3.2rem; height:3.2rem;}
	.lnb.tmn01 li a{height:var(--g-size-height-7); padding:0 1.6rem; font-weight:var(--g-font-weight-regular); font-size:var(--g-pc-font-size-navigation-depth-small);}
	.lnb.tmn01 :is(.btn_left,.btn_right):after{width:var(--g-icon--size-medium); height:var(--g-icon--size-medium);}
	.lnb.tmn04 ul{display:grid; grid-template-columns:repeat(4,1fr);}
	.lnb.tmn04 li a{height:var(--g-size-height-6); padding:0 .8rem; font-size:var(--g-mobile-font-size-navigation-depth-small);}
	/*** 컨텐츠 하단 ***/
	.cont_foot .cont_rating > .inr{flex-direction:column; padding:var(--g-padding-6) var(--g-padding-6);}
	.cont_foot .cont_manager{padding:var(--g-padding-6) var(--g-padding-6);}

	/**************************************************
		팝업창 Layout
	**************************************************/
	#wrap_pop{}
	#wrap_pop .pop_head{padding:var(--g-gap-4);}
	#wrap_pop .pop_body{margin:0; padding:var(--g-gap-10) var(--g-gap-4);}
}

/* Mobile 360px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		상단 배너
	**************************************************/
	#topban .topbanzone .nav .area_ctrl{bottom:30px; display:none;}
	#topban .topbanzone .nav .area_ctrl button{width:18px; height:18px; background-size:95px 20px;}
	#topban .topbanzone .nav .area_ctrl .prev{background-position:-15px 0;}
	#topban .topbanzone .nav .area_ctrl .pause{background-position:-35px 0;}
	#topban .topbanzone .nav .area_ctrl .play{background-position:-55px 0;}
	#topban .topbanzone .nav .area_ctrl .next{background-position:-75px 0;}
	#topban .topbanzone .nav .area_close label{font-size:14px;}
	#topban .topbanzone .nav .area_close{bottom:5px;}
	#topban .topbanzone .nav .area_close .inp_chk{margin-right:3px;}
	#topban .topbanzone .nav .area_close .btn_close{width:15px; height:15px; margin:5px 0 0 5px; background-size:95px 20px;}
	#topban .topbanzone .item .b_t{display:none;}
	#topban .topbanzone .item .b_m{display:block;}

	/**************************************************
		Header
	**************************************************/
	#header .header_actions .sch-wrap{padding-top:2rem; padding-bottom:2rem;}
	#header .header_actions .sch-wrap .sch-input .g-input{height:5.4rem; font-size:1.7rem; padding-left:var(--g-padding-7);}
	.wholeview_wrap #wholeview{width:100%;}

	/**************************************************
		Footer
	**************************************************/
	#footer .f_info{flex-direction:column; gap:var(--g-gap-2);}
	#footer .link_sns{margin-top:var(--g-gap-8);}
	#footer .f_info .info-cs{flex-direction:column; align-items:center; gap:var(--g-gap-2);}
	#footer .f_info .info-cs li{padding-left:0;}
	#footer .f_info .info-cs li:before{display:none;}


	/**************************************************
		Container
	**************************************************/
	#side .snb{grid-template-columns:repeat(2,1fr);}
	/*** 컨텐츠 바디 ***/
	.lnb li{}
	/* 탭메뉴01(일반 4개 이하) */
	.lnb.tmn01 li{flex:0 0 calc(100%/3);}
	/* 탭메뉴03(박스) */
	.lnb.tmn03{padding:15px 0;}
	.lnb.tmn03 li{width:50%;}
	.lnb.tmn03 li:nth-child(2n+1):before{display:none;}
	.lnb.tmn03 li a{margin-left:15px;}
	/* 탭메뉴04(년도) */
	.lnb.tmn04 ul{grid-template-columns:repeat(2,1fr);}

	/*** 컨텐츠 하단 ***/
	.cont_foot{margin-top:var(--g-gap-9);}
	.cont_foot .cont_rating h2{font-size:var(--g-mobile-font-size-heading-xsmall);}
	.cont_foot .cont_rating fieldset{flex-direction:column;}
	.cont_foot .cont_rating fieldset .g-check-area{justify-content:center; gap:var(--g-gap-2) var(--g-gap-4);}
	.cont_foot .cont_rating fieldset .g-btn{margin:auto;}
	.cont_foot .cont_manager{flex-direction:column; align-items:flex-start;}
	.cont_foot .cont_manager .update{margin:0;}
}
/* Mobile ~ 599px */
@media screen and (max-width:599px){
	#header .header_actions .btn-navi,
	#header .header_actions .btn-srch,
	.wholeview_wrap .btn_wv{padding:0.4rem; padding-right:0; font-size:1.3rem;}
	.lnb.tmn01 li{flex:0 0 calc(100%/2);}
}
/* Mobile ~ 374px */
@media screen and (max-width:374px){
	#g-masthead .toggle-head .nuri-txt{gap:var(--g-gap-2);}
}