/**** panel ****/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel {position:relative; width: 11px; height: 11px; display: block; }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#786454; transition:transform 0.25s ease-out, opacity 0.25s ease-out; }
.panel-wrap .panel .icon-panel::before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel::after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open::before { transform:rotate(-45deg); opacity: 0;  }
.panel-wrap .panel .icon-panel.open::after {  }

.swiper-container { width: 100%;}

.main_sect { position:relative; padding: 6rem 0 4rem;}

.emphasize { color:#be8175;}


/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section {  background: url(../img/main_visual_img01.jpg) 50% 50% / cover no-repeat; transform: scale(1.05);background-position: center 50%;  animation: bgShow 2.5s ease-out 1s forwards;  position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-attachment: fixed;   background-repeat: no-repeat; background-size: cover;}
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }
.main_vis {  position: relative; width: 100%; height: 0; overflow: hidden;   padding-bottom: 56.25%;}
.main_vis video { width: 100%; height: 100vh; object-fit:cover; transform: scale(1.05); animation: bgShow 2.5s ease-out 1s forwards;}
/* .main-header {  transform: translateY(-100%);opacity: 0;display: inline-block; transform-origin: center;} */
@keyframes bgShow {
    0% { 
		transform: scale(1.05); 
    }

    100% { 
		transform: scale(1);
    }
}
strong { font-weight:600;}
.main_vis .tits { position:fixed; left:50%; top:32%; color:#fff;  transform:translateX(-50%); text-align:center; width: 100%;}
.main_vis .tits > p { overflow:hidden;}
.main_vis .tit01 { font-size:5.3rem;   font-family: "Montserrat", sans-serif; line-height: 1.1; font-weight: 200; }  
.main_vis .tits > p >span {transform: translateY(100%);animation: txtup 2.5s ease-out 1s forwards; display: inline-block; }
.main_vis .tit01 .strong { font-weight: 400;}
.main_vis .tit02 { font-size: 1.188rem;  letter-spacing: 4px;}
.main_vis .tit01 + .tit02 { margin-top: 3.4rem;}
/* 메인비주얼 글자 나타나는 효과 */
.main_vis .tit01{ position:relative;text-align:center;perspective:1000px;/* display: flex; align-items: center;justify-content: center;*/}
.main_vis .tit01 > div{opacity:0;transform-origin:center;display: inline-block;}
.main_vis .tit01 div.text1{transform:scale(1.1) translate3d(0, -40px, 0) rotateZ(0);}
.main_vis .tit01 div.text2{transform:scale(1.1) translate3d(0, -40px, 0) rotateZ(0); }
.main_vis .tit01 div.text3{transform:scale(1.1) translate3d(0, -40px, 0) rotateZ(0);}
.main_vis .tit01 div span{display: inline-block;transform:translateY(0);opacity:0;filter: blur(0);will-change: transform, opacity;}
.main_vis .tit01.in-view div{opacity:1;transform:scale(1) translate(0,0);}

.main_vis .tit01.in-view div.text1{transition:all 1.4s ease-in-out; }
.main_vis .tit01.in-view div.text2{transition:all 1.4s 0.7s ease-in-out;}
.main_vis .tit01.in-view div.text3{transition:all 1.4s 1s ease-in-out;}

.main_vis .tit01 div.text1 span.show{animation: smokeEffect 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}
.main_vis .tit01 div.text2 span.show{animation: smokeEffect 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards;}
.main_vis .tit01 div.text3 span.show{animation: smokeEffect 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;}
@keyframes smokeEffect {
	0% {
		opacity: 0;
		filter: blur(10px);
		transform: translateY(0) scale(1);
	}
	100% {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1);
	}
}
@keyframes smokeEffect02 {
	0% {
		opacity: 0;
		filter: blur(10px);
		transform: translateY(0) scale(1) skew(-13deg);
	}
	100% {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1) skew(-13deg);
	}
}

