@charset "utf-8";
/* CSS Document */

.detail_img{
	background: url('https://cdn.icoda.co.kr/asset/editor/202605/20260519142443_b6a1977cb8d3b5aa73ac19393e7a7473_rj47.png') no-repeat;
	background-size: contain;
	aspect-ratio:1 / 1;
	
	
	width: 100%;
	height: 100%;
	
}

.event_info-detail{
	width: 90%;
	max-width: 1400px;
	border-radius: 3.1rem;
	height: auto;
	margin: 0 auto;
	background: #262626;
}
.event_info-detail.wr{
	width: 90%;
	max-width: 1400px;
	border-radius: 3.1rem;
	height: auto;
	margin: 0 auto;
	background: #fffaf5;
}



.event_info-detail.wg{
	width: 90%;
	max-width: 1400px;
	border-radius: 3.1rem;
	height: auto;
	margin: 0 auto;
	background: #f1fafb;
}



.event_info-detail.ws{
	width: 90%;
	max-width: 1400px;
	border-radius: 3.1rem;
	height: auto;
	margin: 0 auto;
	background: #faf0f1;
}



.detail_right {
    display: flex;
    width: 30%;
    border-radius: 100rem;
    border: 2px solid #44d62c;
    background: #141414;
    overflow: hidden;
}

@media(max-width:992px){
	.detail_right{
	display: flex;
	width: 30%;
	border-radius: 100rem;
	    border: 2px solid #44d62c;
    background: #141414;
 
		margin-bottom: 3em;
}
}


@media (max-width: 700px) {
    .detail_right {
        display: flex;
        width: 70%;
        border-radius: 100rem;
        border: 2px solid #44d62c;
    background: #141414;
        margin-bottom: 3em;
    }
}




.detail_right.wr{
	display: flex;
	width: 30%;
	border-radius: 100rem;
	border: none;
	background: #fad2a5;
}

@media(max-width:992px){
	.detail_right.wr{
	display: flex;
	width: 30%;
	border-radius: 100rem;
	border: none;
	background: #fad2a5;
		margin-bottom: 3em;
}
}


@media (max-width: 700px) {
    .detail_right.wr {
        display: flex;
        width: 70%;
        border-radius: 100rem;
  border: none;
        background: #fad2a5;
        margin-bottom: 3em;
    }
}





.detail_right.wg{
	display: flex;
	width: 30%;
	border-radius: 100rem;

	background: #add2d6;
}

@media(max-width:992px){
	.detail_right.wg{
	display: flex;
	width: 30%;
	border-radius: 100rem;
	border: none;
	background: #add2d6;
		margin-bottom: 3em;
}
}


@media (max-width: 700px) {
    .detail_right.wg {
        display: flex;
        width: 70%;
        border-radius: 100rem;
  border: none;
        background: #add2d6;
        margin-bottom: 3em;
    }
}









.detail_right.ws{
	display: flex;
	width: 30%;
	border-radius: 100rem;
border: none;
	background: #d6838b;
}

@media(max-width:992px){
	.detail_right.ws{
	display: flex;
	width: 30%;
	border-radius: 100rem;
	border: none;
	background: #d6838b;
		margin-bottom: 3em;
}
}


@media (max-width: 700px) {
    .detail_right.ws {
        display: flex;
        width: 70%;
        border-radius: 100rem;
  border: none;
        background: #d6838b;
        margin-bottom: 3em;
    }
}







.e_logo_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202605/20260519102811_b6a1977cb8d3b5aa73ac19393e7a7473_mflv.jpg) no-repeat;
	width:100%;
	height: 100%;
	max-width: 8rem;
	background-size: contain;
	background-position: center center;

}

@media(max-width:600px){
	.e_logo_img{

	width:100%;
	height: 100%;
	max-width: 8rem;
	background-size: contain;
	background-position: center center;

}

}

.title_bg{

   background-position: center center;
    background-size: cover;
    width: 100%;
    height: 115vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    z-index: 10;
}


@media (max-width: 600px) {
    .title_bg {
        background: black;
        background-position: center top;
        background-size: cover;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

    }
}




