@charset "utf-8";
body					{ font-family:'GONG GOTHIC','Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:var(--color-base); word-wrap:break-word; word-break:keep-all; font-weight:300 }



@font-face {
	font-family:'GONG GOTHIC';    
	font-style: normal;    
	font-weight:300;
	src: local('GONG-GOTHIC-LIGHT'),
	url('/resource/reserve/fonts/GONG-GOTHIC-LIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/reserve/fonts/GONG-GOTHIC-LIGHT.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'GONG GOTHIC';    
	font-style: normal;    
	font-weight:500;
	src: local('GONG-GOTHIC-MEDIUM'),
	url('/resource/reserve/fonts/GONG-GOTHIC-MEDIUM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/reserve/fonts/GONG-GOTHIC-MEDIUM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'GONG GOTHIC';    
	font-style: normal;    
	font-weight:700;
	src: local('GONG-GOTHIC-BOLD'),
	url('/resource/reserve/fonts/GONG-GOTHIC-BOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/reserve/fonts/GONG-GOTHIC-BOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* common */
::placeholder			{ color:#767676 !important; }



/* 1) root 설정  */
:root{
	--color-base:#222;
	--color-base1:#333;
	--color-base2:#555;
	--color-point:#025095;
	--color-gray:#f7f7f7;
	--color-light-blue:#e4f1fd; 
	--color-mint:#00aca8;
	--color-bark-mint:#006d6a;
	--color-light-mint:#d8f5f4; 
	--color-white:#fff;
	--font-pretendard:'Pretendard', Sans-serif;
	--font-gmarket:'GmarketSans', Sans-serif;
	--font-gong:'GONG GOTHIC', Sans-serif;
	--trans-ani:0.3s ease 0s;
}



img						{ vertical-align:top; max-width:100%; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.block					{ display:block; }
.jcc					{ justify-content:center } 
.color_red				{ color:var(--color-red); }
.color_point			{ color:var(--color-point); }
.color_mint				{ color:var(--color-mint); }
.color_gray				{ color:var(--color-gray); }
.color_light_blue		{ color:var(--color-light-blue); }
.color_light_mint		{ color:var(--color-light-mint); }
.color_bark_mint		{ color:var(--color-bark-mint); }
.none_data				{ width:100% !important; text-align:center; padding:2em 0}
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center }


@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@keyframes cloud { 
	0% { transform:translateX(0) }
	25% { transform:translateX(-15px) }
	50% { transform:translateX(0) }
	75% { transform:translateX(-15px) }
	100% { transform:translateX(0) }
}
@keyframes updown{
	0%{opacity:1; transform:translateY(-10px);}
	50%{opacity:1; transform:translateY(5px);}
	100%{opacity:1; transform:translateY(-10px);}
}
@keyframes flowerShow{
	0%{opacity:1; transform:translate(0,0) rotate(5deg);}
	50%{opacity:1; transform:translate(0,0) rotate(0deg);}
	100%{opacity:1; transform:translate(0,0) rotate(5deg);}
}
@keyframes degShow{
    0%  {transform:rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform:rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

.swiper_control	.control						{ position:relative; display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:25px; height:25px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:8px 11px; }
.swiper_page									{ width:auto !important; display:flex; font-size:1em; font-weight:300; align-items:center; justify-content:center; gap:0 10px; line-height:1; margin-right:1em;  }
.swiper_page .swiper-pagination-current			{ font-weight:bold; }
.swiper_page .swiper-pagination-total			{ opacity:.6; }
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:1px; height:13px; background:rgba(0,0,0,.3); content:''; margin-top:-3px; } 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/reserve/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_next::before							{ display:inline-block; width:8px; height:14px; background:url(/resource/reserve/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/reserve/images/common/icon_play.svg); background-size:8px 10px; }		
.swiper_auto::before							{ background-image:url(/resource/reserve/images/common/icon_stop.svg); background-size:8px 10px; }	
.swiper_auto.auto_text							{ font-size:0; text-indent:-9999em; min-width:30px; line-height:100%; font-weight:500; color:var(--color-base); text-transform:uppercase; align-items:center; margin-left:20px; }
.swiper_auto.auto_text::before					{ font-size:11px; background-image:none; content:'stop'; width:fit-content; text-indent:inherit; line-height:25px; }
.swiper_auto.auto_text.paused::before			{ content:'play'; background-image:none;  }
.swiper_bullet									{ display:flex; width:inherit !important; align-items:center; justify-content:center; gap:0 5px;}
.swiper_bullet .swiper-pagination-bullet 		{ position:relative; display:flex; width:10px; height:10px; margin:0!important; background:#d3d3d3; border-radius:15px; transition:all ease .1s; opacity:1 }
.swiper_bullet .swiper-pagination-bullet-active	{ background:var(--color-point)}
@media all and (max-width:1568px){
	.swiper_page									{ font-size:.9rem; }	
	.swiper_prev::before							{ height:12px; background-size:auto 12px; }	
	.swiper_next::before							{ height:12px; background-size:auto 12px; }	
}
@media all and (max-width:968px){
	.swiper_auto::before							{ background-size:auto 9px; }
	.swiper_prev::before							{ height:11px; background-size:auto 11px; }	
	.swiper_next::before							{ height:11px; background-size:auto 11px; }	
	.swiper_auto.paused::before						{ background-size:8px 9px; }		
	.swiper_auto::before							{ background-size:8px 9px; }	
	.swiper_page									{ margin-right:.5em; }
	.swiper_page i::after							{ height:9px; }
	.swiper_bullet									{ gap:0 3px; }
}
/************************************************************

							 상단
 
************************************************************/
.top_util .login .btn_family,
.top_util .login .btn_lang											{ line-height:1.1; }
.top_util .login .btn_lang .icon,
.top_util .login .btn_family .icon									{ margin-top:-3px; }
.top_util .login [data-util="link"] .list>li>a						{ font-size:.9rem; font-weight:400; }


.header																{ position:relative; width:100%; --sizeHig:112px; padding:0; z-index:10; background:var(--color-white); border-bottom:1px solid transparent; transition:position 0.2s ease; }




/* 로고 */
.header .h_logo a													{ display:flex; width:315px; height:44px; background:url(/resource/reserve/images/common/img_logo.png) no-repeat 50% 50% / contain;  }

/* 상단 유틸 */
.header .h_icon														{ display:flex; align-items:center; gap:0 20px; --sizeBtn:18px;z-index:90; }
.header .h_icon>li													{ position:relative; }
.header .h_icon [data-util]>a,
.header .h_icon [data-util]>button									{ position:relative; display:flex; flex-flow:column; gap:5px; align-items:center; font-size:14px; color:var(--color-base); transition:var(--trans-ani);line-height: inherit; }
.header .h_icon [data-util]>a::before,
.header .h_icon [data-util]>button::before							{ display:inline-block; vertical-align:middle; width:var(--sizeBtn); height:var(--sizeBtn); left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; }			

/* 로그인 */
.header .h_icon [data-util="login"]>a::before						{ background-image:url(/resource/reserve/images/common/icon_login.svg?ver=251202); background-size:auto 18px }
.header .h_icon [data-util="logout"]>a::before						{ background-image:url(/resource/reserve/images/common/icon_logout.svg?ver=251202); background-size:auto 18px }

.header .h_icon .icon_mypage::before								{ display:inline-block; vertical-align:middle; width:var(--sizeBtn); height:var(--sizeBtn); left:0; top:0; content:''; background-position:center; 
																		background-repeat:no-repeat; background-image:url(/resource/reserve/images/common/icon_mypage.svg); background-size:auto 18px }
.header .h_icon .mypage_wrap										{ position:absolute; display:none; top:calc(var(--sizeBtn) + 30px); width:120px; left:50%; transform:translateX(-50%); z-index:2; border:1px solid rgba(0,0,0,.2); border-radius:10px;
																		background:var(--color-white); }
.header .h_icon .mypage_wrap.active									{ display:block; }
.header .h_icon .mypage_wrap strong									{ display:flex; padding:.7em; font-weight:300; border-bottom:1px solid rgba(0,0,0,.2); font-size:.95rem;justify-content:center; opacity:.74 }
.header .h_icon .mypage_wrap>ul										{ display:flex; flex-flow:column; width:100%; padding:.7em  }
.header .h_icon .mypage_wrap>ul>li>a								{ display:block; text-align:center; border-radius:35px; font-size:.95rem; transition:all ease 0.3s; padding:.7em; line-height:1;  ;}
.header .h_icon .mypage_wrap>ul>li>a:hover							{ background:var(--color-point); color:var(--color-white); border-color:var(--color-point);  }




/* 검색 */
.header .h_icon [data-util="search"] .icon_search					{ display:block; width:var(--sizeBtn); height:var(--sizeBtn); }
.header .h_icon [data-util="search"] .icon_search::before			{ display:block; width:100%; height:100%; content:''; background:url(/resource/reserve/images/common/icon_search.svg) no-repeat 50% 50% / 21px; }
.header .h_icon .search_wrap										{ position:fixed; display:none; top:0; width:100%; left:0; transition:all ease 0.1s; z-index:20}
.header .h_icon .search_wrap.active									{ display:block; }
.header .h_icon .search_wrap::before								{ position:absolute; width:100%; height:100vh; background:rgba(0,0,0,.7); backdrop-filter:blur(10px); left:0; top:0; content:''; z-index:-1; transition:all ease 0.1s; }
.header .h_icon .search_wrap .box									{ width:100%; background:var(--color-white); padding:clamp(3em, 1vw + 3.5em, 7em) clamp(1.5em, 1vw + 1.5em, 3em); }
.header .h_icon .search_wrap strong									{ display:flex; justify-content:center; color:var(--color-base); font-size:clamp(2.5em, 1vw + 3em, 6em); font-family:var(--font-gmarket); font-weight:700;  } 
.header .h_icon .search_wrap .searchForm							{ display:flex; margin:clamp(2em, 1vw + 2em, 4em) auto; align-items:center; justify-content:center; gap:10px; max-width:700px; border-bottom:2px solid var(--color-base) }
.header .h_icon .search_wrap .searchForm input						{ width:calc(100% - 45px); min-height:50px;  border:none; background:none; color:var(--color-base); font-size:1.2em}
.header .h_icon .search_wrap .searchForm .icon_search				{ width:50px; height:50px; }
.header .h_icon .search_wrap  .text									{ display:flex; justify-content:center; color:var(--color-base); font-size:clamp(1.25em, 1vw + 1.25em, 2em); font-family:var(--font-gmarket); font-weight:300; text-align:center; 
																		line-height:1.3}
.header .h_icon ::placeholder										{ color:#222 !important; }
.header .h_icon .search_wrap .search_close							{ position:absolute; right:1%; top:3%; width:50px; height:50px;  transition:all ease 0.2s;}
.header .h_icon .search_wrap .search_close::before					{ position:absolute; width:2px; height:30px; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); background:var(--color-base) }
.header .h_icon .search_wrap .search_close::after					{ position:absolute; width:2px; height:30px; content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); background:var(--color-base) }
.header .h_icon .search_wrap .search_close:hover,
.header .h_icon .search_wrap .search_close:focus					{ transform:rotate(180deg);}

/* 사이트맵 */
.header .h_icon .sitemap_open::before								{ background-image:url(/resource/reserve/images/common/icon_allmenu.svg) ; background-size:auto 18px; }





/* gnb */
.header_wrap											{ display:flex; width:94%; max-width:1600px; height:var(--sizeHig); margin-left:auto; margin-right:auto; justify-content:space-between; align-items:center; transition:var(--trans-ani);  }
.header_wrap nav										{ display:flex; align-items:center; gap:0 1.88em }
.gnb													{ display:flex; align-items:center;}
.gnb>li													{ height:100%; }
.gnb>li>a												{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:var(--sizeHig); padding:0 30px; font-size:20px; color:var(--color-base); 
															font-weight:300; line-height:1; transition:var(--trans-ani); letter-spacing:-.025em }
														
.gnb>li>a>span											{ display:inline-block; position:relative; }
.gnb>li>a>span::after									{ position:absolute; left:50%; bottom:-47px; width:0%; height:4px; background:var(--color-point); transition:var(--trans-ani); content:''; transform:translateX(-50%); }
.gnb>li.active>a>span::after,											
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after								{ width:calc(100% + 35px); }
.gnb>li.active>a>span,
.gnb>li:hover>a>span,
.gnb>li:focus>a>span									{ color:var(--color-point); }
.gnb .dep2_wrap											{ position:absolute; left:50%; transform:translateX(-50%); top:auto; width:100%; overflow:hidden; opacity:0; visibility:hidden; transition:all .2s cubic-bezier(.59,.59,.59,1); 
															z-index:40; display:flex; max-width:1600px; align-items:flex-start; }
.gnb .dep2_wrap.active									{ opacity:1; visibility:visible; z-index:90;  }
.gnb .dep2												{ display:flex; flex:auto; width:100%; flex-flow:row wrap; align-items:stretch; gap:20px 10px; justify-content:flex-start; padding:2em 0; }
.gnb .dep2>li											{ flex:0 1 calc((100% - 40px) / 5); }
.gnb .dep2>li>a											{ display:block; position:relative; padding:15px; font-size:1.067rem; font-weight:300; color:rgba(0,0,0,.84); letter-spacing:-.065em; line-height:1.2; 
														 background:#F8F8F8; border-radius:5px; transition:var(--trans-ani); word-break:normal; }
.gnb .dep2>li a[target='_blank']::after					{ content:""; display:inline-block; transition:all .4s; margin-left:7px; vertical-align:middle; width:11px; height:10px; 
																	background:url(/resource/reserve/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; }															 
.gnb .dep2>li>a[target='_blank']::after					{ margin-top:-2px; }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus,
.gnb .dep2>li>a.active,
.gnb .dep2>li:hover>a,
.gnb .dep2>li:focus>a									{ color:var(--color-white); border-color:var(--color-point); background:var(--color-point) }
.gnb .dep2>li>a[target='_blank']:hover::after,
.gnb .dep2>li>a[target='_blank']:focus::after,
.gnb .dep2>li>a.active[target='_blank']::after,
.gnb .dep2>li:hover>a[target='_blank']::after,
.gnb .dep2>li:focus>a[target='_blank']::after			{ filter:invert(1)}	
.gnb .dep2>li:not(:has(ul))>a::before					{ position:absolute; right:15px; top:48%; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:rgba(0,0,0,.84); transform:translateY(-50%) rotate(45deg); content:''; }
.gnb .dep2>li:not(:has(ul))>a:hover::before,
.gnb .dep2>li:not(:has(ul))>a:focus::before,
.gnb .dep2>li:not(:has(ul))>a.active::before			{ border-color:var(--color-white)}
.gnb .dep3												{ display:flex; flex-flow:column;  margin-top:.75em; padding:0 15px}
.gnb .dep3>li>a											{ position:relative; width:fit-content; display:inline-block; padding:6px 0; font-size:1rem; line-height:1.3; color:rgba(0,0,0,.84); transition:var(--trans-ani); word-break:normal; }
.gnb .dep3>li>a::before									{ position:absolute; width:0; height:1px; background:var(--color-point); left:0; bottom:0;  content:''; transition:var(--trans-ani);}
.gnb .dep3>li>a:hover::before,
.gnb .dep3>li>a:focus::before							{ width:100%; }
.gnb .dep3>li>a:hover,
.gnb .dep3>li>a:focus									{ color:var(--color-point); }
.gnb .dep3>li>a[target='_blank']:hover::after,
.gnb .dep3>li>a[target='_blank']:focus::after,
.gnb .dep3>li>a.active[target='_blank']::after,
.gnb .dep3>li:hover>a[target='_blank']::after,
.gnb .dep3>li:focus>a[target='_blank']::after			{ filter:invert(13%) sepia(81%) saturate(7487%) hue-rotate(197deg) brightness(94%) contrast(106%); }	


.gnb .dep4												{ display:none; }
.gnb_bg													{ position:absolute; width:100%; height:0; left:0; top:var(--sizeHig); background:var(--color-white);   }
.gnb_bg.active											{ height:100%; border-style:solid; border-width:1px 0 1px 0; border-color:#e5e5e5;}


/* 고정 */	
.header.active											{ position:fixed; left:0; top:0; border-bottom:1px solid #e7e7e7; transition:var(--trans-ani); --sizeHig:80px }
.header.active .header_wrap								{ max-width:inherit; }
.header.active .h_logo a								{ width:251px; height:34px; }
.header.active .gnb>li>a>span::after					{ bottom:-31px; }
.header.active .gnb>li>a								{ font-size:19px; }

/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100vh; right:0; top:0; opacity:0; visibility:hidden; z-index:-1; 
																		transition:all 0.3s  0.3s; overflow:hidden;}
.sitemap_wrap .sitemap_box .gnb_list								{ position:absolute; top:50%; left:50%; width:94%; height:auto; max-height:80vh; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; gap:0 1em; justify-content:center; 
																		overflow-y:scroll; overflow-x:hidden }	
.sitemap_wrap .sitemap_box .gnb_list .title_wrap					{ display:none; }																			
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar 			{ -webkit-appearance:none; width:6px;} 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-thumb 		{ background-color:rgba(255, 255, 255, .8); border-radius:5px; border:2px solid #000; } 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-track 		{ border-radius:5px; background-color:#000; }
															
.sitemap_wrap .sitemap_box .gnb_list>li								{ width:calc((100% - 5em) / 6); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:.75rem 1rem 0 1rem }
.sitemap_wrap .sitemap_box .gnb_list>li::before						{ position:absolute; top:-1rem; left:1rem; content:''; width:.5rem; height:.5rem; background-color:var(--color-mint); border-radius:100%; opacity:0;
																		transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li:hover:before				{ opacity:1; top:0}

.sitemap_wrap .sitemap_box .gnb_list>li+li							{ border-left:1px solid rgba(255,255,255,.2); }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.5rem; font-weight:500; color:var(--color-white);  }
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after		{ content:""; display:inline-block; transition:all .4s; margin-left:8px; vertical-align:middle; width:11px; height:10px; 
																		background:url(/resource/reserve/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; filter:invert(1); margin-top:-2px }	
.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after	{ display:none; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:.75em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.03rem; color:var(--color-white); padding:3px 0; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ margin-top:.2em; padding:.75rem; background:rgba(255,255,255,.1); border-radius:.75rem; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{ position:relative; display:block; font-size:.95rem; font-weight:300; color:var(--color-white); padding:3px 3px 3px 10px; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{ position:absolute; width:3px; height:3px; background:rgba(255,255,255,.3); content:''; border-radius:100%; left:0; top:.5rem; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::before	{ background:var(--color-white); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep4						{ display:none }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgb(0 31 59 / 90%);  backdrop-filter:blur(10px); transition:all 0.4s 0s; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }


.sitemap_wrap .sitemap_close										{ position:absolute; width:50px; height:50px; background:var(--color-white); right:1em; top:1em; opacity:0; transition:var(--trans-ani); border-radius:100%; }
.sitemap_wrap .sitemap_close::before								{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.sitemap_wrap .sitemap_close::after									{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .mob_gnb_control										{ display:none; }



.top_util .family_box *												{ font-family:var(--font-pretendard)}
[data-util="display_size"],
[data-util="gov"],
[data-util="lang"]{ display:none; }

/************************************************************

							 하단
 
************************************************************/
.footer .slide_banner .swiper-slide a								{ font-weight:300; }
.footer .family_list>li .family_box ul>li a::before					{ top:.5rem;}
.footer .family_list>li .family_box ul>li a[target='_blank']::after	{ margin-top:-3px; }


@media all and (max-width:1668px){
	/* 상단 */
	.gnb>li>a													{ font-size:18.5px; padding:0 25px; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.35rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a			{ font-size:.9rem; }
	.gnb .dep2>li												{ flex: 0 1 calc((100% - 30px) / 4); }
	.gnb .dep2>li>a												{ font-size:1rem; }
	.gnb .dep3>li>a												{ font-size:.95rem; }
	.gnb .dep3>li>a::before										{ top:.75rem; }
	.gnb .dep2_wrap												{ width:94%; }
}
@media all and (max-width:1568px){
	/* 상단 */
	.header														{ --sizeHig:90px; }
	.header  .h_logo a											{ width:281px; height:38px; }
	.gnb>li>a													{ font-size:18px; padding:0 20px; }
	.gnb>li>a>span::after										{ bottom:-36px; }
}
@media all and (max-width:1468px){
	/* 상단 */
	.gnb>li>a													{ font-size:17px; }

	.sitemap_wrap .sitemap_box .gnb_list						{ width:98%; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.2rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:.98rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a			{ font-size:.88rem; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3				{ padding:.65rem .7rem; border-radius:.5rem; }
}
@media all and (max-width:1368px){
	.header.active .gnb>li>a									{ font-size:17.5px; padding:0 16px; } 
}
@media all and (max-width:1268px){	
	/* 상단 */
	.header .h_logo a											{ width:251px; height:34px; }
  	.header .h_icon												{gap:0 5px;--sizeBtn:25px;}
  	.header .h_icon [data-util] .txt							{ display:none;}
  	.header .h_icon [data-util="login"]>a::before,
  	.header .h_icon [data-util="logout"]>a::before,
  	.header .h_icon .icon_mypage::before							{background-size:auto 20px;}
  	.header .h_icon .sitemap_open::before							{background-size: 21px 20px;}
  	.header .h_icon .mypage_wrap								{top: calc(var(--sizeBtn) + 10px);}
	.gnb														{ display:none; }
	
	
	/* 고정 */	
	.header.active												{ --sizeHig:70px }
	.header.active .h_logo a									{ width:222px; height:30px; }

	
	/* 모바일 메뉴 */
	.sitemap_wrap																		{ right:-100%; transition:all 0.5s }
	.sitemap_wrap.open																	{ right:0; background:rgba(0,0,0,.8); }
	.sitemap_wrap .sitemap_box															{ position:fixed; max-width:500px; width:98%; height:100%; right:0; top:0; background:#fff; --sizeGnb:170px;}	
	.sitemap_wrap .sitemap_box::after													{ position:absolute; width:100%; height:50px; background:var(--color-point); left:0; top:0; content:''; z-index:1; }
	.sitemap_wrap .sitemap_box::before													{ position:absolute; width:calc(var(--sizeGnb) - 20px); height:100%; background:var(--color-point); left:0; top:0; content:''; z-index:1; opacity:.05 }
	.sitemap_wrap .sitemap_box .gnb_list												{ position:relative; display:flex; flex-flow:column; width:100%; height:calc(100vh - 45px); box-sizing:border-box; z-index:2;
																							transform:inherit; left:inherit; top:inherit; justify-content:flex-start; overflow-y:inherit; max-height:inherit; margin-top:70px; }
	.sitemap_wrap .sitemap_box .gnb_list>li::before										{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li											{ border-left:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li												{  width:inherit; padding:0; position:initial; transform:initial; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a											{ position:relative; display:flex; padding:0 15px; align-items:center; z-index:10; width:var(--sizeGnb); height:50px; box-sizing:border-box; font-size:1.06em; 
																							color:var(--color-base); font-weight:300 }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a									{ color:var(--color-white); box-shadow:0 10px 10px rgba(0,0,0,0.15); background:var(--color-point); border-radius:0 8px 8px 0;  }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a::before							{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#fff; right:15px; top:50%; 
																							transform:translateY(-55%) rotate(45deg); transition:var(--trans-ani); content:''; }
	.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after						{ filter:invert(0) }
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after					{ display:inline-block; }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a[target='_blank']::after			{ filter:invert(1) }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap									{ display:none; position:absolute; overflow-y:auto; left:calc(var(--sizeGnb) + 5px); top:0px; width:calc(100% - var(--sizeGnb) - 15px); height:95%; 
																							box-sizing:border-box; padding:0; transform:translateX(0); background:var(--color-white); }			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap .title_wrap						{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2										{ margin-top:0; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a									{ position:relative; display:block; color:rgba(0,0,0,.9); font-size:1.03em; padding:15px; background:#F8F8F8; border-radius:5px; font-weight:300; opacity:1; 
																							word-break:break-all;}			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus							{ color:var(--color-white); background:var(--color-point); border-color:var(--color-point); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before					{ border-color:var(--color-white); }																					
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:has(ul)>a::before					{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#444; right:15px; top:48%; 
																							transition:var(--trans-ani); content:''; transform:translateY(-55%) rotate(135deg); }	
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before					{ transform:translateY(-15%) rotate(315deg); }	
	
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']:hover::after,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a[target='_blank']::after,
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']:focus::after	{ filter:invert(1)}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3										{ display:none; margin-top:10px; padding:10px 12px; background:#f5f5f5; border-radius:5px;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a									{ display:block; color:rgba(0,0,0,.9); font-size:.98em; padding:7px 15px 7px 0; opacity:1; word-break:break-all;  }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before							{ position:absolute; width:1.5px; height:11px; background:#444; right:5px; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); 
																							left:inherit; border-radius:0; opacity:0}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::before, 
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::before					{ background-color:#444; }																		
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:has(ul)>a::after					{ position:absolute; width:11px; height:1.5px; background:#444; right:0; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:has(ul)>a::before					{ opacity:1 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li.active>a::before					{ opacity:0 }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep4										{ padding:10px; background:var(--color-white); margin-bottom:5px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep4>li>a									{ display:block; color:rgba(0,0,0,.9); font-size:.95em; padding:5px 0; word-break:break-all; line-height:1.3}																
	.sitemap_wrap .sitemap_close														{ right:0; top:0; border-radius:0; background:var(--color-point) }
	.sitemap_wrap .sitemap_close::before,
	.sitemap_wrap .sitemap_close::after													{ height:30px; background:var(--color-white) }

}
@media all and (max-width:1024px) {
	.header .h_icon													{ gap:0 10px;}
	.header .h_icon [data-util="logout"],
	.header .h_icon [data-util="login"]								{ margin-right:-5px; }
  	.header .h_icon	[data-util="sitemap"]							{ margin-left:-6px; }
  
	.top_util														{ border-bottom:none; z-index:12; height:inherit }
	.top_util .login .btn_family									{ position:absolute; right:120px; top:33px; font-size:0.1px;text-indent:-9999em; gap:0; transition:var(--trans-ani); padding:0; height:25px; width:25px; }							
	.top_util .login .btn_family .icon								{ width:100%; height:100%; border-radius:100%; background:var(--color-point); margin-top:0 }
	.top_util .login .btn_family .icon::before						{ filter:invert(1); opacity:1; background-size:14px;}
	.top_util .login [data-util="family_site"] .btn_family::after	{ display:none; }
	
	.top_util.active .login .btn_family								{ position:fixed; top:23.5px;   }
}
@media all and (max-width:868px) {
	/* 상단 */
	.header																	{ --sizeHig:80px; }
	.header .h_logo a														{ width:236px; height:32px; }
	.header .h_icon .mypage_wrap											{ left:inherit; transform:inherit; right:-25px }

	.top_util .login .btn_family											{ right:115px; top:29px;}							
	.top_util.active .login .btn_family										{ top:23.5px;   }
}
@media all and (max-width:768px) {
	.top_util .login .btn_lang												{ font-size:.8rem; }
}
@media all and (max-width:668px) {
	#btn_top span															{ font-size:.7rem; }
	.top_util .login .btn_family											{ right:110px; }							
}
@media all and (max-width:468px) {
	/* 상단 */
	.header																	{ --sizeHig:70px; }
	.header  .h_logo a														{ width:207px; height:28px; }													
	.header .h_icon [data-util="logout"], 
	.header .h_icon [data-util="login"]										{ display:none; }
	.top_util .login .btn_family											{ right:75px; top:23px; }
	.top_util.active .login .btn_family										{ top:17.5px; }
	
	/* 고정 */	
	.header.active															{ --sizeHig:60px }
	.header.active .h_logo a												{ width:192px; height:26px; }
	
	.sitemap_wrap.open .sitemap_close										{ width:40px; height:40px; z-index:3 }
	.sitemap_wrap .sitemap_box												{ --sizeGnb:130px;}	
	.sitemap_wrap .sitemap_box::after										{ height:40px; }
	.sitemap_wrap .sitemap_box::before										{ top:40px; width:calc(var(--sizeGnb) - 10px) }
	.sitemap_wrap .sitemap_box::after										{ height:40px; }
	.sitemap_wrap .sitemap_close::before, 
	.sitemap_wrap .sitemap_close::after										{ height:20px; }
	.sitemap_wrap .sitemap_box .gnb_list									{ margin-top:50px; }
	.sitemap_wrap .sitemap_box .gnb_list>li>a								{ padding:0 10px; }
	.sitemap_wrap .sitemap_box .gnb_list>li.active>a::before				{ transform: translateY(-60%) rotate(45deg); right:10px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a						{ padding:12px 25px 12px 12px; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:has(ul)>a::before		{ width:6px; height:6px; transform: translateY(-85%) rotate(135deg); right:12px; }
	.sitemap_wrap .mob_gnb_control											{ position:fixed; width:98%; max-width:500px; height:40px; right:0; top:0; z-index:2;  display:flex; padding:0 1em }
	.sitemap_wrap .mob_gnb_control>li>a										{ gap:0 5px!important; }
	.sitemap_wrap .mob_gnb_control>[data-util="login"],
	.sitemap_wrap .mob_gnb_control>[data-util="logout"]						{ display:flex; font-size:.8rem; color:var(--color-white) }
  	.sitemap_wrap .mob_gnb_control>[data-util="login"]> a,
	.sitemap_wrap .mob_gnb_control>[data-util="logout"]> a					{flex-flow: row;color: var(--color-white);}
	.sitemap_wrap .mob_gnb_control [data-util="login"]>a::before,
	.sitemap_wrap .mob_gnb_control [data-util="logout"]>a::before			{ filter:invert(1); }
  	.sitemap_wrap .mob_gnb_control>[data-util="login"] > a .txt,
  	.sitemap_wrap .mob_gnb_control>[data-util="logout"] > a .txt			{display:block;padding-top:.25em;font-size:13px;}
}
@media all and (max-width:368px) {
	/* 상단 */
	.header .h_icon															{ gap:0 5px; }
	.top_util .login .btn_family											{ right:65px; }
	.header .h_logo a														{ width:177px; height:24px; margin-top:1px; }
	.header .h_icon .sitemap_open::before,
	.header .h_icon .icon_mypage::before,
	.header .h_icon [data-util="login"]>a::before,
	.header .h_icon [data-util="logout"]>a::before							{ background-size:auto 17px; }
    .header .h_icon	[data-util="sitemap"]									{ margin-left:-4px; }
	/* 고정 */	
	.header.active .h_logo a												{ width:163px; height:22px; }
}
@media all and (max-width:320px) {
	/* 상단 */
	.top_util .login .btn_family											{ right:62px; }
}