@charset "utf-8";



/*font-size 반응형*/
html{
    font-size:62.5%;
    /* 모바일 웹폰트 크기 자동조정 문제 */
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-o-text-size-adjust:none;
	text-size-adjust:none;
}
:root{
	 --fs-64: clamp(4rem, 3.6rem + 1.5vw, 6.4rem);   /* 32px ~ 56px */
	 --fs-56: clamp(3.2rem, 2.6rem + 1.25vw, 5.6rem);   /* 32px ~ 56px */
	 --fs-48: clamp(2.8rem, 2.2rem + 1.25vw, 4.8rem);   /* 24px ~ 44px */
	 --fs-44: clamp(2.6rem, 2rem + 1.25vw, 4.4rem);   /* 24px ~ 44px */
	 --fs-40: clamp(2.4rem, 1.95rem + 1.4vw, 4rem);   /* 22px ~ 40px */
	 --fs-36: clamp(2.35rem, 1.9rem + 1.4vw, 3.6rem);   /* 20px ~ 36px */
	 --fs-34: clamp(2.3rem, 1.9rem + 1.3vw, 3.4rem); /* 19px ~ 34px */
	 --fs-32: clamp(2.25rem, 1.85rem + 1.3vw, 3.2rem); /* 18px ~ 32px */
	 --fs-30: clamp(2rem, 1.8rem + 1.2vw, 3rem);   /* 17px ~ 30px */
	 --fs-28: clamp(1.5rem, 1.5rem + 1.2vw, 2.8rem); /* 16px ~ 28px */
	 --fs-26: clamp(1.45rem, 1.5rem + 1.1vw, 2.6rem); /* 15px ~ 26px */
	 --fs-24: clamp(1.4rem, 1.5rem + 1.1vw, 2.4rem);   /* 14px ~ 24px */
	 --fs-22: clamp(1.4rem, 1.4rem + 1.1vw, 2.2rem); /* 13px ~ 22px */
	 --fs-20: clamp(1.35rem, 1.25rem + 1.1vw, 2rem);   /* 12px ~ 20px */
	 --fs-18: clamp(1.3rem, 1.2rem + 1vw, 1.8rem); /* 11px ~ 18px */
	 --fs-16: clamp(1.2rem, 1.1rem + 1vw, 1.6rem);   /* 10px ~ 16px */
	 --fs-14: clamp(1.1rem, 1rem + 1vw, 1.4rem); /* 9px ~ 14px */
}
@media (max-width: 1400px) {
	html {font-size:60%;}
}
@media (max-width: 1024px) {
	html {font-size:58%;}
}
@media (max-width: 700px) { 
	html {font-size:52%;}
	:root{
		 --fs-64: clamp(3rem, 3rem + 1.5vw, 4.5rem);
		 --fs-56: clamp(2.6rem, 2.5rem + 1.25vw, 3.8rem);
		 --fs-48: clamp(2.5rem, 2rem + 1.25vw, 3.6rem); 
		 --fs-44: clamp(2.4rem, 1.85rem + 1.25vw, 3.4rem);   
		 --fs-40: clamp(2.2rem, 1.8rem + 1.4vw, 3.2rem);   
		 --fs-36: clamp(2.1rem, 1.75rem + 1.4vw, 3rem);  
		 --fs-34: clamp(2rem, 1.7rem + 1.3vw, 2.9rem); 
		 --fs-32: clamp(1.8rem, 1.65rem + 1.3vw, 2.8rem);
		 --fs-30: clamp(1.6rem, 1.6rem + 1.2vw, 2.7rem);  
		 --fs-28: clamp(1.45rem, 1.5rem + 1.2vw, 2.6rem); 
		 --fs-26: clamp(1.4rem, 1.5rem + 1.1vw, 2.5rem); 
	}
	
}
:root{
	--main-color:#464ab6;
	--point-color:#03a9f4;
	--main-gr:linear-gradient(-18.7045deg, #52d5ff 8.5039%, #52a3ff 37.726%, #dbb7ff 83.002%);
	--sub-gr:linear-gradient(89deg, #80b7ff, #9f86fe);
	--paper:'Paperlogy', sans-serif;
}

/*reset*/
*{box-sizing:border-box;}

/*visit jeonju top link btn*/
.visit-top-link a{font-family:'ELandNice'; font-size:var(--fs-16); white-space:nowrap; transition:all 0.4s ease; display:inline-block; border-radius:50px; padding:6px 16px 2px; border:1px solid #fff; color:#fff;}
.navbar-fixed-top .visit-top-link a{color:#000; border-color:#000;}
.visit-top-link:hover a{background:var(--main-gr); border-color:#dbb7ff!important  ; color:#fff!important;}


/*======================================================== 

 				 			 main 
 				   
  ======================================================== */
/*fullpage*/
#fullpage .section{position:relative; overflow:hidden;}
#fullpage .section:not(.main_sec07){width: 100%; height:100dvh;}
#fullpage  .main_sec, .fp-scroller{width: 100%; height:100dvh; align-content:center;}
.main_sec07.fp-auto-height,
.main_sec07.fp-auto-height .fp-tableCell {height: auto !important; min-height: 0 !important;}
#fp-nav{top:50%!important; transform:translateY(-50%);}
#fp-nav:before{height:175px!important; background:rgba(255,255,255,0.3)!important;}
#fp-nav ul li a span{background:#fff!important;}
#fp-nav ul li a.active span{background:linear-gradient(89deg, #80b7ff, #9f86fe, transparent)!important; width:106%!important; display:block; border-radius:50px 0 0 50px!important;}
#fp-nav ul li a.active+.fp-tooltip{color:#fff;}

@media only all and (max-width:1024px){
	#fp-nav{display:none;}
}

/*section1 - hero section*/
/*olympic_banner*/
.olympic_banner{position:absolute; right:33px; top:150px; z-index:1001;}
@media (max-width:700px){
	.olympic_banner{position:static;aspect-ratio: 600 / 195;width: 100%;}
	.olympic_banner img{width:100%; height:auto; object-fit:cover}
}

.main_slider{position: relative; overflow: hidden; }
.Mainbg .bg:before{display: inline-block; content:"";z-index: 2; position: absolute; inset:0; width:100%; height:100%; background:linear-gradient(32deg, #00000070 20%, #00000000 65%);}
.main_slider .main_tit{color:#fff; position: absolute; z-index: 1; top:40%; left:0; right:0; margin:0 auto; font-family: var(--paper); padding:0; max-width:1400px; width:100%; text-align: center;  }
.main_slider .main_tit h5{font-size:var(--fs-28); font-weight:500; margin-bottom:14px; letter-spacing: 20px;}
.main_slider .main_tit h2{margin-left:-5px; font-size:var(--fs-64); font-weight:600; line-height:130%}
.main_slider .main_tit p{font-size: var(--fs-28); font-weight: 300;letter-spacing: 1px; opacity: 0.6;}
.main_video{position:relative;width:100%; height:100dvh; }
.main_video:before{display:inline-block;content:"";position:absolute;inset:0;width:100%;height:100%;z-index:1;background:#00000050;}
.main_video video{width:100%; height:100%; object-fit:cover; object-position:bottom;}
.main_txt{position: absolute; z-index:10; width:1400px; color:#fff; left:5%; bottom:7%;
	& h4{font:600 var(--fs-28) var(--paper); opacity: 0; }
	& dl{ opacity: 0;  max-width:500px; word-break: keep-all;}
	& dt b{font-size:var(--fs-20); font-weight:400;}
}
.slick-active .main_txt h4{animation: slideLeft 1.7s ease forwards;   }
.slick-active .main_txt dl{ animation: slideLeft2 1.5s ease forwards; animation-delay:0.7s; }
@keyframes slideLeft{
	0%{transform: translateX(3%); opacity: 0;}
	100%{transform: translateX(0%); opacity: 1;}
}
@keyframes slideLeft2{
	0%{transform: translateX(6%); opacity: 0;}
	100%{transform: translateX(0%); opacity: 1;}
}

.slick_nav{display: flex; align-items: center; justify-content:center; margin-top:3vmin}
.progressbar{ width:230px; height:1.5px; background:#ffffff60;}
.progressbar .pro-bar{ width:0; height:1.5px; background: #eee; }
.progressbar .pro-ani{ animation: proBar 5s 1;  background: #fff; }
.slick_btn_wrap{color:#fff; position: relative; width:80px; margin-left:10px;}
.mainbg_arrows{ display: flex; justify-content: space-between; align-items: center;  anchor-name:--arrows;}
.mainbg_arrows button{color:transparent;}
.mainbg_arrows .slick-prev, .mainbg_arrows .slick-next{font-size:0; opacity: 0.5;}
.mainbg_arrows .slick-prev:hover, .mainbg_arrows .slick-next:hover{opacity: 1;}
.mainbg_arrows .slick-prev:before{display: inline-block; content:""; background:url(../img/content/main/mainbg_prev.png) no-repeat center; width:24px; height:24px; color:#fff;}
.mainbg_arrows .slick-next:before{display: inline-block; content:""; background:url(../img/content/main/mainbg_next.png) no-repeat center; width:24px; height:24px; color:#fff;}
.mainbg_dots{opacity: 0.9; position:absolute; left:anchor(29% --arrows); top:anchor(96% --arrows); letter-spacing: 2px; font-size:14px;}
.mainbg_dots .slick-dots li{display:none!important;}
.mainbg_dots .slick-dots li.slick-active{display:block!important;}
@keyframes proBar{
    0%{width:0;}
    100%{width:230px;}
}
@media only all and (min-width:1920px){
	.main_slider .maintext {max-width:1800px; margin-left:calc( (100% - 1800px) / 2);}
}
@media only all and (max-width:700px){
	.Mainbg{height:700px;}
	.main_slider .main_tit{width:90%; }
	.main_slider .main_tit h5{font-size:var(--fs-20); letter-spacing: 0;}
	.main_txt{display:none;}
	.main_txt h4{font-size:var(--fs-22);}
	.main_txt dd{display: none;}
}
@media only all and (max-width:500px){
	.Mainbg{height:500px;}
	.slick_nav{width:100%}
	.progressbar{width:100%}
	.mainbg_dots{font-size:10px}
	.mainbg_arrows .slick-prev, .mainbg_arrows .slick-next{width:18px; height:18px}
	.main_slider .main_tit p{font-size:var(--fs-18);}
}

/*section02 - 공지 영역 */
.main_sec02{background:#f9f9f9; overflow:hidden;}
.notice-top-section,
.notice-bottom-section{position:relative; z-index:4;}
.notice-top-section { display: grid; grid-template-columns:40% 28% 28%; gap: 2%; max-width: 100%; width:1500px; margin:0 auto 3vmin;}
.notice-board,
.notice-useful-info {display:flex; justify-content:space-between; flex-flow:column wrap; background:#fff; border-radius: 20px; padding:4vmin;  box-shadow:0 0 10px 10px rgba(0,0,0,0.01);}
.notice-business-section {background:url(../img/content/main/notice-business-bg.jpg) no-repeat center / cover; border-radius: 30px; overflow: hidden;  padding:4vmin; }
.notice-header {display:flex; justify-content:space-between; align-items:center; width: 100%; overflow: hidden; }
.notice-tabs {display: flex; gap: 5px; align-items: center; margin-right:22px;}
.notice-tab {cursor:pointer; flex: 1;  border-radius: 30px; background-color: #f3f3f3; font-size: var(--fs-16);  color: #ccc;  padding:6px 2vmin; }
.notice-tab.active { border: 1px solid rgba(0, 0, 0, 0.3); background:none; color: #7e7e7e; }
.tab_content{position:relative; width:100%;}
.tab_content .btn-more{position: absolute;top: -62px;right: -9px;}
.notice-posts{width:100%;}

.notice-plus-icon { width: 32px; height: 32px; }
.notice-main-title {font:600  var(--fs-26) var(--paper); color: #515151; }
.notice-post-item+.notice-post-item{margin-top:1vmin;}
.notice-post-item a{ border-bottom: 1px solid #dfdfdf; padding-bottom: 1vmin; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.notice-post-title { flex: 1; font-weight: 500; font-size:var(--fs-18); color: #656565; line-height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-post-date { font-weight: 400; font-size: 14px; color: #a6a6a6; line-height: 25px; }
.notice-view-count { display: flex; align-items: center; gap: 5px; }
.notice-view-count:before{display:inline-block; content:""; width:18px; height:18px; background:url(../img/content/main/icon_eye.png) no-repeat center / contain;}

.notice-business-title {font:600  var(--fs-26) var(--paper); color: #fff; margin-bottom:2vmin; }
.notice-business-list { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.notice-business-item {display:inline-block; box-sizing:border-box; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50px; padding: 1.2vmin 20px; font-size: var(--fs-18); color: #fff; width:100%;}

.notice-bottom-section { flex:1; display: flex; gap: 28px; max-width: 100%; width:1500px; margin:0 auto;}
.notice-tourism-phone { flex:1;  display: flex; background-color: #2f3c69; border-radius: 20px; padding:4vmin 5vmin;justify-content: space-between; align-items:center; }
.notice-visit-jeonju { flex: 1; display: flex; background: linear-gradient(-18.7045deg, #52d5ff 8.5039%, #52a3ff 37.726%, #dbb7ff 83.002%); border-radius: 20px; padding:4vmin 5vmin;justify-content: space-between; align-items:center; }
.notice-card-tabs {display: flex; gap: 20px; align-items: center; }
.notice-card-tab-text {  font-weight: 600; font-size: 16px; color: #fff;}
.notice-card-tab-button {display:inline-block; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; padding: 6px 3vmin;  font-weight: 500; font-size:var(--fs-16); color: #fff; }
.notice-card-title {font:600  var(--fs-26) var(--paper); font-weight: 600; color: #fff; margin: 0; }
#textCanvas{display:none;}

@media (max-width:1350px){
	.notice-tourism-phone, .notice-visit-jeonju, .notice-card-tabs{flex-direction:column;}
}

@media (max-width:1200px){
	.main_sec02{padding:4vmin 0;}
	.notice-top-section{grid-template-columns:repeat(2, 49%); width:95%; margin:0 auto;}
	.notice-business-section{grid-column:1/3;}
	
	.notice-bottom-section{gap:2%; width:95%; margin:2% auto 0;}
	.tab_content .btn-more{top:-70px;}
	.notice-card-tabs{gap:0;}
	.tab_content{margin-top:3vmin;}
	.notice-card-tab-button{margin-top:10px;}
}
@media (min-width:1025px){
	#textCanvas{position:absolute;inset:0;pointer-events: none;opacity: 0.3;display:block;}
}
@media (max-width:800px){
	.sphere-wrap, .glass-overlay, .noise{display:none;}
	.notice-business-section,
	.notice-tourism-phone,
	.notice-visit-jeonju {border-radius:3vmin;}
}
@media (max-width:700px){
	.notice-top-section{display:block; padding:5vmin 1vmin 16px;}
	.notice-useful-info, .notice-business-section {margin-top:16px;}
	.notice-business-list{display:grid; grid-template-columns:repeat(2, 1fr);}
	.notice-tab{padding:4px 4vmin;}
	.notice-card-tabs, 
	.notice-card-tab-button{width:100%;}
	.notice-card-tab-text{display:none;}
	.notice-card-title{font-size:var(--fs-24);}
	.notice-business-title,
	.notice-business-item,
	.notice-card-tab-button{text-align:center;}
	.tab_content .btn-more{top:-52px;}
	
}


/*section03 - 공연 및 프로그램 영역 */
.main_sec03{background:url(../img/content/main/pref_bg.jpg) no-repeat center / cover; overflow:hidden;}
.perf-schedule-table,
.perf-poster-area{position:relative; z-index:4;}
.perf-section { display: flex; flex-direction: column; gap: 50px; }

.perf-schedule-table { background-color: #fff; display: flex; gap:6vmin; align-items: center; overflow: hidden; border-radius: 20px; max-width: 100%; width:1500px; margin:3vmin auto 0 ; }
.perf-schedule-left { display: flex; flex-direction: column; height: 100%; align-items: start; justify-content: center; padding: 2.5vmin 3vmin; border-radius: 0 20px 20px 0; width: 459px; background: linear-gradient(167.135deg, #74cbff 5.9247%, #a184fe 88.018%); }
.perf-schedule-header { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.perf-schedule-title {font:600 var(--fs-28) var(--paper); color: #fff; }
.perf-schedule-date {  font-weight: 600; font-size:var(--fs-20); color: #fff; }
.perf-schedule-arrows { position: relative; display:flex; }
.perf-schedule-arrows button{opacity:0.5;}
.perf-schedule-arrows button+button{margin-left:10px;}
.perf-schedule-arrows button:hover{opacity:1;}
.perf-schedule-right { display: flex; height: 60px; align-items: center; justify-content: space-between; border-radius: 20px; width: 878px; }
.perf-event-item { display: flex; gap: 20px; align-items: center; width: 410px; }
.perf-event-tag { border-radius: 29px; width: 55px; aspect-ratio:1 / 1; text-align:center; align-content:center; background: linear-gradient(-63.0255deg, #52d5ff 8.5039%, #52a3ff 37.726%, #dbb7ff 83.002%); font-weight: 700; font-size: var(--fs-20); color: #fff;}
.perf-event-text{word-break:keep-all;}
.perf-event-title {font:600 var(--fs-18) var(--paper); color: #000;line-height: 140%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.perf-poster-area {position:relative; max-width: 100%; width:1500px; margin:0 auto; }
.perfSwiper{width:100%; overflow:hidden;}
.perf-poster-left { display: flex; flex-direction: column; gap: 2vmin; align-items: start; }
.perf-subtitle {font-weight: 600;font-size:var(--fs-24);background: linear-gradient(272deg, #52D5FF 15% , #3870FF, #DBB7FF 85%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-size:150px;background-repeat: no-repeat;}
.perf-poster-header { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }
.perf-poster-title {font: 600  var(--fs-40) var(--paper);  color: #000;  }
.visit-slide-buttons{position:relative; display: flex; gap: 9px; align-items: center; }
.visit-slide-buttons .swiper-button-prev,
.visit-slide-buttons .swiper-button-next{width:32px; height:32px; position:static;}
.swiper-button-prev:after, .swiper-button-next:after{display:none;}

.visit-button { position: relative; width:32px; height:32px; border-radius: 50%; background: linear-gradient(-63.0255deg, #52d5ff 8.5039%, #52a3ff 37.726%, #dbb7ff 83.002%); display: flex; align-items: center; justify-content:space-between; cursor: pointer; overflow: hidden; transition: width 0.4s ease, border-radius 0.4s ease; }
.visit-button a::before { content: 'VISIT JEONJU'; font:600 var(--fs-16) var(--paper); position: absolute; top:6px; left: 25px; color: #fff; white-space: nowrap; opacity: 0; transform: translateX(-10px); transition: opacity 0.3s ease, transform 0.3s ease; }
.visit-button:hover { width: 135px; border-radius: 30px; }
.visit-button:hover a::before { opacity: 1; transform: translateX(0); }
.visit-button:hover .visit-button-icon { transform: translateX(0); }
.visit-button .visit-button-icon { transition: transform 0.4s ease; position: relative; z-index: 1; }

.perf-btn-more { position: relative; width: 34px; height: 34px; }
.perf-btn-more img { width: 100%; height: 100%; }
.perf-poster-img {position:relative; width: 100%; height: 407px; border-radius: 10px; overflow: hidden; position: relative; }
.perf-poster-img .perf-tag{position:absolute; top:0; left:0; z-index:1; color:#fff; font-weight:600; font-size:var(--fs-16); padding:8px 2vmin; border-radius:0  0 20px 0;}
.perf-poster-img .perf-tag.tag1{background:#7774ff;}
.perf-poster-img .perf-tag.tag2{background:#52abff;}
.perf-poster-img .perf-tag.tag3{background:#b75fee;}
.perf-poster-img img { width: 100%; height: 100%; object-fit: cover; }
.perf-poster-details {margin-top:10px; }
.perf-poster-name {font:600 var(--fs-20) var(--paper); line-height:130%; margin-bottom:6px; word-break:keep-all;}
.perf-poster-date { color: #00000050; font-size: var(--fs-16); }
.perf-poster-divider { position: absolute; bottom: 0; left: -96px; right: -96px; height: 0; }
.perf-poster-divider img { width: 100%; height: auto; }
.perf-program-section { display: flex; flex-direction: column; gap:2vmin; height: 100%; align-items: start; padding-left: 50px; border-left: 2px solid #ffffff80; }
.perf-program-header { height: 47px; position: relative; width: 100%; overflow: hidden; }
.perf-program-title {font: 600  var(--fs-32) var(--paper);   position: absolute; top: 2.25px; left: 0;  color: #000;margin: 0; }
.perf-program-plus { position: absolute; left: 416px; top: 4px; width: 32px; height: 32px; }
.perf-program-list { display: flex; flex-direction: column; gap: 4vmin; align-items: start; }
.perf-program-item a{ display: flex; gap: 30px; align-items: center; }
.perf-program-img { width:20vmin; max-width:210px; aspect-ratio:1/1; border-radius: 16px; overflow: hidden; }
.perf-program-img img { width: 100%; height: 100%; object-fit: cover; }
.perf-program-details { display: flex; flex-direction: column; gap: 34px; align-items: start; }
.perf-program-info { display: flex; flex-direction: column; gap: 10px; align-items: start; width: 100%; }
.perf-program-name { font-weight: 600; font-size: var(--fs-20); color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; width: 242px; }
.perf-program-date { font-weight: 500; font-size: var(--fs-16); color: rgba(0,0,0,0.4); }

/*배경*/
.background-sphere-wrap{overflow:hidden; position:relative;}
.sphere-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;}
.sphere {position: absolute; border-radius: 50%; filter: blur(80px);}
.sphere-1 {width: 30vw;height: 30vw;background: radial-gradient(circle, rgb(188 176 255 / 78%) 0%, transparent 70%);top: 0%;left: -10%;animation: float-large-1 10s ease-in-out infinite;}
.sphere-2 {width: 30vw;height: 30vw;background: radial-gradient(circle, rgb(175 171 255 / 70%), transparent 70%);bottom: -15%;right: -10%;animation: float-large-2 30s ease-in-out infinite;}
.sphere-3 {width: 30vw;height: 30vw;background: radial-gradient(circle, rgb(142 132 254 / 36%) 0%, transparent 70%);top: 20%;left: 30%;animation: float-large-3 20s ease-in-out infinite;}
@keyframes float-large-1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(40vw, 20vh) scale(1.2); }
    66% { transform: translate(15vw, 60vh) scale(0.8); }
}

@keyframes float-large-2 {
    0%, 100% { transform: translate(0, 0) scale(1.1); }
    33% { transform: translate(-50vw, -30vh) scale(0.9); }
    66% { transform: translate(-20vw, -60vh) scale(1.3); }
}

@keyframes float-large-3 {
    0%, 100% { transform: translate(0, 0) scale(0.9); }
    33% { transform: translate(30vw, -40vh) scale(1.1); }
    66% { transform: translate(-40vw, 20vh) scale(1.2); }
}
/* 유리막 (프로스티드 글래스) 레이어 */
.glass-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(120px); -webkit-backdrop-filter: blur(120px); z-index: 1;}
/* 노이즈 텍스처 */
.noise {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.03; pointer-events: none; background-image: url(../img/content/main/perf_noise_bg.svg);  background-repeat: repeat; background-size: 200px 200px;  background-blend-mode: overlay; }

@media (max-width:1200px){
	.perf-poster-area, .perf-schedule-table {width:95%; margin:0 auto;}
	.perf-schedule-table{margin-top:2vmin;}
	.perf-schedule-header{flex-flow:column wrap;}
	.perf-schedule-right{flex-flow:column wrap; width:100%; height:auto; align-items:flex-start;}
	
	.perf-poster-area{display:block;}
	.perf-program-section{padding-left:0; padding-top:4vmin; margin-top:4vmin; border-top:1px solid #fff; border-left:none;}
	.perf-program-list{flex-direction:row; justify-content:space-between; width:100%;}
	.perf-poster-img{height:auto}
}
@media (max-width:1024px){
	.perf-schedule-title span,
	.perf-schedule-right .perf-event-item:nth-of-type(2){display:none;}
}
@media (max-width:720px){
	.main_sec03{padding-bottom:5vmin;}
	.perf-schedule-header{flex-direction:row;}
	.perf-schedule-table{flex-flow:column wrap; align-items:flex-start; gap:3%; margin-top:16px;}
	.perf-schedule-left,
	.perf-schedule-right{width:100%;}
	.perf-schedule-right{padding:2vmin;}
	.perf-event-text{justify-content:center;}
	.perf-program-section{padding-bottom:5vmin;}
	.perf-poster-header{display:none;}
	.perfSwiper{margin-top:16px;}
	.perf-event-tag{width:40px;}
	.perf-schedule-date{margin:0 10px 0 auto;}
}


/* section04 - 비짓전주 여행코스 */
.main_sec04{background:url(../img/content/main/visit_bg.jpg) no-repeat center / cover; overflow:hidden; position:relative; height:100dvh;}
.visit-section { position: relative; width: 100%; height: 1080px; overflow: hidden; }
.visit-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.visit-bg img { width: 100%; height: 100%; object-fit: cover; }
.visit-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 100%); }
.visit-tabs { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px; }
.visit-tab {flex: 0 1 auto;background: rgba(255,255,255,0.2);border: none;color: #fff;font-weight: 500;font-size: 16px;padding: 12px 28px;border-radius: 24px;cursor: pointer;transition: all 0.3s;}
.visit-tab.active { background: #fff; color: #000; }
.visit-title {font-family:var(--paper); margin:-3vmin auto 4.5vmin; text-align: center; color: #fff; }
.visit-subtitle {font-weight: 600;font-size:var(--fs-24);background: linear-gradient(272deg, #52D5FF 15% , #3870FF, #DBB7FF 85%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-size:150px;background-repeat: no-repeat;background-position: center;}
.visit-main-title { font-weight:600; font-size:var(--fs-48); margin: 0;}
.visitSlider .swiper-wrapper{align-items:center;}
.visitSlider .swiper-slide {color:#222;  background: rgba(255,255,255,0.8); backdrop-filter:blur(50px);  border-radius: 20px;padding: 2.5vmin;box-shadow: 0 10px 30px rgba(0,0,0,0.1); opacity:0.7; filter:grayscale(1); transition:all 0.3s ease;}
.visitSlider .swiper-slide.swiper-slide-active {color:#222;  background: rgba(255,255,255,0.9); backdrop-filter:blur(10px); transform: scale(1.1); z-index: 1; opacity:1;  filter:grayscale(0);}

.visit-card{ min-height:420px;}
.visit-card a{display:flex; flex-flow:column wrap; justify-content:space-between; height:100%;}
.visit-card-content { flex: 1; margin-bottom:2vmin; }
.visit-card-title { font: 700 var(--fs-26) var(--paper); margin: 0 0 10px 0; word-break:keep-all;}
.visit-card-subtitle {font: 500 var(--fs-18) var(--paper);margin: 0 0 1.5vmin 0; opacity:0.7;}
.visit-card-desc {font-weight: 400; font-size:var(--fs-16); line-height: 1.6; margin: 0; opacity:0.7;}
.visit-card-image {border-radius: 16px; overflow: hidden; }
.visit-card-image img { width: 100%; height: 100%; object-fit: cover; }

.visit-progress { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 20px; }
.visit-bar-bg { width: 200px; height: 4px; background: rgba(255,255,255,0.3); border-radius: 2px; }
.visit-bar { width: 25%; height: 100%; background: #fff; border-radius: 2px; }
.visit-buttons { display: flex; gap: 10px; }
.visit-btn-prev, .visit-btn-next, .visit-btn-play { background: rgba(255,255,255,0.2); border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.visit-btn-prev img, .visit-btn-next img, .visit-btn-play img { width: 20px; height: 20px; }

.main_sec04 .visit-slide-buttons{justify-content:center;}

#custom-cursor{display:none;}
/* 회전 애니메이션 */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (min-width:1025px){
	/* Hover 시 기본 커서 숨김 */
	.hover-zone:hover, .hover-zone a:hover {cursor: none;}
	#custom-cursor {position: absolute; top: 0; left: 0; width: 140px; height: 140px; pointer-events: none; z-index: 9999;
	        display: flex; align-items: center; justify-content: center; opacity: 0; transform: translate(-50%, -50%) scale(0.5);
	        transition: opacity 0.3s ease, transform 0.3s ease; background:linear-gradient(167.135deg, #74cbff 5.9247%, #a184fe 88.018%); border-radius:50%;}
	#custom-cursor.active {opacity: 1; transform: translate(-50%, -50%) scale(1); }
	.rotating-svg { animation: spin 10s linear infinite; position: absolute; width: 100%; height: 100%;}
	.rotating-svg text{font-size: 9px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; fill: #fff; opacity: 0.6; }
}
@media (max-width:1024px){
	.visit-title{position:static; text-align:center; transform:translateX(0%)}
	.main_sec04{padding: 4vmin 0; height:auto;}
	.visitSlider {width:100%;}
	.visit-card{min-height:auto;}
	.visit-card-desc, .visit-card-image{display:block;} 
	.visit-tabs{display:grid; grid-template-columns:repeat(2, 1fr); position:static; gap:4px;  transform:translateX(0%); padding-top:8vmin;}
}
@media (max-width:720px){
	.main_sec04{padding:4vmin 40px;}
	.visit-title{padding:8vmin 0 2vmin;}
	.visitSlider .swiper-slide{padding:4vmin;}
	.visitSlider{margin-bottom:5vmin;}
}

/* section05 - 통계 */
.main_sec05{background:#f9f9f9;}
.state-section { width: 100%; padding: 34px; box-sizing: border-box; }
.state-header { width:1500px; max-width:100%; margin:0 auto 2vmin; font-family:var(--paper); text-align:center;}
.state-subtitle {  font-weight: 600; font-size:var(--fs-24); color: rgba(164,164,164,0.6); margin: 0; }
.state-main-title { font-weight: 600; font-size:var(--fs-48); color: #000;  margin: 0; }

/* Dashboard */
.state-dashboard { display: grid; grid-template-columns: 500px 1fr 1fr; grid-template-rows: auto auto; gap: 20px; width: 100%; max-width: 1400px; margin:0 auto;}
.dashboard-card { border-radius: 24px; padding: 24px; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.05); overflow: hidden; }

/* Common Styles */
.state-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px; width:100%; text-align:left; }
.state-card-title { font:600 var(--fs-26) var(--paper); color: #111; margin-bottom: 4px; }
.state-card-subtitle { font-size:var(--fs-14); color: #00000060; }

/* Tooltip style */
.chart-tooltip { position: fixed; background: rgba(0, 0, 0, 0.85); color: #fff; padding: 8px 12px; border-radius: 10px; font-size:var(--fs-14); font-weight: 600; pointer-events: none; opacity: 0; transition: opacity 0.2s; z-index: 1000; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.2); backdrop-filter: blur(4px); }

/* 유형별 검색건수 */
.search-type-card { grid-row: span 2; display: flex; flex-direction: column; background: #fff; position:relative;}
.search-type-card .chart-container { display: flex; align-items: flex-end; justify-content: space-between; height: 300px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1; position: relative; }
.search-type-card .bar { width:36px; background: linear-gradient(180deg, #80caff 0%, #4c66ff 100%);; border-radius: 6px 6px 0 0; transform: scaleY(0); transform-origin: bottom; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.2s; cursor: pointer; }
.search-type-card .bar.animate { transform: scaleY(1); }
.search-type-card .bar:hover { filter: brightness(1.2); }
.search-type-card .legend { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; font-size: 11px; }
.search-type-card .legend-item {font-size:var(--fs-16); display: flex; justify-content: space-between; color: #444; padding: 2px 0; }
.search-type-card .legend-label { color: #888; }
.search-type-card .legend-value { font-weight: 700; color: #333; }

/*  핫플레이스 */
.hotplaces-card { grid-column: 2; background: #2d3660; color: #fff; }
.hotplaces-card .tab-container { display: flex; gap: 8px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.1); padding: 4px; border-radius: 30px; width: fit-content; }
.hotplaces-card .tab-btn { background: transparent; border: none; color: rgba(255, 255, 255, 0.6); padding: 6px 16px; border-radius:20px; font-size: var(--fs-14); font-weight: 700; cursor: pointer; transition: all 0.3s; }
.hotplaces-card .tab-btn.active { background: #fff; color:#2d3660; }
.hotplaces-card .tab-content { display: none; }
.hotplaces-card .tab-content.active { display: block; }
.hotplaces-card .navy-header { margin-bottom: 20px; }
.hotplaces-card .state-card-title{ color:#fff; }
.hotplaces-card .state-card-subtitle{color:#ffffff70; margin-top: 4px; }

/* 관광지 검색순위 */
.tourist-card { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 250px; background:  linear-gradient(135deg, #a5c7ff 0%, #a29bfe 100%); color: #fff; }
.tourist-card .state-card-header{margin-top:0; margin-bottom:18px;}
.tourist-card .state-card-title { color:#fff;  }
.tourist-card .state-card-subtitle { color:#fff; opacity: 0.6; }
.tourist-card .keyword-slide {font:600 var(--fs-32) var(--paper); letter-spacing: -1px; transition: opacity 0.5s, transform 0.5s; }
.tourist-card .keyword-info { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 15px; transition: opacity 0.5s, transform 0.5s; }
.tourist-card .info-tag { background: rgba(255, 255, 255, 0.2); padding: 4px 12px; border-radius: 20px; font-size: 12px; letter-spacing:0px; font-weight: 600; backdrop-filter: blur(4px); }
.tourist-card .map-btn { background: #fff; color: #4c66ff;  padding: 10px 24px; border-radius: 30px; font-size:var(--fs-14); font-weight: 700; display: flex; align-items: center; gap: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.1); transition: transform 0.2s, background 0.2s, box-shadow 0.2s; }
.tourist-card .map-btn:hover { transform: translateY(-2px); background: #f8f9ff; box-shadow: 0 12px 20px rgba(0,0,0,0.15); }
.tourist-card .map-btn svg { transition: transform 0.2s; }
.tourist-card .map-btn:hover svg { transform: translateX(2px) translateY(-2px); }

/* 방문자 급등 동네 */
.neighborhood-card { background:#dceafe; }
.neighborhood-card .rolling-window {margin-top:2vmin; height: 120px; overflow: hidden; position: relative; }
.neighborhood-card .rolling-list { transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.neighborhood-card .rolling-item { height: 40px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-16); white-space: nowrap; }
.neighborhood-card .rolling-item b{margin-left:auto;}
.neighborhood-card .growth { color: #4c66ff; }

/* 소셜미디어 데이터 분석 */
.social-analysis-card { background: #fff; }
.social-analysis-card .social-list { list-style: none; margin-top: 3vmin; }
.social-analysis-card .social-item { display: flex; gap: 12px; margin-bottom: 12px; font-size: var(--fs-16); word-break:keep-all; line-height: 1.5; color: #333; }
.social-analysis-card .social-rank { width: 20px; height: 20px; background: #000; color: #fff; border-radius: 50%; display: flex; flex-shrink: 0; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; }

/* Shared Elements */
.rolling-window { height: 80px; overflow: hidden; position: relative; }
.rolling-list { transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.rolling-item { height: 40px; display: flex; align-items: center; gap: 10px; font-size: var(--fs-16); white-space: nowrap; }
.rank-num { width: 22px; height: 22px; aspect-ratio:1 /1 ; background: #000; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.growth { color: #7cfc00; font-weight: 700; display: flex; align-items: center; gap: 2px; min-width: 65px; }

@media (max-width: 1024px) {
	.main_sec05{padding:5vmin 0;}
	.state-header {margin:0 auto 2vmin;}
    .state-dashboard { grid-template-columns: 1fr 1fr; gap: 16px; }
    .search-type-card { grid-row: 1; grid-column: 1 / span 2; }
    .hotplaces-card { grid-column: 1; }
    .tourist-card { grid-column: 2; }
    .dashboard-card { padding: 20px; }
    .search-type-card .chart-container { height: 150px; }
    .tourist-card { min-height: 200px; }
    .search-type-card .legend{grid-template-columns:repeat(4, 1fr);}
}

@media (max-width: 768px) {
    .state-dashboard { gap: 12px; max-width: 95%; }
    .search-type-card { grid-row: auto; grid-column:1 / 3; }
    .tourist-card { min-height: 180px; }
    .dashboard-card { padding: 16px; border-radius: 16px; }
    .card-header { flex-direction: column; gap: 8px; }
    .icon-top-right { top: 16px; right: 16px; }
    .card-title { font-size: 16px; }
    .card-subtitle { font-size: 11px; }
    .search-type-card .chart-container { height: 160px; padding-bottom: 12px; margin-bottom: 12px; }
    .search-type-card .legend {gap: 4px 12px; font-size: 10px; grid-template-columns:repeat(auto-fit, minmax(125px, auto)); }
    .search-type-card .legend-item{font-size:12px;}
    .hotplaces-card .navy-title { font-size: 18px; }
    .hotplaces-card .tab-container { gap: 4px; padding: 2px; margin-bottom: 16px; }
    .hotplaces-card .tab-btn { padding: 4px 12px; font-size: 12px; border-radius: 6px; }
    .tourist-card .info-tag { font-size: 11px; padding: 3px 10px; }
    .tourist-card .map-btn { padding: 8px 16px; font-size: 12px; }
    .neighborhood-card .rolling-item { font-size: 12px; height:30px; gap:4px;}
    .neighborhood-card .rolling-item b{margin-left:0;}
    .social-analysis-card .social-item { gap: 10px; font-size: 12px; }
    .social-analysis-card .social-rank { width: 18px; height: 18px; font-size: 9px; }
    .rolling-item { height: 30px; gap: 4px; font-size: 12px; }
    .rank-num { width: 20px; height: 20px; font-size: 10px; }
    .growth{gap:0; min-width:auto;}
}

@media (max-width: 480px) {
    .state-dashboard { gap: 8px; display:flex; flex-flow:column wrap;}
    .dashboard-card { padding: 12px; border-radius: 12px; }
    .card-header { margin-bottom: 12px; }
    .card-title { font-size: 14px; margin-bottom: 2px; }
    .card-subtitle { font-size: 10px; }
    .search-type-card .chart-container { height: 150px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; }
    .search-type-card .legend { font-size: 9px; gap: 2px 8px; }
    .search-type-card .legend-item { padding: 1px 0; }
    .hotplaces-card .navy-title { font-size: 16px; }
    .hotplaces-card .navy-subtitle { font-size: 9px; margin-top: 2px; }
    .hotplaces-card .tab-container { gap: 2px; padding: 2px; margin-bottom: 12px; }
    .hotplaces-card .tab-btn { padding: 3px 10px; font-size: 11px; border-radius: 5px; }
    .hotplaces-card .navy-header { margin-bottom: 12px; }
    .tourist-card .keyword-slide { font-size: 18px;  }
    .tourist-card .keyword-info { gap: 8px; margin-top: 10px; }
    .tourist-card .info-tag { font-size: 10px; padding: 2px 8px; display:none; }
    .tourist-card .map-btn { padding: 6px 12px; font-size: 11px; gap: 4px; }
    .tourist-card .map-btn svg { width: 12px; height: 12px; }
    .neighborhood-card .rolling-window { height: 80px; }
    .social-analysis-card .social-list { margin-top: 12px; }
    .social-analysis-card .social-item { gap: 8px; margin-bottom: 10px;  }
    .social-analysis-card .social-rank { width: 16px; height: 16px; font-size: 8px; }
    .rolling-window { height: 50px; }
    .rolling-list { transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
    .rolling-item { height: 25px; gap: 6px; }
    .rank-num { width: 18px; height: 18px; font-size: 9px; }
    .growth { min-width: 55px; }
    .icon-top-right { width: 20px; height: 20px; top: 12px; right: 12px; }
}


/* section06 - sns */
.main_sec06{background:url(../img/content/main/sns_bg.jpg) no-repeat center / cover; }
.sns-content {width:1500px; max-width:95%; margin:0 auto; display: flex; gap: 46px; }
.sns-left { width: 781px; height: 495px;  overflow: hidden; border-radius: 30px; }
.sns-left img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }
.sns-right { flex: 1; display: flex; flex-direction: column; justify-content:space-between; }
.sns-title{font-family:var(--paper);}
.sns-subtitle {  font-weight: 700; font-size:var(--fs-24); color: #fff; margin: 0; background:linear-gradient(272deg, #52D5FF 78% , #3870FF, #DBB7FF ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sns-main-title {  font-weight: 600; font-size:var(--fs-48); color: #fff; margin: 0; }
.sns-desc {font-weight: 500; font-size:var(--fs-20); color: #fff; line-height: 1.4; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.sns-actions { display: flex; justify-content: space-between; align-items: center; }
.sns-btn { background: rgba(255,255,255,0.2); border: none; border-radius: 50px; padding: 8px 20px; display: flex; align-items: center; gap: 19px; cursor: pointer; backdrop-filter: blur(10px); }
.sns-btn-text { font-size: var(--fs-16); color: rgba(255,255,255,0.6); margin: 0; }
.sns-btn img { width: 38px; height: 38px; }
.sns-icons { display: flex; gap: 7px; }
.sns-icons img { width: 39px; height: 39px; border-radius: 50px; }
.sns-icon-bg { width: 39px; height: 39px; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.sns-icon-bg img { width: 32px; height: 32px; }
.sns-icon-bg { background: #6ab32c; }
.sns-icon-bg.youtube { background: #d72623; }
.sns-videos { display: flex; justify-content: space-between; }
.sns-video-item { width: 211px; display: flex; flex-direction: column; gap: 16px; }
.sns-video-thumb { height: 127px; border-radius: 8px; overflow: hidden; position: relative; }
.sns-video-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sns-video-title {font-weight: 500; font-size:var(--fs-18); word-break:keep-all; color: rgba(255,255,255,0.7); line-height:140%; margin: 0; display:-webkit-box; overflow: hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }

.fam-video-thumbnail { position: relative; cursor: pointer; overflow: hidden; }
.fam-video-thumbnail img { width: 100%; display: block; transition: transform 0.3s; }
.fam-video-thumbnail:hover img { transform: scale(1.05); }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #333; transition: opacity 0.3s; }
.fam-video-thumbnail.playing .play-button { opacity: 0; pointer-events: none; }
.fam-video-thumbnail.playing img { display: none; }
.fam-video-thumbnail.playing .mobile-video { display: block !important; width: 100%; height: auto; }
.fam-video-modal { display: none; position: absolute; align-content:center; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.modal-content { position: relative; margin: 5% auto; width: 80%; max-width: 900px; }
.fam-video-close { position: absolute; top: -40px; right: 0; color: #fff; font-size: 35px; font-weight: bold; cursor: pointer; }
.fam-video-close:hover { color: #ccc; }
#videoFrame { width: 100%; height: auto; max-height: 500px; }

@media (max-width:1200px){
	.sns-content{flex-flow:column wrap;}
	.sns-left{width:100%; height:auto; aspect-ratio:16 / 9; order:2; border-radius:2vmin;}
	.sns-left img{ border-radius:2vmin;}
	.sns-right{order:1; }
	.sns-video-item{flex:1; width:auto;}
	.sns-subtitle {background: linear-gradient(272deg, #52D5FF 0% , #3870FF, #DBB7FF ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;background-size: 130px;background-repeat: no-repeat;background-position: center;}
	.sns-title{text-align:center;}
	.sns-videos{gap:4%;}
	.sns-video-thumb{aspect-ratio:1 / 0.6; height:auto;}
	.sns-actions{justify-content:center; margin:1vmin;}
}

@media (max-width:800px){
	.sns-content{gap:10px;}
	.main_sec06{padding:8vmin 0;}
	.sns-btn{display:none;}
	.sns-btn img{width:20px; height:20px;}
	.sns-videos, .sns-video-item{gap:12px;}
	.sns-videos .sns-video-item:nth-of-type(3){display:none;}
	.sns-actions{margin:2vmin 0; gap:4px; justify-content:center;}
	.sns-icons img{width:32px; height:32px;}
	
}
@media (max-width:500px){
	.sns-desc{font-size:var(--fs-18);}
	.sns-icons{display:none;}
}


/* section07 - 하단 배너*/
.foot_banner{background:linear-gradient(134.73deg, #74cbff 5.975%, #a1a0fe 100%); padding:4vmin 0; font-family:var(--paper);}
.foot_banner .container{display: flex; justify-content: space-between; align-items: center;}
.foot_banner a.btn_visit{letter-spacing:-0.5px; position: relative; display: inline-block; padding:10px 10px 8px; border-bottom:2px solid #fff;  color:#fff;}
.foot_banner a.btn_visit img{width:24px; margin-left:7px; vertical-align:-6px;}
.foot_banner a.btn_visit:hover img{animation:arrow 1s ease infinite ;}
@keyframes arrow{
	0%{transform: translateX(0);}
	50%{transform: translateX(5px);}
	100%{transform: translateX(0);}
}

@media only all and (max-width:900px){
	.foot_banner{padding:20px 0;}
	.foot_banner .container{ text-align: center; flex-flow:column wrap; justify-content: center; }
	.foot_banner h4{font-size:var(--fs-18); margin-bottom:15px;}
	.foot_banner a{font-size:var(--fs-14); margin-top:20px;}
}
 @media only all and (max-width:500px){
	.foot_banner{background: linear-gradient(to right,  #61daee, #939ae5, #da60e5);}
	.foot_banner h4{margin-left:7px; margin-bottom:4px; width:140px;}
	.foot_banner a.btn_visit{margin-top:0; border-bottom: none; border:1px solid #ffffff80; padding:5px 16px 4px; border-radius:20px; position: absolute; right: 5px;}
	.foot_banner a.btn_visit span{display: none;}
	.foot_banner a.btn_visit img{width:16px; vertical-align: -3px;}
	.foot_banner .container{align-items: flex-start;}
}

.foot_banner .text_slider_container { display: flex; justify-content: space-between; align-items: center;  position: relative; }
.foot_banner .text_slider_container p{font-size:var(--fs-20); color: #fff;}
.foot_banner .text_slider_wrap { background: #fff; border-radius: 20px; position: relative; height: 40px;  width:160px; padding:0 12px 0 0 ; box-sizing: border-box; margin:0 12px;  text-align:center;  overflow: hidden; }
.foot_banner .text-slider { position: relative;  width: 100%;}
.foot_banner .text-slider .text-item {height: 40px; line-height: 40px; font-weight: bold; color:  #222; width: 100%; position: absolute; left: 0; font-size:var(--fs-24);}
@media only all and (max-width:1200px){
	.foot_banner .text_slider_container p .m_hide{display: none;}
}
@media only all and (max-width:500px){
	.foot_banner .text_slider_container{display: block;}
	.foot_banner .text_slider_wrap{display: none;}
	.foot_banner .text_slider_container p{display: inline; font-size: var(--fs-18);}
	
}


/* section07 - 배너 */
.banner-section {padding:1vmin 0; background: #fff; width: 100%; display: flex; align-items: center; justify-content: center; }
.banner-container { display: flex; align-items: center; gap: 27px; width:1600px; max-width:100%; margin:0 auto; padding:1vmin 0;}
.banner-title {min-width:82px;  font:600 24px var(--paper); color: #000;line-height: 32px; margin: 0; }
.banner-controls { display: flex; align-items: center; gap: 2px; width: 66px; height: 26px; }
.banner-btn { width: 22px; height: 22px; border: none; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.banner-btn img { width: 100%; height: 100%; }
.bannerSwiper { position: relative; width:100%; overflow: hidden; }
.bannerSwiper .swiper-wrapper{align-items:center;}

/* 사이트맵 */
.footer-sitemap { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1600px; margin: 0 auto 40px; }
.footer-section { flex: 1; min-width: 200px;}
.footer-section:not(:nth-of-type(1)){margin-left:2vmin; padding-left:2vmin; border-left:1px solid #E8E8E8;}
.footer-title { font-family: var(--paper); font-weight: 600; font-size: 18px; margin: 0 0 15px 0; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 8px; }
.footer-link { color: #bdc3c7; text-decoration: none; font-size: 14px; transition: color 0.3s; }
.footer-link:hover { color: #000; }

.main_sec07.fp-auto-height,
.main_sec07.fp-auto-height .fp-tableCell,
.main_sec07.fp-auto-height .fp-overflow {
	    overflow: visible !important; /* ⭐ 중요: Fullpage의 hidden 설정을 무시 */
	}

.main-footer {  padding-top: 4vmin;
	& .gnb { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1600px; margin: 0 auto 40px; }
	& .gnb > li{ flex: 1; min-width: 200px;}
	& .gnb > li:not(:nth-of-type(1)){margin-left:2vmin; padding-left:2vmin; border-left:1px solid #E8E8E8;}
	& .gnb > li > a {display:block; font-family: var(--paper); font-weight: 600; font-size: 18px; margin: 0 0 15px 0; }
	& .gnb > li > ul  { list-style: none; padding: 0; margin: 0; }
	& .gnb > li > ul > li { margin-bottom: 8px; }
	& .gnb > li > ul > li >a { color: #bdc3c7; text-decoration: none; font-size: 14px; transition: color 0.3s; }
	& .gnb > li > ul > li >a:hover { color: #000; }
	& .gnb > li > ul ul{display:none;}
		
}
@media (max-width:1400px){
	.main-footer .gnb > li{flex-basis:33%;}
	.main-footer .gnb > li:nth-of-type(1){padding-left:2vmin;}
	.main-footer .gnb > li:not(:nth-of-type(1)){margin-left:0;}
}
@media (max-width:1400px){
	.main-footer .gnb {display:none;}
	.main-footer{padding-top:0;}
}
@media (max-width:720px){
	.main-footer{display:none;}
}


/*======================================================== 
 				 			 SUB 
  ======================================================== */
  
/* sub_body */
.subHead{position:absolute;width:95%; margin:0 auto; inset:0;  top:54%; transform:translateY(-50%);  z-index:1; height:min-content;}
.snb_container{position:absolute; z-index:1; left:0; right:0; bottom:0;}

/* second-menu */
.second-menu{overflow:hidden;text-align:center;position:relative;z-index:3;background:#ffffffe8;border-bottom:1px solid #eee;}
.second-menu>ul{display:flex;flex-flow:row wrap;justify-content:center;}
.second-menu>ul>li{display:inline-block;}
.second-menu>ul>li>a{box-sizing: border-box;width:100%;position:relative;display:inline-block;height: 70px;line-height: 70px;padding: 0 42px;color:#656565;font-weight:500;font-size: 20px;border-bottom:3px solid tranparent;}
.second-menu>ul>li>a:after{display:inline-block; content:""; width:100%; height:5px; position: absolute; left:0; bottom:-2px;}
.second-menu>ul>li>a:hover,
.second-menu>ul>li.active>a{color:var(--main-color); } 
.second-menu>ul>li>a:hover:after,
.second-menu>ul>li.active>a:after{ background:var(--main-color); }
.second-menu>ul ul{display:none;}
@media (max-width:1200px){
	.second-menu>ul>li>a{padding:0 3vmin;}
}
@media (max-width:500px){
	.second-menu ul{grid-template-columns: 50% 50%;}
	.second-menu ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* sub body title */
.subHead_title{ text-align:center;
	.subhome{display:none;}
	#lnb>.lnb_area, #lnb>.lnb_area>a{height:auto; line-height:normal; }
	#lnb>.lnb_area{min-width:auto;}
	#lnb>.lnb_area+.lnb_area{margin-left:24px;}
	#lnb>.lnb_area>a{padding:0; color:#fff; cursor:default;}
	#lnb>.lnb_area:first-child>a{border-left:none;}
	#lnb>.lnb_area>a:after{display:none;}
	#lnb>.lnb_area:nth-of-type(1):after{display:inline-block; content:"/"; height:auto; background:transparent;padding-left:14px; color:#ffffff50;right:-12px;top:-2px;}
	#lnb>.lnb_area:last-child:after{display:none;}
}
.subHead .subnav-in{animation:fadeUp 0.5s ease forwards;}
.subHead_title H2{font:800 var(--fs-48) var(--paper); color:#fff; opacity:0; animation:fadeUp 0.8s 0.3s ease forwards;}
.subHead_title p{ margin-top:4px; font-size: var(--fs-20); letter-spacing: 7px; opacity: 0; color: #fff; font-family:var(--paper); animation:opcity3 0.8s 0.3s ease forwards;}
.subHead .second-menu{opacity:0; animation:fadeUp 1s 0.5s ease forwards;}
@keyframes fadeUp{
	0%{transform:translateY(10px); opacity:0;}
	100%{transform:translateY(0px); opacity:1;}
}
@keyframes opcity3{
	0%{opacity:0;}
	100%{opacity:0.3;}
}

/* scroll down effect */
.visual_scroll{-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70px;z-index:1;margin: 40px auto 0;position:relative;left:40px;}
.visual_scroll .scroll_wrap { position: relative; margin: 0 auto; width: 1px; height: 65px; }
.scroll_wrap .bar_bg { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #fff; opacity: 0.3; }
.scroll_wrap .bar { position: absolute; top: 0; left: 0; width: 1px; height: 0; background: #fff; -webkit-animation: scroll 1.5s infinite ease-out; animation: scroll 1.5s infinite ease-out; }
.scroll_txt{color:#fff;font-size:12px;text-align:center;opacity:0.8;/* font-weight:500;*/margin: 17px 0 15px;/* font-family:'Futura-Medium';*/text-transform:uppercase;letter-spacing:0;}
@-webkit-keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}
@keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}


/*980px 이하일 때 sub title & lnb 스타일 */
@media (max-width:980px){
	.visual_scroll{display:none}
	.subHead_title{display:flex; flex-flow:column wrap; gap:3vmin;
		#lnb{position:relative; z-index:11; display:flex; }
		.subHead_home{order:1;}
		#lnb>.lnb_area{flex:1;}
		#lnb>.lnb_area>.lnb_list{position:absolute;width:100%;font-size:var(--fs-16);}
		#lnb>.lnb_area:after{display:none;}
		#lnb>.lnb_area>a{display:inline-block;width:100%;padding:1.4rem 0;border:1px solid #fff;border-radius:30px; font-size:var(--fs-20); cursor:pointer;}
		#lnb>.lnb_area>a:after{transform: rotate(315deg);display:inline-block;content:"";width: 6px;height: 6px;border: 2px solid #777777;border-color: transparent transparent #ffffff80 #ffffff80;/* margin: -4px 0 0 8px; */margin-left: 8px;vertical-align: 2px;}
		#lnb>.lnb_area+.lnb_area{margin-left:4px;}
		#lnb>.lnb_area:last-child>a{background:var(--main-color); color:#fff; border:none;}
	}
	.subHead_title p{display:none;}
}
@media (max-width:650px){
	#lnb>.lnb_area>a{padding:1.2rem 0;  font-size:var(--fs-18);}
	.second-menu, .visual_scroll{display:none;} 
}


/* sub content 공통*/
.sub-col{display:grid; grid-template-columns:20% 75%; column-gap:5%;}
.sub-2box{display:grid; grid-template-columns:repeat(2, 1fr);}
.sub-3box{display:grid; grid-template-columns:repeat(3, 1fr);}
.sub-4box{display:grid; grid-template-columns:repeat(4, 1fr);}
@media (max-width:800px){
	.sub-col{grid-template-columns:1fr; }
}

/*sub48 인사말*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
.contWrap:has(.greeting-wrap ){margin-bottom:0;}
.greeting-wrap{width:1200px; max-width:95%; margin:4vmin auto 6vmin;}
.greeting-h3{font-family:var(--paper); font-size:var(--fs-36);text-align:center; word-break:keep-all;}
.greeting-txt-wrap{display:flex;position:relative; gap:3%;}
.greeting-txt{word-break:keep-all; font-size:var(--fs-22);}
.greeting-txt-block{line-height:160%;}

.greeting-sign{display:flex; align-items:center; justify-content:center; gap:2.2%; margin-top:3vmin;}
.greeting-sign p{font-family:var(--paper); font-weight:bold;}
.greeting-sign h5{font-family:"Nanum Myeongjo", serif; font-size:var(--fs-36);}
.greeting-txt-block{margin-top:3vmin;}
.greeting-head-bg img{width:100%; height:100%; object-fit:cover;}

.greeting-head{position:relative; font-family:var(--paper); }
.greeting-video-wrap{max-width:95%; width:1400px; margin:0 auto; position:absolute; left:50%; top:4%; transform:translateX(-50%); z-index:1;}
.greeting-head-con{color:#fff; text-align:center; margin-bottom:5vmin;}
.greeting-head-tit{font-size:var(--fs-40);font-weight:600;padding-bottom:2vmin;}
.greeting-head-desc{align-self:flex-end; font-size:var(--fs-28); font-weight:600;}
.greeting-head-bg{width:100%; position:relative;}
.greeting-head-bg:before{display:none; content:""; width:100%; height:100%; background:#00000060; position:absolute;inset:0;}

.greeting-video{pointer-events: none;}
.greeting-video iframe{aspect-ratio:16 / 9; border-radius:3vmin; overflow:hidden;}

@media (max-width:1800px){
	.greeting-wrap .greeting-txt{width:100%;}
}
@media (max-width:850px){
	.br-hide{display:none;}
	
	.greeting-txt-wrap{flex-flow:column wrap;}
	.greeting-h3{text-align:center;}
	
	.greeting-head-bg{height:50dvh;}
	.greeting-head-con{align-items:center;text-align:center;}
	.greeting-head-desc{align-self:center;}
	.greeting-head-tit{padding-bottom:3vmin;}
	.greeting-wrap{width:95%; margin:0 auto 5vmin;}
	.greeting-wrap .greeting-img{display:none;}
	.greeting-wrap .greeting-txt h3{text-align:center;}
	.greeting-sign img{width:70px}
	.greeting-wrap1 .greeting-txt{margin-left:0;}
	.greeting-wrap2 .greeting-txt{margin-right:0;}
}

/* sub49 미션&비전 */
.posi-rel{position:relative;}
.posi-abs{position:absolute; z-index:1;}
.mission-head-con{text-align:center; font-family:var(--paper); top:30%; left:0; right:0; width:1400px; max-width:95%; margin:4vmin auto;}
.mission-head-con h2{font-size:var(--fs-56); }
.mission-head-con p{font-size:var(--fs-20); color:#00000090; margin-top:1vmin; line-height:160%;}
.mission-head-bg{height:80dvh;}
.mission-head-bg img{width:100%; height:100%; object-fit:cover;}
.mission-grd{font-size:var(--fs-28); font-weight:bold;-webkit-background-clip: text; background-clip: text; background-image:var(--main-gr); color: transparent; background-repeat: no-repeat;}
.mission-tit{text-align:center; font-family:var(--paper); margin-bottom:4vmin;}
.mission-tit sup{font-size:var(--fs-22); font-weight:600;}
.mission-tit h3{font-size:var(--fs-40);}
.mission-list, .vision-list, .value-list, .task-list-wrap{display:flex; justify-content:center;}
.vision-list {gap:1%;max-width:95%; width: 1400px;  margin:0 auto;}
.vision-list li:nth-of-type(2){margin-top:6%;}
.vision-bg{border-radius:3rem; overflow:hidden; anchor-name:--vision-bg;} 
.vision-bg img{width:100%; height:100%; object-fit:cover;}
.vision-con{bottom:anchor(90% --vision-bg); left:10%; padding-right:10%; word-break:keep-all; font-family:var(--paper); color:#fff;}
.vision-con h3{font-size:var(--fs-32);}
.vision-con p{font-size:var(--fs-22)}
/*
.value-container{width:98%; margin:10vmin auto 0;} 
.value-list-wrap{border-radius:3rem; overflow:hidden; }
*/
.value-list-wrap{background:url(../img/content/sub/value_bg2.png) no-repeat center / cover; padding:15dvh 0;}
.value-container{margin-top:10vmin;} 
.full-img{width:100%; height:100%; object-fit:cover;}
.value-list-bg{top:0; z-index:-1; height:100%; width:100%;}
.value-inner{width:1600px;max-width:95%;height:100%;margin:0 auto;}
.value-inner+.value-inner{margin-top:4dvh;}
.value-list{justify-content:center;align-items:center;gap: 1%;}
.value-list ul{position:relative;padding: 4vmin 2vmin;flex:1;text-align:center;align-content:center;/* height:100%; */color:#fff;background: #ffffff40;backdrop-filter: blur(10px);border-radius: 2rem;}
.value-list ul li.value-item:after{display:inline-block;content:"";position:absolute;bottom: -5vmin;right:0;left:0;margin:0 auto;width: 2px;height: 80%;transition:all 0.2s ease;background:var(--main-gr);opacity:0.7;backdrop-filter:blur(30px)}
.value-list ul li{position:relative; z-index:1;}
.value-list ul li+li{margin-top:6vmin;}
.value-list ul li h4{font-size:var(--fs-24); font-family:var(--paper);}
.value-list sup{color:rgba(255,255,255,0.6);}
.task-container{margin-top:10vmin; width:1600px; max-width:95%; margin-right:auto; margin-left:auto; margin-bottom:10vmin;}
.task-list-wrap{gap:1%; word-break:keep-all;}
.task-list-wrap>li:nth-of-type(even){margin-top:3vmin;}
.task-item{flex:1; padding:3vmin 2.5rem; border:1px solid #e8e8e8; box-shadow: 0 0 10px rgba(0,0,0,0.05); text-align:center; border-radius:2rem;}
.task-item h4{font-size:var(--fs-22); font-family:var(--paper); margin-top:1vmin;}
.sub-task-list .sub-task-item:nth-of-type(even){margin-top:3vmin;}
.sub-task-item img{border-radius:2vmin; overflow:hidden; anchor-name:--sub-task-img;}
.sub-task-txt{left:10%; padding-right:10%; bottom:anchor(--sub-task-img 90%); font-size:var(--fs-20); font-family:var(--paper); color:#fff}
.sub-task-txt li{margin-top:1%;  text-indent:-10px; padding-left:10px;}
.sub-task-txt li:before{display:inline-block; content:""; width:4px; height:4px; background:#fff; border-radius:50%; vertical-align:4px; margin-right:6px; }
@media (max-width:1024px){
	.task-list-wrap{display:grid; grid-template-columns:repeat(2, 1fr);}
	.sub-task-item>img{width:100%;}
}
@media (max-width:850px){
	.mission-head-bg{height:50dvh;}
	.vision-list{flex-flow:column;}
	.vision-list li{height:300px; overflow:hidden;}
	.vision-list li:nth-of-type(2){margin-top:2%;}
	.vision-bg{width:100%; height:100%;}
	.value-list, .sub-task-list{display:grid; grid-template-columns:repeat(2, 1fr);}
	.value-list ul{padding:7vmin 0; }
	.value-list-wrap{height:100%;}
	.value-list ul li+li{margin-top:2vmin;}
	.value-list ul li:nth-of-type(1):after{display:none;}
}
@media (max-width:600px){
	.mission-head-con{text-align:center;}
	.mission-head-con h2{line-height:1;}
	.vision-list li{height:180px;}
	.vision-con{bottom:auto; top:anchor(30% --vision-bg);}
	.vision-con p{font-size:var(--fs-22);}
	.value-list ul li h4,
	.sub-task-txt{font-size:var(--fs-16);}
	.value-list ul li sup{display:none;}
	.task-list-ic{width:40px;} 
	.task-item{min-height:105px; align-content:center;  padding:1vmin 2vmin;}
}


/* sub51 mi소개*/
.contWrap:has(.ci-system-con),
.contsBox:has(.ci-system-con){margin-top:0;}
.con_bg{background:#f7f8fb; padding:4vmin 0;}
.con_btn{padding:7px 0 8px; border:1px solid #666; color: #666; min-width:160px; text-align: center; display:inline-block; border-radius:50px;}
.down_btn{display:flex; flex-flow:row nowrap; gap:5px; margin:2vmin auto 5vmin}

.ci-system-con{box-sizing:border-box; width:1600px; max-width:100%; margin:0 auto 40px;}
.ci-system-con h2{font-family:var(--paper);}
.ci-system-tit{text-align:center; max-width:95%; margin:0 auto; word-break:keep-all;}
.ci-system-symbol{background:#ffffff50;  border:1px solid #e4e4e4; border-radius:2vmin; text-align:center; padding:3vmin 2vmin;}
.symbol-desc{display:flex; gap:3%; justify-content:space-around; align-items:flex-start; margin-top:4vmin;}
.symbol-desc .ci-item{flex:1; word-break:keep-all;}
.symbol-desc .ci-item dt{height:85px; margin-bottom:2vmin; align-content:center;}
.ci-item dd{color:#666;font-size:var(--fs-16);}
.ci-system-con, .ci-system-con2 .sub-2box{gap:16px;}
.ci-system-con .down_btn{justify-content: center; }
.ci-system-con .down_btn a{padding:8px 3vmin;}
.ci-system-con .img ul li{color:#fff; flex:1; padding:14px 0; text-align: center;}
.ci-system-con .img ul li span{font-size:var(--s-size); font-weight:300; color:#ffffff90;}
.ci-system-con2 {margin-top:8vmin;}
.ci-system-con2 + .ci-system-con2{padding-top:8vmin; border-top:1px solid #e4e4e4;}
.ci-system-con2 .con_txt{margin-bottom:20px;}
.ci-system-con2 .down_btn{justify-content: flex-end;}
.ci-system-subTit{margin-bottom:6px;}
.ci-system-img-wrap{display:flex;align-items: center;justify-content: space-evenly; border:1px solid #d7d7d7; border-radius:1.6rem; background:url(../img/sub/sub118_bg.gif) center repeat; min-height:320px; width:100%;}
.ci-system-img-wrap.vertical{flex-flow:column wrap;}
.ci-system-img-wrap.vertical .ci-item+.ci-item{margin-top:2vmin;}
.ci-system-img-wrap.logotype{padding:3vmin 0;}
.ci-system-img-wrap.logotype .ci-item{text-align:center; }
.ci-system-img-wrap.logotype .ci-item dt{margin-bottom:1vmin;}
.ci-system-img-wrap.signature img{max-width:300px; max-height:120px;}
.ci-system-img-wrap.emblem{margin-bottom:2vmin;}

.ci-color-wrap {display: grid; grid-template-columns:10% 85%; gap:5%; margin-bottom:2vmin;/*padding: 20px; background:#f8f8f8; border:1px solid #ddd; border-radius:2rem;*/}
.ci-color-list{display:flex; gap:1.6rem;}
.ci-color-card {width: -webkit-fill-available; background: #fff; border-radius: 1.6rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); overflow: hidden; }
.ci-color-box {height: 130px; position: relative; }
.ci-color-box.blue {background: #296291; }
.ci-color-box.sky {background: #3da1cd; }
.ci-color-box.green {background: #69be55; }
.ci-color-box.gray {background: #404040; }
.ci-color-box.gold {background: #a78a5e; }
.ci-color-box.silver {background: #808285; }
.ci-color-label {position: absolute; top: 15px; left: 15px; color: #fff; font-weight: bold; font-size:var(--fs-20); }
.ci-color-code {position: absolute; bottom: 15px; left: 15px; color: rgba(255,255,255,0.9); font-size:var(--fs-16); }
.ci-color-info {padding: 15px; background: #fff;   font-size:var(--fs-14); color: #666; line-height: 1.5; margin: 0; }
 @media screen and (max-width: 1024px) {
 	.con_bg{padding:5vmin 0;}
 	.symbol-desc{display:grid; grid-template-columns:repeat(2, 1fr);}
 	.ci-system-img-wrap{min-height:auto; padding:3vmin 2vmin; box-sizing:border-box;}
 	.ci-color-wrap,
 	.ci-system-con2 .sub-2box{display:flex; flex-flow:column wrap;}
 	.ci-system-img-wrap.signature img{max-width:30rem; max-height:10rem;}
 }
 @media screen and (max-width: 820px) {
	.ci-system-sign, .ci-system_logo{flex-flow:column; }
	.ci-system-con2 .down_btn{justify-content: center;}
	.ci-system-img-wrap.signature img{max-width:50%; max-height:8rem;}
	.ci-system-img-wrap.logotype .ci-item{display:flex;flex-flow:row nowrap;}
	.ci-system-img-wrap.logotype .ci-item dt{order:2;}
	.ci-system-img-wrap.logotype .ci-item dt img{width:70%;}
	.ci-system-img-wrap.logotype .ci-item dd{order:1;width:60px;}
	.ci-color-list{gap:1rem; align-items:flex-start;flex-flow:column wrap;}
	.ci-color-box{height:80px;}
	.ci-color-card{display:grid;grid-template-columns:repeat(2, 1fr);}
 }
@media screen and (max-width:600px) {
  .ci-system-symbol>img{width:200px;}
  .symbol-desc .ci-item dt img{object-fit:contain; height:60px; width:110px;}
}

/* sub50 연혁 */
.history-head-con{font-family:var(--paper); top:30%; width:1400px; max-width:95%; margin:4vmin auto; right:0; left:0; text-align:center  }
.history-head-con sup{font-size:var(--fs-28); font-weight:bold;}
.history-head-con h2{font-size:var(--fs-56); }
.history-head-con p{font-size:var(--fs-20); color:#00000090; margin-top:1vmin; line-height:160%;}

.history-container{padding:10vmin 0; display:flex; justify-content:space-between;}
.history-list{position:relative; z-index:1; margin-top:6vmin;}

.htel-vi02-container .brand-history .list{position:relative;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box{float:right;padding-right:0;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-right:30px;min-height:180px;}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column:nth-child(2n+2){margin-right:0;}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet::before{left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box{float:left;text-align:right;padding-left:50px;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-left:30px;min-height:180px;float:right;margin-right:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column:nth-child(2n+2){margin-left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet{padding-right:135px;padding-left:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet::after{right:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet.no-bullet::after{display:none;}
.htel-vi02-container .brand-history .list:last-child.on .line-active{height:0;}
.htel-vi02-container .brand-history .list:nth-child(even) .list-day{right:0;}

.htel-vi02-container .brand-history .list.on .line-active{height:100%;}
.htel-vi02-container .brand-history .list.on .bullet-small{background:var(--main-color);}
.htel-vi02-container .brand-history .list.active .bullet-large{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
.htel-vi02-container .brand-history .list.active .bullet-small{background:#fff;}
.htel-vi02-container .brand-history .list:last-child .pagination-wrap{background:transparent;}
.htel-vi02-container .brand-history .content-box{width:50%;padding:0 60px;padding:0 3.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-23px;margin-top:-1.4375rem;padding-bottom:100px;padding-bottom: 65px;}
.htel-vi02-container .brand-history .year{color:#fff; font-size:48px;font-size: 36px;/* font-family:"SDGothicNeobTTF-eSm";*/font-weight:700;padding-bottom: 30px;}
.htel-vi02-container .brand-history .list.active .year{color:var(--main-color);}
.htel-vi02-container .brand-history .year em{font-size:20px;}
.htel-vi02-container .brand-history .year + .list-bullet{margin-top:20px;margin-top: 20px;}
.htel-vi02-container .brand-history .list-bullet{position:relative;word-break:keep-all;line-height:1.33333;padding-left:125px;color:#848484;font-size: 20px;}
.htel-vi02-container .brand-history .list-bullet + .list-bullet{margin-top:13px;margin-top: 25px;}
.htel-vi02-container .brand-history .list-bullet::after,.htel-vi02-container .brand-history .list-bullet::before{position:absolute;top:9px;top:0.5625rem;display:inline-block;width:3px;width:0.1875rem;height:3px;height:0.1875rem;border-radius:3px;border-radius:0.1875rem;background:#666;vertical-align:5px;}
.htel-vi02-container .brand-history .pagination-wrap{width:2px;height:100%;background:#f8f8f8;position:absolute;top:0;left:50%;margin-left:-1px;}
.htel-vi02-container .brand-history .pagination-wrap .line-active{width:100%;height:0%;background:var(--main-color);z-index:1;-webkit-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-small{width:10px;width:0.625rem;height:10px;height:0.625rem;border-radius:10px;border-radius:0.625rem;background:#e5e5e5;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;-webkit-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-large{width:40px;width: 2rem;height:40px;height: 2rem;border-radius:40px;border-radius:2.5rem;/*border:1px solid var(--main-color);*/background: var(--main-gr);z-index:2;position:absolute;top:0;left:50%;box-shadow: 0 0 15px var(--main-color);-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1),-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);}
.clfix:after,.clfix:before{display:table;line-height:0;content:"";}
.clfix:after{clear:both;}

.htel-vi02-container .brand-history .lastlist.active .bullet-small {background: #ffa800}
.htel-vi02-container .brand-history .lastlist.active .pagination-wrap .bullet-large {border: 1px solid #ffa800;}
.htel-vi02-container .brand-history .lastlistc .pagination-wrap .line-active {background: #ffa800}
.htel-vi02-container .brand-history .hisimg{padding: 70px 0 100px;float: left;}
.htel-vi02-container .brand-history .hisimg img{ border-radius:2vmin; overflow:hidden;}
.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:40px; }

.list-bp {padding-right: 120px !important;}
.fadein {
    transition: opacity 1s,-webkit-transform 1s;
    -webkit-transition: opacity 1s,-webkit-transform 1s;
    -o-transition: opacity 1s,transform 1s;
    transition: opacity 1s,transform 1s;
    transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

.h-align-c {text-align: center;}
.histitc {color: #0f4ba4;font-weight: 700;padding-bottom: 20px;font-size: 45px;letter-spacing: -2px;font-family: 'Futura-Bold';}
.histit {font-size: 40px;color: #303030;font-weight: 400;}
.histits {font-size:var(--h2-size);color: #676767;font-weight: 300;line-height:135%;}
.histits>span{font-weight:bold; color:#676767;}
.current-logo {padding-bottom: 80px;text-align: center;padding-top: 60px}
.histlogo {padding-bottom: 10px;}
.htel-vi02-container .list-day {position: absolute;left: 0;color:#000;font-weight: 700;}
.pr0 { padding-right: 0 !important;}
@media only all and (max-width: 820px) {
    .htel-vi02-container .brand-history .content-box {width:100%; padding-left: 70px; padding-right: 10px; box-sizing: border-box; margin-top: 0;}
    .htel-vi02-container .brand-history .pagination-wrap {left: 40px; }
    .htel-vi02-container .brand-history .list:nth-child(odd) .content-box {text-align: left;}
    .htel-vi02-container .brand-history .list:nth-child(even) .content-box {padding-left: 71px;}
    .histit{font-size:28px;}
	.histits{font-size:18px;padding-bottom:20px;}
	.htel-vi02-container .brand-history .year{font-size:23px;text-align:left;}
	.htel-vi02-container .brand-history .year+.list-bullet{margin-top:10px;padding-right:20px;margin-bottom:10px;}
	.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:0;}
	.htel-vi02-container .list-day{position:relative;display:block;font-size:18px;}
	.htel-vi02-container .brand-history .list-bullet{padding-left:0;font-size:15px;}
	
	.htel-vi02-container .brand-history .list:nth-child(even) .content-box{text-align:left;}
	.htel-vi02-container .brand-history .hisimg{padding-left:40px;}
}

@media only all and (max-width: 620px) {
	.history-head-con h2{line-height:1;}
	.htel-vi02-container .brand-history .list-bullet {padding-left:0;}
    .htel-vi02-container .brand-history .list:nth-child(odd) .content-box {padding-bottom: 27px;}
    .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet {padding-right: 0 !important;}
    .htel-vi02-container .brand-history .list:nth-child(even) .content-box {padding-bottom: 20px !important;}
	.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet {padding-right: 0; text-align: left;	}
	.htel-vi02-container .brand-history .hisimg{padding: 30px 0 50px; position: relative; z-index: 1}
	.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left: 0}
	.current-logo{padding: 20px 0; line-height: 170%}
}


/* sub52 조직도 */
.contWrap:has(.chart-container),
.contsBox:has(.chart-container){margin-top:0;}
.chart-wrap {font-family:var(--paper); display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; position: relative; margin:0 auto; }
.line-vertical { width: 2px; background-color: #cbd5e1; height: 30px; margin: 0 auto; }
.line-vertical.long { height: 40px; }
.node-level-1 { position: relative; z-index: 10; margin-bottom: 0; }
.node-level-1 .circle-node {anchor-name:--circle-node; width: 170px; height: 170px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size:var(--fs-22); font-weight: 800; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); background:linear-gradient(135deg,  #0048a0, #254ab4); }
.node-level-1:after{display:inline-block; content:""; height:2px; width:100%; background:#cbd5e1; position: absolute;  top:50%; left:anchor(--circle-node 100%);} 
.node-pill.BOD{ position: absolute; left:anchor(--circle-node 180%); top: 30%;  min-width: 210px; padding: 18px 0; border-radius: 10px; background: #1649ac;}
.node-pill {background:#25a4dc;color: white;padding: 18px 60px;border-radius: 50px;font-size:var(--fs-20);font-weight: 700;box-shadow: 0 8px 20px rgba(44, 98, 146, 0.25);min-width: 250px;text-align: center;position: relative;z-index: 10;transition: transform 0.3s ease;}
.node-pill.sub { background:#a999f3; }
.level-4-container {display: flex;justify-content: center;position: relative;width: 100%;gap: 10%;animation: slideUp 0.8s ease-out;}
.level-4-container:before {content: '';position: absolute;top:-20px;left: 0;right: 0;margin:0 auto;width: 50%;height:28px;border-radius:20px;border:2px solid #cbd5e1;border-bottom-color:transparent;}
.branch-item {position: relative;/* padding: 0 15px; */display: flex;flex-direction: column;align-items: center;}
.branch-item:first-child::before { left: 50%; }
.branch-item:last-child::before { right: 50%; }
.branch-item::after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 20px; background: #cbd5e1; transform: translateX(-50%); }
.node-team { background: white; border: 2px solid #dbb7ff;color: #dbb7ff; padding: 15px 10px; border-radius: 8px; font-size:var(--fs-18); font-weight: 700; width: 180px; text-align: center; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; min-height: 70px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); z-index: 5; }
.organ-table-tit{font-size:var(--fs-28); margin-bottom:10px;}
.organ-table-work{text-align:left!important;}
@media (max-width: 1024px) { 
	.node-pill.BOD{left:anchor(--circle-node 150%); }
}
@media (max-width: 768px) { 
	.line-vertical.long{height:5vmin;}
    .chart-wrap .circle-node { width: 110px; height: 110px; border-width: 6px; } 
    .node-pill { padding: 15px 4vmin;  min-width: 200px; } 
    .node-pill.BOD{padding: 12px 4vmin; min-width:50%;}
    .level-4-container {align-items: center; padding-top: 0; gap:4px }
    .branch-item {flex:1; padding: 0; margin-bottom: 20px; width: 100%; }
    .branch-item::before, .branch-item::after { display: none; }
    .node-team {box-sizing:border-box; width: 100%; max-width: 250px; min-height:auto; padding:15px 0;}
    .level-4-container:before{display:none;}
    /* Add small vertical lines between stacked teams on mobile */
    .branch-item:not(:last-child)::after { display: none; }
}
@media (max-width: 500px) {
	.node-pill.BOD{position:static; border-radius:30px; min-width:200px;  padding:15px 4vmin}
	.node-level-1:after{display:none;}
	.chart-wrap .circle-node{margin:0 auto 2vmin;}
} 


/* sub53 오시는 길*/
.root_daum_roughmap{border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_map{height:600px!important;}
.kakao-map-link{display:inline-block; background:var(--main-color); padding:8px 0; width:100%; color:#fff; border-radius:50px; text-align:center; line-height:1.2;}
.kakao-map-link dl{ display:flex; align-items:center; justify-content:center;} 
.kakao-map-link dt{margin-bottom:8px;}
.section_address {display:none;}

.map-con-container{display:grid; grid-template-columns:48% 48%; gap:4%; width:1400px; max-width:95%; margin:5vmin auto;}
.map-address{margin-bottom:3vmin; display:flex; flex-flow:column; gap:5%;}
.map-address h4{font-size:var(--fs-40); font-family:var(--paper);}
.map-address dl{flex:1;}
.map-address dl+ dl{margin-top:1vmin;}
.map-address dt{font-size:var(--fs-28); font-family:var(--paper); font-weight:600;}
.map-address dd{font-size:var(--fs-22);}
.map-transport{margin-bottom:5vmin;}
.map-transport div i{display:inline-block; text-align:center; align-content:center; background:var(--main-color); color:#fff; width:50px; aspect-ratio:1/ 1; border-radius:50%;}
.map-transport .map-taxi{flex:1;display:flex;align-items:flex-start;gap:3%;border-top: 1px solid #ddd;padding-top: 40px;}
.map-transport .map-taxi+.map-taxi{margin-top:3vmin;}
.map-transport-txt h4{font:600 var(--fs-22) var(--paper); margin-bottom:4px;}
.map-transport-txt p b{display:inline-block; min-width:90px}
@media (max-width:800px){
	.map-con-container{grid-template-columns:1fr;}
	.map-address, .map-transport{flex-flow:column wrap; align-items:flex-start;}
	.kakao-map-link{width:100%; box-sizing:border-box; }
	.kakao-map-link dl{display:flex; flex-flow:row nowrap;align-items:center;justify-content:center;width:100%;}
	.map-transport div i{display:none}
	.map-transport-txt p b{display:block;}
}


/* sub116 사업소개 */
.contWrap:has(.business-head){margin-bottom:0;}
.business-head{margin:6vmin auto;}
.sub-head-title{font:600 var(--fs-36) var(--paper); margin-bottom:2vmin;  line-height:1.4;}
.sub-head-desc{font:400 var(--fs-24) var(--paper); margin-bottom:3vmin; line-height:1.5; color:#585858;}
.busi-head-list{font-size:var(--fs-20); display:none;}
.busi-head-list li+li{margin-top:8px;}

.busi-grid {display: grid; gap: 2vmin; }
.busi-card {border-radius: 60px;overflow: hidden;position: relative;transition: var(--transition-premium);}
.busi-grid8{grid-column: span 8;}
.busi-grid6{grid-column: span 6;}
.busi-grid4{grid-column: span 4;}
.busi-card-main {height: 650px; }
.busi-card-dark {background: #020617; padding: 64px; color:#fff; display: flex; flex-direction: column; justify-content: space-between; }
.busi-card-light {background:#eff2f4; padding: 64px; }
.busi-card-bottom {height: 450px; }
.busi-card-img { position: absolute; inset: 0; z-index: 0; }
.busi-card-img img { width: 100%; height: 100%; object-fit: cover; transition: 1s ease; }
.busi-card:hover .busi-card-img img { transform: scale(1.08); }
.busi-card-overlay {position: absolute;inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%); padding: 80px; display: flex;flex-direction: column; justify-content: flex-end; z-index: 1;}

.busi-card-tag { color:#4f46e5; font-weight: 700; font-size:var(--fs-14); letter-spacing:2px;  display: block; }
.busi-card-title, 
.busi-card-title-dark{font:700 var(--fs-32) var(--paper); margin-bottom: 2vmin; word-break:keep-all;} 
.busi-card-title { color:#fff;  }
.busi-card-title-dark { color:#222; margin-bottom: 2vmin; }
.busi-card-desc { color:#ffffff80; font-size:var(--fs-18); font-weight: 300; }
.busi-card-desc-dark { color:#64748b; font-weight: 300; line-height: 1.6; margin-bottom: 48px; }

.icon-box { width: 64px; height: 64px; background: rgba(255,255,255,0.05); border-radius: 24px; display: flex; align-items: center; justify-content: center; color: var(--primary); margin-bottom: 64px; }
.view-more { display: flex; align-items: center; gap: 16px; font-size: 11px; font-weight: 900; letter-spacing: 0.3em; transition: 0.3s; }
.view-more:hover { color: var(--primary); }
.view-more span { transition: transform 0.3s; }
.view-more:hover span { transform: translateX(8px); }

.business-detail, .business-detail2{margin-top:6vmin;}
.business-detail2{gap:3%;}
.busi-detail-item{ padding-top: 40px; border-top: 1px solid #e1e1e1;}
.business-detail .busi-detail-item {gap: 10vmin; align-items: flex-start; width: 100%; }
.business-detail .busi-detail-item+.busi-detail-item{margin-top:5vmin;}
.busi-detail-title { font:600 var(--fs-28) var(--paper);  flex-shrink: 0; word-break:keep-all;}
.busi-detail-content { font-size:var(--fs-20); line-height: 30px; flex-shrink: 0; }
.busi-detail-content p { margin: 0; }
.busi-detail-content p:last-child { margin-bottom: 0; }

.business-bg-gray{background:#F9FAFB; padding:4vmin 0 8vmin; margin-top:8vmin;}

@media (max-width: 1100px) {
	.busi-card-main{height:450px;}
	.busi-card{border-radius:3vmin;}
	.busi-card-overlay{padding:4vmin;}
}
@media (max-width:800px){
	.busi-card-main, .busi-card-bottom{height:300px;}
	.busi-card-desc-dark{margin-bottom:0;}
	.busi-card-overlay{justify-content:center!important;}
	.business-detail .busi-detail-item{gap:1rem;}
	.busi-card-overlay{background:#00000070;}
	.busi-card-desc{color:rgba(255,255,255,0.9);}
}
@media (min-width: 768px) {
    .busi-grid { grid-template-columns: repeat(12, 1fr); }
}
@media (max-width: 768px) {
	.busi-grid{display:flex; flex-flow:column wrap; }
	.busi-card{height:200px;}
	.busi-card-bottom{display:none;}
	.busi-detail-content li{line-height:180%;}
}

/* sub 150 ~ sub 167 사업 소개 상세 */
.biz-inner {max-width: 1200px; margin: 0 auto 3vmin; overflow:hidden;}
.biz-title {text-align: center;font:700 var(--fs-36) var(--paper);color: #111;line-height: 1.3;padding-top:7.5vmin; background:url(../img/content/sub/biz_head_bg.png) no-repeat top center;}
.biz-subtitle {font:400 var(--fs-24) var(--paper);font-weight: 500;margin-bottom: 2vmin;text-align: center;color: #000000; margin-top:0.5vmin}
.biz-desc {margin-bottom: 2vmin;padding: 2vmin;background: #f8f8f8;border-radius: 10px;/* text-align: center; */}
.biz-desc li {font-size: var(--fs-18); color: #444; line-height: 1.9; padding-left: 16px; position: relative; margin-bottom: 2px;}
.biz-desc li::before {content: '-'; position: absolute; left: 0; color: #999;}
.biz-tags {display: flex;flex-wrap: wrap;justify-content: center;gap: 1%;margin-bottom: 3vmin;}
.biz-tags li {font:600 var(--fs-16) var(--paper);color: var(--main-color);}
.biz-slide-wrap {position: relative;}
.biz-swiper {transition: opacity 0.35s;}
.biz-swiper .swiper-slide img {width: 100%; height: 620px; object-fit: cover; display: block;}
.biz-controls {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: stretch; background: var(--main-color); z-index: 10; border-radius: 4px 4px 0 0; overflow: hidden;}
.biz-controls .swiper-pagination {position: static !important; display: flex !important; align-items: center; gap: 7px; padding: 0 20px; width: auto !important; bottom: auto !important; left: auto !important; top: auto !important; transform: none !important; text-align: left !important;}
.biz-controls .swiper-pagination-bullet {width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.35); opacity: 1 !important; transition: background 0.25s, width 0.25s, border-radius 0.25s; margin: 0 !important; flex-shrink: 0;}
.biz-controls .swiper-pagination-bullet-active {width: 22px; border-radius: 4px; background: #fff;}
.biz-controls-sep {width: 1px; align-self: stretch; background: rgba(255,255,255,0.2); margin: 10px 0;}
.biz-btn {width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; color: #fff; transition: background 0.2s; flex-shrink: 0;}
.biz-btn:hover {background: rgba(255,255,255,0.15);}
.biz-btn:focus-visible {outline: 2px solid rgba(255,255,255,0.8); outline-offset: -3px;}
.biz-btn svg {pointer-events: none;}
.biz-play .icon-play {display: flex; align-items: center; justify-content: center;}
.biz-play .icon-pause {display: none; align-items: center; justify-content: center; gap: 4px;}
.biz-play.is-playing .icon-play {display: none;}
.biz-play.is-playing .icon-pause {display: flex;}

@media (max-width:1200px) {
	.biz-swiper .swiper-slide img {height: 52vw;}
}
@media (max-width:1024px){
	.biz-title{padding-top:12.5vmin}
}
@media (max-width:768px) {
	.biz-swiper .swiper-slide img {height: 64vw;}
	.biz-controls {position: relative; left: auto; transform: none; bottom: auto; width: 100%; justify-content: center;}
	.biz-tags {gap: 8px 14px;}
}

/* sub111 공간소개 */
.space-head{margin:6vmin auto;}
.busi-head-summary li{border-left:3px solid #000; padding-left:16px; margin-top:30px;}
.busi-head-summary li dt{font-size:var(--fs-24); font-family:var(--paper); font-weight:600;}
.busi-head-summary li dd{font-size:var(--fs-20);}

.space-overview-bg{background:#F9FAFB; padding:4vmin 0 8vmin; margin-top:8vmin;}
.space-overview{width:1400px; max-width:95%; margin:0 auto;}
.space-brid{text-align:center;}
.space-brid-title sup,
.space-card-sup { color:#4f46e5; font-weight: 700; font-size:var(--fs-14); letter-spacing:1px;  display: block; }

.space-brid-title h4{font-size:var(--fs-40); font-family:var(--paper); margin-bottom:2vmin;}
.space-brid img{border-radius:3vmin;}
.space-floor-wrap{margin-top:3vmin;}
.space-floor-wrap h5{font-size:var(--fs-28); font-family:var(--paper); margin-bottom:1vmin}
.space-floor-wrap table.basic-table th{background:#edf0f4;}
.space-floor-wrap table.basic-table td{background:none;}

.space-detail-wrap{margin-top:6vmin;}
.space-detail { width: 1500px; max-width:95%; margin: 0 auto 5vmin; padding: 0 2rem; }
.space-detail-header { margin-bottom: 8rem; }
.space-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8rem; }
.space-card { display: flex; flex-direction: column; transition: all 1s; }
.space-card:nth-child(even) { margin-top: 12rem; }
.space-card-image { aspect-ratio: 4/3; overflow: hidden; border-radius:3vmin; }
.space-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.space-card:hover .space-card-image img { transform: scale(1.05); }
.space-card-body { margin-top: 3rem; }
.space-card-header { display: flex; justify-content: space-between; align-items:center; margin-bottom: 1.5rem; }
.space-card-title { font:600 var(--fs-32) var(--paper); }
.space-card-desc { color: #666; font-size:var(--fs-18); font-weight: 300; max-width: 450px; }
.space-card-capacity {font-size:var(--fs-16); font-weight: 700;border: 1px solid #eee; border-radius: 100px;color: #aaa;display: inline-block;aspect-ratio: 1/1;width: 60px;text-align: center;align-content: center;}
.space-card-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 2rem; height: 1px; background: #111; transition: width 0.5s; }
.space-card-link:hover::after { width: 100%; }
@media (max-width:800px){
	.space-detail-grid {display:flex; flex-flow:column wrap; gap:5vmin;}
	.space-card:nth-child(even){margin-top:0;}
	.space-card-body{margin-top:2vmin;}
}

/* sub112 완산벙커 */
.contWrap:has(.bunker-visual),.contsBox:has(.bunker-visual){margin-top:0}
.bunker-visual{font-family:var(--paper);position:relative;text-align:center;padding:12vmin 0;color:#fff;background:url("../img/content/sub/bunker-visual.jpg") center/cover no-repeat;}
.bunker-visual .bunker-text{position:relative;max-width:1200px;margin:0 auto;padding:0 20px 0; }
.bunker-visual h2{margin:8px 0 24px;font-size:var(--fs-44);font-weight:700;line-height:1.25;}
.bunker-visual p{margin:0 0 10px;font-size:var(--fs-20);line-height:1.8;word-break:keep-all;}
.bunker-visual p:first-child{margin:0;font-size:var(--fs-20);font-weight:700;}
.bunker-intro{margin-top:5vmin; padding:7vmin 20px 5vmin;text-align:center;background:url(../img/content/sub/biz_head_bg.png) no-repeat top center;}
.bunker-intro span{display:block;height:38px;color:#cfcfcf;font-size:78px;font-family:serif;line-height:1;}
.bunker-intro h3{margin:10px 0 0;color:#333;font:600 var(--fs-40) var(--paper);}
.bunker-space-list{max-width:1200px;margin:0 auto;padding:0 20px 120px;}
.bunker-space-list article{display:flex;align-items:center;gap:70px;}
.bunker-space-list article+article{margin-top:6vmin;}
.bunker-space-list article:nth-child(even){flex-direction:row-reverse;}
.bunker-space-list img{width:52%;height:450px;object-fit:cover;border-radius:70px 0;}
.bunker-space-list article:nth-child(even) img{border-radius: 0 70px;}
.bunker-space-list div{flex:1;}
.bunker-space-list strong{display:block;color:#222;font:600 var(--fs-32) var(--paper);}
.bunker-space-list em{display:block;margin:6px 0 18px;color:#4f46e5;font-size:var(--fs-18);font-style:normal;font-weight:600;}
.bunker-space-list p{margin:0 0 28px;color:#555;font-size:var(--fs-18);line-height:1.8;word-break:keep-all;}
.bunker-space-list a{transition:all 0.2s ease; display:inline-flex;align-items:center;height:46px;padding:0 24px;color:#333;font-size:var(--fs-16);text-decoration:none;border:1px solid #ddd;border-radius:999px;}
.bunker-space-list a:after{content:"↗";margin-left:6px;color:#4f46e5; font-size:var(--fs-18);}
.bunker-space-list a:hover{border-color:#4f46e5;color:#4f46e5;}
@media (max-width:768px){
	.bunker-visual{padding:80px 0;}
	.bunker-intro{padding:50px 20px 30px;}
	.bunker-space-list{padding-bottom:70px;}
	.bunker-space-list article,.bunker-space-list article:nth-child(even){display:block;margin-top:60px;}
	.bunker-space-list img{width:100%;height:230px;margin-bottom:28px;border-radius:0 0 48px 0;}
	.bunker-space-list article:nth-child(even) img{border-radius:0 0 48px 0;}
}

/* sub113 트래디라운지*/
.contWrap:has(.tradi),.contsBox:has(.tradi){margin-top:0}
.tradi{margin-bottom:6vmin;}
.tradi section { margin-bottom:8vmin; }
.tradi section:last-child { margin-bottom:0; }
.tradi-intro{width:100%; background:url(../img/content/sub/tradi-intro-bg.jpg) no-repeat center / cover; padding:12vmin 0 10vmin; color:#fff; }
.tradi .heading {padding-top:7vmin;background:url(../img/content/sub/biz_head_bg.png) no-repeat top center;}
.tradi .heading, .tradi-intro-title{text-align:center; margin-bottom:2vmin; font-family:var(--paper);}
.tradi .heading h2, .tradi-intro-title h2 {font-size:var(--fs-36); font-weight:700; line-height:1.25; }
.tradi .heading>p{font-size:var(--fs-22);font-weight:500}
.tradi-intro-title h2{margin-bottom:1.5vh;}
.tradi-intro-desc { font-size:var(--fs-20); line-height:1.8; }
.tradi-sns{display:flex;margin-top:16px; align-items:center;justify-content:center; gap:8px;}
.tradi .tags { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:4vmin; }
.tradi .tags span { font-size:var(--fs-16); font-weight:700; color:rgba(255,255,255,0.8); border:1px solid #ffffff80; padding:4px 12px; border-radius:30px; }
.tradi .tradi-desc{ font-size:var(--fs-20); text-align:center; line-height:1.6;margin-bottom:3vmin;color:#919191;}
.tradi div[class*="summary"] { margin-bottom:28px; padding:30px 34px; border-radius:10px; }
.tradi .summary h3 { margin-bottom:10px; font-size:var(--fs-24); font-weight:800; }
.tradi .summary p { margin-bottom:8px; font-size:var(--fs-18); line-height:1.8; font-weight:600; color:#333; }
.tradi .summary p:last-child { margin-bottom:0; }
.tradi .summary{background:#f7f7f7; }
.tradi .summary ul { list-style:none; }
.tradi .summary li { position:relative; font-size:var(--fs-18); line-height:1.9; font-weight:600; color:#333; }
.tradi .summary li::before  { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#5558c9; margin-right:6px; vertical-align:2px; }
.tradi .summary2{border:1px solid #ddd; border-radius:10px;}
.tradi .info { margin-bottom:28px; padding:30px 34px; border:1px solid #eee; border-radius:10px; }
.tradi .info dl { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.tradi .info dt { margin-bottom:8px; font-size:var(--fs-18); font-weight:800; color:#5558c9; }
.tradi .info dd { font-size:var(--fs-18); line-height:1.7; font-weight:600; color:#333; }
.tradi .program-list { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:28px; }
.tradi .program-list article { padding:30px 34px; background:#f7f7f7; border-radius:10px; }
.tradi .program-list h3 { margin-bottom:14px; font-size:var(--fs-26); font-weight:800; border-bottom:1px solid #bebebe; padding-bottom:14px; }
.tradi .program-list h3 span { display:inline-block; margin-left:6px; font-size:var(--fs-16); font-weight:700; color:#5558c9; vertical-align:middle; }
.tradi .program-list p { margin-bottom:16px; font-size:var(--fs-18); line-height:1.75; font-weight:600; color:#333; }
.tradi .program-list ul { list-style:none; }
.tradi .program-list li { position:relative; font-size:var(--fs-16); line-height:1.8; font-weight:600; color:#333; }
.tradi .program-list li::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#5558c9; margin-right:6px; vertical-align:2px; }
/*.tradi .program-list li span{color:#5558c9;}*/
.tradi .visual { position:relative; overflow:hidden; }
.tradi .visual .swiper-slide img { display:block; width:100%; height:620px; object-fit:cover; }
.tradi .swiper { position:relative; overflow:hidden; }
.tradi .control { position:absolute; left:50%; bottom:0; z-index:5; display:flex; align-items:center; gap:18px; padding:15px 22px; background:#5759c9; transform:translateX(-50%); }
.tradi .swiper-pagination { position:static; display:flex; align-items:center; gap:7px; width:auto; padding-right:18px; border-right:1px solid rgba(255,255,255,0.28); }
.tradi .swiper-pagination-bullet { width:8px; height:8px; margin:0 !important; background:rgba(255,255,255,0.4); opacity:1; }
.tradi .swiper-pagination-bullet-active { width:24px; border-radius:20px; background:#fff; }
.tradi .swiper-button-prev, .tradi .swiper-button-next { position:static; width:28px; height:28px; margin:0; color:#fff; }
.tradi .swiper-button-prev::after, .tradi .swiper-button-next::after { font-size:var(--fs-22); font-weight:700; }
.tradi .pause { width:28px; height:28px; padding:0; border:0; background:transparent; cursor:pointer; }
.tradi .pause svg { display:block; width:18px; height:18px; fill:#fff; }
.tradi .pause .ico-play { display:none; }
.tradi .pause:not(.is-playing) .ico-pause { display:none; }
.tradi .pause:not(.is-playing) .ico-play { display:block; }
@media (max-width:768px) {
	.tradi { padding:0 0 50px 0; }
	.tradi .heading{padding-top:14vmin;}
	.tradi .summary { padding:22px 20px; }
	.tradi .summary p, .tradi .summary li { line-height:1.75; }
	.tradi .info { padding:22px 20px; }
	.tradi .info dl { grid-template-columns:1fr; }
	.tradi .program-list { grid-template-columns:1fr; }
	.tradi .program-list article { padding:22px 20px; }
	.tradi .visual  .swiper-slide img { height:360px; }
	.tradi .control { gap:12px; padding:12px 16px; }
}

/* sub128 esg 경영 */
.esg-con, .esg-values{word-break:keep-all; font-size:var(--fs-24); line-height:1.8; margin:4vmin auto; width:1000px; max-width:98%;}
.esg-head{position:relative; margin-top:5vmin;}
.esg-title{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center;}
.esg-title sup{font-size:var(--fs-20);color: #ffffff;letter-spacing: 5px;}
.esg-title h3{font-size:var(--fs-44); color:#fff;}
.esg-bg{border-radius:8rem 0 ;}
.esg-values li{display:grid; grid-template-columns:48px auto; gap:2%; align-items:flex-start;}
.esg-values li+li{margin-top:16px;}
.esg-values li h4 span.green{color:#009966;}
.esg-values li h4 span.blue{color:#155DFC;}
.esg-values li h4 span.purple{color:#7F22FE;}
.esg-sign{text-align:center; margin:6vmin auto;}
.esg-sign p{font-size:var(--fs-20);}
.esg-sign h5{font-size:var(--fs-32); font-family:var(--paper); margin-top:8px;}
@media (max-width:700px){
	.esg-bg{border-radius:3rem 0 ;}
}