*:not(i) {font-family: 'samsung_long_gothic', Arial, sans-serif !important;}
.score_font, .score_font * {font-family: 'S-CoreDream', Arial, sans-serif !important;}
.gmarket_sans, .gmarket_sans * {font-family: 'GmarketSans', Arial, sans-serif !important;}

@font-face {
    font-family: samsung_long_gothic;
    font-weight: 800;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_Heavy.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 700;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_ExtraBold.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 600;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_Bold.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 500;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_Medium.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 400;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_Regular.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 300;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_Light.woff') format('woff');
}
@font-face {
    font-family: samsung_long_gothic;
    font-weight: 200;
    src: url('/font/samsung_long_gothic/SamsungLongGothic_UltraLight.woff') format('woff');
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}

@font-face {
     font-family: 'GmarketSans';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'GmarketSans';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'GmarketSans';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

html, body {margin:0;height:100%;}
/*html { font-size: 16px }*/
body.waitMe_container {position: fixed; top: 0; left: 0;}

@media screen and (max-width: 400px) {
  html { font-size: 15px }
}

@media screen and (max-width: 375px) {
  html { font-size: 14px }
}

@media screen and (max-width: 370px) {
  html { font-size: 13.5px }
}

@media screen and (max-width: 340px) {
  html { font-size: 12px }
}

@media screen and (max-width: 300px) {
  html { font-size: 10.5px }
}

@media screen and (max-width: 261px) {
  html { font-size: 10px }
}


/*
@media screen and (max-width: 400px) {
  html { font-size: 15px }
}

@media screen and (max-width: 370px) {
  html { font-size: 13.5px }
}

@media screen and (max-width: 360px) {
  html { font-size: 12px }
}
*/

a, a:hover, a:visited {text-decoration:none; color: inherit;}
p {margin: 0;}
div.wrapper {position:relative;}
.container {margin:0 auto; max-width:400px;}
.button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; cursor: pointer;}
.button.disabled {cursor: not-allowed;}
.clearboth:after {content: ''; display: block; clear: both;}
.overflow-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multiline-ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
ul {list-style: none; padding: 0; margin: 0;}
img {max-width: 100%;}
.text-danger {color: #ff0000;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col {position: relative; width: 100%; box-sizing: border-box;}
.d-inline-block {display: inline-block !important;}
input:focus, textarea:focus {outline: none;}
input[type="checkbox"] {margin-top: 0; margin-bottom: 0;}
input[type="number"], input[type="text"], input[type="password"], input[type="tel"], textarea {border: none; padding: 1rem 0.8rem;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;
}
li.empty_list {text-align: center; padding: 5rem 0;}
.datepicker {position: absolute; left: 0; top: 0; background-color: #fff; border: 1px solid #b9c3c8;}
/*select {-webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
button {background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; outline: inherit; cursor: pointer; font-size: 0;}
button.hidden {display: none; width: 0;}
.pb-0 {padding-bottom: 0 !important;} .pb-05 {padding-bottom: 0.5rem !important;} .pb-1 {padding-bottom: 1rem !important;} 
.mb-0 {margin-bottom: 0 !important;} .mb-05 {margin-bottom: 0.5rem !important;} .mb-1 {margin-bottom: 1rem !important;} 
.mt-0 {margin-top: 0 !important;} .mt-05 {margin-top: 0.5rem !important;} .mt-1 {margin-top: 1rem !important;} 
.my-2 {margin: 2rem 0 !important;}
.text-left {text-align: left !important;} .text-right {text-align: right !important;}
.font-weight-200 {font-weight: 200 !important;}
.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-500 {font-weight: 500 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}
.font-weight-800 {font-weight: 800 !important;}
.font-weight-900 {font-weight: 900 !important;}


/* 모달 */
.modal-open {overflow: hidden;}
.modal-backdrop.show {opacity: .5; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background-color: #000;}
.modal {position: fixed; top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal .modal-dialog {position: absolute; width: 95%; max-width: 380px; max-height: 90vh; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; overflow: auto;}
.modal .modal-dialog .modal-header p {margin: 0; float: left;}
.modal .modal-dialog .modal-header button.close {padding: 0; float: right;}
.modal .modal-dialog .modal-header button.close span {display:block; font-size: 2rem; line-height: 2rem; width: 2rem; height: 2rem;}

.modal .modal-dialog .modal-body .header span.header_title {color: #3547ff;font-weight: bold;font-size: 1.2rem;}
.modal .modal-dialog .modal-body .header span.header_subtitle {color: #0bc0cf;font-size: 1rem;margin-left: 0.3rem;}

.modal .modal-dialog .modal-body {position: relative; font-size: 0;}
.modal .modal-dialog .modal-body button.close {position: absolute; right: 2%; top: 2%; font-size: 2rem;}

/* alert 모달 */
#alert-modal .modal-body { position:relative; padding:3rem 0 !important; min-height:100px; display: flex; justify-content: center; align-items: center;}
#alert-modal .modal-body #alert-message {font-size: 1.3rem; line-height: 2rem; margin: 2rem 0; text-align: center;}

/* agree 모달 */
#agree-modal .agree_box {display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 1rem;font-size: 1rem;position: absolute;width: calc(100% - 2rem);padding: 0 1rem;}
#agree-modal .agree_box .agree_radio_box { display: flex; width: 100%; justify-content: flex-end; }
#agree-modal .agree_box .agree_radio_box .radio { flex: 0 0 25%; display: flex; align-items: flex-start; justify-content: flex-end; }
#agree-modal .agree_box .agree_radio_box .radio input[type="radio"] {  }
#agree-modal .agree_box.agree1 {top: 44.5%;}
#agree-modal .agree_box.agree1 button {height: 2rem;width: 100%;margin-bottom: 1.5rem;}
#agree-modal .agree_box.agree2 {bottom: 16%;}
#agree-modal .agree_box.agree2 button {height: 2rem;width: 100%;margin-bottom: 1.5rem;}
#agree-modal .btn_close {position: absolute;bottom: 2.9%;height: 8.5%;width: 35%;left: 5%;}
#agree-modal .btn_confirm {position: absolute;bottom: 2.9%;height: 8.5%;width: 51.5%;right: 5%;}
#agree-modal .popup_button {margin-top: 2rem; width: 50%;}

.agree_content .btn_agree_confirm {height: 8.5%;width: 70%;position: absolute;bottom: 3%;left: 15%;}

.content-body {position: relative; font-size: 0;}


/* index */
.index-container .content-body .video-box {position: absolute; left: 8%; top: 38.3%; width: 84%; padding-bottom: 49%;}
.index-container .content-body .main-button {position: absolute;  width: 85%; padding-bottom: 15%;}
.index-container .content-body .main-button:has(img) {padding-bottom: 0;}
.index-container .content-body .main-button.bottom {left: 7.5%; bottom: 5%;}


/* view */
.view-container .title-box {padding-top: 10%;}
.view-container .title-box p {font-size: 1.3rem; font-weight: bold; text-align: center; line-height: 1.8rem;}
.view-container .input-box {padding: 10% 5% 0;}
.view-container .input-box .input-row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; height: 4rem;}
.view-container .input-box .input-row .input-col {width: 100%; max-width: calc(90% - 6rem); font-size: 1rem;}
.view-container .input-box .input-row .input-col:nth-child(1) {flex: 0 0 30%; min-width: 6rem;}
.view-container .input-box .input-row .input-col .title {display: flex; justify-content: space-between; color: #4d4d4d; padding: 0 1rem; border-right: 2px solid #b5b5b5;}
.view-container .input-box .input-row .input-col input[type="text"], 
.view-container .input-box .input-row .input-col input[type="tel"] {padding: 0 5%; text-align: center; font-size: 1.3rem; width: 90%;}
.view-container .input-box .input-row .input-col input::placeholder {color: #c4c4c4;}
.view-container .input-box .input-row .input-col.gender {display: flex; flex-wrap: wrap; justify-content: space-around;}
.view-container .input-box .input-row .input-col label {flex: 0 0 40%; text-align: center; border: 1px solid #808080; border-radius: 20px; color: #808080; padding: 0.5rem 0;}
.view-container .input-box .input-row .input-col label input[type="radio"] {width: 0; height: 0; visibility: hidden; margin: 0;}
.view-container .input-box .input-row .input-col label.checked {border-color: #1862fe; color: #1862fe;}
.view-container .input-box .input-row .input-col.mobile {text-align: center; font-size: 1.3rem;}

.view-container .confirm-form .mobile {position: absolute; text-align: center; font-size: 1.7rem; bottom: 25%; width: 100%;}

.view-container .coupon-box {position: relative;}
.view-container .coupon-box .row {position: absolute; padding: 5%; width: 90%; top: 0;}
.view-container .coupon-box .row label {flex: 0 0 33.33%; text-align: center; padding: 28% 0 11%;}
.view-container .coupon-box .row label input {width: 1rem; height: 1rem;}
.view-container .btn-box {padding: 0 5%; margin-top: 10%;}

.view-container .hide {display: none; visibility: hidden;}
.view-container .confirm-form .btn-box {position: absolute; display: flex; bottom: 0; margin: 0 -1.5% 10%;}
.view-container .confirm-form .btn-box button {margin: 0 1.5%;}

/* coupon */
.coupon-container .content-body #coupon-button {position: absolute; left: 7.5%; bottom: 15.25%; width: 85%; padding-bottom: 15%;}

/* closed */
.closed-container .content-body {font-size: 1.4rem; font-weight: 600; margin: 3rem 0; text-align: center; display: flex; align-items: center; justify-content: center; height: 80vh;}