@charset "utf-8";
*{
	padding: 0;
	margin:0;
}
.event_wrap{min-width: 1370px;text-align: center;background: #fff;}
.event_wrap>div{position: relative;display: flex;justify-content: center;}
.event_wrap img{display: inline;width: auto}
.bg{display: none !important;position: fixed !important;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.8;z-index: 98;}
.end{display: none !important;position: fixed !important;top: 30%;z-index: 99;width: 100%;height: 100%;color: #fff;font-size: 80px;text-align: center;line-height: 2;}
.end strong{font-weight: bold;}
.event_end .bg,.event_end .end{display: block !important;}
/* .btn_wrap{position: absolute;left: 0;width: 100%;height: 6%;}
.btn_wrap a{display: inline-block;width: 100%;height: 100%;} */
.btn_wrap a span{display: none;}
.box0{flex-direction: column; align-items: center;}
.box1{background: #0079f5;flex-direction: column; align-items: center;}
.box1:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 534px;background: #fff3d1;z-index: 1;}
.box1 img{position: relative;z-index: 2;}
.box1 .btn_wrap{position: absolute;bottom: 58px;}
.btn_bot {
    position: fixed;
    bottom: 30px;
    left: 50%;
	transform: translate(-50%, 0);
    opacity: 0;
    transition: bottom 0.3s ease, opacity 0.3s ease;
    pointer-events: none; /* 클릭 방지 */
}
.btn_bot.show {
    bottom: 30px; 
    opacity: 1;
    pointer-events: auto; 
    z-index: 2;
}
.btn_bot.hide {
    bottom: -60px;
    opacity: 0;
    pointer-events: none;
}
.box2_2{display: flex;align-items: center;justify-content: center;width: 800px;background: #fff3d1;padding-bottom: 72px;}
.box3{background: #f18d02;}
.box2{background: #fff3d1;}
.box4_1{background: #fce2ba;}
.box4_2{background: #facd93;flex-direction:column;align-items:center;}
.box4_3{background: #f8b86d;}
.box4_4{background: #f4a347;}
.box4_5{background: #f18e1d;}
.box4_silde{}
.box4_silde>div{width: 800px;display: flex;justify-content: center;}
.box5{background: #9fd9f6;}
.box5 .img_group{gap:0vw;justify-content:space-evenly}
.box5 .img_wrap{ 
	display: flex;
	gap:13px;
	margin: 70px 0;
	width: 100%;	
	max-width: 800px;
}
.box6{background: #0079f5;flex-direction: column; align-items: center;}
.box6_2{background: #fff3d1;}
.btn_wrap{ 
	display: block; 
	max-width: 800px;
}
.box6 .btn_wrap{ 
	padding: 0 0 ;
	font-size: 0;
}

.video_wrap{
	max-width: 800px;
	margin: 0 auto;
}
.video_container {
	padding-top: 56.25%;
  	position: relative;
  }  
  .video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img_group{
	display: flex;
	justify-content: space-around;
	width: 100%;
	max-width: 800px;
	padding: 70px 0;
	gap:2vw;
}
.img_group a{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.img_box1{
	background-color: #fff;
}
.img_box2{
	background-color: #fff2b8;
}
.img_box3{
	background-color: #fff;
}

.img_box{
	display: flex;
	flex-direction: column;
}
.img_box img{
	width: inherit !important;
}
.swiper_wrap{width: 761px}
.swiper_wrap .tab1,
.swiper_wrap .tab2,
.swiper_wrap .tab3{width: 254px !important;height: 64px;margin-right: 0 !important;background-repeat: no-repeat;background-position: 0 0;cursor:pointer;}
.swiper_wrap .tab1{background-image: url(/event2/content/2025_jun_sale/tab1.png);}
.swiper_wrap .tab2{background-image: url(/event2/content/2025_jun_sale/tab2.png);}
.swiper_wrap .tab3{background-image: url(/event2/content/2025_jun_sale/tab3.png);}
.swiper_wrap .tab1.swiper-slide-thumb-active{background-image: url(/event2/content/2025_jun_sale/tab1_on.png);}
.swiper_wrap .tab2.swiper-slide-thumb-active{background-image: url(/event2/content/2025_jun_sale/tab2_on.png);}
.swiper_wrap .tab3.swiper-slide-thumb-active{background-image: url(/event2/content/2025_jun_sale/tab3_on.png);}
@media screen and (max-width: 1400px){
	.event_wrap{min-width:0;}
	.event_wrap img:not(.btn_wrap img){width: 100%}
	.btn_wrap img{
		width: 100%;
	}	
}

@media screen and (max-width: 840px){
	.end{font-size: 8vw}
	.img_box img{
		width: 100% !important;
	}
	.img_group{
		padding: 10vw 2vw;
	}
	.img_group a{
		padding: 0 2vw;
		width: inherit;
	}
}

@media screen and (max-width: 764px){
	.event_wrap{min-width:0;}
	.event_wrap img:not(.btn_wrap img){width: 100%}
	.btn_wrap img{
		width: 100%;
		max-width: auto !important;
	}	
	.box1 .btn_wrap{bottom:3%;padding: 0 8vw;}
	.box1 .btn_wrap img{}
	.btn_bot{
		width: 100%;
		left:0;
		transform: translate(0, 0);
		padding: 0 8vw;		
	}
	.btn_bot img{
		width: 100%;
	}
	.video_wrap{
		padding: 0 2vw;
	}	
	.box4_1>div{width: 100%}
	.swiper_wrap{width: 96%}
	.swiper_wrap .tab1, .swiper_wrap .tab2, .swiper_wrap .tab3{width: 33.3% !important;background-size: contain;background-position: 0 100%}
	.box4 .btn_wrap{width: 67%;bottom:2%;}
	.box6 .btn_wrap{ 
	}
}
.slide_box{position: relative;width: 636px;overflow: hidden;display: flex;justify-content: center;}
.slide_box .swiper-container {width: 636px;overflow: hidden;}
.slide_box .swiper-container img{vertical-align: top;}
.swiper-slide, swiper-slide{width: auto;}
.swiper-button{position: absolute;width: 750px;top: 250px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
@media screen and (max-width: 720px){
	.box2_2	{width:100%;}
	.slide_box{width:100%;left:0;margin-left: 0;background-size:contain;}
	.slide_box .swiper-container {width:calc(100% - 20vw);}
	.swiper-slide, swiper-slide{width: 70%}
	.swiper-button{width:100%;top:40%}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{top: 50%;right: 3%;width:5vw}
	.swiper-button-prev, .swiper-rtl .swiper-button-next{top: 50%;left: 3%;width:5vw}
	.box5 .btn_wrap{width: 70vw;}
	.box5 .btn_wrap img{width:35vw}
}