@charset "utf-8";
/* CSS Document */

.detail_img{
	background: url('https://cdn.icoda.co.kr/asset/editor/202603/20260324164239_c017ed794239ae8635e8eb2ea33eaecc_r5si.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: 35%;
    border-radius: 3rem;
    background: #d9d9d9;
}
@media(max-width:992px){
	.detail_right{
	display: flex;
	width: 30%;
 border-radius: 3rem;
    background: #d9d9d9;
		margin-bottom: 3em;
}
}


@media (max-width: 700px) {
    .detail_right {
        display: flex;
        width: 70%;
 border-radius: 3rem;
    background: #d9d9d9;
        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/202603/20260324163102_c017ed794239ae8635e8eb2ea33eaecc_6jq9.png) no-repeat;
	width:100%;
	height: 100%;
	max-width: 10rem;
	background-size: contain;
	background-position: center center;

}

@media(max-width:600px){
	.e_logo_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202603/20260324163102_c017ed794239ae8635e8eb2ea33eaecc_6jq9.png) no-repeat;
	width:100%;
	height: 100%;
	max-width: 8rem;
	background-size: contain;
	background-position: center center;

}

}

.title_bg{
	background: url('https://cdn.icoda.co.kr/asset/editor/202603/20260324163248_c017ed794239ae8635e8eb2ea33eaecc_nnxm.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:600px){
	.title_bg {
    background: url(https://cdn.icoda.co.kr/asset/editor/202603/20260324163357_c017ed794239ae8635e8eb2ea33eaecc_y5kd.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    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 30%, #000000);
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
	overflow: hidden;
}

.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){
.d_none{
	display: none;
}
}
@media(max-width:600px){
.m_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;

}