@charset "UTF-8";
@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('../font/SUIT-woff2/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('../font/SUIT-woff2/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('../font/SUIT-woff2/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('../font/SUIT-woff2/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('../font/SUIT-woff2/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('../font/SUIT-woff2/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('../font/SUIT-woff2/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('../font/SUIT-woff2/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('../font/SUIT-woff2/SUIT-Heavy.woff2') format('woff2');
}
@font-face {
	font-family: 'yellowtail';
	src: url('../font/yellowtail.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'calligraphercrayon30';
	src: url('../font/calligraphercrayon30.ttf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; font-size:1em; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {display:block;}
table {border-collapse:collapse; border-spacing:0;}
legend, caption {position:absolute; left:0; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;}
input, select, textarea {margin:0; padding:0; font-family:inherit; font-size:inherit; resize:none; -webkit-transform: translate3d(0,0,0);}
button {color:inherit; border:none; background:none; cursor:pointer; -webkit-transform: translate3d(0,0,0);}
label {cursor:pointer;}
label img {pointer-events:none;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
a {text-decoration:none; color:inherit;}
html {width:100%; height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-touch-action:manipulation; touch-action:manipulation;}
body {position:relative; width:100%; min-width:320px; height:100%; margin:0; padding:0; background:#f5f5f5; font-size:1em; font-family:'SUIT','맑은 고딕','Malgun Gothic','Nanum Gothic',NanumGothic,나눔고딕,돋움,dotum,'Apple SD Gothic Neo',AppleGotihc,'Helvetica Neue',Helvetica,Arial,sans-serif; -webkit-text-size-adjust:none;}
body.overflow-hidden {height:100%; overflow:hidden;}

.hide {position:absolute; width:0; height:0; margin:0; padding:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap;}

.btn {display:block; width:100%; height:7.8125vw; border-radius:1.30208vw; background:#000; font-size:2.60417vw; color:#fff; font-weight:700; text-align:center;}
.btn::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.btn span {position:relative; top:0.32552vw; display:inline-block;}
.btn span::after {content:''; position:absolute; right:-2.86458vw; top:0.65104vw; width:2.08333vw; height:2.08333vw; margin-left:0.78125vw; background:url('../images/img_s_btn_arrow.svg') 50% 50% no-repeat; background-size:100% auto;}
.btn_box {width:100%; font-size:0; text-align:center;}
.btn_box.btn_col_2 .btn {display:inline-block; width:49.29378%/* 45.44271vw */;}
.btn_box.btn_col_2 .btn:first-child {margin-right:1.41242%/* 1.30208vw */;}
/* 2022-06-29 disabled 속성 추가 */
.btn.disabled,
.btn:disabled {background:#ccc;}
/* //2022-06-29 disabled 속성 추가 */

.dis-none {display:none !important;}

.wrap {position:relative; width:100%; height:100%; margin:0 auto;}
.wrap > .content {width:100%; height:100%; padding-top:7.8125vw; box-sizing:border-box;}

.site_header {position:absolute; left:0; top:0; width:100%; height:7.8125vw; text-align:center; background:#000; font-size:0; z-index:100;}
.site_header .site_navi {position:absolute; left:0; top:0; height:100%; padding:1.95313vw 0 0 2.60417vw; box-sizing:border-box; font-size:0; z-index:5;}
.site_header .site_navi > * {display:inline-block; width:3.90625vw; height:3.90625vw; margin-right:1.30208vw; background:#fff;}
.site_header .site_navi .btn_back {background:url('../images/img_s_btn_back.svg') 50% 50% no-repeat; background-size:100% auto;}
.site_header .site_navi .btn_home {background:url('../images/img_s_btn_home.svg') 50% 50% no-repeat; background-size:100% auto;}
.site_header .site_title {display:inline-block; padding-top:2.60417vw; box-sizing:border-box; font-size:2.08333vw; font-weight:700; color:#fff;}
.site_header .site_util {position:absolute; right:0; top:0; height:100%; padding:1.95313vw 2.60417vw 0 0; box-sizing:border-box; font-size:0; z-index:5;}
.site_header .site_util > * {position:relative; display:inline-block; width:3.90625vw; height:3.90625vw; margin-left:1.30208vw; background:#fff; vertical-align:top;}
.site_header .site_util .btn_talk {background:url('../images/img_s_btn_talk.svg') 50% 50% no-repeat; background-size:100% auto;}
.site_header .site_util .btn_setting {background:url('../images/img_s_btn_setting.svg') 50% 50% no-repeat; background-size:100% auto;}
.site_header .site_util .new {}
.site_header .site_util .new::before {content:''; position:absolute; right:-0.78125vw; top:0; width:0.78125vw; height:0.78125vw; border-radius:100%; background:#ff6200;}

/* 2024-08-08 추가 */
.site_header .site_util .btn_kr {background:none; color:#999;}
.site_header .site_util .btn_kr::before {content:'KR'; font-size:2.34375vw; color:inherit;}
.site_header .site_util .btn_kr.active {color:#fff; font-weight:500;}
.site_header .site_util .btn_en {background:none; color:#999;}
.site_header .site_util .btn_en::before {content:'EN'; font-size:2.34375vw; color:inherit;}
.site_header .site_util .btn_en.active {color:#fff; font-weight:500;}
/* //2024-08-08 추가 */

.shop_main {width:100%;}
.shop_main .main_wrap {position:relative; width:100%; padding:3.90625vw; box-sizing:border-box; overflow:hidden;}
.shop_main .main_wrap .order_action {float:left; width:43.78531%/* 40.36458vw */; margin-right:2.82485%/* 2.60417vw */;}
.shop_main .main_wrap .order_action .btn_order_reg {position:relative; display:block; width:100%; height:36.45833vw; border-radius:1.30208vw; background:#fff; box-shadow:0 0.19531vw 0.39063vw 0 rgba(0, 0, 0, 0.16); font-size:2.60417vw; line-height:3.90625vw; color:#000; text-align:center;}
.shop_main .main_wrap .order_action .btn_order_reg::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.shop_main .main_wrap .order_action .btn_order_reg span {position:relative; top:2.27865vw; display:inline-block;}
/* 2022-07-16 추가 */
.shop_main .main_wrap .order_action .btn_order_reg span::after {content:''; position:absolute; right:-2.86458vw; bottom:0.91146vw; width:2.08333vw; height:2.08333vw; margin-left:0.78125vw; background:url('../images/img_s_btn_arrow_black.svg') 50% 50% no-repeat; background-size:100% auto;}
/* //2022-07-16 추가 */

.shop_main .main_wrap .order_action .btn_order_check {margin-top:2.60417vw;}
.shop_main .main_wrap .order_state {float:left; width:53.38983%/* 49.21875vw */; height:46.875vw; padding-top:10.74219vw; box-sizing:border-box; border-radius:1.30208vw; background:#fff; text-align:center;}
.shop_main .main_wrap .order_state .order_title {width:100%; font-size:3.90625vw; color:#000;}
.shop_main .main_wrap .order_state .order_count {width:100%; margin-top:2.60417vw; font-size:6.51042vw; color:#000; font-weight:700;}
.shop_main .main_wrap .order_state .order_wait {width:100%; margin-top:5.33854vw; font-size:2.60417vw; line-height:5.59896vw; color:#000;}

.shop_login {width:46.875vw; margin:0 auto;}
.shop_login .login_wrap {padding:6.51042vw 0 6.51041vw 0;}
.shop_login .login_title {font-size:5.20833vw; color:#000;}
.shop_login .login_input {width:100%; margin-top:2.08333vw;}
.shop_login .login_input .item {width:100%; margin-top:2.60417vw;}
.shop_login .login_input .item:first-child {margin-top:0;}
.shop_login .login_input .item input {display:block; width:46.875vw; height:5.20833vw; padding:0 2.01823vw; border:0.13021vw solid #333; box-sizing:border-box; font-size:2.08333vw; color:#000; letter-spacing:-0.05859vw;}
.shop_login .login_input .item input::placeholder {color:#999;}
.shop_login .login_input .item input:-ms-input-placeholder {color:#999;}
.shop_login .login_input .item input::-ms-input-placeholder {color:#999;}
.shop_login .login_util {display:flex; justify-content:flex-end; width:100%; margin-top:2.08333vw; padding-right:0.58594vw; box-sizing:border-box;}
.shop_login .login_util .item {}
.shop_login .login_util .item a {display:block; font-size:2.08333vw; color:#000;}
.shop_login .login_button {width:46.875vw; height:7.8125vw; margin:3.90625vw auto 0 auto; border-radius:1.30208vw; background:#000;}
.shop_login .login_button > * {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:2.60417vw; font-weight:700; text-align:center; color:#fff;}

.shop_login_complete {width:73.56771vw; margin:0 auto;}
.shop_login_complete .area_wrap {padding:6.64063vw 0 6.51042vw 0;}
.shop_login_complete .menu_title {font-size:5.20833vw; color:#000;}
.shop_login_complete .menu_list {display:flex; justify-content:space-between; width:100%; margin-top:4.16667vw;}
.shop_login_complete .menu_list .item {width:22.78646vw; height:13.54167vw;}
.shop_login_complete .menu_list .item .inp_radio {position:relative; width:100%; height:100%;}
.shop_login_complete .menu_list .item .inp_radio label {display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:1.30208vw; background:#fff; font-size:2.60417vw; font-weight:700; text-align:center; color:#999;}
.shop_login_complete .menu_list .item .inp_radio input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.shop_login_complete .menu_list .item .inp_radio input:checked + label {background:#000; color:#fff;}
.shop_login_complete .menu_list .item .inp_radio input:disabled + label {background:#fff; color:#999;}
.shop_login_complete .menu_button {width:100%; height:7.8125vw; margin:5.85938vw auto 0 auto;}
.shop_login_complete .menu_button > * {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:2.60417vw; font-weight:700; text-align:center; color:#fff; border-radius:1.30208vw; background:#000;}
.shop_login_complete .menu_button > *.disabled,
.shop_login_complete .menu_button > *:disabled {background:#ccc; color:#fff;}

.find_pass {width:100%; margin:0 auto;}
.find_pass .find_wrap {padding:7.48698vw 0 6.51041vw 0;}
.find_pass .find_desc {font-size:2.60417vw; color:#000; font-weight:700; line-height:3.90625vw; text-align:center;}
.find_pass .find_input {width:46.875vw; margin:5.53385vw auto 0 auto;}
.find_pass .find_input .item {width:100%; margin-top:2.60417vw;}
.find_pass .find_input .item:first-child {margin-top:0;}
.find_pass .find_input .item input {display:block; width:46.875vw; height:5.20833vw; padding:0 2.01823vw; border:0.13021vw solid #333; box-sizing:border-box; font-size:2.08333vw; color:#000; letter-spacing:0;}
.find_pass .find_input .item input::placeholder {color:#999;}
.find_pass .find_input .item input:-ms-input-placeholder {color:#999;}
.find_pass .find_input .item input::-ms-input-placeholder {color:#999;}
.find_pass .find_button {width:46.875vw; height:7.8125vw; margin:5.20833vw auto 0 auto; border-radius:1.30208vw; background:#000;}
.find_pass .find_button > * {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:2.60417vw; font-weight:700; text-align:center; color:#fff;}

.check_pass {width:100%; margin:0 auto;}
.check_pass .check_wrap {padding:15.625vw 0 6.51041vw 0;}
.check_pass .check_input {width:46.875vw; margin:0 auto;}
.check_pass .check_input .item {width:100%; margin-top:2.60417vw;}
.check_pass .check_input .item:first-child {margin-top:0;}
.check_pass .check_input .item input {display:block; width:46.875vw; height:5.20833vw; padding:0 2.01823vw; border:0.13021vw solid #333; box-sizing:border-box; font-size:2.08333vw; color:#000; letter-spacing:0;}
.check_pass .check_input .item input::placeholder {color:#999;}
.check_pass .check_input .item input:-ms-input-placeholder {color:#999;}
.check_pass .check_input .item input::-ms-input-placeholder {color:#999;}
.check_pass .check_input .item em {display:block; margin-top:0.78125vw; text-align:right; font-size:1.82292vw; color:#999;}
.check_pass .check_button {display:flex; gap:1.30208vw; width:46.875vw; height:7.8125vw; margin:3.45052vw auto 0 auto;}
.check_pass .check_button > * {display:flex; justify-content:center; align-items:center; width:22.78646vw; height:100%; border-radius:1.30208vw; box-sizing:border-box; font-size:2.60417vw; font-weight:700; text-align:center; color:#fff; background:#000;}
.check_pass .check_button .btn_cancle {border:0.26042vw solid #000; background:#fff; color:#000;}

.change_pass {width:100%; margin:0 auto;}
.change_pass .change_wrap {padding:13.02083vw 0 6.51041vw 0;}
.change_pass .change_input {width:46.875vw; margin:0 auto;}
.change_pass .change_input .item {width:100%; margin-top:2.60417vw;}
.change_pass .change_input .item:first-child {margin-top:0;}
.change_pass .change_input .item input {display:block; width:46.875vw; height:5.20833vw; padding:0 2.01823vw; border:0.13021vw solid #333; box-sizing:border-box; font-size:2.08333vw; color:#000; letter-spacing:0;}
.change_pass .change_input .item input::placeholder {color:#999;}
.change_pass .change_input .item input:-ms-input-placeholder {color:#999;}
.change_pass .change_input .item input::-ms-input-placeholder {color:#999;}
.change_pass .change_input .item em {display:block; margin-top:0.78125vw; text-align:right; font-size:1.82292vw; color:#999;}
.change_pass .change_button {display:flex; gap:1.30208vw; width:46.875vw; height:7.8125vw; margin:3.45052vw auto 0 auto;}
.change_pass .change_button > * {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:1.30208vw; box-sizing:border-box; font-size:2.60417vw; font-weight:700; text-align:center; color:#fff; background:#000;}

.barcode_scan {width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.barcode_scan .scan_wrap {position:relative; width:100%; height:100%;}
.barcode_scan .scan_wrap .barcode {width:100%; padding:6.51042vw 0 0 0; box-sizing:border-box;}
.barcode_scan .scan_wrap .barcode .area_title {width:100%; font-size:2.60417vw; font-weight:700; color:#fff; text-align:center;}

/* 2022-07-04 수정 */
.barcode_scan .scan_wrap .barcode .barcode_section {position:relative; width:39.0625vw; height:16.92708vw; margin:3.25521vw auto 0 auto; overflow:hidden; background:#fff;}
.barcode_scan .scan_wrap .barcode .barcode_section video {position:absolute; left:0; top:50%; display:block; width:100%; transform:translateY(-50%);}
/* //2022-07-04 수정 */

.barcode_scan .scan_wrap .source_camera {width:100%;}
.barcode_scan .scan_wrap .source_camera .select_camera {position:relative; display:block; width:26.04167vw; max-width:400px; margin:3.25521vw auto 0 auto; overflow:hidden; background:#fff;}

.barcode_scan .scan_wrap .btn_barcode_manual {position:absolute; left:50%; bottom:3.97135vw; width:45.44271vw; margin-left:-22.72135vw;}

.order_info {width:100%;}
.order_info .info_wrap {position:relative; width:100%; padding:3.90625vw; box-sizing:border-box; overflow:hidden;}
.order_info .info_wrap .area_title {width:100%; font-size:2.60417vw; color:#000; font-weight:700;}
.order_info .info_wrap .order_detail {width:100%; margin-top:2.60417vw;}
.order_info .info_wrap .item {width:100%; margin-top:1.30208vw; font-size:0;}
.order_info .info_wrap .item:first-child {margin-top:0;}
.order_info .info_wrap .item .label {display:inline-block; min-width:9.76563vw; min-height:3.125vw; font-size:2.08333vw; color:#000; white-space:pre-wrap; vertical-align:top;}
.order_info .info_wrap .item .info {display:inline-block; font-size:0; vertical-align:top;}
.order_info .info_wrap .item .info .text {display:inline-block; min-height:3.125vw; margin-right:1.30208vw; font-size:2.08333vw; color:#000; vertical-align:top;}
.order_info .info_wrap .item .info .inp {display:inline-block; min-height:3.125vw; font-size:2.08333vw; color:#000; vertical-align:top;}
.order_info .info_wrap .item .info .inp + .inp {margin-left:1.30208vw;}
.order_info .info_wrap .item .info .inp input[type="text"] {position:relative; top:-0.26042vw; width:10.41667vw; height:3.125vw; box-sizing:border-box; border:0.13021vw solid #333; background:#fff; font-size:2.08333vw; text-align:center; line-height:2.86458vw; vertical-align:top;}
.order_info .info_wrap .item .info .inp input[type="text"].inputwide {position:relative; top:-0.26042vw; width:20.41667vw; height:3.125vw; box-sizing:border-box; border:0.13021vw solid #333; background:#fff; font-size:2.08333vw; text-align:center; line-height:2.86458vw; vertical-align:top;}
.order_info .info_wrap .item .info .inp input[type="text"].maxWidth {position:relative; top:-0.26042vw; width:22.59114vw; height:3.125vw; padding-left:2.47395vw; box-sizing:border-box; border:0.13021vw solid #333; background:#fff; font-size:2.08333vw; text-align:left; line-height:2.86458vw; vertical-align:top;}
.order_info .info_wrap .item .info .inp input[type="text"]::placeholder {color:#999;}
.order_info .info_wrap .item .info .inp input[type="text"]:-ms-input-placeholder {color:#999;}
.order_info .info_wrap .item .info .inp input[type="text"]::-ms-input-placeholder {color:#999;}
.order_info .info_wrap .item .info .inp input:disabled {color:#999;}
.order_info .info_wrap .item .info .inp select {position:relative; top:-0.26042vw; width:10.41667vw; height:3.125vw; border:0.13021vw solid #333; background:#fff; text-align:center;/* -webkit-user-select:none; user-select:none; -webkit-appearance:none; appearance:none; */}
.order_info .info_wrap .item .info .inp select:disabled {color:#999; border-color:#333; opacity:1;}
.order_info .info_wrap .item .info .inp .inp_check {position:relative; top:-0.26042vw; display:inline-block;}
.order_info .info_wrap .item .info .inp .inp_check input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.order_info .info_wrap .item .info .inp .inp_check label {display:inline-block; width:16.21094vw; height:3.125vw; background:#ccc; color:#fff; font-size:2.08333vw; text-align:center;}
.order_info .info_wrap .item .info .inp .inp_check label span {position:relative; top:0.26042vw;}
.order_info .info_wrap .item .info .inp .inp_check input:checked + label {background:#000;}
.order_info .info_wrap .item .info .inp .inp_check input:disabled + label {background:#ccc;}
.order_info .info_wrap .item .info .inp .inp_check + .inp_check {margin-left:0.84635vw;}
.order_info .info_wrap .item .info .inp .inp_check + .inp_check label {width:16.60156vw;}
.order_info .info_wrap .item .info .text + .inp input[type="text"] {left:0.58594vw;}
.order_info .info_wrap .item .item_em {display:block; margin-top:0.39062vw; padding-left:9.76562vw; font-size:1.5625vw; color:#666; line-height:2.86458vw;}
.order_info .info_wrap .item_group {width:100%; margin-top:1.30208vw;}
.order_info .info_wrap .item_group::after {content:''; display:block; clear:both;}
.order_info .info_wrap .item_group .item {float:left; width:50%; margin-top:0;}
.order_info .info_wrap .order_check {width:100%; margin-top:3.90625vw;}
.order_info .info_wrap .order_check .inp_check {position:relative; display:inline-block;}
.order_info .info_wrap .order_check .inp_check input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.order_info .info_wrap .order_check .inp_check label {position:relative; padding-left:4.29688vw; font-size:1.82292vw; color:#000;}
.order_info .info_wrap .order_check .inp_check label::before {content:''; position:absolute; left:0; top:-0.39063vw; width:2.99479vw; height:2.99479vw; background:url('../images/order_check_agree_no.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_info .info_wrap .order_check .inp_check input:checked + label::before {background:url('../images/order_check_agree.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_info .info_wrap .btn_reshoot {position:absolute; right:3.90625vw; top:3.90625vw; width:15.625vw; height:7.8125vw; border-radius:1.30208vw; box-shadow:0 0.19531vw 0.39063vw 0 rgba(0, 0, 0, 0.16); background:#fff; font-size:2.60417vw; color:#000; text-align:center;}
.order_info .info_wrap .btn_reshoot::after {content:''; position:relative; top:0.0651vw; display:inline-block; width:2.08333vw; height:2.08333vw; margin-left:0.78125vw; background:url('../images/img_s_btn_arrow_black.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_info .info_wrap .btn_box {width:100%; margin-top:2.92968vw;}
.order_info .info_wrap .btn_box .btn_order_talk_no span::after {right:-4.49219vw;}
.order_info .info_wrap .btn_box .btn_order_talk span::after {right:-5.40365vw;}

/* 2024-08-08 수정 */
.lang_en .order_info .info_wrap .item .label {min-width:11.45833vw;}
.lang_en .order_info .info_wrap .item_group .item:nth-child(2) .label {margin-left:0.65104vw; min-width:9.76563vw;}
.lang_en .order_info .info_wrap .item .item_em {margin-top:0.52083vw; line-height:2.47396vw;}
.lang_en .order_info .info_wrap .order_check {margin-top:1.69271vw;}
.lang_en .order_info .info_wrap .btn_box .btn_order_talk_no span {left:-1.82292vw;}
.lang_en .order_info .info_wrap .btn_box .btn_order_talk_no span::after {right:-3.71094vw;}
.lang_en .order_info .info_wrap .btn_box .btn_order_talk span {left:-1.69271vw;}
.lang_en .order_info .info_wrap .btn_box .btn_order_talk span::after {right:-3.45052vw;}
/* //2024-08-08 수정 */

/* 2024-02-01 수정 */
.order_user {width:100%;}
.order_user .user_wrap {position:relative; width:100%; padding:3.90625vw 3.90625vw 3.90625vw 2.40887vw; box-sizing:border-box; overflow:hidden;}
.order_user .user_wrap .user_agree {float:left; width:41.86196vw;}
.order_user .user_wrap .user_agree .area_title {width:100%; padding-left:1.49738vw; box-sizing:border-box; font-size:2.60417vw; color:#000; font-weight:700;}
.order_user .user_wrap .user_agree .agree_text {width:100%; height:23.4375vw; margin-top:2.53906vw; overflow-y:auto;}
.order_user .user_wrap .user_agree .agree_text .text_area {width:100%; height:100%; font-size:2.08333vw; line-height:2.86458vw; color:#000; word-break:keep-all;}
.order_user .user_wrap .user_agree .agree_text .text_area ul {width:100%;}
.order_user .user_wrap .user_agree .agree_text .text_area ul li {position:relative; padding-left:3.19010vw; font-size:2.08333vw; line-height:2.86458vw;}
.order_user .user_wrap .user_agree .agree_text .text_area ul li::before {content:'-'; position:absolute; left:0; top:0;}
.order_user .user_wrap .user_agree .agree_text .text_area ul li span.tx-red-bold { font-size:2.08333vw; font-weight:bold; color:#FF0000;}
.order_user .user_wrap .user_agree .agree_text .text_area ul li span.tx-orange-bold { font-size:2.08333vw; font-weight:bold; color:#FF6200;}
.order_user .user_wrap .user_agree .agree_text .text_area em {position:relative; display:block; margin-top:2.86458vw; padding-left:3.19010vw; font-size:2.08333vw; line-height:2.86458vw;}
.order_user .user_wrap .user_agree .agree_text .text_area em::before {content:'※'; position:absolute; left:0; top:0;}
.order_user .user_wrap .user_agree .agree_check {width:100%; padding-left:1.49738vw; box-sizing:border-box; margin-top:0.71615vw;}
.order_user .user_wrap .user_agree .agree_check .check_row {width:100%; margin-top:1.04167vw;}
.order_user .user_wrap .user_agree .agree_check .check_row:first-child {margin-top:0;}
.order_user .user_wrap .user_agree .agree_check .check_row .inp_check {position:relative; display:inline-block;}
.order_user .user_wrap .user_agree .agree_check .check_row .inp_check input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.order_user .user_wrap .user_agree .agree_check .check_row .inp_check label {position:relative; padding-left:4.6224vw; font-size:2.08333vw; color:#000;}
.order_user .user_wrap .user_agree .agree_check .check_row .inp_check label::before {content:''; position:absolute; left:0; top:-0.19531vw; width:2.99479vw; height:2.99479vw; background:url('../images/order_check_agree_no.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_user .user_wrap .user_agree .agree_check .check_row .inp_check input:checked + label::before {background:url('../images/order_check_agree.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_user .user_wrap .user_agree .agree_check .check_row.type_agree .inp_check:first-child {margin-right:6.1849vw;}
.order_user .user_wrap .user_agree .btn_phone_next {width:calc(100% - 1.49738vw); margin-top:2.86458vw; margin-left:1.49738vw; box-sizing:border-box;}
/* //2024-02-01 수정 */

/* 2024-08-08 수정 */
.lang_en .order_user .user_wrap .user_agree .area_title {margin-top:-0.32552vw; line-height:3.90625vw;}
.lang_en .order_user .user_wrap .user_agree .agree_text {height:18.94531vw; margin-top:2.21354vw; margin-bottom:1.30208vw;}
.lang_en .order_user .user_wrap .user_agree .agree_check .check_row.type_agree .inp_check:first-child {margin-right:8.85417vw;}
.lang_en .order_user .user_wrap .user_agree .btn_phone_next span {position:relative; left:-1.43229vw;}
/* //2024-08-08 수정 */

.order_user .user_wrap .user_phone {float:right; width:47.91667vw; margin-top:-1.36719vw;}
.order_user .user_wrap .user_phone .inp {width:100%;}
.order_user .user_wrap .user_phone .inp input[type="text"] {width:100%; height:9.57031vw; border:0.13021vw solid #333; box-sizing:border-box; background:#fff; font-size:3.38542vw; font-weight:700; color:#000; text-align:center;}
.order_user .user_wrap .user_phone .inp input[type="text"]::placeholder {color:#999; font-weight:400;}
.order_user .user_wrap .user_phone .inp input[type="text"]:-ms-input-placeholder {color:#999; font-weight:400;}
.order_user .user_wrap .user_phone .inp input[type="text"]::-ms-input-placeholder {color:#999; font-weight:400;}
.order_user .user_wrap .user_phone .phone_area {display:flex;}
.order_user .user_wrap .user_phone .phone_area .custom_select {position:relative; z-index:10;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_label {display:block; width:14.84375vw; height:9.57031vw; border:0.13021vw solid #333; box-sizing:border-box; background:#fff;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_label .placeholder {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:2.08333vw; color:#000;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_label .placeholder span {}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_label .placeholder i {position:relative; left:0; top:0.26042vw; margin-left:1.04167vw;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_label .country_code {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:3.38542vw; font-weight:700; color:#000;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_list {display:none; position:absolute; left:0; top:calc(100% + 0.78125vw); width:14.84375vw; border:0.13021vw solid #333; box-sizing:border-box; background:#fff;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_list .list_wrap {width:100%; max-height:37.63021vw; padding:0.65104vw 1.95313vw 1.17188vw 1.30208vw; box-sizing:border-box; overflow-y:auto;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_list .item {text-align:center;}
.order_user .user_wrap .user_phone .phone_area .custom_select .select_list .item > * {font-size:2.08333vw; line-height:3.90625vw; color:#000;}
.order_user .user_wrap .user_phone .phone_area .custom_select.active .select_label .placeholder {color:#999;}
.order_user .user_wrap .user_phone .phone_area .custom_select.active .select_label .placeholder i {top:-0.19531vw; transform:rotate(-180deg);}
.order_user .user_wrap .user_phone .phone_area .custom_select.active .select_label .placeholder {color:#999;}
.order_user .user_wrap .user_phone .phone_area .custom_select.active .select_list {display:block;}
.order_user .user_wrap .user_phone .phone_area .inp {width:31.25vw; margin-left:1.82292vw;}
.order_user .user_wrap .user_phone .phone_area .inp input[type="text"] {width:100%; height:9.57031vw; border:0.13021vw solid #333; box-sizing:border-box; background:#fff; font-size:3.38542vw; font-weight:700; color:#000; text-align:center;}
.order_user .user_wrap .user_phone .phone_area .inp input[type="text"]::placeholder {position:relative; top:-0.39063vw; color:#999; font-weight:400; font-size:2.08333vw;}
.order_user .user_wrap .user_phone .phone_area .inp input[type="text"]:-ms-input-placeholder {position:relative; top:-0.39063vw; color:#999; font-weight:400; font-size:2.08333vw;}
.order_user .user_wrap .user_phone .phone_area .inp input[type="text"]::-ms-input-placeholder {position:relative; top:-0.39063vw; color:#999; font-weight:400; font-size:2.08333vw;}
.order_user .user_wrap .user_phone .select_number {position:relative; width:100%; margin-top:1.17188vw; font-size:0; text-align:center;}
.order_user .user_wrap .user_phone .select_number .btn_pad {display:inline-block; width:14.84375vw; height:7.8125vw; margin:1.5625vw 0 0 1.69271vw; border-radius:1.5625vw; background:#fff; box-shadow:0 0.19531vw 0.39063vw 0 rgba(0, 0, 0, 0.16); font-size:3.90625vw; font-weight:700; color:#000; text-align:center;}
.order_user .user_wrap .user_phone .select_number .btn_pad::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.order_user .user_wrap .user_phone .select_number .btn_pad span {position:relative; left:0; top:0.45573vw;}
.order_user .user_wrap .user_phone .select_number .btn_pad:nth-child(3n + 1) {margin:1.5625vw 0 0 0;}
.order_user .user_wrap .user_phone .select_number .btn_010 {position:absolute; right:0; bottom:0; margin:0;}
.order_user .user_wrap .user_phone .select_number .btn_remove {position:absolute; right:0; bottom:0; margin:0;}
.order_user .user_wrap .user_phone .select_number .btn_remove span {left:0.26042vw; top:0.32552vw;}
.order_user .user_wrap .user_phone .select_number .btn_remove img {width:4.81771vw;}
.order_user .user_wrap .user_phone .select_number .btn_delete {position:absolute; left:0; bottom:0; margin:0; background:#ff6200; color:#fff; font-size:2.60417vw;}

.order_finish {width:100%; height:100%;}
.order_finish .finish_wrap {position:relative; display:flex; width:100%; min-height:100%; padding:3.90625vw 3.90625vw 13.90625vw 3.90625vw; box-sizing:border-box;}
.order_finish .finish_wrap .order_info {display:flex; flex-wrap:wrap; align-content:flex-start; width:56.38020vw;}
.order_finish .finish_wrap .order_info .area_title {width:100%; margin-bottom:2.60417vw; font-size:2.60417vw; font-weight:700; color:#000;}
.order_finish .finish_wrap .order_info .order_product {width:18.22917vw; height:18.22917vw; border-radius:1.5625vw; overflow:hidden;}
.order_finish .finish_wrap .order_info .order_product .product_wrap img {display:block; max-width:100%;}
.order_finish .finish_wrap .order_info .order_detail {flex:1; padding:0 0 0 2.60417vw;}
.order_finish .finish_wrap .order_info .order_detail .item {display:flex; width:100%; margin-top:1.04167vw; font-size:0;}
.order_finish .finish_wrap .order_info .order_detail .item:first-child {margin-top:0;}
.order_finish .finish_wrap .order_info .order_detail .item .label {display:inline-block; min-width:8.98438vw; min-height:3.125vw; font-size:2.08333vw; color:#000; white-space:pre-wrap; vertical-align:top;}
.order_finish .finish_wrap .order_info .order_detail .item .info {display:inline-block; font-size:0; vertical-align:top;}
.order_finish .finish_wrap .order_info .order_detail .item .info .text {display:inline-block; min-height:3.125vw; margin-right:1.30208vw; font-size:2.08333vw; color:#000; vertical-align:top;}
.order_finish .finish_wrap .order_info .order_detail .item .barcode {height:8.07291vw; margin-top:1.04167vw;}
.order_finish .finish_wrap .order_info .order_detail .item .barcode img {display:block; width:auto; height:100%;}
.order_finish .finish_wrap .phone_info {}
.order_finish .finish_wrap .phone_info .area_title {margin-bottom:2.60417vw; font-size:2.60417vw; font-weight:700; color:#000;}
.order_finish .finish_wrap .phone_info .user_phone {font-size:3.90625vw; font-weight:700; color:#000;}
.order_finish .finish_wrap .btn_box {position:absolute; left:0; bottom:3.97135vw; right:5.07813vw; width:auto;}
.order_finish .finish_wrap .btn_box .btn {width:45.44271vw; margin:0 auto;}

/* 2024-08-08 수정 */
.lang_en .order_finish .finish_wrap .order_info .order_detail .item .label {min-width:184px;}
/* //2024-08-08 수정 */

/* 2024-07-17 수정 */
.order_waiting {width:100%; height:100%;}
.order_waiting .waiting_wrap {position:relative; width:100%; height:100%; padding:3.90625vw; box-sizing:border-box; overflow:hidden; font-size:0; text-align:center;}
.order_waiting .waiting_wrap::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.order_waiting .waiting_wrap .middle_wrap {position:relative; display:inline-block; width:65.10417vw; height:32.55208vw; margin-top:2.34375vw; vertical-align:middle;}
.order_waiting .waiting_wrap .waiting_order {font-size:3.90625vw; line-height:6.51042vw; font-weight:700; color:#000;}
.order_waiting .waiting_wrap .waiting_order strong {color:#ff6200;}
.order_waiting .waiting_wrap .waiting_time {margin-top:6.64063vw; font-size:2.60417vw; color:#666; line-height:3.90625vw;}
.order_waiting .waiting_wrap .waiting_talk {font-size:2.60417vw; color:#666; line-height:3.90625vw;}
.order_waiting .waiting_wrap .waiting_caution {position:absolute; left:2.60417vw; bottom:-5.33854vw; font-size:1.5625vw; color:#666; line-height:2.86458vw; text-align:left;}
/* //2024-07-17 수정 */

/* 2024-08-08 수정 */
.lang_en .order_waiting .waiting_wrap .waiting_caution {left:0.65104vw; right:-9.11458vw; bottom:-5.33854vw;}
/* //2024-08-08 수정 */

.order_list {width:100%; height:100%;}
.order_list .list_wrap {position:relative; width:100%; height:100%; padding:6.51042vw 3.90625vw 3.90625vw 3.90625vw; box-sizing:border-box; overflow:hidden; font-size:0;}
.order_list .list_wrap .list_tab {position:absolute; left:3.90625vw; top:1.30208vw; right:3.90625vw; height:3.90625vw;}
.order_list .list_wrap .list_tab .tab_wrap {width:100%; height:100%;}
.order_list .list_wrap .list_tab .tab_wrap > * {display:inline-block; width:17.1875vw; height:3.90625vw; margin-left:1.5625vw; background:#ccc; font-size:1.88802vw; line-height:3.90625vw; text-align:center; color:#fff;}
.order_list .list_wrap .list_tab .tab_wrap > *:first-child {margin-left:0;}
.order_list .list_wrap .list_tab .tab_wrap > *.current {background:#000;}
.order_list .list_wrap .list_tab .tab_wrap > * > span {position:relative; top:-0.0651vw;}
.order_list .list_wrap .list_tab .tab_wrap > *.alarm {position:relative;}
.order_list .list_wrap .list_tab .tab_wrap > *.alarm::before {content:''; position:absolute; left:0; top:0; width:100%; height:0.26041vw; background:#ff6200; z-index:1;}
.order_list .list_wrap .list_table {display:flex; width:100%; height:100%;}
.order_list .list_wrap .list_table .list {position:relative; flex:1 1 auto; padding-top:3.97135vw; background:#fff;}
.order_list .list_wrap .list_table .list .tbl_wrap {width:100%; height:100%; box-sizing:border-box; overflow-y:auto;}
.order_list .list_wrap .list_table .list .tbl_wrap table {width:100%; table-layout:fixed;}
.order_list .list_wrap .list_table .list .tbl_wrap table thead {position:absolute; left:0; top:0; width:100%; height:3.97135vw; border-bottom:0.13021vw solid #ccc; background:#fff; z-index:10;}
.order_list .list_wrap .list_table .list .tbl_wrap table thead tr {width:100%;}
.order_list .list_wrap .list_table .list .tbl_wrap table thead th {height:3.97135vw; font-size:1.5625vw; color:#000; vertical-align:middle; text-align:left; box-sizing:border-box;}
.order_list .list_wrap .list_table .list .tbl_wrap table thead th:first-child {padding-left:2.60417vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table.tbl_wide thead th:first-child {padding-left:3.90625vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody td {height:3.38542vw; font-size:1.5625vw; color:#000; vertical-align:middle;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody tr:first-child td {padding-top:1.43229vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody tr:last-child td {padding-bottom:1.30208vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody tr td:first-child {padding-left:2.60417vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table.tbl_wide tbody tr td:first-child {padding-left:3.90625vw;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody tr.cancel td {color:#ff0000;}
.order_list .list_wrap .list_table .list .tbl_wrap table tbody tr.prev td {color:#ff6200;}
.order_list .list_wrap .list_table .list .tbl_wrap .pdl_1_6vw {padding-left:1.6vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .pdl_2_9vw {padding-left:2.9vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .align_center {text-align:center;}
.order_list .list_wrap .list_table .list .tbl_wrap .inp_check {position:relative; left:0.32552vw; top:0.19531vw; display:inline-block;}
.order_list .list_wrap .list_table .list .tbl_wrap .inp_check input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.order_list .list_wrap .list_table .list .tbl_wrap .inp_check label {position:relative; display:block; width:2.08333vw; height:2.08333vw; box-sizing:border-box; border:0.13021vw solid #000; border-radius:100%; overflow:hidden; background:#fff;}
.order_list .list_wrap .list_table .list .tbl_wrap .inp_check label::before {content:''; position:absolute; left:50%; top:50%; width:1.04167vw; height:1.04167vw; margin:-0.52083vw 0 0 -0.52083vw; background:#fff; border-radius:100%; overflow:hidden;}
.order_list .list_wrap .list_table .list .tbl_wrap .inp_check input:checked + label::before {background:#000;}
.order_list .list_wrap .list_table .btn_box {flex:0 0 auto; position:relative; width:18.22917vw; height:100%;}
.order_list .list_wrap .list_table .btn_box .btn_wrap {position:absolute; left:2.60417vw; bottom:0; right:0; font-size:0;}
.order_list .list_wrap .list_table .btn_box .btn_wrap > * {display:inline-block; width:15.625vw; height:7.8125vw; margin-top:2.60417vw; border-radius:1.30208vw; box-shadow:0 0.19531vw 0.39063vw 0 rgba(0, 0, 0, 0.16); background:#fff; font-size:2.60417vw; color:#000; text-align:center;}
.order_list .list_wrap .list_table .btn_box .btn_wrap > *::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.order_list .list_wrap .list_table .btn_box .btn_wrap > * span {position:relative; top:-0.0651vw; vertical-align:middle;}

.order_list .list_wrap .list_table .list .tbl_wrap .column1 {width:6.31719vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column2 {width:10.9375vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column3 {width:11.19792vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column4 {width:9.375vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column5 {width:9.50521vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column6 {width:6.80521vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column7 {width:10.67917vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .columnauto {width:auto;}

.order_list .list_wrap .list_table .list .tbl_wrap .column21 {width:14.77865vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column22 {width:11.19792vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column23 {width:9.375vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column24 {width:8.50521vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column25 {width:7.50521vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column26 {width:10.37917vw;}
.order_list .list_wrap .list_table .list .tbl_wrap .column27 {width:9.375vw;}

.order_list .list_wrap .list_table .list .tbl_wrap .msg1 {width:164px;}
.order_list .list_wrap .list_table .list .tbl_wrap .msg2 {width:185px;}
.order_list .list_wrap .list_table .list .tbl_wrap .msgauto {width:auto;;}

.noti_list {width:100%; height:100%;}
.noti_list .list_wrap {position:relative; width:100%; height:100%; padding:1.30208vw 3.90625vw 3.90625vw 3.90625vw; box-sizing:border-box; overflow:hidden; font-size:0;}
.noti_list .list_wrap .list_table {width:100%; height:100%;}
.noti_list .list_wrap .btn_box {position:absolute; left:3.90625vw; top:2.60417vw; right:3.90625vw; width:auto; text-align:right;}
.noti_list .list_wrap .btn_box > * {display:inline-block; font-size:1.5625vw; font-weight:700; color:#000;}
.noti_list .list_wrap .list_table .list {position:relative; width:100%; height:100%;}
.noti_list .list_wrap .list_table .list .tbl_wrap {width:100%; height:100%; box-sizing:border-box; overflow-y:auto;}
.noti_list .list_wrap .list_table .list .tbl_wrap table {width:100%; table-layout:fixed;}
.noti_list .list_wrap .list_table .list .tbl_wrap table th {height:4.55729vw; font-size:1.5625vw; color:#000; vertical-align:middle; text-align:left; font-weight:700;}
.noti_list .list_wrap .list_table .list .tbl_wrap table td {height:4.55729vw; border-bottom:0.13021vw solid #ccc; font-size:1.5625vw; color:#000; vertical-align:middle;}
.noti_list .list_wrap .list_table .list .tbl_wrap table .call td {color:#ff6200;}
.noti_list .list_wrap .list_table .list .tbl_wrap table .call th {color:#ff6200;}
.noti_list .list_wrap .list_table .list .tbl_wrap .btn_delete {position:relative; left:0; top:-0.19531vw; width:1.69271vw; height:1.69271vw; vertical-align:middle; overflow:hidden;}
.noti_list .list_wrap .list_table .list .tbl_wrap .btn_delete i {position:relative; display:block; width:1.69271vw; height:1.69271vw; transform:rotate(45deg);}
.noti_list .list_wrap .list_table .list .tbl_wrap .btn_delete i::before {content:''; position:absolute; left:50%; top:50%; width:0.13021vw; height:100%; transform:translate(-50%, -50%); background:#000;}
.noti_list .list_wrap .list_table .list .tbl_wrap .btn_delete i::after {content:''; position:absolute; left:50%; top:50%; width:100%; height:0.13021vw; transform:translate(-50%, -50%); background:#000;}

.order_setting {width:100%; height:100%;}
.order_setting .setting_wrap {position:relative; width:100%; height:100%; padding:3.90625vw; box-sizing:border-box; overflow:hidden;}
.order_setting .setting_wrap .inp select {position:relative; top:-0.26042vw; width:100%; height:5.20833vw; border:0.13021vw solid #333; background:#fff; text-align:center; font-size:2.08333vw; color:#000; font-weight:bold;/* -webkit-user-select:none; user-select:none; -webkit-appearance:none; appearance:none; */}
.order_setting .setting_wrap .code_info {float:left; width:50%; padding-right:0.65104vw; box-sizing:border-box;}
.order_setting .setting_wrap .code_info .area_title {margin-bottom:2.21354vw; font-size:2.60417vw; font-weight:700; color:#000;}
.order_setting .setting_wrap .shop_info {float:right; width:50%; padding-left:0.65104vw; box-sizing:border-box;}
.order_setting .setting_wrap .shop_info .area_title {margin-bottom:2.21354vw; font-size:2.60417vw; font-weight:700; color:#000;}
.order_setting .setting_wrap .btn_box {position:absolute; left:0; bottom:3.97135vw; right:0; width:auto;}
.order_setting .setting_wrap .btn_box .btn {width:45.44271vw; margin:0 auto;}
.order_setting .setting_wrap .btn_box .btn span::after {display:none;}
.order_setting .setting_wrap .setting_check {position:absolute; left:3.90625vw; bottom:15.625vw;}
.order_setting .setting_wrap .setting_check .inp_check {position:relative; display:inline-block;}
.order_setting .setting_wrap .setting_check .inp_check input {position:absolute; left:0; top:0; width:0.0651vw; height:0.0651vw; opacity:0;}
.order_setting .setting_wrap .setting_check .inp_check label {position:relative; padding-right:4.23177vw; font-size:2.60417vw; color:#000; font-weight:700;}
.order_setting .setting_wrap .setting_check .inp_check label::before {content:''; position:absolute; right:0; top:0.13021vw; width:2.99479vw; height:2.99479vw; background:url('../images/order_check_agree_no.svg') 50% 50% no-repeat; background-size:100% auto;}
.order_setting .setting_wrap .setting_check .inp_check input:checked + label::before {background:url('../images/order_check_agree.svg') 50% 50% no-repeat; background-size:100% auto;}

/* 세로 모드 960 수치 변환 적용 */
/* 2022-07-01 수정 */

/* 2024-07-17 수정 */
.customer_main {position:relative; width:100%; height:100%;}
.customer_main .main_wrap {position:relative; width:100%; height:100%; padding:0 0 26.04167vw 0; box-sizing:border-box; overflow:hidden;}
.customer_main .main_wrap .btn_back {position:absolute; left:4.16667vw; top:3.125vw; width:6.25vw; height:6.25vw; background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg%3E%3Cpath d='M18.779 0a2.079 2.079 0 0 1 2.06 1.8l.019.282v36.545L34 25.421a2.079 2.079 0 0 1 3.147 2.7l-.2.234-16.7 16.77a2.087 2.087 0 0 1-.344.279l-.113.067c-.039.022-.067.038-.1.055-.05.023-.1.046-.155.067s-.08.031-.12.044-.1.03-.156.043c-.037.01-.074.017-.11.024a2.884 2.884 0 0 1-.294.032H18.7q-.061 0-.122-.008l.2.009a2.09 2.09 0 0 1-.384-.035l-.091-.019a2.416 2.416 0 0 1-.182-.051l-.091-.032a1.96 1.96 0 0 1-.18-.08l-.084-.044a2.474 2.474 0 0 1-.226-.146l-.024-.018a2.091 2.091 0 0 1-.208-.182L.606 28.355a2.079 2.079 0 0 1 2.713-3.136l.233.2L16.7 38.618V2.079A2.079 2.079 0 0 1 18.779 0z' transform='rotate(90 18.367 29.369)' style='fill:%23999' data-name='Iconly/Light-Outline/Arrow---Left'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat; background-size:100% auto; z-index:100;}
.customer_main .main_wrap .btn_setting {position:absolute; right:4.16667vw; top:4.16667vw; width:6.25vw; height:6.25vw; background:url('../images/img_c_btn_setting.svg') 50% 50% no-repeat; background-size:100% auto; z-index:100;}
.customer_main .main_wrap .popup_slide {position:relative; width:100%; height:100%; background:#fff; overflow:hidden;}
.customer_main .main_wrap .popup_slide .slider_list {width:100%;}
.customer_main .main_wrap .popup_slide .slider_list img {width:100%;}
.customer_main .main_wrap .popup_slide .slider_list .slick-dots {display:none !important; position:absolute; left:0; bottom:3.125vw; width:100%; text-align:center; font-size:0;}
.customer_main .main_wrap .popup_slide .slider_list .slick-dots li {display:inline-block; margin:0 1.04167vw;}
.customer_main .main_wrap .popup_slide .slider_list .slick-dots button {display:block; width:2.08333vw; height:2.08333vw; border-radius:2.08333vw; box-sizing:border-box; background:#000; opacity:0.2;}
.customer_main .main_wrap .popup_slide .slider_list .slick-dots .slick-active button {opacity:1;}
.customer_main .main_wrap .customer_counter {position:absolute; left:4.16667vw; right:4.16667vw; bottom:30.20833vw; height:40.83333vw; border-radius:2.08333vw; box-shadow: 0 0.3125vw 0.625vw 0 rgba(0, 0, 0, 0.16); background:rgba(255,255,255,0.8); z-index:5;}
.customer_main .main_wrap .customer_counter .counter_wrap {width:100%; height:100%; padding:2.778vw 2.639vw 2.778vw 2.639vw; box-sizing:border-box; text-align:center;}
.customer_main .main_wrap .customer_counter .counter_label {margin-bottom:2.778vw; font-size:6.25vw; text-align:center; line-height:8.95833vw; color:#000;}
.customer_main .main_wrap .customer_counter .counter_time {margin: 2.361vw 0 2.778vw; font-size:6.25vw; color:#000; text-align:center; line-height:8.95833vw;}
.customer_main .main_wrap .customer_counter .counter_time span {vertical-align:middle;text-align:center; line-height:8.95833vw;}
.customer_main .main_wrap .customer_counter .counter_time .time_hm {font-size:10.41667vw; font-weight:700; color:#000; line-height:8.95833vw;}
.customer_main .main_wrap .customer_counter .counter_label2 {font-size:6.25vw; text-align:center; line-height:8.95833vw; color:#000;}
.customer_main .main_wrap .customer_counter .counter_closed {margin: 2.361vw 0 2.778vw; font-size:6.25vw; color:#000; text-align:center; line-height:8.95833vw; vertical-align:middle;}
.customer_main .main_wrap .customer_counter .counter_closed.kr {margin: 8.0556vw 0 8.0556vw;}
.customer_main .main_wrap .btn_call {position:absolute; left:4.16667vw; bottom:4.16667vw; right:4.16667vw; height:17.70833vw; border-radius:2.08333vw; background:#000; text-align:center;}
.customer_main .main_wrap .btn_call > span:first-child {position:relative; top:-0.52083vw; display:block; font-size:6.25vw; color:#fff; font-weight:700;}
.customer_main .main_wrap .btn_call > .sub {position:relative; top:0.3125vw; font-size:3.33333vw; color:#fff;}
.customer_main .main_wrap .btn_call.disabled,
.customer_main .main_wrap .btn_call:disabled {background:#ccc;}
/* //2024-07-17 수정 */

.layer {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.layer .layer_wrap {display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
.layer .layer_wrap .layer_content {width:auto; min-width:23.4375vw; height:auto; padding:1.30208vw; background:#fff; text-align:left; font-size:0;}
.layer .layer_wrap .layer_content .layer_text {display:block; font-size:1.5625vw; line-height:2.21354vw; color:#000;}
.layer .layer_wrap .layer_content .layer_button {display:block; width:100%; margin-top:2.21354vw;}
.layer .layer_wrap .layer_content .layer_button button {display:block; margin:0 auto; width:9.11458vw; height:3.25521vw; background:#000; color:#fff; line-height:3.25521vw; font-size:1.5625vw; text-align:center;}
.layer .layer_wrap .layer_content .layer_multi_button {display:flex; justify-content:space-between; width:100%; margin-top:2.21354vw;}
.layer .layer_wrap .layer_content .layer_multi_button button {margin:0 1.30208vw 0 auto;width:9.11458vw; height:3.25521vw; background:#000; color:#fff; line-height:3.25521vw; font-size:1.5625vw; text-align:center;}

.layer.setting_layer .layer_wrap .layer_content {position:relative; width:31.25vw; border-radius:1.30208vw;}
.layer.setting_layer .layer_wrap .layer_content .setting_list {width:100%;}
.layer.setting_layer .layer_wrap .layer_content .setting_list .item {font-size:2.08333vw; line-height:5.20833vw; color:#000; text-align:center;}
.layer.setting_layer .layer_wrap .layer_content .setting_list .item a {display:block; width:100%;}
.layer.setting_layer .layer_wrap .layer_content .setting_layer_close_button {position:absolute; right:0; top:-4.94792vw; width:3.90625vw; height:3.90625vw;}

.layer.login_layer .layer_wrap .layer_content {position:relative; width:65.10417vw; padding:0; border-radius:1.30208vw;}
.layer.login_layer .layer_wrap .layer_content .login_desc {padding:7.48698vw 0.65104vw 4.88281vw 0.65104vw; font-size:2.60417vw; font-weight:700; color:#000; line-height:3.90625vw; text-align:center;}
.layer.login_layer .layer_wrap .layer_content .login_button {display:flex; gap:2.60417vw; justify-content:center; width:100%; padding:0 0 7.8125vw 0;}
.layer.login_layer .layer_wrap .layer_content .login_button .login_button_change {display:flex; align-items:center; justify-content:center; width:23.4375vw; height:7.8125vw; border-radius:1.30208vw; background:#000; font-size:2.60417vw; font-weight:700; color:#fff;}
.layer.login_layer .layer_wrap .layer_content .login_button .login_button_change span::after {content:''; position:relative; top:0.0651vw; display:inline-block; width:2.08333vw; height:2.08333vw; margin-left:1.04167vw; background:url('../images/img_s_btn_login_arrow.svg') 0 0 no-repeat; background-size:100% auto;}
.layer.login_layer .layer_wrap .layer_content .login_button .login_button_next {display:flex; align-items:center; justify-content:center; width:23.4375vw; height:7.8125vw; border-radius:1.30208vw; background:#000; font-size:2.60417vw; font-weight:700; color:#fff;}
.layer.login_layer .layer_wrap .layer_content .login_button .login_button_next span::after {content:''; position:relative; top:0.0651vw; display:inline-block; width:2.08333vw; height:2.08333vw; margin-left:1.04167vw; background:url('../images/img_s_btn_login_arrow.svg') 0 0 no-repeat; background-size:100% auto;}

.layer.platform_layer .layer_wrap .layer_content {position:relative; width:57.29167vw; box-sizing:border-box; border-radius:1.30208vw;}
.layer.platform_layer .layer_wrap .layer_content .platform_select {padding:2.60417vw 0 3.90625vw 0;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .title {font-size:2.60417vw; font-weight:700; text-align:center; color:#000;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn {display:flex; justify-content:center; gap:2.86458vw; margin-top:5.20833vw;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn {width:20.83333vw; height:20.83333vw; border-radius:1.30208vw;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn.message {background:#0cc42e;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn.whatsapp {background:#0cc42e;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn.kakaotalk {background:#fae100;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn .btn_ele {display:flex; flex-direction:column; align-items:center; width:100%; height:100%;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn .btn_ele .icon {display:block; padding-top:3.25521vw;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn .btn_ele .icon img {display:block; width:10.67708vw; margin:0 auto;}
.layer.platform_layer .layer_wrap .layer_content .platform_select .platform_btn .app_btn .btn_ele .app_name {display:block; margin-top:2.73438vw; font-size:2.60417vw; font-weight:700; color:#fff; text-align:center;}

/* 2024-08-08 수정 */
.alert {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;}
.alert .alert_wrap {display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
.alert .alert_wrap .alert_content {width:64.58333vw; height:41.66667vw; border-radius:2.08333vw; background:#fff; text-align:center; font-size:0;}
.alert .alert_wrap .alert_content::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.alert .alert_wrap .alert_content .alert_text {display:inline-block; font-size:4.16667vw; line-height:6.25vw; color:#000; vertical-align:middle; font-weight:700;}
/* //2024-08-08 수정 */

/* Slider */ .slick-slider { /*position:relative*/; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }
/* //2022-07-01 수정 */

.pl20 {padding-left:2.23177vw;}

.labelFontEng {font-family: 'yellowtail', sans-serif;}
.labelFontKor {font-family: 'calligraphercrayon30',sans-serif;}

/* input error */
.radio-btn.type1 input[type=radio].error + label,
.check-box.type1 input[type=checkbox].error + label {background-position:0 -8rem;}
.radio-btn.type1 input[type=radio].error:focus + label,
.check-box.type1 input[type=checkbox].error:focus + label {background-position:-2rem -6rem;}
label.error {font-size:1.2rem; font-weight:normal; color:#f1556c; margin-top:0.5rem;}
input[type=text].error, input[type=password].error, textarea.error, input.input-file.error + .file-name {border-color:#f1556c; padding-right:4rem; background-image:url('../images/bg-invalid-true.png'); background-position:right 1rem center; background-size:1.2rem; background-repeat:no-repeat;}
input.input-file.error ~ .file-name {border:#f1556c 0.1rem solid;}
select.error {border-color:#f1556c;}

/* error html */
.error-page {min-width: 900px; min-height: 960px;}
.error-page .content-body {padding-top:100px;width: 586px; max-width: 600px; text-align: center;}
.error-page .content-body .fw-bold1 {font-size: 25px; color: #7633d4; line-height: 62px;}
.error-page .content-body .fw-bold2 {color: #333;font-size: 18px; font-weight: bolder;}
.error-page .content-body .fw-bold3 {color: #666;font-size: 15px;}
.error-page .content-body .line {width: 100%; height:1px; background-color:rgb(206, 206, 206);}
.error-page .content-body .button-lg {cursor: pointer; height: 50px; padding: 8px; border-radius: 5px; border: solid 1px #7633d4; background-color: #9a5eef; color: #ffffff; font-weight: bold; font-size: 17px; text-align: center; letter-spacing: -0.75px; margin: 14px 0;}