body{font-family: "Pretendard Variable", sans-serif;}
.wrap{width:100%;margin:0 auto;border:0px solid #000}




.wrap{background-color:#000;font-size:20px}
.greeting{background:url("../img/bg1.png")no-repeat;background-size:cover;background-position:50% 50%;margin-bottom:0px;}
.greeting h1 img{max-width:337px;width:  100%;}
.greeting h1{margin-bottom:40px}
.greeting .container{padding-top:20px}
.container{max-width:1200px;width:100%;padding:80px 20px;color:#fff}
.container .row{padding:0;margin:0}
.greeting h3{font-size:2.0em;margin-bottom:10px;font-weight:400}
.greeting h2{font-size:3.4em;margin-bottom:10px}
.greeting h2 b{color:#ed0b5d}
.greeting .bigbtn{background-color:#ed0b5d;padding:10px;border-radius:50px;font-size:1.6em;max-width:370px;width:100%;text-align:Center;font-weight:500;color:#fff;display:block;margin-top:30px}
.greeting .row p{font-size:1.2em;display:block;width :100%;margin-top:25%;}
.greeting .row h4{font-size:1.4em;margin-top:30px;background-image: linear-gradient(to right, rgba(0, 8, 46, 0.4), rgba(0, 8, 46, 1.0), rgba(0, 8, 46, 0.8));padding-top:20px;padding-bottom:20px}
.greeting .row h4 b{color:#ed0b5d}
.event{background:url("../img/bg2.png")no-repeat;background-size:cover;background-position:50% 50%}
.event .row img.flow{max-width:1195px;width:100%;}

.event .row .coupon{max-width:850px;width:100%;margin:0 auto;background-image: linear-gradient(to right, rgba(32, 13, 36, 0.8), rgba(83, 7, 44, 0.8));padding:30px;text-align:center;margin-top:50px;border-left:10px solid #ed0b5d;border-radius:10px; }
.event .row .coupon > ul{margin:0 auto;max-width:450px;width:100%;display:block;border:0px solid #fff;margin-top:0px}
.event .row .coupon > ul li{float:left;text-align:Center;padding:0 10px}
.event .row .coupon ul li a{color:#fff}
.event .row .coupon dd{font-size:1.2em;line-height:1.6em;margin-top: 30px}
.event .row .coupon dd b{color:#ed0b5d}
.event .row .coupon dt{font-size:2.0em;margin-bottom:20px}
.event .row .coupon p{text-align:center;display:block;margin:0 auto;max-width:360px;width:100%;font-size:1.1em;}

.event .row .btnarea{max-width:850px;width:100%;margin:0 auto;margin-top:50px;padding:0}
.event .row .btnarea > div {width:50%;float:left}
.event .row .btnarea > div a{background-color:#ed0b5d;padding:10px;border-radius:5px;font-size:1.4em;width:100%;text-align:Center;font-weight:500;color:#fff;display:block}
.event .row .btnarea > .left{padding-right:10px}
.event .row .btnarea > .right{padding-left:10px}
.event .row .btnarea > .right a{background-color:#3567fa;}

footer .container .row .left ul li{float:left;color:#fff;padding-right:15px;font-size:0.8em}
footer .container .row .left ul li a{color:#fff}
footer .container .row .left .copyright{font-size:0.8em;margin-top:40px}
footer .container .row .right ul{float:right}
footer .container .row .right ul li{float:left;padding:10px}

.event .row .coupon .cp{max-width :369px;width:100%;}
.clearfix{clear:both}

@media only screen and (max-width: 1300px) {



}


@media only screen and (max-width: 992px) {




}

@media only screen and (max-width: 768px) {
.wrap{background-color:#000;font-size:16px}

.event .row .btnarea > div {width:100%;float:left}
.event .row .btnarea > .left{padding-right:0px}
.event .row .btnarea > .right{padding-left:0px;margin-top:10px}

footer .container .row .left ul li{font-size:1.0em}
footer .container .row .left .copyright{font-size:1.0em;}
footer .container .row .left{margin-bottom:30px}


.greeting h3{font-size:1.6em;margin-bottom:10px;font-weight:400}
.greeting h2{font-size:2.6em;margin-bottom:10px}
.greeting h1 img{max-width:200px;width:  100%;}

}


@media only screen and (max-width: 650px) {

}

@media only screen and (max-width: 560px) {

}

@media only screen and (max-width: 500px) {



  
}


@media only screen and (max-width: 420px) {



}