@charset "utf-8";

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0 PLUS
 * File         :    common.css
 * SUMMARY      :    장바구니/마이페이지/멤버십 등 공통영역
 */

/* 본 소스는 모두 비올의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* 세부요소 -------------------------------------------------------------------------------------------------------------------------------- */

/* 버튼 ======================================== */
.c_btn {background:var(--gray-mid); border:1px solid var(--gray-mid); box-sizing:border-box; padding:0 20px; white-space:nowrap; text-align:center !important; border-radius:15px; font-size:18px; height:60px; }
.c_btn {display:flex; flex-direction: row; justify-content: center; align-items: center; font-weight:600; letter-spacing:0px; line-height:1;}
.c_btn.line {background:#fff !important;}

.c_btn.color {background-image: linear-gradient(107deg, var(--color-purple) -4%, var(--color-blue) 93%); color:#fff; border:0;}
.c_btn.dark {background:var(--black-dark); border-color:var(--black-dark); color:var(--black-dark);}
.c_btn.gray {background:var(--black-mid); border-color:var(--black-mid); color:var(--black-mid);}
.c_btn.light {background:var(--gray-mid); border-color:var(--gray-mid); color:var(--black-gray);}

.c_btn.color.line {color:var(--color-blue); background:rgba(var(--color-blue-rgba),0.05) !important; border:1px solid var(--color-blue) !important;}
.c_btn.dark.line {color:var(--black-dark);}
.c_btn.gray.line {color:var(--black-mid);}

/* .c_btn.type_only_tx {border:0; height:auto !important; padding:5px 0; text-decoration:underline;}
.c_btn.type_write strong {background:transparent url('../images/c_img/ic_write.svg') left center no-repeat; background-size:15px; padding-left:18px;}
 */

.c_btn_tip {font-weight:500; color:#000; font-size:14px; display:inline-flex; justify-content:center; align-items:center; flex-direction:column; height:25px; }
.c_btn_tip strong {background:transparent url('../images/btn_tooltip.svg') left center no-repeat; background-size:14px; padding-left:18px; color:#000;}


/* 버튼박스 ======================================== */
.c_btnbox {overflow:hidden; background:#fff; padding-top:0px; box-sizing:border-box;}
.c_btnbox ul {display:flex; flex-direction:row; justify-content: center; align-items: center; gap:10px; flex:1}
.c_btnbox li {flex:1; padding:0px !important;}
.c_btnbox li.this_minor {flex:none !important; min-width:100px}
.c_btnbox .c_btn {flex:1}
.c_btnbox.type_fix {padding:var(--gap); padding-top:0px !important; flex:none}
.c_btnbox.type_small {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px}
.c_btnbox.type_small .c_btn {font-size:12px; height:25px; padding:0 10px; flex:none; border-radius:10px;}

html.if_flatform_ios .c_btnbox.type_fix {padding-bottom:env(safe-area-inset-bottom);}




/* input ======================================== */
input.input_design {width: 100%; height:55px; border: 1px solid var(--gray-mid); background:#fff; font-size:15px; padding:0 15px; box-sizing: border-box; color: #000; border-radius:10px; font-weight:500; z-index:1;}
input.input_design {transition:box-shadow 0.25s ease-out; -webkit-transition: box-shadow 0.25s ease-out; position:relative;}
input.input_design:focus {box-shadow: 0 0 10px 0 rgba(var(--color-purple-rgba), 0.5);  border-color:var(--color-purple); z-index:2; background-color:#fff !important;}
input.input_design.type_date {background:transparent url('../images/c_img/ic_date.svg') 15px center no-repeat; background-size:14px; font-weight:500; text-align:right; height:50px;}
input.input_design:disabled {background-color:var(--gray-light); opacity: 1; pointer-events:none;}




/* textarea ======================================== */
textarea.text_design {width:100%; border: 1px solid var(--gray-mid); background: #fff; font-size:15px; padding:10px 15px; box-sizing: border-box; color: #000; border-radius:10px; font-weight:500; resize:none}
textarea.text_design {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; line-height: 1.4;}
textarea.text_design:focus {box-shadow: 0 0 10px 0 rgba(var(--color-purple-rgba), 0.5);  border-color:var(--color-purple);}
textarea.text_design:disabled { background-color:rgb(var(--gray-mid)); opacity: 1; pointer-events:none}





/* Select Drop ======================================== */
.c_select {position:relative; height:55px;}
.c_select select {width:100%; height:100%; border: 1px solid var(--gray); font-size:15px; position:relative; z-index:2; border-radius:10px; padding:var(--gap); box-sizing: border-box; color:var(--black-mid); }
.c_select select {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; background:#fff; font-weight:500; padding-right:40px;}
.c_select .icon {position: absolute; right:15px; top:50%; width:12px; height:12px; z-index:3; transform:translateY(-50%); pointer-events:none}
.c_select .icon {background:transparent url('../images/arrow_down_outline.svg') center center no-repeat; background-size:12px;}
.c_select select:focus {box-shadow: 0 0 10px 0 rgba(var(--color-purple-rgba), 0.5); border: solid 1px var(--color-purple); color:var(--color-purple);}
.c_select select:focus+ .icon {filter: invert(36%) sepia(89%) saturate(2392%) hue-rotate(230deg) brightness(103%) contrast(105%);}




/* label ======================================== */
.c_labelbox {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px}

label.c_label {cursor:pointer; display:inline-flex; justify-content:flex-start; align-items:center; flex-direction:row; height:32px;}
label.c_label input {display:none;}
label.c_label .tx {font-size:14px; color:var(--black-mid); font-weight:500; display:flex; flex-direction:row; justify-content: flex-start; align-items: center; line-height:1;}
label.c_label .icon {width:22px; height:22px; box-sizing:border-box; flex:none; border:1px solid var(--gray); background:var(--gray-light); position:relative; margin-right:8px;}
label.c_label .icon:before {content:"";}
label.c_label .icon:after {content:"";}
label.c_label input[type=checkbox]+ .tx .icon {border-radius:6px;}
label.c_label input[type=checkbox]+ .tx .icon:before {position:absolute; left:3px; bottom:4px; height:7px; width:2px; background:rgba(255,255,255,0.1); border-radius:100px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
label.c_label input[type=checkbox]+ .tx .icon:before {transform-origin:right top}
label.c_label input[type=checkbox]+ .tx .icon:after {position:absolute; left:7px; bottom:6px; height:12px; width:2px; background:rgba(255,255,255,0.1); border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
label.c_label input[type=checkbox]+ .tx .icon:after {transform-origin:left bottom;}
label.c_label input[type=checkbox]:checked+ .tx .icon {background:var(--color-blue); border-color:var(--color-blue); }
label.c_label input[type=checkbox]:checked+ .tx .icon:before {background:#fff;}
label.c_label input[type=checkbox]:checked+ .tx .icon:before {animation:mv_label_check_short 0.35s ease; -webkit-animation:mv_label_check_short 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
label.c_label input[type=checkbox]:checked+ .tx .icon:after {background:#fff;}
label.c_label input[type=checkbox]:checked+ .tx .icon:after {animation:mv_label_check_long 0.35s ease; -webkit-animation:mv_label_check_long 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
label.c_label input[type=radio]+ .tx .icon {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
label.c_label input[type=radio]+ .tx .icon:before {width:6px; height:6px; background:#fff; border-radius:100px; z-index:2}
label.c_label input[type=radio]+ .tx .icon:after {width:22px; height:22px; background:var(--color-blue); border-radius:100px; transform:scale(0) translate(-50%, -50%); z-index:1; position:absolute; left:-1px; top:-1px;}
label.c_label input[type=radio]:checked+ .tx .icon:after {-webkit-animation:mv_label_radio 0.35s ease; animation-fill-mode:forwards;}

/* 라벨 애니메이션 */
@-webkit-keyframes mv_label_radio { /* 라디오 */
    0% {transform:scale(0); -webkit-transform:scale(0);}
    100% {transform:scale(1.0); -webkit-transform:scale(1.0);}
}
@keyframes mv_sy_label_radio {
    0% {transform:scale(0); -webkit-transform:scale(0);}
    100% {transform:scale(1.0); -webkit-transform:scale(1.0);}
}

@-webkit-keyframes mv_label_check_short { /* 체크박스 선1 */
    0% {transform:rotate(-45deg) scale(1,0); -webkit-transform:rotate(-45deg) scale(1,0);}
	50% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
    100% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
}
@keyframes mv_label_check_short {
    0% {transform:rotate(-45deg) scale(1,0); -webkit-transform:rotate(-45deg) scale(1,0);}
	50% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
    100% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
}

@-webkit-keyframes mv_label_check_long { /* 체크박스 선2 */
    0% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
	50% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
    100% {transform:rotate(45deg) scale(1,1); -webkit-transform:rotate(45deg) scale(1,1);}
}
@keyframes mv_label_check_long {
    0% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
	50% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
    100% {transform:rotate(45deg) scale(1,1); -webkit-transform:rotate(45deg) scale(1,1);}
}




/* Label : onoff Checkbox ========================================= */
label.c_label_onoff {position:relative; height:26px; display:inline-flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
label.c_label_onoff * {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
label.c_label_onoff *:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
label.c_label_onoff input {display:none;}
label.c_label_onoff .icon {position:relative; width:45px; height:26px; background:var(--gray); border-radius:100px; box-sizing:border-box;}
label.c_label_onoff .icon:before {content:"";position:absolute; left:2px; top:50%; transform:translateY(-50%); width:22px; height:22px; background:#fff; border-radius:100%;}
label.c_label_onoff input:checked+ .icon {background:var(--color-blue);}
label.c_label_onoff input:checked+ .icon:before {left:calc(100% - 24px);}
label.c_label_onoff .tx {font-weight:500; color:#000; order:-1}
label.c_label_onoff input:checked+ .icon+ .tx {color:var(--color-blue);}




/* 내용없음 ======================================== */
.c_none {text-align:center; display:flex; justify-content: center; align-items: center; flex-direction:column; flex:1; box-sizing:border-box; height:100%; padding:30px 0; }
.c_none .gtxt {font-size:14px; line-height:1.4; color:var(--gray);}
.c_none .gtxt:before {content:""; background:transparent url('../images/ic_list_none.svg') center center no-repeat; background-size:40px !important; height:40px; display:block; margin-bottom:10px;}
.c_none .gtxt:before {opacity: 0.2; filter: alpha(opacity=20); -ms-filter:alpha(opacity=20);}




/* 캐시표시 ========================================= */
.c_cash {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; position:relative;}
.c_cash strong {font-size:16px; color:var(--color-blue); font-weight:700; line-height:1; margin-left:3px;}
.c_cash:before {content:""; width:16px; height:16px; background:transparent url('../images/ic_cash.svg?v=1') center center no-repeat; border-radius:100px; background-size:100%; position:relative; z-index:2}
.c_cash:before {filter: invert(14%) sepia(91%) saturate(7477%) hue-rotate(242deg) brightness(98%) contrast(107%);}





/* 페이지네이트 ======================================== */
.c_pagi {position:relative; margin-top:20px;}
.c_pagi .inner {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.c_pagi .nextprev {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.c_pagi .nextprev .btn {font-size:0px; box-sizing:border-box;}
.c_pagi .nextprev .btn span {font-size: 0;}
.c_pagi .nextprev .btn .icon {width: 30px; height: 30px; background-position: center center !important; background-repeat: no-repeat !important;}
.c_pagi .nextprev .btn .icon {background-size: auto 20px !important;}
.c_pagi .nextprev .btn .ok {display:none; }
.c_pagi .nextprev .btn .no {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); pointer-events: none !important;}
.c_pagi .nextprev .click .ok {display:block;border-radius:100px; }
.c_pagi .nextprev .click .no {display:none; }
.c_pagi .nextprev .ic_prev {margin-right: 5px;}
.c_pagi .nextprev .ic_prev .icon {background-image: url('../images/c_img/c_arrow_prev.svg');}
.c_pagi .nextprev .ic_next {margin-left: 5px;}
.c_pagi .nextprev .ic_next .icon {background-image: url('../images/c_img/c_arrow_next.svg');}
.c_pagi .nextprev .btn_num {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.c_pagi .nextprev .btn_num .more {width: 30px; height: 30px; background: transparent url('../images/c_img/c_pagi_more.svg') center center no-repeat; background-size: 9px auto !important;}
.c_pagi .number {display: flex; flex-direction: row; justify-content: center; align-items: center; gap:10px}
.c_pagi .number .hit {color: #fff !important; background: #222 !important; border-color: #222 !important;}
.c_pagi .num {font-size: 13px; color: #222; background: transparent; border: 1px solid #e5e5e5; border-radius: 100%; font-weight:600;}
.c_pagi .num {display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 30px; height: 30px; box-sizing: border-box; padding:0 5px;}
.c_pagi .btn_area {position:absolute; right:0;}




/* 팝업창(관리자설정) ======================================== */
.c_popup {position:fixed; left:0; top:0 !important; width:100%; z-index:9999999; width:100%; height:100%; background:transparent; padding-top:70px; box-sizing: border-box;}
.c_popup {display:flex; justify-content: flex-end; align-items:stretch; flex-direction:column; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.c_popup+ .c_popup {visibility:hidden}
.c_popup .pop_wrap {z-index:100; position:relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; max-height: 100%; width:100%; border-radius:30px 30px 0 0; overflow:hidden;}
.c_popup .img_box {display: flex; flex-direction: column; justify-content: center; align-items: stretch; flex:1; overflow-y:auto;}
.c_popup .img_box img {width: 100%; max-width: 900px; max-height:700px; min-width: 300px;}
.c_popup .img_box a {font-size: 0; width:100%;}
.c_popup .editor_box {overflow-y:auto; background:#fff; padding:20px; box-sizing:border-box; flex:1; overflow-y:auto;}
.c_popup .close_box {background: #fff; flex:none; padding:15px;}
.c_popup .close_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:10px}
.c_popup .close_box li {flex: 1;}
.c_popup .close_box .btn {height:50px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; background:var(--gray-mid); border-radius:15px;}
.c_popup .close_box .btn .tt {font-size: 13px; line-height: 1; color: #333; font-weight: 500;}
.c_popup .close_box .btn input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.c_popup_bg {background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;}
.c_popup .close_box li:first-of-type .btn {background:var(--black-dark); color:#fff;}
.c_popup .close_box li:first-of-type .btn .tt {color:#fff;}

html.if_flatform_ios .c_popup .close_box {padding-bottom:env(safe-area-inset-bottom);}




/* 다음주소찾기 ======================================== */
.post_popup_section {position:fixed; left:0; top:0; background:#fff; width:100% !important; height:100% !important; box-sizing:border-box;}
.post_popup_section {display:flex; justify-content: center; align-items: center; flex-direction:column; z-index:1000}
.post_popup_section> div {max-width:400px !important; height:500px !important; order:1}
.post_popup_section .post_close_btn {position:static !important; order:2; width:400px !important;}

html.if_flatform_ios .post_popup_section {padding-top:env(safe-area-inset-top);}
html.if_flatform_ios .post_popup_section .post_close_btn {padding-bottom:env(safe-area-inset-bottom)}




/* 텍스트 아이콘 ======================================== */
.c_tag {height:25px; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; white-space:nowrap; border-radius:100px;}
.c_tag {font-size:11px !important; line-height: 1; cursor:default; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; font-weight:500;}
.c_tag.black {background:#000 !important; border-color:#000 !important; color:#fff !important;}
.c_tag.light {background:#ccc !important; border-color:#ccc !important; color:#fff !important;}
.c_tag.gray {background:#f5f5f5 !important; border-color:#ccc !important; color:#888 !important;}
.c_tag.red {background:#e10000 !important; border-color:#e10000 !important; color:#fff !important;}
.c_tag.blue {background:#0065e3 !important; border-color:#0065e3 !important; color:#fff !important;}
.c_tag.green {background:#00b108 !important; border-color:#00b108 !important; color:#fff !important;}
.c_tag.black.line {color:#000 !important; background:#fff  !important;}
.c_tag.light.line {color:#aaa !important; background:#fff  !important;}
.c_tag.red.line {color:#e10000 !important; background:#fff  !important;}
.c_tag.blue.line {color:#0065e3 !important; background:#fff  !important;}
.c_tag.green.line {color:#00b108 !important; background:#fff  !important;}








/* 레이어 -------------------------------------------------------------------------------------------------------------------------------- */

/* 기본 레이어 ======================================== */
.c_layer {position:fixed; right:0; top:100%; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; z-index:1000;}
.c_layer.height_normal .wrapping {height:auto !important;}
.c_layer .bg_close {position:fixed; left:0; top:100%; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1;}
.c_layer .bg_close {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}
.c_layer .wrapping {position:relative; z-index:2; width:100%; max-width:100%; background:#fff; border-radius:10px; box-sizing:border-box; padding:15px;}
.c_layer .wrapping {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; overflow:hidden;}
.c_layer .tit_box {display:flex; flex-direction:row; justify-content:space-between; align-items:center; box-sizing:border-box; border-bottom:1px solid #eee; flex:none; padding-bottom:15px;}
.c_layer .tit_box .tit {color:#000; font-size:17px; line-height:1; font-weight:700; flex:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.c_layer .tit_box .btn_close {width:30px; height:30px; font-size:0;}
.c_layer .tit_box .btn_close {background:transparent url('../images/c_img/ic_close.svg') right center no-repeat; background-size:13px auto !important;}
.c_layer .conts_box {overflow-y:auto; overflow-x:hidden; padding-top:15px; box-sizing:border-box; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1;}
.c_layer .c_form.type_single {flex:1}
.c_layer .c_form.type_single {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column}
.c_layer .c_form.type_single .form_ul {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.c_layer .c_form.type_single .this_full {flex:1; display:flex; justify-content:stretch; align-items:flex-start; flex-direction:column;}
.c_layer .c_form.type_single .this_full .text_design {flex:1}
.c_layer .c_btnbox {margin-top:auto; padding-top:30px;}
.c_layer .c_btnbox ul {width:250px}

.c_layer.type_password .wrapping {max-width:400px}

.c_layer.if_open_layer {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); top:0; }
.c_layer.if_open_layer .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); top:0;}

/* 티켓지도 */
.c_layer .place_info {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; flex:1}
.c_layer .place_info .map_box {min-height:350px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; flex:1}
.c_layer .place_info .info_box {margin-top:15px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:5px}
.c_layer .place_info .info_box dl {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:13px;}
.c_layer .place_info .info_box dt {color:#999; width:50px;}
.c_layer .place_info .info_box dd {color:#333; font-weight:500; flex:1}

/* 티켓QR코드 */
.c_layer.type_ticket_qr .wrapping {background:#e5e5e5; padding-bottom:30px;}
.c_layer.type_ticket_qr .conts_box {padding-top:0px;}
.c_layer.type_ticket_qr .tit_box {border-bottom:0;}
.c_layer .qr_box {}
.c_layer .qr_box .qrcode {display:flex; justify-content:center; align-items:center; flex-direction:column; background:#fff; border-radius:10px; }
.c_layer .qr_box .code_img {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; box-sizing:border-box; margin:30px 0; width:200px; height:200px;}
.c_layer .qr_box .code_img {background:transparent url('../images/c_img/qr_load.gif') center center no-repeat; background-size:80px !important;}
.c_layer .qr_box .code_img img {max-width:100%;}
.c_layer .qr_box .code_num {padding:20px 0; border-top:2px dashed #e5e5e5; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}
.c_layer .qr_box .code_num .number {font-weight:700; color:#000; font-size:18px;}
.c_layer .qr_box .code_num .state {font-size:12px; font-weight:500; margin-top:5px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_layer .qr_box .code_num .state .possible {color:#0065e3;}
.c_layer .qr_box .code_num .state .complete {color:#e10000;}
.c_layer .qr_box .code_num .state em {margin:0 5px; color:#ccc;}
.c_layer .qr_box .code_num:before {content:""; width:20px; height:20px; background:#e5e5e5; border-radius:100px; position:absolute; left:-10px; top:-10px;}
.c_layer .qr_box .code_num:after {content:""; width:20px; height:20px; background:#e5e5e5; border-radius:100px; position:absolute; right:-10px; top:-10px;}
.c_layer .qr_box .all_complete {position:absolute; right:-30px; top:-30px; z-index:10; width:70px; height:70px; text-align:center; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.c_layer .qr_box .all_complete {border-radius:100px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_layer .qr_box .all_complete {backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(5px); background-color:rgba(0, 0, 0, 0.6); display:none;}
.c_layer .qr_box .all_complete {font-size:13px; font-weight:400; color:#fff; line-height:1.2; transform:rotate(-25deg);}
.c_layer .qr_box .tip {box-sizing:border-box; color:#888; text-align:center; font-size:12px; margin-top:15px;}
.c_layer .qr_box.if_all_use .all_complete {display:flex}
.c_layer .qr_box.if_all_use .code_img img {opacity:0.1; filter:alpha(opacity=10); -ms-filter:alpha(opacity=10);}

/* 테이블정보(레벨) */
.c_layer .table_list {display:table; width:100%; box-sizing:border-box; background:#fff;}
.c_layer .table_list ul {display:table-row;}
.c_layer .table_list li {display:table-cell; vertical-align:middle; padding:10px; border:1px solid #e5e5e5; line-height:1.4; color:#333; text-align:center; font-size:12px;}
.c_layer .table_list .thead {background:#f5f5f5 !important;}
.c_layer .table_list .thead li {font-weight:500; color:#666 !important;}
.c_layer .table_list .hit li {color:#e10000 !important}
.c_layer .table_list .tit {background:#f5f5f5; font-weight:600;}

/* 리뷰 */
.c_layer .review_conts {}
.c_layer .review_conts .photo {margin-bottom:10px; display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}
.c_layer .review_conts .photo img {max-width:100%; max-height:600px}
.c_layer .review_conts .rv_cont {line-height:1.4;}

/* 리뷰전체(게시판) */
.c_layer.type_allreview .wrapping {max-width:700px;}

/* 리뷰 신고하기 */
.c_layer .report {}
.c_layer .report .top_tit {font-size:17px; color:#000; line-height:1.4;}
.c_layer .report .top_tit strong {font-weight:500;}
.c_layer .report ul {margin-top:20px;}
.c_layer .report li {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.c_layer .report li+ li {margin-top:5px;}
.c_layer .report .label_d {}
.c_layer .report .label_d input {display:none;}
.c_layer .report .label_d .tx {height:45px; display:flex; justify-content:flex-start; align-items:center; font-size:13px; color:#888;}
.c_layer .report .label_d .tx {border:1px solid #eee; border-radius:5px; padding:0 15px; box-sizing:border-box; background:#f0f0f0;}
.c_layer .report .label_d input:checked+ .tx {border:2px solid #000; background:#fff; color:#000; padding-left:14px;}
.c_layer .report textarea.text_design {border-radius:5px;}