@charset "utf-8";

/* evt_wrap */
.evt_wrap {background-color:#b37070; background-image:url('/images/event/20201119_v1/evt_top_bg_pc_1.jpg'); background-repeat:no-repeat; background-position:50% 0; background-size:100% auto; overflow:hidden;}
.evt_wrap img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.evt_wrap .evt_top {position:relative; height:888px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.evt_wrap .evt_top .evt_tit {position:relative; max-width:1100px; margin:0 auto; padding:6px 30px 0 30px; text-align:center;}
.evt_wrap .evt_top .evt_tit:after {content:""; display:none; position:absolute; top:53px; left:0; width:125px; height:125px; background:url('/images/event/20201119_v1/f_logo01.png') no-repeat 50% 50%;}
.evt_wrap .evt_top .evt_tit img {max-width:680px;}
.evt_wrap .evt_top .evt_tit.aniObj img {opacity:0; transform:translateY(-40px); transition:transform 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s, opacity 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s;}
.evt_wrap .evt_top .evt_tit.aniObj.aniOn img {opacity:1; transform:translateY(0);}
.evt_wrap .evt_cont {position:relative; padding:0 30px 130px 30px; background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto; z-index:1;}
.evt_wrap .evt_cont .evt_area {max-width:1100px; margin:-190px auto 0 auto; border-radius:10px; background-color:#fff; box-shadow:0 10px 20px rgba(0, 0, 0, .25); overflow:hidden;}
.evt_wrap .evt_cont .evt_area .evt_info {padding:80px 5% 70px 5%; background-color:#fcedf6; background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box {position:relative; text-align:center;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span {position:relative; display:block; z-index:1;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.aniObj {opacity:0; transform:translateY(40px); transition:transform 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s, opacity 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.aniObj.aniOn {opacity:1; transform:translateY(0);}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.sec02 {margin-top:50px;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.sec03 {margin-top:40px;}
.evt_wrap .evt_cont .evt_area .evt_info .gift_use {margin-top:60px; text-align:center;}
.evt_wrap .evt_cont .evt_area .evt_info .gift_use.aniObj {opacity:0; transform:translateY(40px); transition:transform 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s, opacity 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s;}
.evt_wrap .evt_cont .evt_area .evt_info .gift_use.aniObj.aniOn {opacity:1; transform:translateY(0);}
.evt_wrap .evt_cont .evt_area .evt_noti {padding:80px 5% 80px 5%; text-align:center; background-color:#fff;}
.evt_wrap .evt_cont .evt_area .evt_noti img.aniObj {opacity:0; transform:translateY(40px); transition:transform 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s, opacity 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s;}
.evt_wrap .evt_cont .evt_area .evt_noti img.aniObj.aniOn {opacity:1; transform:translateY(0);}
.evt_wrap .evt_cont .evt_btn {margin-top:60px; text-align:center;}
.evt_wrap .evt_cont .evt_btn.aniObj {opacity:0; transform:translateY(40px); transition:transform 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s, opacity 1.5s cubic-bezier(0.23, 1, 0.38, 1) .1s;}
.evt_wrap .evt_cont .evt_btn.aniObj.aniOn {opacity:1; transform:translateY(0);}
.evt_wrap .evt_cont .evt_btn a {display:inline-block; min-width:240px; height:76px; padding:20px 30px; color:#fff; font-size:26px; font-weight:500; text-align:center; background-color:#7d2e2e; border-radius:76px; box-shadow:0 26px 21px #964545; overflow:hidden; vertical-align:middle; transition:all .15s ease-out;}
.evt_wrap .evt_cont .evt_btn a:hover {text-decoration:none; background-color:#6d2727;}
.evt_wrap .m_img {display:none; margin:0 auto;}

@media (max-width:1280px) {
.evt_wrap .evt_top {height:600px;}
.evt_wrap .evt_top .evt_tit {padding:0 30px 0 30px;}
.evt_wrap .evt_top .evt_tit:after {top:34px; left:30px; width:100px; height:100px; background-size:100px 100px;}
.evt_wrap .evt_top .evt_tit img {max-width:520px;}
.evt_wrap .evt_cont {background-position:50% 80px; background-size:cover;}
.evt_wrap .evt_cont .evt_area {max-width:940px; margin:-80px auto 0 auto;}

}

@media (max-width:1023px) {
.evt_wrap .evt_cont .evt_area .evt_noti {padding:70px 5% 80px 5%;}
}

@media (max-width:767px) {
.evt_wrap {margin:0; padding:0; background-image:none;}
.evt_wrap .evt_top {height:auto;}
.evt_wrap .evt_top .evt_tit {padding:0 10% 30% 10%;}
.evt_wrap .evt_top .evt_tit:after {top:6.5%; right:8%; width:90px; height:32px; background-size:90px 32px;}
.evt_wrap .evt_top .evt_tit img {max-width:100%;}
/* .evt_wrap .evt_cont {padding:0 20px 40px 20px;} */
.evt_wrap .evt_cont {margin:0; padding:0; background-image:none;}
/* .evt_wrap .evt_cont .evt_area {margin:-30px auto 0 auto;} */
.evt_wrap .evt_cont .evt_area {margin:0 !important; padding:0; background-image:none;}
.evt_wrap .evt_cont .evt_area .evt_info {padding:15% 20px 12% 20px;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box {margin:0 auto;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span {}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.sec02 {margin-top:8%;}
.evt_wrap .evt_cont .evt_area .evt_info .txt_box span.sec03 {margin-top:7%;}
.evt_wrap .evt_cont .evt_area .evt_info .gift_use {margin:10% auto 0 auto;}
.evt_wrap .evt_cont .evt_area .evt_noti {padding:11% 20px; text-align:center;}
.evt_wrap .evt_cont .evt_btn {margin:0 !important; padding:35px 20px 40px 20px; background-color:#fff;}
.evt_wrap .evt_cont .evt_btn a {min-width:145px; height:46px; padding:11px 15px; font-size:17px; box-shadow:none;}
.evt_wrap .p_img {display:none;}
.evt_wrap .m_img {display:block; margin:0 auto;}
.evt_wrap .evt_top, .evt_wrap .evt_info, .evt_wrap .evt_noti {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}
}

/* blind */
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}