@charset "UTF-8";

.logo_wrap{top:95px; max-width:1220px;}
.logo_wrap .logo_visang{margin-right:0;}
.inner{margin:0 auto; padding:0 20px; max-width:1100px;}
img{max-width:100%;}

.evt_title_wrap{padding:280px 0 150px;background:#95c8ff url('../../image/event/chuseok/main_bg.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.evt_title_wrap .inner{position:relative; max-width:1400px;}
.evt_title_wrap .evt_title{position:relative;text-align: center; }
.evt_title_wrap .evt_coupon{ margin-top: 120px; text-align: center; }
.evt_title_wrap .subtxt{margin:85px auto 0; font-family: 'SUIT'; text-align:center;}
.evt_title_wrap .subtxt p{font-size:72px; color:#fff; font-weight:800; line-height:81px;}
.evt_title_wrap .period {width:750px; margin:80px auto 0;font-family: 'SUIT'; }
.evt_title_wrap .period p {font-size:40px;font-weight: 400;color:#fff;line-height: 60px;letter-spacing:-1px; }
.evt_title_wrap .period p ~ p { margin-top: 20px; }
.evt_title_wrap .period span {margin-right:30px;display:inline-block; width:140px; text-align:center; font:inherit; font-size: 34px; font-weight: 600;color:#192c66; line-height:60px;letter-spacing:0; background:#f5cb36;border-radius:40px;vertical-align: top;}

.evt_cont{padding:120px 0; background:#ebf6ff;}
.evt_cont .evt_cont_info { font-family: 'SUIT'; letter-spacing:-0.6px; }
.evt_cont .evt_cont_info > li { margin-top: 100px; padding: 60px 80px; border-radius: 20px; border: 3px solid #2733b2; background-color: #fff; }
.evt_cont .evt_cont_info > li:first-child { margin-top: 0; }
.evt_cont .evt_cont_info > li .tag { font-size: 0; line-height: 0; }
.evt_cont .evt_cont_info > li .tag span { display: inline-block; width: 170px; margin-right: 15px; font-size: 24px; padding: 13px 0; font-weight: 700; color: #fff; line-height: 30px; text-align: center; border-radius: 10px; background-color: #fe238a; }
.evt_cont .evt_cont_info > li .info_tit { margin-top: 50px; font-size: 45px; font-weight: 800; color: #222; line-height: 64px; }
.evt_cont .evt_cont_info > li .info_tit span { display: block; font-size: 45px; font-weight: 800; color: #222acf; line-height: 64px; }
.evt_cont .evt_cont_info > li .info_price { margin-top: 25px; }
.evt_cont .evt_cont_info > li .info_price em { position: relative; display: inline-block; font-size: 45px; font-weight: 500; color: #5e5e5e; line-height: 54px; }
.evt_cont .evt_cont_info > li .info_price em:after { content: ''; position: absolute; bottom: -10px; left: -3.6%; width: 111%; height: 40px; background: url('../../image/event/chuseok/price_line.png') no-repeat right top; }
.evt_cont .evt_cont_info > li .info_price span { display: block; margin-top: 45px; font-size: 75px; font-weight: 900; color: #fe238a; line-height: 80px; letter-spacing:-1px; }
.evt_cont .evt_cont_info > li .info_btn { position: relative; margin-top: 50px; }
.evt_cont .evt_cont_info > li .info_btn a { display: block; padding: 18px 0; font-size: 45px; font-weight: 400; color: #fff; line-height: 54px; text-align: center; border-radius: 20px; background-color: #282e5b; }
.evt_cont .evt_cont_info > li .info_btn a span { font-size: 45px; font-weight: 600; color: #ffff00; line-height: 54px; }
.evt_cont .evt_cont_info > li .info_btn a.arrow { position: absolute; bottom: -50px; right: 50px; padding: 0; font-size: 0; line-height: 0; background: none; }
.evt_cont .evt_cont_info > li dl { display: flex; flex-wrap: wrap; margin-top: 40px; font-family:'Noto Sans KR'; }
.evt_cont .evt_cont_info > li dl dt { width: 160px; margin-top: 20px; font-size: 28px; font-weight: 600; color: #222; line-height: 55px; text-align: center; border-radius: 50px; background-color: #ddd; }
.evt_cont .evt_cont_info > li dl dd { width: calc(100% - 180px); margin: 20px 0 0 20px; font-size: 30px; font-weight: 600; color: #222; line-height: 55px; }
.evt_cont .evt_cont_info > li .info_list { margin-top: 35px; }
.evt_cont .evt_cont_info > li .info_list li { position: relative; margin-top: 10px; padding-left: 55px; font-family:'Noto Sans KR'; font-size: 32px; font-weight: 700; color: #222; line-height: 43px; }
.evt_cont .evt_cont_info > li .info_list li span { position: absolute; top: 4px; left: 0; width: 35px; font-size: 20px; color: #fff; line-height: 35px; text-align: center; border-radius: 50%; background-color: #222; }
.evt_cont .evt_cont_info > li .info_list li em { display: block; font-size: 28px; font-weight: 600; line-height: 39px; }

.gift_img { margin:0 auto; }
.gift_img li { position: relative; }
.gift_img li ~ li { margin-top: 80px; }
.gift_img li:first-child a { top: 43.6%; }
.gift_img li a { position: absolute; top: 45.2%; left: 7%; display: block; width: 86%; height: 10%; }
.gift_img li a.get { top: 80.5%; }

.btn_wrap{margin:120px auto 0; display:flex; justify-content:center; gap:42px;}
.btn_wrap a{position:relative; display:block; width:400px;}
.btn_wrap a:after{content:''; display:block; padding-bottom:23.5%;}
.btn_wrap .btn_google{background:url('../../image/event/chuseok/btn_google.png') no-repeat center center / contain;}
.btn_wrap .btn_apple{background:url('../../image/event/chuseok/btn_apple.png') no-repeat center center / contain; border: 1px solid #d9d9d9; border-radius: 6px;}

.evt_footer_wrap{padding:75px 0; background:#33333f;}
.evt_footer_wrap .inner{max-width:1100px; }
.evt_footer_wrap h6{font-family:'Noto Sans KR';font-size:30px; color:#fff; font-weight:700; line-height:1;}
.evt_footer_wrap ul{margin-top:55px;}
.evt_footer_wrap ul li{font-family:'Noto Sans KR';font-size:26px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
.evt_footer_wrap ul li span {font:inherit; color: #fa1993;}
.evt_footer_wrap ul li+li{margin-top:5px;}

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

}

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

}

@media screen and (max-width:1024px){
    .logo_wrap{top:50px;}
    .inner {padding: 0 2.92vw;}

	.evt_title_wrap{padding:16vw 0 10vw; }
	.evt_title_wrap .evt_coupon{ margin-top: 8vw; }
	.evt_title_wrap .subtxt{margin:6vw auto 0; }
	.evt_title_wrap .period {margin:6vw auto 0;}
}

@media screen and (max-width:844px) {
    .logo_wrap .logo_visang {width: 85px;margin-right: 20px;}

	.evt_title_wrap .subtxt p{font-size:36px; line-height:45px;}
	.evt_title_wrap .subtxt p strong{font-size:32px; line-height:40px;}
	.evt_title_wrap .period {width:auto; }
	.evt_title_wrap .period p{font-size:24px; line-height: 40px; }
	.evt_title_wrap .period p ~ p { margin-top: 10px; }
	.evt_title_wrap .period span{margin-right:15px; width: 100px; font-size: 20px; line-height:40px;}
 
	.evt_cont{padding:10vw 0; }
	.evt_cont .evt_cont_info > li { margin-top: 4vw; padding: 4vw; border-radius: 15px; border: 2px solid #2733b2; }
	.evt_cont .evt_cont_info > li .tag span { width: 100px; margin-right: 10px; font-size: 16px; padding: 12px 0; line-height: 21px; }
	.evt_cont .evt_cont_info > li .info_tit { margin-top: 30px; font-size: 30px; line-height: 39px; }
	.evt_cont .evt_cont_info > li .info_tit span { font-size: 30px; line-height: 39px; }
	.evt_cont .evt_cont_info > li .info_price { margin-top: 25px; }
	.evt_cont .evt_cont_info > li .info_price em { font-size: 30px; line-height: 39px; }
	.evt_cont .evt_cont_info > li .info_price em:after { bottom: 1px; left: -3.6%; width: 111%; height: 20px; background: url('../../image/event/chuseok/price_line.png') no-repeat right top; background-size: auto 20px; }
	.evt_cont .evt_cont_info > li .info_price span { margin-top: 25px; font-size: 45px; line-height: 54px; letter-spacing:-1px; }
	.evt_cont .evt_cont_info > li .info_btn { margin-top: 30px; }
	.evt_cont .evt_cont_info > li .info_btn a { padding: 15px 0; font-size: 30px; line-height: 39px; border-radius: 15px; }
	.evt_cont .evt_cont_info > li .info_btn a span { font-size: 30px; line-height: 39px; }
	.evt_cont .evt_cont_info > li .info_btn a.arrow { bottom: -20px; right: 20px; }
	.evt_cont .evt_cont_info > li .info_btn a.arrow img { height: 55px; }
	.evt_cont .evt_cont_info > li dl { margin-top: 20px; }
	.evt_cont .evt_cont_info > li dl dt { width: 100px; margin-top: 10px; font-size: 18px; line-height: 47px; }
	.evt_cont .evt_cont_info > li dl dd { width: calc(100% - 120px); margin: 10px 0 0 20px; font-size: 20px; line-height: 47px; vertical-align: top; }
	.evt_cont .evt_cont_info > li .info_list { margin-top: 25px; }
	.evt_cont .evt_cont_info > li .info_list li { padding-left: 40px; font-size: 20px; line-height: 29px; }
	.evt_cont .evt_cont_info > li .info_list li span { top: 2px; width: 25px; font-size: 16px; line-height: 25px; }
	.evt_cont .evt_cont_info > li .info_list li em { font-size: 18px; line-height: 27px; }

	.gift_img {margin-top:6.098vw;}

	.btn_wrap{ margin:10vw auto 0; }

    .evt_footer_wrap {padding: 60px 0 45px;}
    .evt_footer_wrap h6 {font-size: 24px;}
    .evt_footer_wrap ul {margin-top: 40px;}
    .evt_footer_wrap ul li {padding-left: 15px;text-indent: -11px;font-size: 18px;}
    .evt_market_wrap .btn_wrap {margin-top: 5.55vw;gap: 13px;max-width: 94vw;}
}

@media screen and (max-width: 640px) {
    .logo_wrap {padding: 0 15px;top: 10.55vw;}
    .logo_wrap .logo_visang {width: 50px;margin-right: 0;}
    .inner {padding: 0 4.16vw;max-width: 100%;}

	.gift_img li ~ li { margin-top: 30px; }

    .evt_footer_wrap {padding: 6.94vw 0;}
    .evt_footer_wrap h6 {font-size: 3.33vw;}
    .evt_footer_wrap ul {margin-top: 5.55vw;}
    .evt_footer_wrap ul li {padding-left: 1.041vw;text-indent: -1.041vw;font-size: 2.75vw;}
}

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

    .evt_title_wrap{padding:20.833vw 0 16.667vw;}
    .evt_title_wrap .subtxt{margin-top:6.25vw;}
    .evt_title_wrap .subtxt p{font-size:4.167vw; line-height:6.667vw;}
    .evt_title_wrap .subtxt p strong{font-size:5vw; line-height:6.667vw;}
    .evt_title_wrap .subtxt p+p{margin-top:3.333vw;}
    .evt_title_wrap .period{margin-top:6.25vw;}
    .evt_title_wrap .period p{font-size:3.75vw;}
    .evt_title_wrap .period span{line-height:8.333vw;}

    .evt_cont{padding:3vw 0;}
    .evt_cont .evt_cont_info_wrap{margin-top:12.5vw;}
    .evt_cont .evt_cont_info_list{padding:5.208vw 3.333vw 6.25vw;}
    .evt_cont .evt_cont_info_list dl+dl{margin-top:4.167vw;}
    .evt_cont .evt_cont_info_list dl dt p{min-width:22.917vw; font-size:3.125vw; line-height:6.667vw;}
    .evt_cont .evt_cont_info_list dl dd{margin-top:2.083vw; padding-left:3.333vw; font-size:3.125vw;}
    .evt_cont .evt_cont_info_list dl dd strong{margin-bottom:2.0833vw;padding-left:18px;}
    .evt_cont .evt_cont_info_list dl dd strong:before {width:4px;height:4px;}
    .evt_cont .evt_cont_info_list dl dd ul+strong{margin-top:4.167vw;}
    .evt_cont .evt_cont_info_list dl dd ul li+li{margin-top:5px;}
    .evt_cont .evt_cont_info_box{padding:4.167vw 3.333vw;margin-top:4.167vw;}
    .evt_cont .evt_cont_info_box ul li{padding-left:5vw; font-size:2.917vw; line-height:4.167vw;}
    .evt_cont .evt_cont_info_box ul li:before{top:1.25vw; width:1.667vw; height:1.667vw;}
    .evt_cont .evt_cont_info_box ul li+li{margin-top:5px;}
	.evt_cont .evt_cont_info > li .info_price span { font-size: 7.5vw; line-height: 8vw; }

	.gift_img {gap:4.167vw;}

    .evt_cont .btn_wrap{margin-top:6.25vw; gap:4.167vw;}
}

.logo_wrap .logo_visang{ background:url('../../image/event/chuseok/logo_visang_w.png') no-repeat center center / contain !important;}