@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable-dynamic-subset.css");

:root{
  --brand-color: #FF2233
}

/* Common */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#000}
html,body{height:100%;}
html{background:#f5f6f7}
body{height:auto;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;cursor:pointer}
legend,hr{display:none}
table{border-collapse:collapse;border-spacing:0}
button{overflow:visible;margin:0;padding:0;border:0;background:none;cursor:pointer}
button span{position:relative;}
button::-moz-focus-inner{padding:0;border:0}
input[type=text],input[type=password]{border:0;vertical-align:top;*margin:-1px 0;border-radius:0;-webkit-appearance:none;}
input::-webkit-file-upload-button{cursor:pointer}
::-ms-clear{display:none}
::-webkit-input-placeholder{font-size:11px}
:-moz-placeholder{font-size:11px}
::-moz-placeholder{font-size:11px}
:-ms-input-placeholder{font-size:11px}

#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:100;height:23px;padding:12px 0;background:#ff1414;color:#fff;font-size:1.5em;font-weight:bold}

.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:1px;white-space:nowrap}


/* 이벤트 페이지 미리보기 템플릿 (포인트사업부전용화면) - (개발 요청으로 preview 페이지만 따로 CSS 분리) */
#wrap.point_coupon_evt_area{min-width:auto;padding-top:0}
.event_page_modal_container{margin: 0 auto;background-color:#fff;}
.point_coupon_evt_area #content.adv_center{width:auto;min-height:auto;margin-top:0;padding-bottom:0;background-color:rgba(0,0,0,.5)}
.point_coupon_evt_area .event_page_modal_container{overflow:inherit;min-width:320px;max-width:480px;width:auto;height:auto;min-height:100vh;padding:0;border-radius:0;box-shadow:none;transition:none}
.point_coupon_evt_area .point_coupon_evt{font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}
.point_coupon_evt{padding-bottom:114px}
.point_coupon_evt .title_area{padding: 20px 24px 40px}
.point_coupon_evt .title_area .sub_title{display:block;padding-right:72px;margin-bottom:4px;font-size:16px;line-height:22px;color:#111;letter-spacing:-0.15px}
.point_coupon_evt .title_area .title_box{display:flex;align-items:center}
.point_coupon_evt .title_area .align_box{flex-grow:1;padding-right:8px}
.point_coupon_evt .title_area .title{font-size:23px;font-weight:700;line-height:33px;letter-spacing:-0.3px;color:#111}
.point_coupon_evt .title_area .img_box{flex:none;overflow:hidden;width:64px;height:64px;margin-left:auto}
.point_coupon_evt .title_area .img_box img{display:block;width:100%;border-radius:50%}
.point_coupon_evt .title_area .tag_list{display:flex;align-items:center;margin-top:12px}
.point_coupon_evt .title_area .tag_item{margin-left:4px}
.point_coupon_evt .title_area .tag_item:first-child{margin-left:0}
.point_coupon_evt .title_area .tag_list .text{display:block;padding:6px 9px 7px;background-color:#eceef4;border-radius:30px;font-size:10px;line-height:14px;font-weight:700}
.point_coupon_evt .title_area .date{margin-top:40px}
.point_coupon_evt .title_area .date .text{font-size:16px;line-height:22px;letter-spacing:-0.15px}
.point_coupon_evt .info_area{padding:0 20px}
.point_coupon_evt .info_area + .info_area {margin-top:40px}
.point_coupon_evt .info_area .btn_link{display:block;padding:17px 20px 16px;background-color:#ECEEF4;border-radius: 12px}
.point_coupon_evt .info_area .btn_link .text{display:block;font-size:14px;font-weight:700;line-height:19px;letter-spacing:-0.1px;color:#111;text-align:center}
.point_coupon_evt .info_area .info_item{margin-top:10px;padding:28px 28px 32px;background-color:#F4F6FA;border-radius:20px}
.point_coupon_evt .info_area .info_item:first-child{margin-top:0}
.point_coupon_evt .info_area .info_item .btn_link{margin-top: 20px;}
.point_coupon_evt .event_info{font-size:0}
.point_coupon_evt .event_info .flag_name{display:inline-block;margin-bottom:4px;padding:3px 8px;border-radius:30px;background-color:#111;font-size:10px;font-weight:700;line-height:14px;color:#fff;vertical-align:top}
.point_coupon_evt .event_info .title{font-size:20px;font-weight:700;line-height:28px;letter-spacing:-0.25px;color:#111}
.point_coupon_evt .event_info .title.em{margin-bottom:4px;color:var(--brand-color)}
.point_coupon_evt .event_info .sub_title{font-size:16px;line-height:22px;letter-spacing:-0.15px;color:#6c6c6e}
.point_coupon_evt .event_info .content_title{margin-top:20px;margin-bottom:4px;font-size:14px;font-weight:700;line-height:19px;letter-spacing:-0.1px;color:#111}
.point_coupon_evt .event_info .content_text{font-size:14px;line-height:19px;letter-spacing:-0.1px;color:#6c6c6e}
.point_coupon_evt .cpn_link .img_box {flex:none;width:36px}
.point_coupon_evt .cpn_link .img_box img{display:block;width:100%;border-radius:50%}
.point_coupon_evt .cpn_link .img_box.thumbnail{width:54px;margin-right:10px}
.point_coupon_evt .coupon_item + .coupon_item {margin-top:10px}
.point_coupon_evt .coupon_item .cpn_link {display:flex;align-items:center;position:relative; padding:28px;border:1px solid #E3E6F0;border-radius:20px}
.point_coupon_evt .coupon_item .cpn_link:before {overflow: hidden;position:absolute;top:0;left:0;bottom:0;z-index:1;width:100%;border-radius:20px;background:no-repeat 0 0;background-size:100% auto;color:transparent;}
.point_coupon_evt .coupon_item .cpn_link[title="오픈예정"], .point_coupon_evt .coupon_item .cpn_link[title="당일소진"], .point_coupon_evt .coupon_item .cpn_link[title="전량소진"]{pointer-events:none}
.point_coupon_evt .coupon_item .cpn_link[title="오픈예정"]::before {background-image: url('https://image.toast.com/aaaaac/paycoNoti/tpl_case_standby5.png');content:"오픈예정"}
.point_coupon_evt .coupon_item .cpn_link[title="당일소진"]::before {background-image: url('https://image.toast.com/aaaaac/paycoNoti/tpl_case_dayrunout5.png');content:"당일소진"}
.point_coupon_evt .coupon_item .cpn_link[title="전량소진"]::before {background-image: url('https://image.toast.com/aaaaac/paycoNoti/tpl_case_runout5.png');content:"전량소진"}
.point_coupon_evt .coupon_info{flex-grow:1;padding-right:8px;border:none}
.point_coupon_evt .coupon_info .sub_title{font-size:14px;font-weight:700;line-height:19px;letter-spacing:-0.1px;color:#111}
.point_coupon_evt .coupon_info .title{font-size:20px;font-weight:700;line-height:28px;letter-spacing:-0.25px;color:#111;word-break:break-all}
.point_coupon_evt .coupon_info .text{margin-top:6px;font-size:14px;line-height:19px;letter-spacing:-0.1px;color:#6c6c6e}
.point_coupon_evt .guide_box{padding:40px 4px}
.point_coupon_evt .guide_box + .guide_box{margin-top:10px}
.point_coupon_evt .guide_box .btn_link{margin-top:40px}
.point_coupon_evt .guide_info + .guide_info{margin-top:20px}
.point_coupon_evt .guide_info .title{margin-bottom:4px;font-size:14px;font-weight:700;line-height:19px;letter-spacing:-0.1px}
.point_coupon_evt .guide_info .text{font-size:14px;line-height:19px;letter-spacing:-0.1px;color:#6c6c6e}
.point_coupon_evt .banner_box{display:block;padding:0 4px}
.point_coupon_evt .banner_box + .banner_box{margin-top:10px}
.point_coupon_evt .banner_box img{display:block;width:100%;border-radius:20px}
.point_coupon_evt .notice_area{margin-top:40px;padding:0}
.point_coupon_evt .notice_box{padding:40px 20px;border-top:10px solid #f4f6fa}
.point_coupon_evt .notice_box + .notice_box {margin-top:10px}
.point_coupon_evt .notice_box .notice_title {display:block;padding:0 4px;font-size:18px;font-weight:700;line-height:25px;letter-spacing:-0.2px}
.point_coupon_evt .notice_list {margin-top:12px}
.point_coupon_evt .notice_item{position:relative;margin-top:6px;padding-left:13px;font-size:14px;line-height:19px;color:#707070;letter-spacing:-0.1px}
.point_coupon_evt .notice_item:before{position:absolute;top:8px;left:4px;width:2px;height:2px;background-color:#a9a9a9;border-radius:50%;content:''}
.point_coupon_evt .notice_item:first-child{margin-top:0}
.point_coupon_evt .btn_area{position:fixed;left:0;right:0;bottom:0;z-index:10;min-width:320px;max-width:480px;margin:0 auto;padding:0 20px 20px;box-sizing:border-box;text-align:center}
.point_coupon_evt .btn_area::before{position:absolute;top:16px;left:0;right:0;min-width:320px;max-width:480px;margin:0 auto;height:24px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);content:''}
.point_coupon_evt .btn_area::after{position:absolute;top:40px;left:0;right:0;height:36px;background-color:#fff;content:''}
.point_coupon_evt .btn_area .btn_floating{display:block;position:relative;z-index:1;padding:16px 20px;background:#ECEEF4;border-radius:16px;text-align:center}
.point_coupon_evt .btn_area .btn_floating .text{display:block;overflow:hidden;font-size:16px;line-height:22px;letter-spacing:-0.15px;color:#c0c1c6;white-space:nowrap}
.point_coupon_evt .btn_area .btn_floating.is_active {background:var(--brand-color)}
.point_coupon_evt .btn_area .btn_floating.is_active .text{color:#fff}
.point_coupon_evt.is_ios .btn_area{padding-bottom:20px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

@media screen and (max-width: 359px) {
  .point_coupon_evt .title_area .title{font-size:6.667vw;line-height:1.375}
  .point_coupon_evt .title_area .sub_title{font-size:4.375vw;line-height:1.375}
  .point_coupon_evt .coupon_info .sub_title{font-size:3.4375vw;line-height:1.357}
  .point_coupon_evt .coupon_info .title{font-size:4.0625vw;line-height:1.4}
  .point_coupon_evt .coupon_info .text{font-size:3.4375vw;line-height:1.357}
  .point_coupon_evt .info_area .btn_link .text{font-size:4.0625vw;line-height:1.357}
}

@media screen and (max-width: 320px) {
  .point_coupon_evt .title_area .title{font-size:19px}
  .point_coupon_evt .title_area .sub_title{font-size:14px}
  .point_coupon_evt .event_info .sub_title{font-size:15px}
  .point_coupon_evt .coupon_info .sub_title{font-size:11px}
  .point_coupon_evt .coupon_info .title{font-size:13px}
  .point_coupon_evt .coupon_info .text{font-size:11px}
  .point_coupon_evt .info_area .btn_link .text{font-size:13px}
}

.point_coupon_evt_area .dimmed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:.5;}
.point_coupon_evt_area .ly_pop{position:fixed;top:50%;left:50%;z-index:100;width:300px;min-height:auto;padding:0 10px 55px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","sans-serif";text-align:center}
.point_coupon_evt_area .ly_popbx{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:145px}
.point_coupon_evt_area .ly_popin{display:block}
.point_coupon_evt_area .ly_pop h2{padding:34px 0 6px;font-size:19px;color:#000;letter-spacing:-1px;line-height:25px}
.point_coupon_evt_area .ly_pop .ly_tit{display:inline}
.point_coupon_evt_area .ly_pop .tx_desc{padding:9px 0 23px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;line-height:21px;letter-spacing:-0.75px;color:#333;height:100%}
.point_coupon_evt_area .ly_pop .tx_desc em{text-decoration:underline}
.point_coupon_evt_area .ly_pop .tx_in{display:block}
.point_coupon_evt_area .ly_pop .tx_card{font-size:13px}
.point_coupon_evt_area .ly_pop .btn_area{display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:auto;bottom:0;right:0;left:0;width:auto;height:55px;margin:0;padding:0 10px;background:none}
.point_coupon_evt_area .ly_pop .btn_area a{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%;height:45px;margin-left:4px;padding:1px 0 0;background:#1e1e1e;font-weight:700;font-size:15px;color:#fff;line-height:45px;text-align:center;text-decoration:none}
.point_coupon_evt_area .ly_pop .btn_area a:first-child{margin-left:0}
.point_coupon_evt_area .ly_pop .btn_area .btn_update{background:var(--brand-color)}
.point_coupon_evt_area .ly_pop .tx_link{position:absolute;bottom:32px;left:50%;margin:0;padding:0;background-color:transparent;font-size:12px;font-weight:700;line-height:20px;color:#333;text-decoration:underline;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);letter-spacing:0.1px;text-underline-offset:3px;}
.point_coupon_evt_area .ly_pop#ENTER_SELECT_ly_pop{padding-bottom:112px}
.point_coupon_evt_area .ly_pop#ENTER_SELECT_ly_pop .btn_area{height:auto;bottom:67px}
.point_coupon_evt_area .ly_pop#COUPON_ISSUED_ly_pop .btn_area .btn_ok{display:block;width:100%}