@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: auto;
        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 !important;
}
}

@media(max-width:600px){
.mmm_none{
	display: none !important;
}
}





/*애니메이션*/


.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%;  
}





.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: 40%;
	height: 3rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
        align-items: center;
	position:relative;
	z-index: 99999;

	}
	
	.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;
	 border-top: 2px solid #44d62c;
	position: relative;
	overflow: hidden;
}

@media (max-width: 600px) {
    .event-title {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        position: relative;
		 border-top: 2px solid #44d62c;
		aspect-ratio: 362 / 644;
    }
}



.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: auto;
        overflow: hidden;
        margin: 0;
        padding: 0;
        top: 0;
        aspect-ratio: 362 / 644;
    }
}
   
    .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;
}


.razer-bg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #000;
    flex-direction: column;
    margin-top: -1rem;
    z-index: 99;
    overflow: hidden;
    position: relative;
    height: 90vh;
}

@media(max-width:600px){
	.razer-bg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #000;
    flex-direction: column;
    margin-top: -1rem;
    z-index: 99;
    overflow: hidden;
    position: relative;
    height: 50vh;
}
}

.razer-bg video {
    position: relative;
    top: 0;
    left: -50%;
    width: 192vw;
    height: 70vh;
    overflow: hidden;
}



@media(max-width:600px){
.razer-bg video {
        position: absolute;
        top: 100%;
        left: 50%;
          width: 192vw;     
        height: 70vh; 
        transform: translate(-50%, -80%); 
	  overflow: hidden;
}
}


.orochi_font{
	font-family: "Titillium Web",Pretendard Std Variable;
	font-stretch: normal;
	word-break: keep-all;
	color: white;
}

.orochi-text-01{
	text-align: center;
	font-size: 5vw;
	font-weight: 600;
	margin-top: 5rem;
	line-height: 1.1;
}

@media(max-width:992px){
	.orochi-text-01{
	text-align: center;
	font-size: 6vw;
	font-weight: 500;
		line-height: 1.1;
}
}


@media(max-width:600px){
	.orochi-text-01{
	text-align: center;
	font-size: 3.8vw;
	font-weight: 500;
		line-height: 1.1;
		letter-spacing: 10px;
		padding-bottom: 2rem;
}
}




.orochi-text-03{
	text-align: center;
	font-size: 5vw;
	font-weight: 600;
	margin: 7rem auto 0 auto;
	line-height: 1.1;
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	    justify-content: center;
    align-items: center;
	
}

@media(max-width:992px){
	.orochi-text-03{
	text-align: center;
	font-size: 9vw;
	font-weight: 500;
		line-height: 1.1;
}
}

@media(max-width:600px){
	.orochi-text-03{
	text-align: center;
	font-size: 15vw;
	font-weight: 500;
		line-height: 1.1;
			margin: 3rem auto 0 auto;
}
}



.orochi-01{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	 border-top: 2px solid #44d62c;
	margin-top: -1rem;
	position: relative;
	z-index: 999;
}


.orochi-title{
	font-size: 1.5rem;
	text-align: center;
	word-break: keep-all;
	margin-top: 2rem;
	font-weight: 500;
	
}

@media(max-width:600px){
	
.orochi-title{
	font-size: 2rem;
	text-align: center;
	word-break: keep-all;
	margin-top: 1rem;
	font-weight: 700;
	line-height: 1.1;
}
}



	
.orochi-title-mo{
	font-size: 13vw;
	text-align: center;
	word-break: keep-all;
	margin-top: 1rem;
	font-weight: 700;
	line-height: 1.1;
}




.orochi-02{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	margin-top: -1rem;
	position: relative;
	z-index: 999;
}





.orochi-title2{
	font-size: 1.2rem;
	text-align: center;
	word-break: keep-all;
	font-weight: 400;
	width: 60%;
	margin: 6rem auto 4rem auto;
	opacity: 0.8;
	
}

@media(max-width:600px){
	
.orochi-title2{
	font-size: 1.1rem;
	text-align: center;
	word-break: keep-all;
	margin: 6rem auto 4rem auto;
	font-weight: 400;
	line-height: 1.5;
	width: 90%;
	opacity: 0.7;
	
}
}