.promotion_01-img{
	width: 100%;
	border-radius: 3.1rem;
	background: url('https://cdn.icoda.co.kr/asset/editor/202602/20260220101431_bdf3bcfa47628ac82dc53d957e2145f5_qn9x.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	aspect-ratio:1400 / 460;
	height: 100%;
	margin-top: 6rem;
}

@media(max-width:992px){
	.promotion_01-img{
	width: 100%;
	border-radius: 2rem;
	background: url('https://cdn.icoda.co.kr/asset/editor/202602/20260220101609_bdf3bcfa47628ac82dc53d957e2145f5_qg0s.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	aspect-ratio:500 / 400;
	height: 100%;
	margin-top: 3rem;
}
}

@media(max-width:600px){
	.promotion_01-img{
	width: 100%;
	border-radius: 2rem;
	background-position: center center;
	background-size: cover;
	aspect-ratio:400 / 500;
	height: 100%;
	margin-top: 6rem;
}
}


.promotion_02-img{
	background: url('https://cdn.icoda.co.kr/asset/notice/cb/5154_1771552416.webp') no-repeat;
}



.promotion_02-img{
	width: 100%;
	max-width: 500px;
	border-radius: 3.1rem;
	
	background-position: center center;
	background-size: cover;
	aspect-ratio:500 / 640;
	height: 100%;
	margin-top:9rem;
}


@media (max-width: 1230px) {
    .promotion_02-img {
		background: url('https://cdn.icoda.co.kr/asset/notice/cb/5154_1771555579.webp') no-repeat;
        width: 100%;
        max-width: 100%;
        border-radius: 3.1rem;
        background-position: center center;
        background-size: cover;
        aspect-ratio: 500 / 200;
        height: 100%;
        margin-bottom: 5em;
        margin-top: 5rem;
    }
	
}



@media(max-width:992px){
	.promotion_02-img {
    width: 100%;
    max-width: 100%;
    border-radius: 3.1rem;
 
    background-position: center center;
    background-size: cover;
    aspect-ratio: 500 / 300;
    height: 100%;
    margin-bottom: 5em;
	margin-top: 5em;
}
}



@media(max-width:600px){
	.promotion_02-img {
    width: 100%;
    max-width: 100%;
    border-radius: 2rem; 
    background-position: center center;
    background-size: cover;
    aspect-ratio: 500 / 400;
    height: 100%;
    margin-bottom: 5em;
	margin-top: 5em;
}
}

.btn-bg0{
	background:#fff;
	border-radius: 2.5rem;
}

.btn-bg001,
.btn-bg002{
	width: 100%;
	height: 100%;
	aspect-ratio:2.3 / 2;
	
}







.btn-bg001{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260123150606_6ec9132bf656cca96c93137794ea65ba_a1fy.png)no-repeat;
	background-position: center center;
	background-size: cover;
}


.btn-bg0-1{
	background:#D3D3D321;
	border-radius: 1.7rem;
}
.btn-bg01{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260123150606_6ec9132bf656cca96c93137794ea65ba_a1fy.png)no-repeat;
	background-position: center center;
	background-size: cover;
}


.btn-bg02{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260123150606_6ec9132bf656cca96c93137794ea65ba_wxtm.png)no-repeat;
	background-position: center center;
	background-size: cover;
}



.btn-bg03{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260122144044_9cc5b4e23b2e976ca9a27c92bc72c0c5_v9na.png)no-repeat;
	background-position: center center;
	background-size: cover;
}



.btn-bg04{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260122144048_9cc5b4e23b2e976ca9a27c92bc72c0c5_m41k.png)no-repeat;
	background-position: center center;
	background-size: cover;
}

.btn-bg05{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260122144050_9cc5b4e23b2e976ca9a27c92bc72c0c5_ultz.png)no-repeat;
	background-position: center center;
	background-size: cover;
}

.btn-bg06{
	background: url()no-repeat;
	background-position: center center;
	background-size: cover;
}


.brand-promotion_bg-img{
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	justify-content: center;
	height: 100vh;
}


@media(max-width:700px){
	
.brand-promotion_bg-img{
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	justify-content: center;
	height: auto;
}

}
.brand-promotion_bg-img.bg01{
	width: 70%;
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260128115725_5fd06f3e328ac25374216ebcffa2b4c1_2lkx.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    flex-direction: column;
}


.brand-promotion_bg-img.bg02{
	width: 30%;
	background: url(https://storage.googleapis.com/img.broadbandbuyer.com/article/advice/4345/4345-image1.png) no-repeat;
	background-size: cover;
	background-position: center center;
}

@media(max-width:1300px){
	.brand-promotion_bg-img.bg02{
		display: none;
	}
}

@media(max-width:1300px){
	.brand-promotion_bg-img.bg01{
	width: 100%;
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260128115725_5fd06f3e328ac25374216ebcffa2b4c1_2lkx.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    flex-direction: column;
}

}

.btn_b_bg{
	background: #0000008b;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;

	
}



.m_btn-promotion_hidden{
	display: none;
}


@media(max-width:700px){
	.m_btn-promotion_hidden{
	display:flex;
		flex-direction: column;
}
}



.m_btn-promotion_hidden{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}


.btn-promotion_hidden{
	display: flex;
}


@media(max-width:700px){
	.btn-promotion_hidden{
	display:none;
}
}
.brand-promotion_btnbg{
	position: absolute;
	width: 90%;
	max-width: 1400px;
	height: 100vh;
	margin: 0 auto;
	z-index: 100;
	background: #ffffff00;
	flex-wrap: nowrap;
	flex-direction: column;
}

.big_txt_3 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3;
    color: white;
    margin-top: 0.5em;
}

