/* Reset CSS
 * --------------------------------------- */
*  {margin:0;padding:0}
ul, ul li {list-style:none}
fieldset {bordeR:0}
html {font-size:16px}
body {color:#272D37;font-family:'Noto Sans KR',sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
a {color:inherit;text-decoration:none}
input,button,select,textarea {color:inherit;-webkit-appearance:none;border-radius:0;font-family:'Noto Sans KR',sans-serif;outline:none}
input, select, label, img, button {vertical-align:middle;-webkit-tap-highlight-color:transparent;font-family:'Noto Sans KR',sans-serif}
a,button,label {cursor:pointer}
button {border:0;background:transparent;outline:none}
table {border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal}
strong {font-weight:bold}
ol,ul {margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;color:#444;font-weight:normal;font-size:100%}
q:before,q:after {content:''}
abbr,acronym {border:0}
legend, .sr-only {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px 0 0 -1px;clip:rect(0, 0, 0, 0)}
select {background:url(../img/ico_arrow_drop.svg) no-repeat right 1rem center;text-align:left;background-size:0.75rem}
#wrap {position:relative;width:100%;margin:0 auto;max-width:960px}
.inner {position:relative;height:100%;margin:0 auto;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
img {width:100%}
/* -- Reset CSS */

.br_flip{display: none;}
.btn-coupon {position:fixed;bottom:0;width:100%;height:3.75rem;background:#894EF4;color:#ffffff;text-align:center;max-width:960px;line-height:3.75rem;font-weight:500;font-size:1.25rem}

/* 팝업 */
.btn-cancel {position:absolute;top:1.25rem;right:1.5rem;width:2.25rem;height:2.25rem;background-image:url(../img/btn_close_circle.svg);background-repeat:no-repeat;background-size:1.875rem;font-size:0}
.bottom_sheet {visibility:hidden;overflow:auto;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);transition:0.3s visibility ease-in, opacity 0.3s ease-out;opacity:0}
.bottom_sheet.active {visibility:visible;opacity:1}
.bottom_sheet .form_wrap {overflow:hidden;position:fixed;top:auto;bottom:0;left:50%;width:100%;max-width:960px;transform:translateX(-50%);border-radius:1rem 1rem 0 0}
.bottom_sheet .form_inner {padding:3.75rem 3.5rem 3.5rem;background:#fff}
.bottom_sheet .form_inner h2 {margin:0 0 2rem;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:500}
.bottom_sheet .btn button {width:100%;height:4.375rem;font-size:1.125rem;background-color: #894EF4;color: #ffffff;}
.bottom_sheet .btn button:disabled,
.bottom_sheet .btn button.disabled {background-color:#f3f6f9;color:#ADB9C7;cursor:not-allowed}
.pop_txt01 {margin:0.5rem 0;color:#66737F;font-size:0.875rem}


/* 이벤트 대상 여부 확인 :bottom sheet */
.form-hor.form > *:not(legend) + * {margin-top:0.5rem}
.form-hor dl {display:flex;justify-content:space-between;align-items:center;line-height:1.125rem;font-size:0.875rem}
.form-hor dt {width:6rem;color:#66737F;font-size:1rem}
.form-hor dd {width:calc(100% - 6rem )}
.form-hor select,
.form-hor input {width:100%;height:3rem;padding-left:1rem;border:1px solid #E4EAF0;border-radius:0.375rem;font-size:1rem}
.form-hor input {width:calc(100% - 1rem);border:0;border-bottom:1px solid #E4EAF0;border-radius:0}
.form-hor .form-chk {display:flex;align-items:center;margin-top:0.5rem!important;color:#66737F}
.form-hor .form-chk > input {z-index:1;width:1.25rem;height:1.25rem;margin-right:0.5rem;border:1px solid #E4EAF0;background-color:#fff;flex-shrink:0;border-radius:2px;background-repeat:no-repeat;background-position:center center;background-size:0.625rem auto}
.form-hor .form-chk > input + label {font-size:0.875rem;line-height:1.875rem}
.form-hor .form-chk > input[type="checkbox"]:checked {border-color:transparent;background-color:#787FEF;background-image:url(../img/check_on.svg)}
.form-hor .form-chk > input[type="checkbox"]:disabled {border-color:transparent!important;background-color:#E4EAF0!important}
.form-hor .form-chk > input[type="checkbox"]:checked:disabled {background-color:#E4EAF0!important}
.form-hor .form-chk .point-color {color:#787FEF}
.form-chk-btns ul li {display:flex;flex-wrap:wrap;gap:2%}
.form-hor .form-chk-btns .form-chk {width:49%}
[class*="-btns"] > *:not(:only-child) {width:50%;padding:0 !important}
.form-chk-btns > * {text-align:center;flex:1}
.form-chk {display:flex
;align-items:center}
.form-chk > input[type="radio"]:checked {background-color:var(--pm-color300) !important}
.form-chk > input[type="radio"]:disabled {background-color:#E4EAF0 !important}
[class*="p-"] input[type="radio"] {width:1.5rem;height:1.5rem;background:#fff;border-width:0.4375rem}
.form-chk-btns .form-chk input {position:absolute;z-index:-1;width:1px;height:1px;border:0}
.form-chk > input[type="radio"] {border-radius:50%}
.form-chk > input {z-index:1;width:1.25rem;height:1.25rem;margin-right:0.5rem;border:1px solid #D5DDE5;background-color:#ffffff;flex-shrink:0;border-radius:2px;background-repeat:no-repeat;background-position:center center;background-size:0.625rem auto;/* z-index:10;*/}
.form-chk-btns input:checked + label {background-color:#787FEF;color:#ffffff;opacity:1}
.form-chk-btns input:disabled + label {background-color:#f8f9fa;color:#888;opacity:1}
.form-chk-btns .form-chk label {display:block;position:relative;width:100%;height:2rem;padding:0.25rem 0;border:1px solid #E4EAF0;border-radius:0.375rem;font-size:0.75rem;line-height:1.125rem}
.form-chk > input + label {font-size:0.875rem;line-height:1.25rem}
.form-chk label {font-weight:normal}



/* 팝업관련 */
.bottom_sheet .form_wrap {overflow:hidden;position:fixed;top:auto;bottom:0;width:100%;transform:translateX(-50%);border-radius:1rem 1rem 0 0}
.bottom_sheet .form_inner {padding:3.75rem 1.5rem 2.5rem}
.bottom_sheet .form-hor dl,
.bottom_sheet .form-hor dt,
.bottom_sheet .form-hor select,
.bottom_sheet .form-hor input {font-size:0.875rem}
.bottom_sheet .form_inner h2 {margin:0 0 1.5rem;font-size:1rem}
.bottom_sheet .btn button {height:3.5rem;font-size:1rem}


/* 팝업 */
.popup_layer {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);z-index: 1;display: flex;justify-content: center;align-items: center;transition: 0.3s visibility ease-in, opacity 0.3s ease-out;visibility: hidden;opacity: 0;}
.popup_layer.show {visibility: visible;opacity: 1;}


/* 공통 팝업 */
[class^="btn"][class*="-primary"]{background-color:#787fef;color:#fff}
[class^="btn"][class*="-secondary"]{background-color:#F3F6F9; color:#66737F;}
.pop_btn {display: flex;justify-content: space-between;}
.pop_btn [class^="btn-"] {display:none;height:4.375rem;font-weight:500;font-size:1.125rem}
.pop_btn button {width:100%}
.pop_btn.column2 button:first-child {width:40%!important}
.pop_btn.column2 button:last-child {width:60%!important}
.popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 3;display: flex;justify-content: center;align-items: center;transition: 0.3s visibility ease-in, opacity 0.3s ease-out;visibility: hidden;opacity: 0;}
.popup.show {visibility: visible;opacity: 1;}
.pop_inner {overflow:hidden;position:relative;width:500px;border-radius:0.375rem;box-shadow: 0 2px 15px rgba(34, 34, 53, 0.1);text-align:center}
.pop_inner .pop_con {padding:4.375rem 2.5rem 4.125rem;background:#fff}
.pop_inner .pop_con .image {width:5rem;height:5rem;margin:0 auto 1.125rem}
.pop_inner .pop_con .txt .tit {font-weight:500;font-size:1.25rem;line-height:1.75rem;color:#272D37}
.pop_inner .pop_con .txt .stit {margin: 0.625rem 0 0;color: #66737F;font-size: 1rem;line-height: 1.25rem;}


@media screen and (max-width:767px) {
    .pop_inner {width:19.5rem;border-radius:0.5rem}
    .pop_inner .pop_con {padding:3.75rem 2rem 3.5rem;word-break: keep-all;}
    .pop_inner .pop_con .txt .tit {font-size:1rem;line-height:1.5rem}
    .pop_inner .pop_con .txt .stit {margin:0.375rem 0 0;font-size:0.875rem;line-height: 1.25rem;}
}


@media screen and (max-width:286px) {
    .br_flip{display: block;}
    .btn-cancel {top:1.25rem;right:1.25rem;width:2rem;height:2rem}
    .bottom_sheet .form_inner {padding:3rem 1.25rem 2.5rem}
    .bottom_sheet .form_inner h2 {margin:0 0 1.25rem}
    .bottom_sheet.form-hor dl,
    .bottom_sheet .form-hor dt {font-size:0.8125rem}
    .bottom_sheet .form-hor select,
    .bottom_sheet .form-hor input {padding-left:0.25rem;font-size:0.75rem}
    .form-hor dt {width:4.25rem}
    .form-hor dd {width:calc(100% - 4.25rem)}
    .form-hor .form-chk > input + label{font-size: 0.75rem;}
    .pop_txt01{font-size: 0.8125rem;}
    
    .pop_inner {width: 16.5rem;}
    .pop_inner .pop_con {padding:3.5rem 1rem 3.25rem;letter-spacing: -1px;}
    .btn-cancel {top: 1.25rem;right: 1.25rem;width: 2rem;height: 2rem;}
}


@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:normal;
    src:url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}