@charset "UTF-8";

/* 컨텐츠 영역  */
.s_navbar { display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #EBF1FF; border-top:1px solid #EBF1FF; }
@media all and (max-width:1080px){
	.s_navbar { flex-wrap: wrap; }
}
/* loca */
.location{ position:relative;}
.location_wrap{ display:flex; justify-content:center; align-items:center; color:#5B5B5B; }
.location_wrap > div { position:relative; border-right: 1px solid #EBF1FF; height:70rem; }
@media all and (max-width:720px){
	.location{ width: 100%;}
	.location_wrap > div { height:60rem; }
}

.location_wrap > div.home button { position:relative; font-size:0; text-indent: -9999px; display:flex; justify-content:center; align-items:center; width:70rem; padding:0 0;}
@media all and (max-width:510px){
	.location_wrap > div.home button { gap:8rem; justify-content: flex-start; padding: 0 10rem; font-family: 'a2z'; width:100%}
}
.location_wrap > div.home button:before { position:absolute; content:''; width:20rem; height:16rem; background:url('/design/tour2026/img/sub/home_icon.png') no-repeat center/contain; }

.location_wrap button { display:flex; gap:30rem; height:100%; align-items: center; color:#000; padding:0 30rem; max-width: 280rem; text-align: left; }
@media all and (max-width:510px){
	.location_wrap button { gap:15rem;}
}

.depth{ position:relative; }
.depth .list_btn{ position:relative; flex: 0 0 30rem; height:30px; border:1px solid #4265CF; border-radius:8px; }
@media all and (max-width:510px){
	.depth .list_btn{ height:25px; border-radius: 8px;}
}
.depth .list_btn::before{ content:''; position:absolute;left:50%; top:50%; width:6rem; height:6rem; border-right:2px solid #4265CF; border-bottom:2px solid #4265CF; transform:translate(-50%,-70%) rotate(45deg); transition:.3s;}

.depth.active .list_btn::before{ transform:translate(-50%,-30%) rotate(-135deg);}
.depth_list{ position:absolute; left:50%; top:100%; width:100%; background:#fff; border:1px solid #4265CF; opacity:0; visibility:hidden; overflow:hidden; transform:translateX(-50%); transition:.25s; z-index:5; }
.depth.active .depth_list{ opacity:1; visibility:visible; }

.depth_list li{ border-bottom:1px solid #4265CF;}
.depth_list li:last-child{ border-bottom:0;}

.depth_list a { display:block; padding:14px 20px; color:var(--g2_color); }
.depth_list a:hover {  background:var(--p_color); color:var(--w_color);}
@media all and (max-width:510px){
	.depth_list a { padding:10px 12px; color:var(--g2_color); }
	.depth_list a:hover, .depth_list a:focus {  background:var(--p_color); color:var(--w_color);}
}

.location_wrap button .btn_text {  flex: 1;  min-width: 70rem;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family: 'a2z'; color:var(--g1_color); font-weight: 500; }
.depth_btn.on span { color:#4265CF; }


/* util */
.util { display:flex; align-items:center; gap:10rem; flex-wrap: wrap; }
.util .ir_layout { font-size:0; text-indent: -9999px;  }

.util .ir_area { display:flex; gap:10rem; align-items:center; margin-right: 20rem; }
.util .ir_area a { position:relative; display:flex; align-items:center; justify-content:center; width:26rem; height:26rem; background:#fff; border:1px solid #CCCCCC; border-radius:8rem; }
.util .ir_area a.minus::after,
.util .ir_area a.plus::before,
.util .ir_area a.plus::after {content: ""; position: absolute; top: 50%; width: 8px; height: 2px; background: #555; border-radius: 2px; transform: translateY(-50%);}
.util .ir_area a.plus::after{ transform: translateY(-50%) rotate(90deg);}
.util .ir_area span { font-size: 14rem; color:var(--g1_color);}

.util .share_depth { display:flex; align-items:center; }

.util .util_list {  display:flex; align-items:center; justify-content:center; }
.util .copy_link,
.util .print,
.util .share { position:relative; display:flex; align-items:center; justify-content:center; width:70rem; height:70rem;border-left:1px solid #EBF1FF;}

.util .copy_link:before,
.util .print:before,
.util .share:before { content: ""; position: absolute; width:18rem; height:18rem; }
.util .copy_link:before { background:url('/design/tour2026/img/sub/copy_link_icon.svg') no-repeat center/contain; width:14rem; height:16rem; }
.util .print:before { background:url('/design/tour2026/img/sub/print_icon.svg') no-repeat center/contain; }
.util .share:before { background:url('/design/tour2026/img/sub/sns_icon.svg') no-repeat center/contain; }

.util .icon a { height:60rem; }
.util .share_depth .depth_list.icon { border:none; display:flex; flex-direction: column; align-items: end; }
.util .share_depth .depth_list .list { width:100%; border: 1px solid #EBF1FF }




/* .util .share_depth .depth_list .list { display: flex; flex-direction: column; align-items: center; gap: 4rem; padding: 10rem ; } */
.util .icon .sns{ position:relative; display:flex; align-items:center; justify-content:flex-start; border-bottom: 1px solid #EBF1FF; gap:10rem; font-size: 17rem; }
.util .icon .sns:last-of-type { border-bottom:none; }
.util .icon .sns span { position:relative; }
.util .icon .sns span:before { position:relative; content:''; display:block; width:35rem; height:35rem; background:#ddd; }
.util .icon .sns.youtube span:before { background:url('/design/tour2026/img/sub/util_youtube.png') no-repeat center/contain;  }
.util .icon .sns.x span:before { background:url('/design/tour2026/img/sub/util_x.png') no-repeat center/contain;  }
.util .icon .sns.kakao span:before { background:url('/design/tour2026/img/sub/util_kakao.png') no-repeat center/contain;  }
.util .icon .sns.blog span:before { background:url('/design/tour2026/img/sub/util_blog.png') no-repeat center/contain;  }
.util .icon .sns.facebook span:before { background:url('/design/tour2026/img/sub/util_facebook.png') no-repeat center/contain;  }
.util .icon .sns.instagram span:before { background:url('/design/tour2026/img/sub/util_instagram.png') no-repeat center/contain;  }

.util .icon .close2 {background-image:none; position: relative; display: block; text-indent: -9999px; background:#4265CF; width: 36rem; height: 36rem; padding: 0; }
.util .icon .close2::before, 
.util .icon .close2::after {content: '';position:absolute; left: 50%; top: 8rem; width: 2rem; height: 18rem; background:#fff; transform: rotate(45deg); }
.util .icon .close2::after {transform:rotate(-45deg);}

@media all and (max-width:1080px) {
	.util { border-top: 1px solid #EBF1FF; border-bottom: 1px solid #EBF1FF; justify-content: space-between; width: 100%;}

}

@media all and (max-width:720px) {
	.util .copy_link, .util .print, .util .share { width:60rem; height:50rem;border-left:1px solid #EBF1FF;}
	.location_wrap { flex-wrap:wrap; display:grid; grid-template-columns: repeat(2, 1fr); }
	.location_wrap > div { width:100% !important; border-bottom:1px solid #EBF1FF; }
	.location_wrap > div:nth-of-type(2){ border-right:none; } 
	.location_wrap > div:nth-of-type(3){ border-bottom:none; } 
  .location_wrap > div:nth-of-type(4){ border-right:none; border-bottom:none; } 
	
	.location_wrap > div button {  padding:0 10rem; max-width: 100%; width:100%; }
	
	.location_wrap > div.home button { font-size: 17rem; text-indent: inherit; }
	.location_wrap > div.home button:before { position:relative; content:''; display:block;}
}
/* @media all and (max-width:510px) {
	.location_wrap { flex-wrap:wrap; justify-content: end; }
	
	.location_wrap > div.home { position:absolute; left: 0; height: 100%; }
	.location_wrap > div.home button { height: 100%; }
	
	.location_wrap > div.depth { width:calc(100% - 70rem); border-right:0;}
	.location_wrap > div:nth-of-type(2) { border-bottom:1px solid #EBF1FF; }
	.location_wrap button { max-width:100%; width:100%; padding: 0 14rem; gap: 10rem; }
} */

/* ///---------------------------------------- */
.content-wrap { padding:50rem 0 0; }
.content-wrap .sub-title { text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:40rem; margin-bottom:60rem; }
.content-wrap .sub-title .pageTitle { font-size:50rem; display:flex; color:var(--b_color); align-items:center; gap:30rem; font-family:'Paperozi'; font-weight: 600;  }
.content-wrap .sub-title .pageTitle:before,
.content-wrap .sub-title .pageTitle:after { position:relative; content:''; display:block; width:35rem; height:4rem; background:#4265CF; }

.content-wrap .tab_depth04 { margin: 45rem 0 40rem;}
.content-wrap .tab_depth04 ul { display:flex; flex-wrap:wrap; gap:8rem; justify-content: flex-start; width: 100%; }
.content-wrap .tab_depth04 ul li a { display:flex;align-items:center; justify-content:center; padding:17rem 20rem; border-radius:10rem; color:var(--g1_color); background:#EBF1FF; transition:.3s;}
.content-wrap .tab_depth04 ul li a:hover { background:#4265CF; color:#fff; } 
.content-wrap .tab_depth04 ul li.active a { background:linear-gradient(180deg, #22B69D, #5B83FA); color:#fff; }

/* ///---------------------------------------- */
/* 컨텐츠 시작/// */

.content-wrap .svisual_banner { width:100%; height:600rem; background:#ddd; }

#contStart { padding:0rem 0rem 70rem; border-radius:10rem;  min-height: 400rem;}

.topTit { text-align:center; justify-content:center; display:flex; align-items:center; flex-direction: column; gap:60rem; margin-bottom:100rem;  }
.topTit strong { font-size:50rem; color:#3F3F3F; font-family:'a2z-6'; }
.topTit p { line-height:1.6; font-size:20rem; }


@media all and (max-width:1024px) {
	.content-wrap .svisual_banner { height: 500rem;}
}
@media all and (max-width:740px) {
	.content-wrap .sub-title .pageTitle{ font-size:40rem; }

  .content-wrap .tab_depth04 { margin-bottom: 30rem;}
	.content-wrap .tab_depth04 ul { justify-content:space-between; gap:6rem }
	.content-wrap .tab_depth04 ul li { width:49%; }
	.content-wrap .tab_depth04 ul li a { width:100%; height: 100%; flex-direction: column; }




	
	.content-wrap .svisual_banner { height: 430rem;}
	.topTit strong { font-size:38rem; padding: 0 10rem; }
}
@media all and (max-width:510px) {	
	.depth_list { width:100%; }
	
	.content-wrap { padding: 40rem 0 0; }
	.content-wrap .sub-title .pageTitle{ font-size:30rem; gap: 20rem;}
	.content-wrap .sub-title .pageTitle:before, .content-wrap .sub-title .pageTitle:after { width:20rem; }
	
	.content-wrap .sub-title .pageTitle span,
	.content-wrap .sub-title .pageTitle span em{ display:block; }
	
	.content-wrap .sub-title { gap:20rem; margin-bottom:40rem; }
	.content-wrap .tab_depth04 ul li a { padding:11rem 10rem; font-size: 16rem; }
	
	
	#content { padding-top:60rem; }
	.content-wrap .svisual_banner { height: 340rem;}
	.topTit { gap:30rem; }
	.topTit strong { font-size:28rem; }
	.topTit p { font-size:17rem; }
}