@media(max-width:600px){
	.big_txt_3 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3;
    color: white;
    margin-top: 0.5em;
}
}


.w_btn_bg{
	display: flex;
	width: 69%;
	justify-content: space-between;
}


@media(max-width:1300px){
	.w_btn_bg{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
}


@media (max-width: 700px) {
    .w_btn_bg {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
		align-items: center;
    }
}


.title_bg-bk-center {
    width: 100%;
    background: linear-gradient(to bottom, #00000000 50%, #00000059 70%, #000000c2 90%, #000000c2 100%);
    height: 115vh;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.title_effect {
    color: white;
    filter: drop-shadow(0px 0px 8px rgba(0, 220, 225, 0.8));
    word-break: keep-all;
    margin: 0 auto;
    text-shadow: 0 0 3px #00f6ff;

}


@media(min-width:601px){
.ddd_none{
	display: none;
}
}

@media(max-width:600px){
.mmm_none{
	display: none;
}
}





/*애니메이션*/


.animated {
    opacity: 1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	 
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-timeline: ease-in();
	 animation-range: 0% 50%;  
}



@keyframes fade-bg{
	10%{
		opacity: 0.3;
		 transform: translateY(40rem);
	}
	
	60%{
		opacity: 1;
		 transform: translateY(0);
	}
	
}

.fadeBg {
	-webkit-animation-name: fade-bg;
	animation-name: fade-bg;
animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both; 
  animation-range: entry 0% exit 60%;
}


@keyframes fade-in-text {
  0% {
    opacity: 0;
    transform: translateX(-100rem);
	 
  }
	
  50% {

    transform: translateX(0);
  }
	
	
 60% {
    opacity: 1;
    transform: translateY(0);
  }
}




.fade-in-text {
  animation-name: fade-in-text;
  animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both;
  animation-range: entry 0% exit 60%;
}



@keyframes fade-in-text-V {
  0% {
    opacity: 0;
   transform: translate(-15rem, -15rem);
	 
	 
  }
	
  30% {
    opacity: 0;
   transform: translate(-30rem, -30rem);
	
  }
	
	
 60% {
    opacity: 1;
     transform: translate(5rem,5rem);
	

  }
	
		
100% {
    opacity: 1;
     transform: translate(5rem,5rem);
	

  }


}




.fade-in-text-video {
  animation-name: fade-in-text-V;
  animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both;
  animation-range: entry 0% exit 60%;
}








@keyframes scale-img {
  0% {
    opacity: 0;
    transform: scale(0);

	 
  }
	
  50% {
    opacity: 0.6;
	

  }
	
	
 70% {
    opacity: 1;
	transform: scale(1);

  }
}

.scale-img {
  animation-name: scale-img;
  animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both;
  animation-range: entry 0% exit 60%;
transform: scale(1);
	 
}





.big_txt-fade {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1.3;
    color: white;
    margin-top: 0.5em;
    word-break: keep-all;
}
@media(max-width:600px){
	
.big_txt-fade{
    font-size: 16vw;
    font-weight: 900;
    line-height: 1.2;
    color: white;
    margin-top: 2em;
    word-break: keep-all;
}

}

.promotion_01-text-fade{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.event-video{
	    width: 90%;
    max-width: 1400px;
    height: auto;
    aspect-ratio: 350 / 197;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 3rem;
    margin-top: 2rem;
}


@media (max-width: 1100px) {
    .event-video {
        width: 100%;
        max-width: 1400px;
        height: auto;
        aspect-ratio: 350 / 197;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
        cursor: pointer;
        overflow: hidden;
        border-radius: 3rem;
        margin-top: 2rem;
        margin-bottom: 5rem;
    }
}




.video-event{
	width: 100%;
	height: auto;
}




.v-big_txt{
	font-size: 13vw;
	color: white;
	line-height: 1.25;
}

@media(max-width:600px){
	.v-big_txt {
    font-size: 25vw;
    color: white;
    line-height: 1.25;
}
}


@keyframes video-text {
  0% {

    transform: scale(0);

	 
  }
	

	
 70% {

	transform: scale(0.6);

  }
}

.video-t {
  animation-name: video-text;
  animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both;
  animation-range: entry 0% exit 60%;
transform: scale(0.6);
	 
}

.promotion_01-text.fade-in-text-video{
	width: 100%;
	max-width: 1400px;
	margin: -25vw auto;
	
}

.brand-promotion_01-v {
    width: 90%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
	align-content: center !important;
	flex-wrap: wrap;
}

.event-text-bg{
	
	

	background: url(https://cdn.icoda.co.kr/asset/editor/202603/20260310151332_f0ea0df7fc689d19eb1732bf95944020_d19y.jpg);
	aspect-ratio:480/283;
	width:100%;
	height: auto;
	background-size: cover;
	background-position: top center;
	margin-top: -20vw;

}

.mo-event-btn{
display: none;
}

@media(max-width:992px){
.mo-event-btn{
	width: 90%;
	height: 3rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
        align-items: center;
	position:relative;
	z-index: 99999;
	margin: 0 auto;
	}
	
	.mo-event-btn.d-bg>*,
	.mo-event-btn.d-bg>ol>li>a{
		color: white !important;
	}
}


@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, -50%, 0);
	}
50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


.navbar-sticky.bg-light{
display:none;
}


@media (min-width: 992px) {
  .navbar-sticky.navbar-stuck {
    position: fixed;
display:block;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: navbar-show 0.25s;
    animation: navbar-show 0.25s;
    box-shadow:0;
    z-index: 1030;
  }
}
@media(max-width:992px){
	.navbar-sticky.bg-light{
		display:block;
		position:relative;
		z-index: 100;

}

}



@keyframes fadeIn-logo {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, -50%, 0);
	}
50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform:translate3d(0, 100%, 0);
		transform: translate3d(0, 115%, 0);
	}
}


