@charset "UTF-8";
@import url('/design/common/css/SBAggro.css');
@import url('/design/common/css/a2z.css');
@import url('/design/common/css/Paperozi.css');
@import url('/design/common/css/s-core.css');
@import url('/design/common/css/GraceSerif.css');

:root {
	--b_color : #262A29;
	--w_color : #ffffff;
	--p_color : #4265CF;
	--s_color : #EBF1FF;
	--g1_color : #494C52;
	--g2_color : #666666;
}

body {font-family:'a2z', 'Pretendard', 'Aggro', '맑은 고딕', sans-serif; font-weight:400; font-size:17rem; color:#323232;}
input, button, textarea, select { font-family:'a2z', 'Pretendard', 'Aggro', '맑은 고딕', sans-serif; font-weight:400; font-size:17rem; color:#323232;}
button, input[type="submit"] {cursor:pointer;}
h1, h2, h3, h4, h5 {font-size:17rem; font-weight:400; line-height:1.4;}
a {color:#323232;}
b {font-weight:600;}

button { background: none; border: none; }

.wrap {width:100%; max-width:1600rem; margin:0 auto;}
@media all and (max-width:1640px){
	html {font-size:0.95px;}
	.wrap {max-width:98%;}
}
@media all and (max-width:1023px) {
	.wrap {max-width:96%;}
}
@media all and (max-width:768px) {
	html {font-size:0.9px;}
	.wrap {max-width:94%;}
}
@media all and (max-width:425px) {
	html {font-size:0.8px;}
	.wrap {max-width:90%;}
}


/*header*/
#header { position: relative; padding-top:40rem; }
#header > .wrap {display:flex; align-items:center; justify-content:space-between; padding: 12rem 0 27rem 0;}
@media all and (max-width:510px) {
	#header > .wrap {padding: 20rem 0;}
}
#header > .wrap .right {display:flex; align-items:center;}
#header .sitemap.mobile {display:none;}
#header > .wrap.nav_wrap { padding:20rem 0; }

/*nav*/
.pc_nav .depth1 { gap: 50rem; }
.pc_nav .depth1 > li > a {font-size:22rem; color:var(--b_color)!important; font-family: 'Paperozi'; font-weight: 600 !important;}
.pc_nav .depth1 > li > a.on { position:relative; color:var(--p_color) !important; }
.pc_nav .depth1 > li > a.active { position:relative; color:var(--p_color) !important; }
.pc_nav .depth1 > li > a.active:before { position:absolute; content:''; width:100%; height:2px; background:var(--p_color) ; bottom:-2px; left:50%; transform:translateX(-50%); }

/*사용자설정 시작*/
.pc_nav .depth2_wrap,
.pc_nav .depth2_wrap::after {top:180rem;}/*펼침메뉴 위치*/
.pc_nav+.nav_bg {top:180rem;}/*검은배경 위치*/
/*사용자설정 끝*/

/*사용자 스타일 ver3*/
.pc_nav .depth2_wrap { top:115rem; z-index: 1000;}/*펼침메뉴 위치*/
.pc_nav .depth2 { width:200rem; background:#fff; border-color:#ddd; }/*2차메뉴 가로사이즈, 배경색상, 테두리색상*/
.pc_nav .depth2 > li > a { border-bottom:1px solid #efefef; }/*2차메뉴 구분선 색상*/
/* .pc_nav .depth3 { left:199rem; width:200rem; background:#efefef; border:1px solid #dedede; } *//*3차메뉴 오픈위치, 가로사이즈, 배경색상*/


.pc_nav.ver3 .depth1 > li > a { display:flex; align-items:center; height: 60rem; }
.pc_nav.ver3 .depth2 { background:#fff; width: 200rem; }
.pc_nav.ver3 .depth2_wrap { left: 50%; transform: translateX(-50%); }

#search_area { top:105rem; justify-content: center; align-items: flex-start; background: rgb(0 0 0 / 70%); }
#search_area  .inner { width:100%; height:auto; background:#fff; padding: 60rem 0px; border-top:1px solid #ddd; }
.search_area_wrap { position:relative; }
.search_area_wrap #search_close { position:absolute; left:50%; transform:translateX(-50%); margin: 30rem auto 0; }

#search_area form { display:flex; gap:20rem; border:2px solid #4265CF; padding:14rem 80rem 14rem 20rem; height:auto; border-radius: 20rem; }
#search_area form a { display:flex; align-items:center; justify-content:center; text-indent:inherit; background:#263F8B; width:68rem; height:68rem; color:#fff; border-radius:20rem; position: absolute; right: 0;}
#search_area form a:before,
#search_area form a:after { display:none; }

#search_area form legend { display:flex;align-items:center; font-size:18rem; font-weight:400; color:#222; gap:20rem; flex: 0 0 100rem;}
#search_area form legend:after { position:relative; content:''; display:block; width:1px; height:20rem; background:#ddd; }
#search_area form input { margin:0; font-size: 17rem; }

#search_area .search_area_wrap .sub_search { display:flex; gap:10rem; flex-wrap:wrap; margin-top: 10rem;}
#search_area .search_area_wrap .sub_search li { padding:4rem; border-radius:4rem; background:#EBF1FF; }

.m_nav {display:none;}
@media all and (max-width:1280px){
	#header {padding-top:0;}
	#header .weather {display:none;}
	#header .quick {display:none;}
	#header .sitemap.pc {display:none;}
	#header .sitemap.mobile {display:block;}
	#header > .wrap.nav_wrap,
	.pc_nav {display:none;}

	#search_area { top:60rem; }
}
@media all and (max-width:1380px){
	.pc_nav .depth1 { gap:30rem; }
	.pc_nav .depth1 > li > a { font-size: 20rem; }
}



/* 2026 css */
.pc_nav.ver2 .title { font-size:0; display:none; }

.pc_nav.ver2 .depth2_wrap .wrap { min-height: 580rem; align-items: stretch; }
.pc_nav.ver2 .depth2_wrap .wrap { gap:20rem; font-weight: 400; padding: 40rem 0; border-top:1px solid #EBF1FF;}
.pc_nav.ver2 .depth1 li .title {display:none;}
.pc_nav.ver2 .depth1 li dt { margin: 0 0 20rem;}
.pc_nav.ver2 .depth1 li dl { position:relative; border-right:1px solid #EBF1FF; }
.pc_nav.ver2 .depth1 li dl::before { position:absolute; bottom:30rem; right:0; }

.pc_nav.ver2 .depth1 li dl dd { line-height:1.6; font-size:15rem; color:#747474 }
.pc_nav.ver2 .depth2 { padding: 10rem 0 30rem;}
.pc_nav.ver2 .depth2 > li { margin:2rem 0 0 0; }
.pc_nav.ver2 .depth2 { position:relative; display: flex; flex-direction: column;}
.pc_nav.ver2 .depth2:before { position:absolute; content:''; width:1px; height:100%; left:340rem; top:0; background:#eee; }

.pc_nav.ver2 .depth2 > li > a { padding: 14rem 15rem 14rem 20rem; border-radius: 10rem;}
.pc_nav.ver2 .depth2 > li > a:hover { font-weight: 500;}

/* 3차 메뉴 기본 숨김 */
.pc_nav.ver2 .depth2 > li > .depth3 { position: absolute; top: 0; right: 0; width: calc(100% - 380rem); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20rem 30rem; visibility: hidden; opacity: 0;transition: opacity 0.3s, visibility 0.3s; padding: 24rem 0 0 ;}
.pc_nav.ver2 .depth2 > li.on > .depth3 { visibility: visible; opacity: 1;}
.pc_nav.ver2 .depth3 a { gap:10rem; }
.pc_nav.ver2 .depth3 a::before { width:6rem; height:6rem; background:#fff; border:2px solid #4265CF; box-shadow:0 6rem 6rem rgb(66 101 207 / 20%); margin:8rem 0;}
.pc_nav.ver2 .depth3 a:hover::before { background:#4265CF; }

.pc_nav.ver2 .depth1 li:nth-child(1) dl::before { width:195rem; height:200rem; background:url(/design/tour2026/img/common/ver2_dl_icon1.png)no-repeat center/contain; }
.pc_nav.ver2 .depth1 li:nth-child(2) dl::before { width:230rem; height:219rem; background:url(/design/tour2026/img/common/ver2_dl_icon2.png)no-repeat center/contain; }
.pc_nav.ver2 .depth1 li:nth-child(3) dl::before { width:249rem; height:254rem; background:url(/design/tour2026/img/common/ver2_dl_icon3.png)no-repeat center/contain; }
.pc_nav.ver2 .depth1 li:nth-child(4) dl::before { width:249rem; height:254rem; background:url(/design/tour2026/img/common/ver2_dl_icon4.png)no-repeat center/contain; }
.pc_nav.ver2 .depth1 li:nth-child(5) dl::before { width:249rem; height:254rem; background:url(/design/tour2026/img/common/ver2_dl_icon5.png)no-repeat center/contain; }
.pc_nav.ver2 .depth1 li:nth-child(6) dl::before { width:249rem; height:254rem; background:url(/design/tour2026/img/common/ver2_dl_icon6.png)no-repeat center/contain; }

/* toggle */
.toggle {display:flex; align-items:center; position:relative;}
/* .toggle::after {content:''; display:block; flex-shrink:0; flex-grow:0; width:18rem; height:18rem; background:url('/design/common/ycg/img/arrow.svg') no-repeat 0 0/100% auto; margin-left:10rem;} */
.toggle + .show {position:absolute; left:50%; width:150rem; margin-left:-75rem; padding:10rem 20rem; border:1px solid #ddd; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15rem; opacity:0; visibility:hidden; transition:all 0.5s; z-index:30;}
.toggle + .show > a {display:block; position:relative; margin:10rem 0; line-height:1.4; font-size:15rem; justify-content: flex-start !important; font-family: Pretendard;}
.toggle + .show > a:before {content:''; position:absolute; top:0rem; left:0; width:4rem; height:4rem; background:#bbb; border-radius:50%;}
/*on*/
.toggle.on::after {transform:rotate(-180deg);}
.toggle.on + .show {opacity:1; visibility:visible; transform:translate(0, 20rem);}

/* 언어선택 */
.lang {position:relative;}

/* 로고 */
.h1 {display:flex; align-items:center;}
.logo {display:block; position:relative; display:flex; align-items:center; gap:16rem; font-size:24rem; font-weight:700;/*  font-family:'Aggro'; */}
.logo:before { position:relative; content:''; display:block; width:39rem; height:34rem; background:url('/design/tour2026/img/common/logo.svg') no-repeat center/contain;  }
.name {display:flex; align-items:center; font-size:21rem; font-weight:700; line-height:1;}
.name::before {content:''; display:block; flex-shrink:0; flex-grow:0; width:1px; height:20px; background:#808080; margin:0 15px;}


/* 헤더 바로가기 사이트 */
#header .quick {position:absolute; top:0; left:0; width:100%; }
#header .quick .wrap {display:flex; justify-content:space-between; align-items: center;}
#header .quick .list {display:flex; align-items: center; height:40rem;}

#header .quick .list > li a { display:flex; align-items:center; justify-content:center; gap:10rem;}
#header .quick .list > li a:before { position:relative; content:''; display:block; }
#header .quick .list > li.login a:before { width:16rem; height:18rem; background:url(/design/tour2026/img/common/q-login-icon.png)no-repeat center/contain; }
#header .quick .list > li.lang a:before { width:18rem; height:18rem; background:url(/design/tour2026/img/common/q-lang-icon.png)no-repeat center/contain; }

#header .quick .list > li > a {font-size:15rem; font-family: 'Paperozi'; letter-spacing: 0.9rem;}
#header .quick .left .list > li > a {display:flex; align-items:center; font-weight: 400; gap:0}
#header .quick .left .list > li > a::after {content:''; display:block; flex-shrink:0; flex-grow:0; width:5px; height:5px; background:var(--header-divider-color); border-radius:50%; margin:0 10rem;}
#header .quick .left .list > li:last-child > a::after {display:none;}
#header .quick .right .list > li > a {margin:0 10rem; font-weight: 500;}
#header .quick .left .list > li:first-of-type > a {margin-left:0 ;}

/* 날씨 */
.weather { display:flex;gap:10rem; align-items:center; margin-left: 20rem;}
.weather .txt { display:flex; flex-direction: column; line-height:1.2; font-size:16rem; gap:2rem;}
.weather .txt span { font-size:13rem;}
.weather .txt strong { font-weight: 500;}

/* 검색,사이트맵 아이콘 */
#search_open,
.sitemap {display:block; width:24rem; height:24rem; background:url('/design/tour2026/img/common/search_icon.png') no-repeat center/contain; text-indent:-9999px; margin-left:25rem;}
.sitemap {width:26rem; height:24rem; background:url('/design/tour2026/img/common/sitemap_icon.png') no-repeat center/contain;}

/* Header colour states */
#header a {color:inherit;}
#header :is(h1, h2, h3, h4, h5, a) {font-weight:var(--header-font-weight);}
#header .name {font-weight:var(--header-name-font-weight);}
#header .name::before {background-color:var(--header-divider-color);}
#header .logo {background-position:0 var(--header-logo-position-y);}
#header .toggle::after {background-position:0 var(--header-icon-position-y);}
#header #search_open {background-position:0 var(--header-icon-position-y);}
#header .sitemap {background-position:50% var(--header-icon-position-y);}
#header .toggle + .show {color:#323232;}

/* Dark visual overlay */
#header {
	--header-bg:transparent;
	--header-color:#323232;
	--header-font-weight:400;
	--header-name-font-weight:700;
	--header-logo-position-y:0;
	--header-icon-position-y:0;
	--header-border-color:#ddd;
	--header-divider-color:#d9d9d9;
	/*position:absolute;*/
	width:100%;
	background-color:var(--header-bg);
	color:var(--header-color);
	transition:background-color .25s ease, color .25s ease;
}

/* The expanded desktop-navigation panel always uses the light palette */
#header .pc_nav .depth2_wrap {color:#323232;}
#header .pc_nav .depth2_wrap :is(a, h1, h2, h3, h4, h5) {font-weight:500;}
#header .pc_nav.ver2 .depth2_wrap dl dt {font-weight:600;}
#header .pc_nav.ver2 .depth2_wrap .depth2 > li > a:hover,
#header .pc_nav.ver2 .depth2_wrap .depth3 a.on {font-weight:500;}
#header .pc_nav.ver2 .depth2_wrap .depth2 > li.on > a { color:#fff !important; background:var(--p_color) !important;}
#header .pc_nav.ver2 .depth2_wrap .depth2 > li > a:hover { color:var(--p_color); border:1px solid var(--p_color);}

.pc_nav.ver2 .depth2 > li > a { border:1px solid #fff; }
.pc_nav.ver2 .depth2 > li > a::after{ transform: rotate(135deg); }
.pc_nav.ver2 .depth2 > li > a:hover::after { border-color:var(--p_color); transform: rotate(135deg);  }
.pc_nav.ver2 .depth2 > li.on > a::after  { border-color:#fff; transform: rotate(-45deg); }

/* .pc_nav.ver2 .depth2_wrap[style*="visibility: hidden"],
.pc_nav.ver2 .depth2_wrap[style*="visibility:hidden"] {
  visibility: hidden !important;
  opacity: 0 !important;
} */

/* wrap이 숨겨질 때 내부 li와 depth3도 즉시 비노출 처리 (잔상 방지) */




.pc_nav.ver2 .depth2_wrap[style*="visibility: hidden"] *,
.pc_nav.ver2 .depth2_wrap[style*="visibility:hidden"] * {
  transition: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}


/* mobile nav */
.m_nav.ver1 .depth2_wrap .wrap {padding:0 !important;}
.m_nav .slide_type li:nth-child(1) > a::after { border-bottom:none; border-right:none; transform:rotate(0deg); background:url(/design/tour2026/img/common/q-login-icon.png)no-repeat center/contain; width:16rem; height:18rem; }
.m_nav.ver1 .depth2_wrap .wrap .title { display:none; }

/* Footer */
#footer .inner { padding:20rem 0 35rem; }
#footer .inner .logo { text-indent:-9999px; }
#footer .inner .logo:before { width:140rem; height:50rem; background:url('/design/tour2026/img/common/logo-full.svg') no-repeat 0 0/100% auto; }

#footer .inner .ftr-top { display:flex; flex-wrap:wrap; gap:30rem; margin-bottom:30rem; }

#footer .inner .ftr-top .left,
#footer .inner .ftr-top .left a { gap:12rem;  }
#footer .inner .ftr-top .left { display:flex; flex-wrap:wrap; }
#footer .inner .ftr-top .left a { display:flex; align-items:center; font-size:15.3rem; font-weight:500; color:#333; }
#footer .inner .ftr-top .left a:after { position:relative; content:''; display:block; width:6rem; height:6rem; background:#ddd; border-radius:50rem; }
#footer .inner .ftr-top .left a:last-of-type:after { display:none; }
#footer .inner .ftr-top .left a.priv{ color:#125DF3; text-decoration: underline;}
#footer .inner .ftr-top .left a.priv2 { color:#149D86; }

#footer .inner .flex { display:flex; justify-content:space-between; }
#footer .inner .flex.add .left address { display:flex; flex-wrap:wrap; gap:0rem 20rem; font-size: 15rem;}

#footer .inner .flex.add .left address div { display:flex; align-items:center; }
#footer .inner .flex.add .left address div:first-of-type { width:100%; }
#footer .inner .flex.add .left address div strong { padding-right:10rem; font-weight: 500; }
#footer .inner .flex.add .left address div.fax { background:#E9EFFD; color:#293147; padding:8rem 12rem; border-radius:6rem; font-weight:500; }

#footer .inner .flex.add .mark a { text-indent:-9999px; overflow: hidden; display: inline-block; width:100rem; height:69rem; background:url('/design/tour2026/img/common/mark-2026.svg') no-repeat; background-size:contain; }

#footer .inner .flex.small { margin-top:15rem}
#footer .inner .flex .right {font-size: 13rem; color:var(--g2_color);}

@media (max-width: 710px) {
	#footer .inner .flex { flex-direction: column; gap:20rem; }
	/* #footer .inner .ftr-top .left a,
	#footer .inner .flex.add .left address div { font-size:14rem; } */
}
@media (max-width: 510px) {
	#footer .inner .ftr-top { margin-bottom:20rem; }
	#footer .inner .flex.add .left address { line-height: 1.7;}
	#footer .inner .flex.add .left address div { display:block; }
	#footer .inner .ftr-top .left { gap:7rem;  }
	#footer .inner .flex.add .left address div.fax { margin-top: 8rem;}

}




.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}