@charset "UTF-8";
/*2022-01-06*/
#half-promotion .row::after {content: "";clear: both;display: table;}
#half-promotion .row .col2{width:50%;float:left;}
#half-promotion .custom-container {max-width: 1280px;padding: 0px;height:auto}
#half-promotion .only--pc {display:block}
#half-promotion .only--mobile {display:none}
[class*=promotion-content]{position: relative;overflow: hidden;text-align: center}

/*section1*/
.promotion-content-1{padding: 100px 0 40px;background: #3E50D9;text-align: left}
.promotion-content-1 .sec2 div {position: absolute;background-repeat: no-repeat;background-position: center top;}
#half-promotion .promotion-content-1 .col2.sec1 {width:40%}
#half-promotion .promotion-content-1 .col2.sec2 {width:60%;position:relative}
#half-promotion .promotion-content-1 .btn--img {margin-top:80px;text-align: center;}

/*section2*/
#half-promotion .promotion-content-2{padding: 120px 0 127px;background:#3E50D9 url(/assets/2025070201/img/main/event/half-promotion/bg_sec2.png)no-repeat;background-size:cover}
#half-promotion .promotion-content-2 .custom-container {padding:120px 0 150px;background: url(/assets/2025070201/img/main/event/half-promotion/bg_coin_1.png)no-repeat;background-size:100%}

#half-promotion .promotion-content-2 .embed-responsive .embed-responsive-item,
#half-promotion .promotion-content-2 .embed-responsive iframe,
#half-promotion .promotion-content-2 .embed-responsive embed,
#half-promotion .promotion-content-2 .embed-responsive object,
#half-promotion .promotion-content-2 .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

#half-promotion .promotion-content-2 .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;

    max-width: 767px;
    margin: 35px auto 65px;
    border: 6px solid #fff;
    border-radius: 40px;
    box-shadow: 36.062px 36.062px 79px 0px rgba(0, 0, 0, 0.32);
}
#half-promotion .promotion-content-2 .embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive-16by9:before {
	padding-top: 56.25%;
}

#half-promotion .promotion-content-2 .btn-youtube-play{background: url(/assets/2025070201/img/main/event/20210317/03_video.png) 0 0/100% auto;z-index: 50;cursor: pointer}


/*section3*/
#half-promotion .promotion-content-3{padding: 0;background:#3E50D9}
#half-promotion .promotion-content-3 .custom-container {padding:120px 0 20px;background: url(/assets/2025070201/img/main/event/half-promotion/bg_coin_2.png)no-repeat;background-size:100%}
#half-promotion .promotion-content-3 .sec1 {max-width:600px;margin:0 auto}
#half-promotion .promotion-content-3 .sec1 p {margin-bottom:72px}

/*section4*/
#half-promotion .promotion-content-4{padding: 120px 30px;background:#40424E}

@media (max-width: 1280px) {
	#half-promotion .only--pc {display:none}
	#half-promotion .only--mobile {display:block}
	#half-promotion .row .col2{width:100%;}
	#half-promotion img.ml10 {margin-left:10px}

	#half-promotion .promotion-content-1 {margin-top:-20px;padding:0px 40px 50px}
	#half-promotion .promotion-content-1 .row {max-width:800px;margin:0 auto;}
	#half-promotion .promotion-content-1 .col2.sec1 {width:100%;text-align: center;}
	#half-promotion .promotion-content-1 .col2.sec2 {width:100%}

	#half-promotion .promotion-content-1 .sec2 div {display:none}

	#half-promotion .promotion-content-2 {padding: 50px 0 80px;}
	#half-promotion .promotion-content-2 .custom-container {padding: 50px 0 0px;background: url(/assets/2025070201/img/main/event/half-promotion/bg_coin_1.png) no-repeat 48%;background-size: cover;}
	#half-promotion .promotion-content-2 .title {padding:0 10%}
	#half-promotion .promotion-content-2 .btn--img {display:block;padding:0 20%}

	#half-promotion .promotion-content-3 .custom-container {padding: 15% 20px 20px;background: url(/assets/2025070201/img/main/event/half-promotion/bg_coin_2.png) no-repeat 38%;background-size: cover;}
	#half-promotion .promotion-content-3 .txt {padding:0 10%}
	#half-promotion .promotion-content-3 .sec1 p {margin-bottom: 40px;}

	#half-promotion .promotion-content-4 {padding: 40px 20px}
}