.event_logo-fadein{
	
	-webkit-animation-name: fadeIn-logo;
	animation-name: fadeIn-logo;
	animation-timeline: ease-in();
	 animation-range: 0% 50%;  
	   opacity: 1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	
	
}



.event-title{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 100vh;
	justify-content: center;
}

@media (max-width: 600px) {
    .event-title {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        height: 100vh;
        position: relative;
    }
}



.event_logo2 {
    width: 95%;
    max-width: 1400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 5rem;
    height: 100%;
    margin: 0 auto;
    padding-top: 0;
}


@media (max-width: 600px) {
    .event_logo2 {
        width: 90%;
        max-width: 1400px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-height: 5rem;
        height: 100%;
        margin: 0 auto;
        padding-top: 0.7rem;
    }
}


@media(max-width:992px){
	.event_logo {
    width: 90%;
    max-width: 1400px;
    display: flex;
    flex-wrap: wrap;
    max-height: 5rem;
    height: 100%;
    margin: 0 auto;
    padding-top: 1rem;
    justify-content: space-between;
}
}




.event_info_d{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	background: #141414;
	flex-direction: column;
	border-top: 2px solid #44d62c;
	margin-top: -1rem;
	position: relative;
	z-index: 999;

}

.event_info_w{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	    flex-direction: column;
	border-top: 4px solid #141414;

}


#렌딩상세>.row.mt-5{
	padding-bottom: 0;
}



.title-text2{
	margin: 0 auto;
	text-align: center;
	width: 80%;
	max-width: 1200px;
	margin-top:5rem;
	word-break: keep-all;
	padding-bottom: 6rem;
}

@media(max-width:600px){
	.title-text2{
	margin: 0 auto;
	text-align: center;
	width: 80%;
	max-width:500px;
	
}

}



    .video-container {
        position: relative;
        width: 100vw;     
        height: 115vh;    
        overflow: hidden;  
        margin: 0;
        padding: 0;
		top: -15vh;
    }

@media(max-width:992px){
	
    .video-container {
        position: relative;
        width: 100%;     
        height: 115vh;    
        overflow: hidden;  
        margin: 0;
        padding: 0;
		top: 0;
    }
}





@media(max-width:600px){
	
    .video-container {
        position: relative;
        width: 100%;     
        height: 100vh;    
        overflow: hidden;  
        margin: 0;
        padding: 0;
		top: 0;
    }
}
   
    .video-container iframe {
        position: absolute;
        top: 50%;
        left: 50%;
          width: 210vw;     
        height: 118vh; 
        transform: translate(-50%, -50%); 
		

    }



  .video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
          width: 210vw;     
        height: 118vh; 
        transform: translate(-50%, -50%); 
	  overflow: hidden;
		

    }


@media(max-width:600px){
	.video-container video {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    overflow: hidden;
    aspect-ratio: 720 / 1280;
}
}
.razer-sale{
	padding: 2px 5px;
	background: #44d62c;
	color: black;
}