.bar-wrap {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0px); }
.bar-wrap > p { color:#fff; margin-bottom: 1rem;}
.bar {display: flex;position: relative;width: 2px; height: 230px; background: rgba(255,255,255,0.3);overflow: hidden; margin: 0 auto;}
.bar::after {content: "";position: absolute;top: -100%; left: 0;width: 100%; height: 100%;background: rgba(255,255,255,1);animation: slideDown 2s linear infinite;}
@keyframes slideDown {
  0%   { top: -100%; }
  100% { top: 100%; }
}


/**************************************************
* 2 - main_sp
**************************************************/
.main_sp { padding: 12.5rem 0 13rem; background: url(../img/main_sp_bg.jpg) 50% 50% / cover no-repeat;}
.main_sp .tits { text-align:center; color:#fff;}
.main_sp .tit01 { font-family: "Montserrat", sans-serif; font-size: 1.875rem; font-weight: 500;}
.main_sp .tit02 { font-size: 2.063rem; font-weight: 600;}
.main_sp .tit01 + .tit02 { margin-top: 1rem;}
.main_sp .inner { display: flex; justify-content: center; gap:2.5rem; margin: 3.125rem auto 0;}
.main_sp .obj { border-radius: 1.25rem; padding: 3.5rem 3.75rem; color:#fff; width: 719px; height: 41.125rem; position: relative; transition:0.3s; }
.main_sp .obj:hover {box-shadow: 2px 2px 11px rgba(0, 0, 0, .3);}
.main_sp .obj.n01 { background: url(../img/main_sp_img01.png) 50% 50% / cover no-repeat;}
.main_sp .obj.n02 { background: url(../img/main_sp_img02.png) 50% 50% / cover no-repeat;} 
.main_sp .obj .txts { position: absolute; bottom: 3.75rem; } 
.main_sp .obj.n01 .subtit { font-size: 5rem; font-weight: 500;}
.main_sp .obj.n02 .subtit {  font-size: 4.375rem; line-height: 1; letter-spacing: -1px;  font-weight: 500;}
.main_sp .obj .txt01 { font-size: 1.75rem; font-weight: 600;}
.main_sp .obj .txt02 { font-size: 1.063rem; line-height: 1.5;}
.main_sp .obj .txt01 + .txt02 { margin-top: 1rem;}
.main_sp .obj .main_sp_more { width: 4.984rem; height: 4.984rem; display: block; transition: .3s;} 
.main_sp .obj.n01 .main_sp_more { background: url(../img/main_sp_more01.png) 50% 50% / cover no-repeat; position: absolute; right: 3.75rem; bottom: 3.5rem;}
.main_sp .obj.n01 .main_sp_more:hover { transform: rotate(-45deg); } 
.main_sp .obj.n02 .more_wrap { position: absolute; right: 3.75rem; bottom: 3.5rem;}
.main_sp .obj.n02 .main_sp_more { background: url(../img/main_sp_more02.png) 50% 50% / cover no-repeat;  transform: rotate(45deg); margin: 1rem 0 0 auto; transition:0.3s;}
.main_sp .obj.n02 .open .main_sp_more {transform: rotate(0); }
.main_sp .obj .more_wrap ul {opacity: 0; transition:0.3s; }
.main_sp .obj .more_wrap.open ul {opacity: 1; }
.main_sp .obj .more_wrap ul li { width: 8.688rem; height: 3.313rem; line-height: 3.3rem; font-size: 1rem; border-radius:1.625rem; border:1px solid rgba(249,249,249,0.2); background:rgba(76,56,51,0.8); text-align: center;transition: .3s; }
.main_sp .obj .more_wrap ul li:hover { border:1px solid rgba(255,255,255,1); background:rgba(76,56,51,1); }
.main_sp .obj .more_wrap ul li + li { margin-top: 5px; }
.main_sp .obj .more_wrap ul li a { color:#fff; display: block; width: 100%;}



/**************************************************
* 3 - main_event
**************************************************/
.main_event { padding: 12.5rem 0 13rem; background: url(../img/main_event_bg.jpg) 50% 50% / cover no-repeat;}
.main_event .inner { position: relative; display: flex;  justify-content: space-between; width:106.25rem; max-width: 90%; margin: 0 0 0 auto;}
.main_event .inner::before { content:""; display: block; width: 23.813rem; height: 11.313rem; background: url(../img/main_event_logo.png) 50% 50% / cover no-repeat; position: absolute; bottom:-5rem; left: -6rem;}
.main_event .left {}
.main_event .right { width: 76.25rem; }
.main_event .tit01 { font-family: "Montserrat", sans-serif; font-size:2.438rem; font-weight: 600; }
.main_event .tit02 { font-size: 1.188rem;  }
.main_event .tit03 { font-size: 1.125rem; line-height: 1.5;}
.main_event .tit01 + .tit02 { margin-top: 2.5rem;}
.main_event .tit02 + .tit03 { margin-top: 1rem;}
.main_event .txts { margin-top: 1rem;}
.main_event .txt00 { font-size: 1.125rem; color:#636363; letter-spacing:0; font-weight: 500;}
.oran { color:#e35c3e;}
.main_event .txt01 { font-size: 1.5rem;font-weight: 600; }
.main_event .txt02 { font-size: 1rem; color:#7a7a7a; letter-spacing:0;font-weight: 500;}
.main_event .txt00 + .txt01 { margin-top: 0.5rem;}
.main_event .txt01 + .txt02 { margin-top: 1.1rem;}

.mouse_hover { position: relative; cursor: none;}
.circle-cursor { 
  position:fixed; 
  top:0; left:0; 
  width:6rem; height:6rem; 
  z-index:100;
  border-radius:50%; 
  -webkit-border-radius:50%;  
  transform:translate(-50%, -50%);  
  pointer-events:none; 
}
.circle-cursor.is-expand-slider::after { 
  content:''; 
  position:absolute; 
  top:50%; left:50%; 
  width:100%; height:100%; 
  background: url(../img/main_event_cursor.png) 50% 50% / cover no-repeat; 
  border-radius:0;  
  transform:translate(-50%,-50%) translateZ(0);  
}

.main_event .swiper-pagination { position: static; width: 42%; height: 4px; display: none; background: rgba(121,128,128,0.2); border-radius:0; margin: 3rem auto 0;}
.main_event .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#798080;}


/**************************************************
* 4 - main_seen
**************************************************/
.main_seen { padding: 12.5rem 0 13rem; background: #1a2020; text-align:center; color:#fff;}
.circle-cursor.is-expand-slider2::after { 
  content:''; 
  position:absolute; 
  top:50%; left:50%; 
  width:100%; height:100%; 
  background: url(../img/main_seen_cursor.png) 50% 50% / cover no-repeat; 
  border-radius:0;  
  transform:translate(-50%,-50%) translateZ(0);  
} 
.main_seen .tit01 { font-family: "Montserrat", sans-serif; font-size:1.75rem; font-weight: 500; }
.main_seen .tit02 { font-size: 2rem; font-weight: 600; }
.main_seen .tit03 { font-size: 1.063; opacity: 0.6;}
.main_seen .tit01 + .tit02 { margin-top: 1.25rem;}
.main_seen .tit02 + .tit03 { margin-top: 1.25rem;}
.main_seen .inner { position: relative; max-width:1920px; margin: 3.125rem auto 0;}
/* .main_seen_slide .swiper-slide.slide01, .main_seen_slide .swiper-slide.slide03, .main_seen_slide .swiper-slide.slide05 { margin-top: 2.8rem; } */
.main_seen_slide .swiper-slide:nth-child(odd) { margin-top: 2.8rem; }
.main_seen .obj { position: relative; display: block; overflow: hidden; transition: .2s; }
.main_seen .obj:hover { border-radius: 12.875rem 12.875rem 0 0;}
.main_seen .obj .img01 { width: 100%; height: 100%; object-fit: cover;object-position: center; transition: .3s; }
.main_seen .obj:hover .img01 { transform: scale(1.015); }
.main_seen .txts { position: absolute; bottom:2rem; left: 0; width: 100%; color:#fff;}
.main_seen .txt01 {  font-size:1.5rem; font-weight: 600; }
.main_seen .txt02 { font-size: 1rem; font-weight: 400; opacity: 0; transition: .3s; line-height: 1.4;}
.main_seen .obj:hover .txt02 { opacity: 1;}
.main_seen .txt01 + .txt02 { margin-top: 0.6rem;}

.main_seen .swiper-pagination {width: 100%; display: flex; align-items: center; justify-content: center; gap:1rem; margin: 2.5rem auto 0; display: none;}
.main_seen .swiper-pagination-bullet { background: #394040; width: 0.8rem; height: 0.8rem;}
.main_seen .swiper-pagination-bullet-active { background: rgba(211,210,211,0.7); width: 1rem; height: 1rem;}

/**************************************************
* 5 - main_net
**************************************************/
.main_net {  background: #222a29;  color:#fff; }
.main_net .inner { display: flex;  justify-content: center; width:100%; max-width:1920px; margin: 0 auto; }
.main_net .left { width: calc(100% - 60rem );  position: relative; } 
.main_net .right {width: 60rem; position: relative; display: flex;  justify-content: center; flex-direction: column; padding: 4rem 0 4rem 6.875rem; background: url(../img/main_net_right.jpg) 50% 50% / cover no-repeat; }  
.main_net .netBtns { position: absolute; top: 11.5rem; display: flex;  justify-content: center; gap:0.625rem; width: 100%;}
.main_net .netBtns li { width: 9.125rem; height: 3.2rem; line-height: 3.2rem; border-radius: 25px; background: #f3f3f3; border:1px solid #b1b1b1; color:rgba(37,35,31,0.5); font-weight: 500; text-align:center; cursor:pointer; font-size: 1.063rem;}
.main_net .netBtns li.active { background: #e76b4b; border-color: transparent; color:#fff; }
.main_net .locaMarker {position: absolute; cursor:pointer; width: 5.063rem; height: 5.063rem;}
.main_net .locaMarker.n01 { top:19.375rem; right: 25.625rem;}
.main_net .locaMarker.n02 { bottom: 18.438rem; right: 11.25rem;}
.main_net .locaMarker.n03 { bottom: 13.438rem; right: 16.875rem;}
.main_net .locaMarker::before { display: block; content:""; width: 2rem; height: 3rem; background: url(../img/main_net_mkr02.png) 50% 50% / cover no-repeat; position: absolute; top: -3.4rem; left: 50%;transform: translate(-50%, 0px); opacity: 0; }
.main_net .locaMarker.active::before { opacity: 1;}

.main_net .tit01 { font-family: "Montserrat", sans-serif;  font-size: 2.688rem; font-weight: 500; }
.main_net .tit02 { font-size: 1.063rem; line-height: 1.4; opacity: 0.8;}
.main_net .tit03 { font-size: 1.125rem; opacity: 0.8; }
.main_net .tit01 + .tit02 { margin-top: 3.125rem ;}
.main_net .tit02 + .tit03 { margin-top: 0.5rem;}

.main_net .netWrap { position: relative; margin-top: 4.375rem;}
.main_net .netCont { display: flex; align-items: flex-end; opacity: 0;}
.main_net .netCont.net02 { position: absolute; top: 0; left: 0;}
.main_net .netCont.net03 { position: absolute; top: 0; left: 0;}
.main_net .netCont.active { opacity: 1;}
.main_net .netCont .txts { padding-left: 2.688rem;}
.main_net .netCont .mkr { display: block; width: 0.938rem; height: 1.313rem; background: url(../img/main_net_mkr01.png) 50% 50% / cover no-repeat; }
.main_net .netCont .locaName { font-size: 1.5rem;}
.main_net .netCont .locaAddr { font-size: 1.063rem; opacity: 0.8;}
.main_net .netCont .locaCs01 { font-size: 1.063rem; }
.main_net .netCont .locaCs02 { font-size: 1.875rem; font-family: "Montserrat", sans-serif; color:#fff; display: inline-block;}
.main_net .netCont .mkr + .locaName { margin-top: 0.5rem;}
.main_net .netCont .locaName + .locaAddr { margin-top: 1rem;}
.main_net .netCont .locaAddr + .locaCs01 { margin-top: 1.5rem;}
.main_net .netCont .locaCs01 + .locaCs02 { margin-top: 0.5rem;}


/**************************************************
* 6 - main_sns
**************************************************/
.main_sns { padding: 12.5rem 0 10rem; background: url(../img/main_sns_bg.jpg) 50% 50% / cover no-repeat; color:#fff;}
.main_sns .inner { display: flex;  justify-content: center;  100%; max-width:90%; margin: 0  auto 0;  }
.main_sns .tit01 { font-family: "Montserrat", sans-serif;  font-size: 2.188rem;  }
.main_sns .tit02 { font-family: "Montserrat", sans-serif;  font-size: 3.438rem; font-weight: 500; margin-left: -5px;}
.main_sns .tit03 { font-size: 1.063rem; }
.main_sns .tit01 + .tit02 { margin-top: 0.7rem ;}
.main_sns .tit02 + .tit03 { margin-top: 2rem;}
.main_sns .left { width: 40%; max-width:40.625rem ;}
.main_sns .right { position: relative; display: flex; gap:1.5rem;}
.main_sns .right::before { display: block; content:''; width: 50%; height: 96%; background: url(../img/main_sns_shadow.png) 100% 100% / cover no-repeat;   z-index: 0; position: absolute; top: 1.5rem; left: 2rem; opacity: 0.9;}
.main_sns .right::after { display: block; content:''; width: 50%; height: 96%; background: url(../img/main_sns_shadow.png) 100% 100% / cover no-repeat;   z-index: 0; position: absolute; top: 1.5rem; right: -3rem; opacity: 0.9;}
.main_sns .device{ width: 19.938rem; height: 40rem; position: relative; z-index: 1; text-align:center; }
/* .main_sns .device.insta { background: url(../img/main_sns_bg_insta.png) 50% 50% / cover no-repeat; }
.main_sns .device.ytube { background: url(../img/main_sns_bg_ytube.png) 50% 50% / cover no-repeat; } */
.main_sns .device .bgImg {  }
.main_sns .txts { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
.main_sns .txts .txt01 { font-size: 1.688rem; font-weight: 700;}
.main_sns .txts .line { display: block; width: 11.031rem; height: 1px; opacity: 0.2; background:#000; margin: 0.5rem auto; }
.main_sns .txts .txt02 { font-size: 0.844rem; }
.main_sns .txts .txt02 + img { margin-top: 1.1rem ;	}
.main_sns_more { position: absolute; bottom:3.438rem; left: 50%; transform: translate(-50%, 0); color:#fff; width: 11.938rem; height: 3.25rem; border-radius:1.625rem;display: flex; align-items: center; transition:.3s; font-size: 0.938rem;  }
.insta .main_sns_more { background: rgba(0,0,0,0.1); padding-left: 0.7rem; }
.ytube .main_sns_more { background: rgba(0,0,0,0.1); padding-left: 1.6rem;}
.insta .main_sns_more:hover { background: #e85c04;  }
.ytube .main_sns_more:hover { background: #e85c04; }
.main_sns_more i { width: 2.375rem; height: 2.313rem; display: inline-block; position: absolute; right: 0.5rem; transition:.3s; transform: rotate(45deg); } 
.main_sns_more:hover i { transform: rotate(0); }
.insta .main_sns_more i {  background: url(../img/main_sns_more01.png) 100% 100% / cover no-repeat; }
.ytube .main_sns_more i {  background: url(../img/main_sns_more01.png) 100% 100% / cover no-repeat; }
.rotate-bg { position: absolute; z-index: 2; } 
.rotate-bg img { animation:rotate 10s linear infinite; } 
@keyframes rotate{
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}
.main_sns .rotate-bg { width:8.313rem; height: 8.25rem; right: -3rem; top: -3rem;  }