.orochi-sticky{
	width: 100%;
	height: 2000px;
	position: relative;
	margin: 0 auto;
	background: black;
}


@media(max-width:1760px){
	.orochi-sticky{
	width: 100%;
	height: 1750px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}



@media(max-width:1645px){
	.orochi-sticky{
	width: 100%;
	height: 1700px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}





@media(max-width:1450px){
	.orochi-sticky{
	width: 100%;
	height: 1600px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}



@media(max-width:1350px){
	.orochi-sticky{
	width: 100%;
	height: 1500px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}



@media(max-width:1300px){
	.orochi-sticky{
	width: 100%;
	height: 1550px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

@media(max-width:1200px){
	.orochi-sticky{
	width: 100%;
	height: 1450px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}












@media(max-width:1050px){
	.orochi-sticky{
	width: 100%;
	height: 1400px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}





@media(max-width:992px){
	.orochi-sticky{
	width: 100%;
	height: 1500px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

@media(max-width:920px){
	.orochi-sticky{
	width: 100%;
	height: 1300px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

@media(max-width:800px){
	.orochi-sticky{
	width: 100%;
	height: 1380px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

@media(max-width:750px){
	.orochi-sticky{
	width: 100%;
	height: 1280px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}



@media(max-width:650px){
	.orochi-sticky{
	width: 100%;
	height: 1200px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

@media(max-width:610px){
	.orochi-sticky{
	width: 100%;
	height: 1180px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}




@media(max-width:600px){
	.orochi-sticky{
	width: 100%;
	height: 1500px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}




@media(max-width:580px){
	.orochi-sticky{
	width: 100%;
	height: 1580px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}


@media(max-width:530px){
	.orochi-sticky{
	width: 100%;
	height: 1400px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}



@media(max-width:500px){
	.orochi-sticky{
	width: 100%;
	height: 1300px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}


@media(max-width:350px){
	.orochi-sticky{
	width: 100%;
	height: 1200px;
	position: relative;
	margin: 0 auto;
		background: black;
}
}

.orochi-sticky2{
	width: 100%;
	aspect-ratio:1920/957;
	position: sticky;
	top: 1rem;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:1920/957;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
	top: 1rem;
	position: sticky;
		box-shadow: 0px 0px 50px 20px #000000ad;
	
}


@media(max-width:1300px){
	
.orochi-sticky2{
	width: 100%;
	aspect-ratio:1820/1100;
	position: sticky;
	top: 15%;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:1820/1100;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
		position: sticky;
	top: 15%;
		box-shadow: 0px 0px 50px 20px #000000ad;
	
}
}






@media(max-width:992px){
	
.orochi-sticky2{
	width: 100%;
	aspect-ratio:1920/1300;
	position: sticky;
	top: 15%;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:1920/1300;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
		position: sticky;
	top: 15%;
		box-shadow: 0px 0px 50px 20px #000000ad;
	
}
}





@media(max-width:800px){
	
.orochi-sticky2{
	width: 100%;
	aspect-ratio:1500/1300;
	position: sticky;
	top: 15%;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:1500/1300;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
		position: sticky;
	top: 15%;
	box-shadow: 0px 0px 50px 20px #000000ad;	
}
}





@media(max-width:600px){
	
.orochi-sticky2{
	width: 100%;
	aspect-ratio:1000/1300;
	position: sticky;
	top: 15%;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:1000/1300;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
		position: sticky;
	top: 15%;
	box-shadow: 0px 0px 50px 20px #000000ad;
	
}
}



@media(max-width:400px){
	
.orochi-sticky2{
	width: 100%;
	aspect-ratio:800/1300;
	position: sticky;
	top: 15%;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-black.webp)no-repeat;
	background-size: cover;
	background-position: center;
}



.orochi-sticky3{
	width: 100%;
	aspect-ratio:800/1300;
	background: url(https://cdn.icoda.co.kr/asset/event/2026img/orochi-white.webp)no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
		position: sticky;
	top: 15%;
	
}
}




.orochi-title2-2{
	font-size: 1.2rem;
	text-align: center;
	word-break: keep-all;
	font-weight: 700;
	background: #000;
	width: 100%;
	display: flex;
	height: 15vh;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 25;
	border-top: 2px solid #44d62c;
	border-bottom: 2px solid #3b3b3b;
	


	
}

@media(max-width:600px){
	
.orochi-title2-2{
	font-size: 1.1rem;
	text-align: center;
	word-break: keep-all;
	margin: 0rem auto;
	font-weight: 700;
	line-height: 1.5;
	background: black;
	width: 100%;
	display: flex;
	height: 15vh;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;

	
}
}


.orochi-event-box{
	width:100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	background: black;
	height: auto;
	top: 0;
}



.orochi-03{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	position: relative;
	z-index: 90;
	padding-bottom: 4rem;
}



.orochi-title3-2{
	font-size: 1.2rem;
	text-align: center;
	word-break: keep-all;
	font-weight: 400;
	width: 60%;
	opacity: 0.8;
	margin-top: 2rem;
	
}

@media(max-width:600px){
	
.orochi-title3-2{
	font-size: 1.1rem;
	text-align: center;
	word-break: keep-all;
	font-weight: 400;
	line-height: 1.5;
	width: 90%;
	opacity: 0.7;
	margin-top: 2rem;
	
}
}


.orochi-3color{
	width: 100%;
	height: 270vh;
	display: flex;
	position: relative;	
}




@keyframes fade-bg{
	0%{
		opacity: 0.3;
		 transform: translateX(-100rem);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_ia0i.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
		
	}
	
	
	
	5%{
		opacity: 0.3;
		 transform: translateX(-100rem);
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_ia0i.jpg)no-repeat;
		background-size: contain;
	background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
				
		
		
	}
	15%{
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_ia0i.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
			
		
		
	}
		
	
	25%{
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_ia0i.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
		
		
	}
	
		35%{
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_ia0i.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
		
		
	}
	
		45%{
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602132832_313f875f7efd8bbeb24d3598fc5cb89f_eu4r.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
			
		
		
	}
			55%{
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602132832_313f875f7efd8bbeb24d3598fc5cb89f_eu4r.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:90%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
aspect-ratio:600/1000;
		
		
		
	}
			65%{
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602132831_313f875f7efd8bbeb24d3598fc5cb89f_hr11.jpg)no-repeat;
		background-size: contain;
		height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top:11%;
		aspect-ratio:600/1000;
			
		
		
	}
		100%{
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602132831_313f875f7efd8bbeb24d3598fc5cb89f_hr11.jpg)no-repeat;
		background-size: contain;
	    height:80vh;
		max-height:70%;
		max-width:100%;
		margin:0 auto;
		background-position: center;
			position: sticky;
			top: 11%;
		aspect-ratio:600/1000;
		
		
	}
	
	
	
	
}





.orochi-04{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	position: relative;
	z-index: 90;

	margin-top: 5vh
}


.orochi-battery{
	background:url(https://cdn.icoda.co.kr/asset/editor/202606/20260602112330_313f875f7efd8bbeb24d3598fc5cb89f_0y0r.jpg)no-repeat;
	background-size: cover;
	width: 100%;
	height: 80vh;
	background-position: center bottom;
}




.orochi-text-footer{
	text-align: center;
	font-size: 5vw;
	font-weight: 400;
	margin-top: 5rem;
	line-height: 1.1;
}

@media(max-width:992px){
	.orochi-text-footer{
	text-align: center;
	font-size: 10vw;
	font-weight: 600;
		line-height: 1.1;
}
}

.orochi-letter{
	letter-spacing: 15px;
}



@media(max-width:900px){
	
.orochi-letter{
	letter-spacing: 7px;
}


}

.orochi-logo{
	background:url(https://cdn.icoda.co.kr/asset/editor/202606/20260602113404_313f875f7efd8bbeb24d3598fc5cb89f_xp0g.png)no-repeat;
	aspect-ratio:600/237;
	width: 80%;
	margin: 0 auto;
	max-width: 230px;
	height: auto;
	background-size: contain;
}

@media(max-width:600px){
	
.orochi-logo{
	background:url(https://cdn.icoda.co.kr/asset/editor/202606/20260602114129_313f875f7efd8bbeb24d3598fc5cb89f_b9yt.png)no-repeat;
	aspect-ratio:1/1;
	width: 20%;
	margin: 0 auto;
	max-width: 100px;
	height: auto;
	background-size: contain;
}
}



.orochi-fadeBg-2{
	-webkit-animation-name: orochifade-bg2;
	animation-name: orochifade-bg2;
animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both; 
  animation-range: entry 0% exit 60%;
}




@keyframes orochifade-bg2{
	0%{width: 100%;
		opacity: 0.3;
		 transform: translateX(-100rem);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_4cxk.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
		
	}
	
			5%{width: 100%;
		opacity: 0.3;
		 transform: translateX(-100rem);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_4cxk.jpg)no-repeat;
		background-size: cover;
		height:650px;
	background-position: center;
			position: sticky;
			top: 11%;
				
		
		
	}
	15%{width: 100%;
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_4cxk.jpg)no-repeat;
		background-size: cover;
		height:650px;
background-position: center;
			position: sticky;
			top: 11%;
		
			
		
		
	}
		
	
	25%{width: 100%;
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_4cxk.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
		
		
	}
	
		35%{width: 100%;
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104317_313f875f7efd8bbeb24d3598fc5cb89f_4cxk.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
		
		
	}
	
		45%{width: 100%;
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104319_313f875f7efd8bbeb24d3598fc5cb89f_oqm1.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
			
		
		
	}
			55%{width: 100%;
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104319_313f875f7efd8bbeb24d3598fc5cb89f_oqm1.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
		
		
	}
			65%{width: 100%;
		opacity: 1;
		 transform: translateX(0);		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104318_313f875f7efd8bbeb24d3598fc5cb89f_ktg9.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top:11%;
		
			
		
		
	}
		100%{width: 100%;
		opacity: 1;
		 transform: translateX(0);
		
		background: url(https://cdn.icoda.co.kr/asset/editor/202606/20260602104318_313f875f7efd8bbeb24d3598fc5cb89f_ktg9.jpg)no-repeat;
		background-size: cover;
		height:650px;
		background-position: center;
			position: sticky;
			top: 11%;
		
		
		
	}
	
	
	
	
}












.orochi-fade-img{
	-webkit-animation-name: orochifade-img;
	animation-name: orochifade-img;
animation-timeline: view();
  animation-duration: auto;
  animation-fill-mode: both; 
  animation-range: entry 0% exit 60%;
}




@keyframes orochifade-img{
	0%{
		opacity: 0;
		
	}
	
			40%{
		opacity: 0.1;
		
	}
		
	
	
			80%{
		opacity: 1;
		
	}
	
		
				100%{
		opacity: 1;
		
	}
	
	
}







.orochi-03-v{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	position: relative;
	z-index: 99;
	aspect-ratio:1920/400;
	border-top: 1px solid #44d62c;
}


@media(max-width:600px){
	
.orochi-03-v{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	background: black;
	position: relative;
	z-index: 99;
	aspect-ratio:800/400;
	border-top: 1px solid #44d62c;
}
}


.orochi-03-v video{
	position: absolute;
	margin: 0 auto;
	opacity: 0.25;
	
}


.razer-orochi{
	width: 100%;
	height: 10vh;
	display: flex;
	flex-wrap: wrap;

}

.razer-logo-box{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
    align-items: center;
	
}



@media(max-width:992px){
	
.razer-logo-box{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
	
}
}




.razer-logo{
	background:url(https://cdn.icoda.co.kr/asset/editor/202606/20260602113404_313f875f7efd8bbeb24d3598fc5cb89f_xp0g.png)no-repeat;
	aspect-ratio:600/237;
	width: 30%;
	max-width: 130px;
	height: auto;
	background-size: contain;
}

@media(max-width:600px){
	
.razer-logo{
	background:url(https://cdn.icoda.co.kr/asset/editor/202606/20260602114129_313f875f7efd8bbeb24d3598fc5cb89f_b9yt.png)no-repeat;
	aspect-ratio:1/1;
	width: 45px;
	height: auto;
	background-size: contain;
}
}
