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

.detail_img{
	background: url('https://cdn.icoda.co.kr/asset/editor/202603/20260303135421_c163fadbe65605c56f48a08e3dbf7d9f_vhak.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;
}
@media(max-width:600px){
	
.event_info-detail.wg{
	width: 100%;
	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: 3px solid #21ddcb;
	background: #21ddcb;
}

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


@media (max-width: 700px) {
    .detail_right {
        display: flex;
        width: 70%;
        border-radius: 100rem;
        border: 3px solid #21ddcb;
        background: #21ddcb;
        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:800px){
	.detail_right.wg{
	display: flex;
	width: 50%;
	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/20260303120946_c163fadbe65605c56f48a08e3dbf7d9f_0yr2.png) no-repeat;
	width:100%;
	height: 100%;
	max-width: 12rem;
	background-size: contain;
	background-position: center center;

}

@media(max-width:600px){
	.e_logo_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202603/20260303120946_c163fadbe65605c56f48a08e3dbf7d9f_k3uj.png) no-repeat;
	width:100%;
	height: 100%;
	max-width: 3rem;
	background-size: contain;
	background-position: center center;

}

}

.title_bg{
	background: url('https://cdn.icoda.co.kr/asset/notice/cb/5154_1772506870.webp') 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/notice/cb/5154_1772507267.webp) 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/202603/20260303131904_c163fadbe65605c56f48a08e3dbf7d9f_ob4x.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/202603/20260303131904_c163fadbe65605c56f48a08e3dbf7d9f_f0ud.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{
		background: url(https://cdn.icoda.co.kr/asset/editor/202603/20260303131904_c163fadbe65605c56f48a08e3dbf7d9f_f0ud.jpg);
	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/editor/202603/20260303140318_c163fadbe65605c56f48a08e3dbf7d9f_okk7.png') no-repeat;
}



.promotion_02-img{
	width: 100%;
	max-width: 900px;	
	background-position: right center;
	background-size: cover;
	aspect-ratio:1823 / 800;
	height: 100%;
	margin-top:9rem;
}


@media (max-width: 1230px) {
    .promotion_02-img {
		
        width: 100%;
        max-width: 100%;
        background-position: center center;
        background-size: cover;
        aspect-ratio: 1823 / 539;
        height: 100%;
        margin-bottom: 5em;
        margin-top: 5rem;
    }
	
}



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



@media(max-width:600px){
	.promotion_02-img {
    width: 100%;
    max-width: 100%;
    background-position: center center;
    background-size: cover;
    aspect-ratio: 1823 / 539;
    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-in-text {
  0% {
    opacity: 0;
    transform: translateX(-100rem);
	 
  }
	
  50% {
    opacity: 0.6;
    transform: translateX(0);
  }
	
	
 80% {
    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 70%;
}








@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;
    color: white;
    margin-top: 0.5em;
    word-break: keep-all;
	text-align: center;
}
@media(max-width:600px){
	
.big_txt-fade{
    font-size: 30vw;
    font-weight: 900;
    line-height: 1;
    color: white;
    margin-top: 1em;
    word-break: keep-all;
	text-align: start;
}

}

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

.teko {
  font-family: "Teko", Pretendard Std Variable !important;
	  
}


.big_txt2-transcend {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.2;
    color: white;
    margin-top: 0.5em;
    word-break: keep-all;
    margin-bottom: 3rem;
}


@media (max-width: 600px) {
    .big_txt2-transcend {
        font-size: 3rem;
        font-weight: 700;
        color: white;
        margin-top: 1em;
        padding-bottom: 1em;
        max-width: 99%;
        word-break: keep-all;
    }
}



@media(max-width:600px){
	.event_info-detail.ws {
    width: 90%;
    max-width: 1400px;
    border-radius: 2rem;
    height: auto;
    margin: 0 auto;
    background: #faf0f1;
}
}

@media(max-width:600px){
	.detail_text {
        display: flex;
        flex-direction: column;
        width: 90%;
}
}


.brand-promotion-trascend{
    width: 90%;
    display: flex;
    flex-direction: column;
	position: relative;
	margin: 0 0 0 -8px;
}

@media(max-width:1230px){
	.brand-promotion-trascend {
    width: 80%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
}
}



@media(max-width:900px){
	.brand-promotion-trascend {
    width: 90%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
}
}