@charset "utf-8";
body{font-family:'PAPERLOGY', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; background:#fff;color:#000; word-wrap:break-word; word-break:keep-all; letter-spacing:-.025em; }

/* common */
.con_inner				{ width:94%; max-width:1500px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:#767676 !important; }
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:100;
	src: local('PAPERLOGY-1THIN'),
	url('/resource/common/fonts/PAPERLOGY-1THIN.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-1THIN.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:200;
	src: local('PAPERLOGY-2EXTRALIGHT'),
	url('/resource/common/fonts/PAPERLOGY-2EXTRALIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-2EXTRALIGHT.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:300;
	src: local('PAPERLOGY-3LIGHT'),
	url('/resource/common/fonts/PAPERLOGY-3LIGHT.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-3LIGHT.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:400;
	src: local('PAPERLOGY-4REGULAR'),
	url('/resource/common/fonts/PAPERLOGY-4REGULAR.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-4REGULAR.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:500;
	src: local('PAPERLOGY-5MEDIUM'),
	url('/resource/common/fonts/PAPERLOGY-5MEDIUM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-5MEDIUM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:600;
	src: local('PAPERLOGY-6SEMIBOLD'),
	url('/resource/common/fonts/PAPERLOGY-6SEMIBOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-6SEMIBOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:700;
	src: local('PAPERLOGY-7BOLD'),
	url('/resource/common/fonts/PAPERLOGY-7BOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-7BOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:800;
	src: local('PAPERLOGY-8EXTRABOLD'),
	url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'PAPERLOGY';    
	font-style: normal;    
	font-weight:900;
	src: local('PAPERLOGY-9BLACK'),
	url('/resource/common/fonts/PAPERLOGY-9BLACK.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/PAPERLOGY-9BLACK.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'TTT';    
	font-style: normal;    
	font-weight:500;
	src: local('TTTtangsbudaejjigaeM'),
	url('/resource/common/fonts/TTTtangsbudaejjigaeM.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/TTTtangsbudaejjigaeM.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'TTT';    
	font-style: normal;    
	font-weight:700;
	src: local('TTTtangsbudaejjigaeB'),
	url('/resource/common/fonts/TTTtangsbudaejjigaeB.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/resource/common/fonts/TTTtangsbudaejjigaeB.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* 1) root 설정  */
:root{
	--color-base:#000;
	--color-base1:#222;
	--color-base2:#666;
	--color-white:#fff;
	--color-point:#211b8f;
	--color-point2:#09a3bd;
	--color-black:#000;
	--color-line:#dfdfdf;
	--color-red:#bc1009;
	--trans-ani:0.3s ease 0s;
	--font-pretendard:'PAPERLOGY', Sans-serif;
	--font-ttt:'TTT', Sans-serif;
	
}


img						{ vertical-align:top; max-width:100%; }
.tac					{ text-align:center; }
.tar					{ text-align:right; }
.tal					{ text-align:left; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.block					{ display:block; }
.jcc					{ justify-content:center } 
.color_red				{ color:#dc2c44; }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:20px;   }
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.point_color			{ color:var(--color-point); }

.fs20  					{ font-size:20px }
.fs12  					{ font-size:1.2em;}


@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@keyframes updown { 
	0% { transform:translateY(0%) }
	50% { transform:translateY(3%) }
	100% { transform:translateY(0%) }
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}

@keyframes slideInRight {
  0% 	{ opacity: 0; transform: translateX(40px); }
  100% 	{ opacity: 1; transform: translateX(0);  }
}

@keyframes degShow {
  0% {
    transform: rotate(0deg);
    opacity: 0.3;
  }
  50% {
    transform: rotate(180deg);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.3;
  }
}
.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; }
.swiper_prev									{ width:24px; height:24px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:24px; height:24px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:24px; height:24px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:8px 12px; }
.swiper_page									{ width:auto !important; display:flex; font-weight:500; align-items:center; justify-content:center; gap:0 12px; line-height:1; margin-right:15px; font-size:0.938em;}
.swiper_page .swiper-pagination-current			{ color:var(--color-white);}
.swiper_page .swiper-pagination-total			{ color:#fff600;}
.swiper_page i									{ position:relative; display:inline-block }
.swiper_page i::after							{ display:inline-block; vertical-align:middle; width:12px; height:1px; background:var(--color-white); content:''; margin-top:-3px; } 
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:8px; height:12px; background:url(/resource/tour/images/common/icon_prev.svg) no-repeat 50% 50% / auto 12px; content:''; }	
.swiper_next::before							{ display:inline-block; width:8px; height:12px; background:url(/resource/tour/images/common/icon_next.svg) no-repeat 50% 50% / auto 12px; content:''; }	
.swiper_auto.paused::before						{ background-image:url(/resource/tour/images/common/icon_play.svg); background-size:8px 10px; }		
.swiper_auto::before							{ background-image:url(/resource/tour/images/common/icon_stop.svg); background-size:8px 10px; }	

@media all and (max-width:668px){
	.swiper_page								{ gap:0 8px;margin-right:12px;}
}

@media all and (max-width:468px){
	.swiper_page								{ gap:0 6px;margin-right:10px;}
	.swiper_prev,
	.swiper_next,
	.swiper_auto								{ width:20px;height:20px;}
}

/************************************************************
							 상단
************************************************************/




.header																{ position:fixed; top:40px; left:0; right:0; width:100%; padding:0; z-index:20; -webkit-transition:var(--trans-ani); transition:var(--trans-ani); background:rgba(0,0,0,.3);}
.header.active                                                      { background:var(--color-white);}

/* 상단 */
.header .h_logo														{ width:253px; height:47px; line-height:1; transition:all .1s;  }
.header .h_logo a													{ display:flex; width:100%; height:100%; background:url(/resource/tour/images/common/logo.png) no-repeat 50% 50% / contain;  }

.header .h_icon														{ display:flex; justify-content:end; align-items:center; gap:0 20px; z-index:20; --sizeBtn:25px; --sizeWhite:240px }
.header .h_icon>li													{ position:relative;  display:flex; align-items:center; }
.header .h_icon [data-util]>a										{ display:flex; gap:0 15px; position:relative; align-items:center; }
.header .h_icon [data-util]>a::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 .sitemap_open										{ position:relative; display:block; width:var(--sizeBtn); height:var(--sizeBtn); background:url(/resource/tour/images/common/icon_sitemap.svg) no-repeat 100% 50% / 18px 16px; }
.header .h_icon .icon_search										{ width:var(--sizeBtn); height:var(--sizeBtn); }
.header .h_icon .icon_search::before								{ display:block; width:100%; height:100%; content:''; background:url(/resource/tour/images/common/icon_search.svg) no-repeat 50% 50% / 21px; }
																		
.header .h_icon .search_wrap										{ position:fixed; display:none;  top:130px; width:100%; padding:3em; left:0; background:rgba(45,38,158,.7); backdrop-filter:blur(10px); transition:top ease 0.2s;}
.header.active .h_icon .search_wrap { top:90px;}
.header .h_icon .search_wrap .searchForm							{ display:flex; margin:0 auto; align-items:center; justify-content:center; gap:10px; max-width:868px; border:2px solid var(--color-white); padding:0.5em 1em; border-radius: 50px}
.header .h_icon .search_wrap .searchForm input						{ width:calc(100% - 45px);  border:none; background:none; color:var(--color-white); font-size:1.125em;}
.header .h_icon .search_wrap .searchForm .icon_search				{ width:40px; height:40px; }
.header .h_icon .icon_search.active::before							{ background-image:url(/resource/tour/images/common/icon_close.svg);background-size:18px;}
.header .h_icon ::placeholder										{ color:#fff !important; }


/* gnb */
.header_wrap											{ display:flex; width:94%; max-width:1500px; --sizeHig:90px; 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 45px; font-size:20px; color:var(--color-white); 
														font-weight:600; line-height:1; transition:var(--trans-ani);  }
														
.gnb>li>a>span											{ display:inline-block; position:relative; }
.gnb>li>a>span::after									{ position:absolute; left:50%; bottom:-40px; width:0%; height:4px; background:var(--color-white); 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 .dep2_wrap											{ position:absolute; left:50%; transform:translateX(-50%); top:auto; width:100%; overflow:hidden; opacity:0; visibility:hidden;transition: var(--trans-ani); 
															z-index:40; display:flex; max-width:1500px; align-items:flex-start; }
.gnb .dep2_wrap.active									{ opacity:1; visibility:visible; z-index:90;  }
.gnb .dep2_wrap .title_wrap								{ position:relative; display:flex; flex-flow:column; width:18em; padding:2em 2em 2em 0; font-family:var(--font-pretendard); min-height:16.5em;  }

.gnb .gnb_sbg .dep2_wrap .title_wrap					{ background:url(/resource/tour/images/common/img_gnb.svg) no-repeat 0 100% / 100% auto; }

.gnb .dep2												{ display:flex; flex:auto; width:100%; flex-flow:row wrap; align-items:stretch; gap:10px; justify-content:flex-start; border-top:1px solid var(--color-line); position: relative; padding:2em 0; }
.gnb .dep2>li											{ flex:0 1 calc((100% - 40px) / 4); }
.gnb .dep2>li>a											{ display:block; position:relative; padding:15px; font-size:1.03rem; font-weight:600;  line-height:1.2; 							 background:#f3f6fa; border-radius:5px; transition:var(--trans-ani); word-break:normal; border:1px solid var(--color-line); background:var(--color-white); text-align:center; }
.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/tour/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									{ border-color:var(--color-point); box-shadow:5px 5px 10px rgba(0,0,0,.1); color:var(--color-white); background: linear-gradient(to right, #211b8f, #2d269e);}
.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 .dep3,
.gnb .dep4												{ display:none; }
.gnb_bg													{ position:absolute; width:100%; height:0; left:0; top:var(--sizeHig); background:var(--color-white); transition: opacity 0.2s ease}
.gnb_bg.active											{ height:100%; border-style:solid; border-width:1px 0 1px 0; border-color:#e5e5e5; background: #f1f6f9;}

/* hover */
.header:hover,
.header:focus 											{ background: var(--color-white) !important;}
.header:hover .h_logo a 								{ background-image: url(/resource/tour/images/common/logo_b.png);}
.header:hover .gnb>li>a>span							{ color: var(--color-base);}
.header:hover .gnb>li>a>span::after 					{ background: var(--color-point);}
.header:hover .gnb>li.active>a span 					{ color: var(--color-point) !important;}
.header:hover .h_icon .icon_search:not(.search_wrap .searchForm .icon_search)::before,
.header:hover .h_icon .sitemap_open  					{ filter:invert(1); }

/* 고정 */	
.header.active											{ position:fixed; left:0; top:0; transition:var(--trans-ani); background: var(--color-white); border-bottom:1px solid var(--color-line); }
.header.active .h_logo a 								{ background-image: url(/resource/tour/images/common/logo_b.png);}
.header.active .gnb>li>a  							 	{ color:var(--color-base); }
.header.active .gnb>li>a>span::after 					{ background: var(--color-base);}
.gnb>li:hover >a,
.gnb>li:focus >a,
.gnb>li.active >a 										{ color: var(--color-base);}
.gnb>li:hover >a>span::after,
.gnb>li:focus >a>span::after,
.gnb>li.active >a>span::after 							{ background: var(--color-point);}
.header.active .h_icon .icon_search:not(.search_wrap .searchForm .icon_search)::before,
.header.active .h_icon .sitemap_open  					{ filter:invert(1); }


/* 사이트맵 */
.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 .dep2_wrap							{width:calc(100% - 12em);}
.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;padding-right:20px;}	
.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:var(--color-point) ;border-radius:5px; } 
.sitemap_wrap .sitemap_box .gnb_list::-webkit-scrollbar-track 		{ border-radius:5px; background-color:#e2e2e2; }
															
.sitemap_wrap .sitemap_box .gnb_list>li								{width: 100%;display: flex;position:relative;transform:scaleX(1);transform-origin:right top;transition-property:transform;padding: 1.5rem 0;align-items: flex-start;}
.sitemap_wrap .sitemap_box .gnb_list>li:hover,
.sitemap_wrap .sitemap_box .gnb_list>li:focus					{color:var(--color-point);}
.sitemap_wrap .sitemap_box .gnb_list>li+li							{border-top: 1px solid rgba(0,0,0,.1);}
.sitemap_wrap .sitemap_box .gnb_list>li>a							{font-size: 1.5rem;width: 12em;font-weight:600;color: var(--color-base);transition:var(--trans-ani);padding-top: .125em;}
.sitemap_wrap .sitemap_box .gnb_list>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li>a:focus						{color:var(--color-point);}
.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/tour/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; margin-top:-2px }	
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:hover::after,
.sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:focus::after{filter:invert(1);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{flex-wrap: wrap;gap: 12px;display: flex;}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li					{width: calc((100% - 36px) / 4);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{position:relative;display:block;font-size: 1.063rem;color: var(--color-base1);padding: 14px 16px;line-height:1.2;background:#ededed;border-radius: 6px;transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ background:var(--color-point);color:var(--color-white); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{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: 1rem;font-weight:400;color: var(--color-base);padding:3px 3px 3px 10px;line-height:1.2;opacity: .7;transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{position:absolute;width:4px;height:4px;background: rgba(0,0,0,.3);content:'';border-radius:100%;left:0;top: .65rem;transition:var(--trans-ani);}
.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-pink);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep4						{ display:none }
.sitemap_wrap.open													{opacity:1.0;visibility:visible;z-index:99999;background-color: var(--color-white);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-point2); 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-white); }
.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-white);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .mob_gnb_control										{ display:none; }



@media all and (max-width:1568px){
	/* 상단 */
	.gnb>li>a													{ font-size:18px; padding:0 35px; }
	.gnb .dep2_wrap												{ width:94%; }
	.gnb .dep2_wrap .title_wrap .txt						{margin-top:.5em;}
	.gnb .dep2														{gap:8px;}
	.gnb .dep2>li>a												{ font-size:1rem; }
	.header .h_icon .search_wrap								{ padding:2em; }

	.sitemap_wrap .sitemap_box .gnb_list>li							{padding:1.375em 0;}
	.sitemap_wrap .sitemap_box .gnb_list>li>a						{font-size:1.375em;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2					{gap:10px;}
	.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:.94rem;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before{margin-top:.58rem;}
}


@media all and (max-width:1440px){
	/* 상단 */
	.gnb>li>a																	{ font-size:17px; padding:0 25px; }
}

@media all and (max-width:1280px){	
	/* 상단 */
	.header	.header_wrap															{ --sizeHig:80px; }
	.header .h_logo																	{ width:215px; height:40px;  }
	.gnb																			{ display:none; }
	.header .h_icon																	{ --sizeWhite:250px; }
	.header .h_icon .search_wrap													{top: 120px;}
	.header.active .h_icon .search_wrap { top:80px;}
	
	/* 모바일 메뉴 */
	.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:100%; height:100%; right:0; top:0; background:#fff; --sizeGnb:160px;}	
	.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:60px;padding-right:0;}
	.sitemap_wrap .sitemap_box .gnb_list>li::before										{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li+li											{ border-top: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.125em; color:var(--color-base); }
	.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 18px 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 .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);z-index: 1; }			
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap .title_wrap						{ display:none; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2										{ margin-top:0; display:block;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li									{  width:inherit; display:block;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li									{margin-top:.5em;}
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a									{ position:relative; display:block; font-size:1em; padding:15px; background:var(--color-white);border:1px solid #e5e5e5;border-radius:5px; font-weight:500; 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 15px; 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:20px; background:var(--color-white) }
}

@media all and (max-width:768px) {
	/* 상단 */
  	.top_util													{display:none !important;}
    .header														{top:0;}
	.header	.header_wrap										{ --sizeHig:60px; }
	.header .h_logo												{ width:188px; height:35px;  }
	.header .h_icon												{ gap:0 10px; --sizeWhite:220px; }
	.header_wrap												{ height:calc(var(--sizeHig) - 0px) }
  	.header .h_icon .search_wrap								{top: 60px;}
	.header.active .h_icon .search_wrap 						{ top:60px;}
  
	.sitemap_wrap .mob_gnb_control									{ display:flex; position:absolute; width:calc(100% - 50px); height:50px; max-width:calc(500px - 50px); right:50px; top:0; z-index:2; align-items:center; color:var(--color-white);
        																padding-left:20px;}
    .sitemap_wrap .mob_gnb_control [data-util]>a, 
 	.sitemap_wrap .mob_gnb_control [data-util]>button 				{flex-flow:row;border-radius:20px;height:32px;color:var(--color-white);opacity: .9;font-weight:400;font-size:.9rem;}
  	.sitemap_wrap .mob_gnb_control	>.con_inner						{display:flex;align-items:center;gap: 20px;width:100%;}
	.sitemap_wrap .mob_gnb_control	.family_link					{display:flex;gap:0 30px;align-items:center;font-size:.94rem;/* font-weight:500; */}

	.sitemap_wrap .mob_gnb_control .login a							{display:flex;align-items:center;position: relative;padding-left: 14px;gap: 0 7px;}
	.sitemap_wrap .mob_gnb_control .login a::before 				{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: .74;width:100%;height:100%;filter:invert(1);background-position: center;}
	.sitemap_wrap .mob_gnb_control .login.ico_login a::before		{ background:url(/resource/www/images/common/icon_login.svg) no-repeat left center;  background-size:14px auto; }
	.sitemap_wrap .mob_gnb_control .login.ico_logout a::before		{background: url(/resource/www/images/common/icon_logout.svg) no-repeat left center;background-size: 14px auto;}

	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"]							{ position:relative; }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link					{ display:none; }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li					{ position:relative; padding-right:18px; margin-right:14px; }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li:last-child		{ padding-right:0; margin-right:0; }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li>a				{ display:flex; transition:var(--trans-ani); height:var(--size); align-items:center; padding-top:2px; color:rgba(255,255,255,.84) }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li>a:hover,
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li>a:focus			{ color:rgba(255,255,255,1) }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li:last-child::before,
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li.none			{ display:none; }
	.sitemap_wrap .mob_gnb_control .family_link [data-util="family_site"] .link>li::before			{ position:absolute; width:4px; height:4px; border-radius:100%; content:''; right:0; top:calc(50% - 2px); background:rgba(255,255,255,.45); }
	.sitemap_wrap .mob_gnb_control .family_link .btn_family										{position:relative;display:flex;align-items:center;gap:0 7px;line-height:1;}
	.sitemap_wrap .mob_gnb_control .family_link .btn_family .icon									{ position:relative; width:13px; height:14px; }
	.sitemap_wrap .mob_gnb_control .family_link .btn_family .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_btn_family.svg) no-repeat 50% 50% / contain;  }
	.sitemap_wrap .mob_gnb_control .family_link .btn_family::after									{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,.74); 
																			transform:translateY(-30%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
	.sitemap_wrap .mob_gnb_control .family_link .btn_family.active::after							{ transform:translateY(20%) rotate(225deg); }
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul										{ display:flex; flex-flow:column; gap:3px;  }
	.sitemap_wrap .mob_gnb_control .family_box 												{ display:none; position:absolute; min-width:160px; left:0; transform:none; border:1px solid #e5e5e5; border-radius:10px; top:calc(var(--size) + 8px); 
																			background:var(--color-white); padding:1em; z-index:91; }
  	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a{color:var(--color-base);font-size: .88rem;}
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:12px; height:11px; transition:var(--trans-ani);
																					background:url(/resource/tour/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; margin-top:-2px; transition:var(--trans-ani); }
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a[target='_blank']:hover,
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a[target='_blank']:focus			{ color:var(--color-point); transition:var(--trans-ani); font-weight:700; }
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a[target='_blank']:hover::after,
	.sitemap_wrap .mob_gnb_control .family_link .family_box ul>li>a[target='_blank']:focus::after	{ filter: invert(16%) sepia(50%) saturate(5012%) hue-rotate(241deg) brightness(74%) contrast(109%); }
	.sitemap_wrap .mob_gnb_control .login .btn_family .icon::before, 
	.sitemap_wrap .mob_gnb_control .login .btn_family::after,								
	.sitemap_wrap .mob_gnb_control .family_link .btn_family .icon::before,
	.sitemap_wrap .mob_gnb_control .family_link .btn_family::after						{ filter:invert(1); }	
}

@media all and (max-width:568px) {
	/* 상단 */
	.header .h_logo												{ width:161px; height:30px;  }
	.header .h_icon												{ --sizeWhite:200px;gap:0 5px; }
	.header .h_icon .search_wrap								{ padding:2em 1em; }
	.header .h_icon .search_wrap .searchForm input				{ width:calc(100% - 35px); min-height:35px; height:35px; }
}


@media all and (max-width:468px) {
	/* 모바일 메뉴 */
	.sitemap_wrap .sitemap_box												{ --sizeGnb:130px;}	
	.sitemap_wrap .sitemap_box::before										{ width:calc(var(--sizeGnb) - 10px) }
	.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											{padding-left:15px;}
}

@media all and (max-width:368px) {
	/* 상단 */
	.header .h_logo .ci											{ width:77px; height:26px;  }
	.header .h_icon												{ gap:0; }
  	.sitemap_wrap .mob_gnb_control .family_box					{ right:inherit; left:-3%; }
}


/************************************************************
							 하단
************************************************************/

/* 카피라이터 */
.footer																		{ position:relative;border-top: 1px solid #e3e3e3; }

.footer .f_logo_wrap .f_logo li												{ display:flex; gap:6px; align-items:center;}
.footer .f_logo_wrap .f_logo li .ci											{ width:131px; height:40px; background:url(/resource/tour/images/common/img_logo.png) no-repeat 50% 50% / contain; font-size:0px; text-indent:-9999em; }
.footer .f_logo_wrap .f_logo li .txt										{ font-size:1.625rem; font-weight:bold; color:var(--color-point); line-height:1;}
.footer .slide_banner .con_inner::before									{ width:115px;}
.footer .family_list>li .family_box ul>li a[target='_blank']:hover::after,
.footer .family_list>li .family_box ul>li a[target='_blank']:focus::after	{filter: invert(16%) sepia(50%) saturate(5012%) hue-rotate(241deg) brightness(74%) contrast(109%);}


/* 맨위로 */
#btn_top																	{ background:var(--color-point); }


@media all and (max-width:1368px) {
	.footer .f_logo_wrap .f_logo li .ci										{ width:115px; height:35px; }
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.4rem; }
  	.footer .slide_banner .con_inner em										{width:80px;}
}
@media all and (max-width:1024px) {
	.footer .f_logo_wrap .f_logo li .ci										{ width:98px; height:30px; }
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.2rem; }
}
@media all and (max-width:668px) {
	.footer .f_logo_wrap .f_logo li .txt									{ font-size:1.15rem; }
}



/* 공통 상단 */
.top_util																		{ position:fixed; width:100%; left:0; top:0; z-index:22; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); --size:40px; 
																					height:var(--size); background:rgba(0,0,0,0.3); }
#wrap:has(.header.active) .top_util												{ top:calc(var(--size) - (var(--size) * 2)); }
.top_util>.con_inner															{ display:flex; align-items:center; justify-content:space-between !important; }
.top_util .family_link															{ display:flex; gap:0 30px; align-items:center; font-size:.94rem; font-weight:500; }

.top_util .login a																{ display:flex; align-items:center; position: relative; padding-left:20px; color:rgba(255,255,255,.84)}
.top_util .login a::before 														{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: .74; width:100%; height:100%; filter:invert(1);}
.top_util .login.ico_login a::before											{ background:url(/resource/www/images/common/icon_login.svg) no-repeat;  background-size:16px 18px; }
.top_util .login.ico_logout a::before											{ background:url(/resource/www/images/common/icon_logout.svg) no-repeat;  background-size:16px 18px; }

.top_util .family_link [data-util="family_site"]							{ position:relative; }
.top_util .family_link [data-util="family_site"] .link					{ display:flex; align-items:center; }
.top_util .family_link [data-util="family_site"] .link>li					{ position:relative; padding-right:18px; margin-right:14px; }
.top_util .family_link [data-util="family_site"] .link>li:last-child		{ padding-right:0; margin-right:0; }
.top_util .family_link [data-util="family_site"] .link>li>a				{ display:flex; transition:var(--trans-ani); height:var(--size); align-items:center; padding-top:2px; color:rgba(255,255,255,.84) }
.top_util .family_link [data-util="family_site"] .link>li>a:hover,
.top_util .family_link [data-util="family_site"] .link>li>a:focus			{ color:rgba(255,255,255,1) }
.top_util .family_link [data-util="family_site"] .link>li:last-child::before,
.top_util .family_link [data-util="family_site"] .link>li.none			{ display:none; }
.top_util .family_link [data-util="family_site"] .link>li::before			{ position:absolute; width:4px; height:4px; border-radius:100%; content:''; right:0; top:calc(50% - 2px); background:rgba(255,255,255,.45); }
.top_util .family_link .btn_family										{ position:relative; align-items:center; gap:0 7px; line-height:1; display:none; height:var(--size) }
.top_util .family_link .btn_family .icon									{ position:relative; width:13px; height:14px; }
.top_util .family_link .btn_family .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_btn_family.svg) no-repeat 50% 50% / contain;  }
.top_util .family_link .btn_family::after									{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,.74); 
																		transform:translateY(-30%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
.top_util .family_link .btn_family.active::after							{ transform:translateY(20%) rotate(225deg); }
.top_util .family_link .family_box ul										{ display:flex; flex-flow:column; gap:3px;  }
.top_util .family_box 												{ display:none; position:absolute; min-width:160px; left:0; transform:none; border:1px solid #e5e5e5; border-radius:10px; top:calc(var(--size) + 8px); 
																		background:var(--color-white); padding:1em; z-index:91; }
.top_util .family_link .family_box ul>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:12px; height:11px; transition:var(--trans-ani);
																				background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50% / auto 11px; margin-top:-2px; transition:var(--trans-ani); }
.top_util .family_link .family_box ul>li>a[target='_blank']:hover,
.top_util .family_link .family_box ul>li>a[target='_blank']:focus			{ color:var(--color-point); transition:var(--trans-ani); font-weight:700; }
.top_util .family_link .family_box ul>li>a[target='_blank']:hover::after,
.top_util .family_link .family_box ul>li>a[target='_blank']:focus::after	{ filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); }

#wrap:has(.gnb_bg.active) .top_util,
#wrap:has(.header.on) .top_util																	{ background:var(--color-white); border-bottom-color:rgba(0,0,0,.1); transition:all ease 0.1s }
#wrap:has(.gnb_bg.active) .top_util *,
#wrap:has(.header.on) .top_util	*															{ color:rgba(22,22,22,.84); }
#wrap:has(.gnb_bg.active) .top_util .login [data-util="family_site"] .link>li::before,
#wrap:has(.header.on) .top_util .login [data-util="family_site"] .link>li::before				{ background:rgba(33,33,33,.45); }
#wrap:has(.gnb_bg.active) .top_util .login [data-util="family_site"] .link>li>a:hover,
#wrap:has(.gnb_bg.active) .top_util .login [data-util="family_site"] .link>li>a:focus,
#wrap:has(.header.on) .top_util .login [data-util="family_site"] .link>li>a:hover,
#wrap:has(.header.on) .top_util .login [data-util="family_site"] .link>li>a:focus				{ color:rgba(22,22,22,1); }
#wrap:has(.gnb_bg.active) .top_util .login a::before,
#wrap:has(.header.on) .top_util .login a::before												{ filter:inherit;}

/*
@media all and (max-width:768px) {
	.top_util .family_link [data-util="family_site"] .link			{ display:none; }
	.top_util .family_link .btn_family								{ display:flex; color:var(--color-white) }
	.top_util .login .btn_family .icon::before, 
	.top_util .login .btn_family::after,								
	.top_util .family_link .btn_family .icon::before,
	.top_util .family_link .btn_family::after						{ filter:invert(1); }
	#wrap:has(.header.on) .top_util .family_link .btn_family .icon::before,
	#wrap:has(.header.on) .top_util .family_link .btn_family::after						{ filter:inherit; }
}
*/
@media all and (max-width:368px) {
  	/*.top_util .family_box																{ right:inherit; left:-3%; }*/
  	.header .h_icon .search_wrap .searchForm												{padding:.5em .75em;}	
}



@media all and (max-width:1568px) {
	.top_util .family_link											{ gap:0 15px; }
	.top_util .family_link [data-util="family_site"] .link>li			{ padding-right:16px; margin-right:12px; }
}