@font-face {
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: local('Pretendard Variable'), url('https://img1.onlinetour.co.kr/2023/common/font/pretendard/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}

	@font-face {
		font-family: 'Jalnan';
		font-weight: normal;
		font-style: normal;
		src: url('https://cdn.jsdelivr.net/gh/webfontworld/goodchoice/Jalnan.eot');
		src: url('https://cdn.jsdelivr.net/gh/webfontworld/goodchoice/Jalnan.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/goodchoice/Jalnan.woff2') format('woff2'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/goodchoice/Jalnan.woff') format('woff'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/goodchoice/Jalnan.ttf') format("truetype");
		font-display: swap;
	}

    @font-face {
		font-family: 'JalnanGothic';
		src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
html{scroll-behavior: smooth;}
.pro_wrap,  
.pro_wrap * {box-sizing: border-box; margin: 0; padding: 0;  font-family: 'JalnanGothic';}
.pro_wrap ol, .pro_wrap ul, .pro_wrap li {list-style: none;} 
.pro_wrap button {border: 0; border-color: transparent;}
.pro_wrap a {text-decoration: none;}

.pro_wrap {overflow: hidden;}
.pro_wrap .relative {position: relative;}
.pro_wrap ._flex{display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto;}
/*--------------------------------------------------------------------------------
	탭마감
---------------------------------------------------------------------------------*/
.pro_wrap .pro_content_2 .section_5 .tab_container .tab_menu .tab_btn button.closed {position: relative;}

/*--------------------------------------------------------------------------------
	커버
---------------------------------------------------------------------------------*/
/* .pro_wrap .sold_out img,
.pro_wrap .coming_soon img{filter: grayscale(1) brightness(.4);}

.pro_wrap .sold_out, 
.pro_wrap .sold_out a, 
.pro_wrap .coming_soon, 
.pro_wrap .coming_soon a {cursor: auto;}

.pro_wrap .sold_out a,
.pro_wrap .coming_soon a {display: block; width: 100%; height: 100%}

.sold_out::before,
.coming_soon::before {background-color: transparent;} */

/*--------------------------------------------------------------------------------
	# section_4 - 선착순 득템 - 커버
---------------------------------------------------------------------------------*/
.pro_wrap .pro_content_2 .section_4 .btn_wrap a {position: relative; display: block; width: 100%; height: 100%;}
.pro_wrap .pro_content_2 .section_4 .btn_wrap.coming_soon a img,
.pro_wrap .pro_content_2 .section_4 .btn_wrap a.sold_out img {filter: grayscale(1) brightness(.4) drop-shadow(rgb(238, 231, 245) 10px 10px 10px);}

.pro_wrap .pro_content_2 .section_4 .btn_wrap.coming_soon a::after {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
	content : ''; display: block; width: 100%; height: 100%; background-image: url('https://img1.onlinetour.co.kr/2023/event/event/1211_24th/src/images/main/pc/con_2/time/time_comingsoon.png'); background-size: 75%; background-position: center; background-repeat: no-repeat; cursor:auto;
}
.pro_wrap .pro_content_2 .section_4 .btn_wrap a.sold_out::after {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
	content : ''; display: block; width: 100%; height: 100%; background-image: url('https://img1.onlinetour.co.kr/2023/event/event/1211_24th/src/images/main/pc/con_2/time/time_soldout.png'); background-size: 75%; background-position: center; background-repeat: no-repeat; cursor:auto;
}

/*--------------------------------------------------------------------------------
	# section_4 - 선착순 득템 - 커버
---------------------------------------------------------------------------------*/
.pro_wrap .pro_content_3 .section_5 a.sold_out {position: relative; display: block; width: 100%; height: 100%;}
.pro_wrap .pro_content_3 .section_5 a.sold_out img {filter: grayscale(1) brightness(.4) drop-shadow(10px 10px 20px #CFECF5) !important;}
.pro_wrap .pro_content_3 .section_5 a.sold_out::after {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;
	content : ''; display: block; width: 100%; height: 100%; background-image: url('https://img1.onlinetour.co.kr/2023/event/event/1211_24th/src/images/main/pc/con_2/time/time_soldout.png'); background-size: 75%; background-position: center; background-repeat: no-repeat; cursor:auto;
}

/*--------------------------------------------------------------------------------
	# visual
---------------------------------------------------------------------------------*/
/* 컨텐츠 */
.pro_wrap .main_content {position: absolute; left: 50%; transform: translate(-50%, -50%);}



/*--------------------------------------------------------------------------------
	# 플로팅
---------------------------------------------------------------------------------*/
.pro_wrap .floating_menu {width: 100%;}
/* .pro_wrap .floating_menu ul{display: flex; margin: 0 auto; width: fit-content; } */
.pro_wrap .floating_menu ul{display: flex; }
.pro_wrap .floating_menu ul li {cursor: pointer; text-align: center;}
.pro_wrap .floating_menu ul li img.menu_active,
.pro_wrap .floating_menu ul li img.menu_active_1 {display: none;}

/* .pro_wrap .floating_menu ul li em{background-color: #343434; color:#fff;} */
.pro_wrap .floating_menu ul li a{color:#343434;}
.pro_wrap .floating_menu ul li span{display: block; font-family: 'Pretendard Variable'; }


.pro_wrap .floating_menu ul li {}
.pro_wrap .floating_menu ul li.tabSelect {background-color: #005ca5;}
.pro_wrap .floating_menu ul li.tabSelect.on,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(7):not(.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(4)){background-color: #7D1DA0;}
/* .pro_wrap .floating_menu ul li.tabSelect em{background-color: #fcfb17; color: #005ca5;} */
.pro_wrap .floating_menu ul li.tabSelect a,
.pro_wrap .floating_menu ul li.tabSelect span{color:#fcfb17;}
.pro_wrap .floating_menu ul li.tabSelect > .menu_active {display: block;}

/* tab */
.tabContent {
	display: none;
}

.tabContent.active {
	display: block;
}

/*--------------------------------------------------------------------------------
	# swiper
---------------------------------------------------------------------------------*/
/*----------------- slide_container - 공통 -----------------*/
 /* .pro_wrap .slide_container {z-index: 1; position: absolute; left: 50%; top: 33%; transform: translateX(-50%); width: 81%;} */
/*.pro_wrap .slide_container .slide_content {position: static !important; padding-bottom: 0 !important; background-color: transparent !important;} */


/*----------------- container_center(슬라이드 센터 유형) - 공통 -----------------*/
.pro_wrap .container_center .slide_content {width: 100%;}
.pro_wrap .container_center .slide_content .swiper{width: 100%; overflow: visible !important;}
.pro_wrap .container_center .slide_content .swiper .swiper-wrapper{width: 100%; overflow: visible !important;}
.pro_wrap .container_center .swiper-slide:not(.m_section_6 .swiper-slide) {transform: translateZ(0) scale(0.8); transition: .3s all;}
.pro_wrap .container_center .swiper-slide-active {transform: translateZ(0) scale(1) !important;}

/*----------------- container_arrow(슬라이드 화살표 유형) - 공통 -----------------*/
/* .pro_wrap .container_arrow {display: flex; align-items: center; justify-content: center; width: 30%;}
.pro_wrap .container_arrow .slide_content {width: 84.6%; overflow: visible !important;} */
.pro_wrap .swiper-button-next, 
.pro_wrap .swiper-button-prev {transform: translateY(-33%); color: #343434; opacity: 1;}
.pro_wrap .swiper-button-prev{left:-50px;}
.pro_wrap .swiper-button-next{right:-50px;}
.pro_wrap .swiper-button-next:after, 
.pro_wrap .swiper-button-prev:after{font-size: 37px;}
.pro_wrap .swiper-slide-next{margin-right: 0 !important;}
/*--------------------------------------------------------------------------------
	# 유의사항
---------------------------------------------------------------------------------*/
.pro_wrap .note_wrap .note_hide {display: none;}
.pro_wrap .note_wrap div button {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%); cursor: pointer; border: 0; background-color: transparent;
}
.pro_wrap .note_wrap .note_hide button {height: 18%;}