@charset "UTF-8";

*{margin:0; padding: 0;	-webkit-touch-callout:none; -webkit-tap-highlight-color:transparent;}

.sh1 { line-height:1.4; font-family: "NanumS", "Malgun Gothic", "serif" !important; font-size:14px; color:#363636; letter-spacing:-0.2px; background-color: #fff;}
.sh1 *{font-family: "NanumS", "Malgun Gothic", "Sans Serif" !important;}
.sh1 button {font-size:15px; outline:none; border:0; background-color:transparent;}
.sh1 input[type="text"] {font:14px;}
.sh1 span {top:0}
.sh1 input[type="number"]:focus::placeholder, .sh1 input[type="text"]:focus::placeholder {color:transparent !important;}

/* btns */
[class^="btn_"]:active {opacity:0.8;}
[class^="btn_"] > i {display:block; margin:0 auto; text-indent:-9999px; overflow:hidden; white-space:nowrap;}
.btn_back > i {margin-left:14px; width:14px; height:20px; background:url(../images/sh1/btn_ic_back.svg) no-repeat 0 0; background-size:100%;}
.btn_menu > i {margin-right:16px; width:20px; height:18px; background:url(../images/sh1/btn_ic_menu.svg) no-repeat 0 0; background-size:100%;}
.btn_home > i {margin-right:16px; width:20px; height:20px; background:url(../images/sh1/btn_ic_home.svg) no-repeat 0 0; background-size:100%;}

.btn_refresh {color:#999; border-radius:10px; padding:4px 10px; border:1px solid #999 !important;}
.btn_close {width:40px; height:40px;}
.btn_close > i {width:18px; height:18px; background:url(../images/sh1/btn_ic_x.svg) no-repeat 0 0; background-size:100%;}
.btn_i_seh > i {width:40px; height:40px; background:url(../images/sh1/ic_seh.svg) no-repeat center; background-size:70%;}
.btn_i_add,.btn_i_del,.btn_i_del02 {width:40px; height:40px; border-radius:15px; border:1px solid #5d2fb3 !important;}
.btn_i_add > i { width:20px; height:20px; background:url(../images/sh1/ic_add.svg) no-repeat center; background-size:100%;}
.btn_i_del > i { width:15px; height:15px; background:url(../images/sh1/ic_x02.svg) no-repeat center; background-size:100%;}
.btn_i_del02 > i { width:15px; height:15px; background:url(../images/sh1/ic_minus.svg) no-repeat center; background-size:100%;}
.btn_i_add:active,.btn_i_del:active,.btn_i_del02:active  {opacity:1; background-color:#f2eef8 !important;}
.btn_i_seh:active {opacity:0.3;}

.btn_t {display:inline-block; padding:0 10px; height:40px; text-align:center; font-size:15px; line-height:38px; color:#5d2fb3; white-space:nowrap; font-weight:bold; border:1px solid #5d2fb3 !important; border-radius:30px; background-color:#fff !important;}
.btn_t:active {background:#ebeff4 !important; opacity:1;}
.btn_t_f {display:inline-block; padding:0 10px; height:40px; text-align:center; font-size:15px; line-height:38px; color:#fff; white-space:nowrap; font-weight:bold; border:1px solid #5d2fb3 !important; border-radius:30px; background-color:#5d2fb3 !important;}
.btn_t_wh {display:inline-block; padding:0 10px; height:40px; text-align:center; font-size:15px; line-height:38px; color:#fff; white-space:nowrap; font-weight:bold; border:1px solid #fff !important; border-radius:30px; background-color:#5d2fb3 !important;}


.btn_useinfo {position:relative; display:inline-block; height:40px; padding:0 40px 0 60px; font-weight:bold; line-height:38px; text-align:right; color:#5d2fb3; border-radius:20px; border:1px solid #5d2fb3;}
.btn_useinfo::before {content:'!'; position:absolute; top:1px; left:1px; display:block; width:36px; height:36px; border-radius:50%; line-height:36px; 
	font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#5d2fb3;}

[class^="btn_"]:disabled, .disabled {color:#ccc; border-color:#ccc !important; cursor:not-allowed; pointer-events:none;}

/* common */
.sh1-container {padding:48px 0 70px;}
.sh1 header {position:fixed; top:0; left:0; right:0; z-index:20; height:48px; border-bottom:1px solid #ddd; background-color:#fff;}
.sh1 header h2 {text-align:center; margin:0 50px; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.sh1 header .btn_back,.sh1 header .btn_menu, .sh1 header .btn_home {position:absolute; top:0; width:48px; height:48px;}
.sh1 header .btn_back:active,.sh1 header .btn_menu:active {opacity:0.6;}
.sh1 header .btn_back {left:0;}
.sh1 header .btn_menu, .sh1 header .btn_home {right:0;}

.sh1 .mt20 {margin-top:20px;}
.sh1 .mt-10 {margin-top:-10px !important;}
.sh1 .hide {display:none !important;}

.sh1 .txt_b {font-weight:bold !important;}
.sh1 .txt_col {color:#5d2fb3 !important;}

.sh1 .btnwrap_f {margin:50px 4px 30px; display:flex; justify-content:center;}
.sh1 .btnwrap_f button {width:50%; margin:0 4px;}
.sh1 .btnwrap_f.full button {width:100%; margin:0 4px;}


/* tab tyle */
.sh1 .tab ul {display:flex; justify-content:center;}
.sh1 .tab li {position:relative; width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.sh1 .tab li:last-child {border-right:none;}
.sh1 .tab li > a {display:block; height:40px; text-align:center; line-height:40px; font-size:16px; color:#747474;}
.sh1 .tab li.on {border-top:3px solid #4d2a90; border-bottom:none;}
.sh1 .tab li.on > a {font-weight:bold; color:#4d2a90;}
.sh1 .tab li .btn_refresh {position:absolute; top:5px; right:10px;}

.sh1 .pannel {padding:0 20px;}
.sh1 .pannel .sort {margin:20px 0; border-bottom:solid #ddd 1px;}
.sh1 .pannel .selectwrap {position:relative; border:1px solid #4d2a90; border-radius:30px; margin-bottom:10px; background:#f4f4f4;}
.sh1 .pannel .selectwrap input[type="text"] {border:none; margin-bottom:0; outline:none;}
.sh1 .pannel .selectwrap > .ic_togle {position:absolute; top:12px; right:15px; width:16px; height:14px;}
.sh1 .pannel .selectwrap > .ic_togle.down {background:url(../images/sh1/btn_ic_toggle.svg) no-repeat; background-size:100%;}
.sh1 .pannel .selectwrap > .ic_togle.up {top:8px; transform:rotate(180deg); background:url(../images/sh1/btn_ic_toggle.svg) no-repeat; background-size:100%;}
.sh1 .pannel .sort_option {margin-top:-10px;}
.sh1 .pannel .sort_option button {text-align:left; padding:10px 0; width:100%; padding-left:20px; border-bottom:1px solid #f6f6f6; }
.sh1 .pannel .sort_option button:active {background:#f7f7f7; border-radius:30px;}
.sh1 .pannel .sort_option button:last-child {border:none;}

/*box style */
.sm_box_ty01 {margin-bottom:20px;}
.sm_box_ty01 ul {border-radius:20px; border:1px solid #5d2fb3; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); overflow:hidden; background-color:#5d2fb3;}
.sm_box_ty01 li {position:relative; float:left; padding:8px 10px 6px; overflow:hidden; width:50%; border-bottom:1px solid #cecece; border-top:none; 
	background-color:#fff; white-space:nowrap;}
.sm_box_ty01 li::after {content:""; display:block; clear:both;}
.sm_box_ty01 li span {display:block; opacity:0.7; font-size:13px;}
.sm_box_ty01 li em {display:block; font-size:15px; font-weight:bold; white-space: nowrap; overflow: hidden;}
.sm_box_ty01 li:first-child {float:none; width:100%; padding:6px 10px; font-size:20px; border-bottom:none; background:#5d2fb3; color:#fff;}
.sm_box_ty01 li:first-child em {font-size:24px; letter-spacing:1px;}
.sm_box_ty01 li:first-child > span, .sm_box_ty01 li:nth-child(2) > span,.sm_box_ty01 li:nth-child(3) > span,.sm_box_ty01 li:nth-child(4) > span   {
	display:inline-block; vertical-align:middle;}
.sm_box_ty01 li:first-child > em, .sm_box_ty01 li:nth-child(2) em,.sm_box_ty01 li:nth-child(3) em, .sm_box_ty01 li:nth-child(4) em {
	display:inline-block; vertical-align:middle; word-break: break-all;}
.sm_box_ty01 li:nth-child(2),.sm_box_ty01 li:nth-child(3),.sm_box_ty01 li:nth-child(4)   {float:none; width:100%; line-height:38px;}

.sm_box_ty01 li:nth-child(5),.sm_box_ty01 li:nth-child(7), .sm_box_ty01 li:nth-child(9) {border-right:1px solid #cecece;}

.sm_box_ty01 li:last-child {float:none; width:100%; display:flex; justify-content:center; border:none; padding:10px 6px; white-space:nowrap; background-color:#efefef;}
.sm_box_ty01 .btnwrap01 {display:flex; width:100%; justify-content:center;}
/* .sm_box_ty01 .btnwrap02 {display:flex; width:60%; justify-content:center;} */
.sm_box_ty01 .btnwrap01 a, .sm_box_ty01 .btnwrap02 a {margin:0 2px; width:50%;}

.sm_box_ty01 .status {position:absolute; top:6px; right:10px;}
.sm_box_ty01 .status span {display:inline-block; padding:0 5px; height:24px; line-height:24px; font-size:12px; color:#fff; border-radius:5px; opacity:1;}
.sm_box_ty01 .status_i_01 {background:#bbbec2;}
.sm_box_ty01 .status_i_02 {background:#5d8dc8;}
.sm_box_ty01 .status_i_03 {background:#1aadcd;}
.sm_box_ty01 .status_i_04 {background:#956be4;}


.sm_box_ty02 {margin-bottom:20px;}
.sm_box_ty02 ul {border-radius:20px; border:1px solid #5d2fb3; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); overflow: hidden; background-color:#5d2fb3;}
.sm_box_ty02 li {position:relative; padding:10px; white-space:nowrap; border-bottom:1px solid #cecece; border-top:none; background:#fff;}
.sm_box_ty02 li span {display:inline-block; text-align:right; vertical-align:middle; width:80px; margin-right:10px; opacity:0.7; font-size:13px;}
.sm_box_ty02 li em {display:inline-block; font-size:15px; vertical-align:middle; font-weight:bold; white-space: nowrap; overflow: hidden;}
.sm_box_ty02 li:first-child {padding:6px 10px; font-size:20px; text-align:center; border-bottom:none; background:#5d2fb3; color:#fff;}
.sm_box_ty02 li:first-child em {font-size:18px;}
.sm_box_ty02 li:last-child {border:none; padding:10px 8px; background-color:#efefef;}
.sm_box_ty02 li:last-child .btn_t {display:block;}

.sm_box_ty03 {margin-bottom:20px;}
.sm_box_ty03 ul {border-radius:20px; border:1px solid #5d2fb3; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); overflow:hidden; background-color:#5d2fb3;}
.sm_box_ty03 li {position:relative; float:left; padding:8px 10px 6px; overflow:hidden; width:50%; border-bottom:1px solid #cecece; border-top:none; 
	background-color:#fff; white-space:nowrap;}
.sm_box_ty03 li::after {content:""; display:block; clear:both;}
.sm_box_ty03 li span {display:block; opacity:0.7; font-size:13px;}
.sm_box_ty03 li em {display:block; font-size:15px; font-weight:bold; white-space: nowrap; overflow: hidden;}
.sm_box_ty03 li:first-child {float:none; width:100%; padding:6px 10px; font-size:20px; border-bottom:none; background:#5d2fb3; color:#fff;}
.sm_box_ty03 li:first-child em {font-size:24px; letter-spacing:1px;}
.sm_box_ty03 li:first-child > span, .sm_box_ty03 li:nth-child(2) > span,.sm_box_ty03 li:nth-child(3) > span,.sm_box_ty03 li:nth-child(4) > span, .sm_box_ty03 li:nth-child(5) > span   {
	display:inline-block; vertical-align:middle;}
.sm_box_ty03 li:first-child > em, .sm_box_ty03 li:nth-child(2) em,.sm_box_ty03 li:nth-child(3) em, .sm_box_ty03 li:nth-child(4) em, .sm_box_ty03 li:nth-child(5) em {
	display:inline-block; vertical-align:middle; word-break: break-all;}
.sm_box_ty03 li:nth-child(2),.sm_box_ty03 li:nth-child(3),.sm_box_ty03 li:nth-child(4),.sm_box_ty03 li:nth-child(5)   {float:none; width:100%; line-height:38px;}

.sm_box_ty03 li:nth-child(6),.sm_box_ty03 li:nth-child(7), .sm_box_ty03 li:nth-child(9) {border-right:1px solid #cecece;}

.sm_box_ty03 li:last-child {float:none; width:100%; display:flex; justify-content:center; border:none; padding:10px 6px; white-space:nowrap; background-color:#efefef;}
.sm_box_ty03 .btnwrap01 {display:flex; width:100%; justify-content:center;}
/* .sm_box_ty03 .btnwrap02 {display:flex; width:60%; justify-content:center;} */
.sm_box_ty03 .btnwrap01 a, .sm_box_ty03 .btnwrap02 a {margin:0 2px; width:50%;}

.sm_box_ty03 .status {position:absolute; top:6px; right:10px;}
.sm_box_ty03 .status span {display:inline-block; padding:0 5px; height:24px; line-height:24px; font-size:12px; color:#fff; border-radius:5px; opacity:1;}
.sm_box_ty03 .status_i_01 {background:#bbbec2;}
.sm_box_ty03 .status_i_02 {background:#5d8dc8;}
.sm_box_ty03 .status_i_03 {background:#1aadcd;}
.sm_box_ty03 .status_i_04 {background:#956be4;}


/* choice room */
.roomchoice  {padding-bottom:300px;}
.roomchoice .head {position:relative; height:50px;}
.roomchoice .head h3 {margin-left:10px; font-size:18px; font-weight:bold; color:#5d2fb3; line-height:50px;}
.roomchoice .head .btn_refresh {position:absolute; top:12px; right:10px;}
.roomchoice .dong {position:relative; height:40vh; background:#f7f7f7;}
.roomchoice .dong .btnwrap {position:relative;}

.roomchoice .priceinfo {z-index:10; padding:10px 20px; text-align:center; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background:#f6f6f6;}
.roomchoice .priceinfo .inwrap {margin-bottom:20px;}
.roomchoice .priceinfo .room {display:block; color:#363636; font-size:16px; font-weight:bold;}
.roomchoice .priceinfo .extra {display:block; color:#5d2fb3;}
.roomchoice .priceinfo .extra > em {font-weight:bold; font-size:16px;}
.roomchoice .priceinfo .btnwrap {display:flex; justify-content:center;}
.roomchoice .priceinfo .btnwrap .btn_t {width:50%; margin:0 4px;}

.roomchoice .cho_floor {padding:15px 10px 4px; border-bottom:1px solid #bcbcbc;}
.roomchoice .cho_floor .head {height:40px;}
.roomchoice .cho_floor .head h4 {font-size:18px;}
.roomchoice .cho_floor .head h4 > em  {font-weight:bold; font-size:20px;}
.roomchoice .cho_floor .btnwrap {display:flex; margin-bottom:10px;}
.roomchoice .cho_floor .btn_floor {width:17%; height:40px; margin-right:4px; color:#5d2fb3; font-size:16px; font-weight:bold; border:1px solid #5d2fb3; background:#fff;}
.roomchoice .cho_floor .btn_floor:last-child {margin-right:0;}
.roomchoice .cho_floor .btn_floor.on {color:#fff; background:#5d2fb3;}

.roomchoice .cho_room {padding:20px 10px 8px;}
.roomchoice .cho_room .head {height:40px;}
.roomchoice .cho_room .head h4 {font-size:18px;}
.roomchoice .cho_room .head h4 > em {font-weight:bold; font-size:20px;}
.roomchoice .cho_room .head .txt {position:relative; display:block; padding-left:8px; font-size:12px; color:#999}
.roomchoice .cho_room .head .txt::before {content:"*"; position:absolute; top:0; left:0;}

.roomchoice .roomwrap_ty01 {position:relative; display:flex; justify-content:center;}
.roomchoice .roomwrap_ty01::before {content:"복"; display:block; position:absolute; top:50%; left:50%; margin:-20px 0 0 -6px; color:#989898;}
.roomchoice .roomwrap_ty01::after {content:"도"; display:block;  position:absolute; top:50%; left:50%; margin:0 0 -20px -6px ;color:#989898; display:block; clear:both;}
.roomchoice .roomwrap_ty01 ul {width:50%;}
.roomchoice .roomwrap_ty01 ul li {text-align:center; border:1px solid #989898; border-bottom:none;}
.roomchoice .roomwrap_ty01 ul li:last-child {border-bottom:1px solid #989898;}
.roomchoice .roomwrap_ty01 ul:first-child {margin-right:20px;}
.roomchoice .roomwrap_ty01 ul:last-child {margin-left:20px;}

.roomchoice .roomwrap_ty02 {position:relative;}
.roomchoice .roomwrap_ty02::before {content:"복"; display:block; position:absolute; top:50%; right:20px; margin:-20px 0 0 0; color:#989898;}
.roomchoice .roomwrap_ty02::after {content:"도"; display:block;  position:absolute; top:50%; right:20px; margin:0 0 -20px 0; color:#989898;}
.roomchoice .roomwrap_ty02 ul {margin-right:60px;}
.roomchoice .roomwrap_ty02 ul li {text-align:center; border:1px solid #989898; border-bottom:none;}
.roomchoice .roomwrap_ty02 ul li:last-child {border-bottom:1px solid #989898;}

.roomchoice li.w_floor,.roomchoice li.w_ev {margin-bottom:10px; border-bottom:1px solid #989898 !important;}
.roomchoice li.w_floor::after {content:"계단"; display:block; font-size:13px; color:#989898; border-top:1px solid #989898;}
.roomchoice li.w_ev::after {content:"E/V"; display:block; font-size:13px; color:#989898; border-top:1px solid #989898;}
.roomchoice .btn_room {width:100%; height:40px; font-size:20px; color:#5d2fb3; font-weight:bold;}
.roomchoice .btn_room.on {color:#fff; background:#5d2fb3;}

/* dong bg */
.roomchoice .mountain {background:url(../images/sh1/dong_mountain.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .mountain_expend {background:url(../images/sh1/dong_mountain_expend.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .hillcondo {background:url(../images/sh1/dong_hillcondo.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .vallicondo {background:url(../images/sh1/dong_vallicondo.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .grandhotel {background:url(../images/sh1/dong_grandhotel.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .conventionhotel {background:url(../images/sh1/dong_conventionhotel.jpg) no-repeat center; background-size:100% 100%;}
.roomchoice .pallishotel {background:url(../images/sh1/dong_pallishotel.jpg) no-repeat center; background-size:100% 100%;}

/* dong btns */
.roomchoice .btn_dong {position:absolute; font-weight:bold; color:#5d2fb3; font-size:15px; line-height:10px; width:94px; height:80px; background:url(../images/sh1/btn_dong_able.svg) no-repeat 0 0; background-size:100%;}
.roomchoice .btn_dong:active {opacity:1;}
.roomchoice .btn_dong.on {color:#fff; background:url(../images/sh1/btn_dong_on.svg) no-repeat 0 0; background-size:100%;}
.roomchoice .btn_dong.off {color:#a7a7a7; background:url(../images/sh1/btn_dong_disable.svg) no-repeat 0 0; background-size:100%;}
.roomchoice .btn_dong span {position:relative; top:-9px; display:inline-block; margin:0 auto; vertical-align:middle;}
.roomchoice .btn_dong em {font-size:24px; display:inline-block;}

/* btn position */
.dong .Adong {top:1vh; left:1vw;}
.dong .Bdong {top:2vh; left:29vw;}
.dong .Cdong {top:4vh; right:10vw;}
.dong .Ddong {top:16vh; right:2vw;}
.dong .Edong {top:20vh; left:34vw;}
.dong .Fdong {top:3vh; right:6vw;}
.dong .Gdong {top:4vh; left:4vw;}
.dong .Tdong {top:19vh; left:27vw;}
.dong .hAdong {top:18vh; left:-2vw;}
.dong .hBdong {top:16vh; left:19vw;}
.dong .hCdong {top:1vh; left:12vw;}
.dong .hDdong {top:8vh; left:2vw;}
.dong .hEdong {top:3vh; right:28vw;}
.dong .hFdong {top:6vh; right:8vw;}
.dong .hTdong {top:18vh; right:4vw;}

/* my 객실리스트 */
.sm_nodata {padding:30vh 0 0; text-align:center; color:#999;}

/* my 모바일키 */
.mymobilekey .btnwrap_f {margin-top:30px}
.mymobilekey .txtbox {text-align:center; padding:20px 0; font-size:16px;}
.mymobilekey .txtbox em {color:#5d2fb3;}
.mymobilekey .keywrap {position:relative; padding:0 30px 50px; color:#fff; overflow: hidden;}
.mymobilekey .keybox {position:relative; margin:0 auto; max-width:400px; height:450px; text-align:center; overflow:hidden; border-radius:20px; background-color:#5d2fb3;}
.mymobilekey .keybox::before {content:""; display:block; position:absolute; z-index:2; top:30px; left:50%; margin-left:-75px; width:130px; height:60px; background:url(../images/sh1/key_logo.png) no-repeat 0 0; background-size:100%;}
.mymobilekey .keybox::after {content:""; display:block; position:absolute; bottom:0; left:0; width:85%; height:60px; background:url(../images/sh1/key_bg.png) no-repeat right bottom; background-size:auto 100%;}
.mymobilekey .keybox .user {position:relative; z-index:2; margin:120px auto 50px; padding:16px 0; width:180px; line-height:24px; text-align:center; font-size:15px; 
	border:1px solid rgba(255, 255, 255, 0.3); border-left:none; border-right:none;}
.mymobilekey .keybox .roominfo {position:relative; z-index:2;}
.mymobilekey .keybox .room {margin-bottom:8px; display:block; font-size:24px;}
.mymobilekey .keybox .period {display:block; font-size:16px;}
.mymobilekey .keybox .btnwrap {position:relative; z-index:2; margin:45px 0 0;}
.mymobilekey .keybox .btnwrap > button {width:180px;}

.mymobilekey .mainkey .bg {position:absolute; top:50px; left:0; z-index:1; display:block; width:123px; height:248px; background:url(../images/sh1/mobilekey_m.png) no-repeat 0 0; background-size:100%; opacity:0.7;}
.mymobilekey .sharekey .bg {position:absolute; top:50px; left:0; z-index:1; display:block; width:123px; height:248px; background:url(../images/sh1/mobilekey_s.png) no-repeat 0 0; background-size:100%; opacity:0.7;}

.mymobilekey .receive .master {display:inline-block; padding:6px 20px; margin:0 auto 10px; color:#fff; border-radius:20px; background:#7246c5;}
.mymobilekey .receive .user {margin-bottom:20px;}
.mymobilekey .receive .btnwrap {margin:30px 0 0;}

.ic_receivekey::before {content:''; display:inline-block; margin-right:4px; width:16px; height:16px;  vertical-align:middle; 
	border-radius:50%; border:1px solid #5d2fb3; background:url(../images/sh1/ic_check.svg) no-repeat center; background-size:10px;}
.ic_notyetkey::before {content:''; display:inline-block; margin-right:4px; width:16px; height:16px;  vertical-align:middle; 
	border-radius:50%; border:1px solid #cc1f1f; background:url(../images/sh1/ic_x.svg) no-repeat center; background-size:10px;}

/* add1130 */
.keybox.wh_key {background-color:#fff; border:1px solid #5d2fb3;}
.keybox.wh_key::before {content:''; background:url(../images/sh1/key_logo02.png) no-repeat 0 0; background-size:100%;}
.keybox.wh_key::after {content:''; background:url(../images/sh1/key_bg02.png) no-repeat right bottom; background-size:auto 100%;}
.keybox.wh_key .user {color:#5d2fb3; border-color:#5d2fb3;}
.keybox.wh_key .roominfo {color:#5d2fb3;}

/* swipe box -pagination */
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.swiper-pagination-bullet-active {background:#5d2fb3;}

/*  약관동의 */
.agree_all {position:relative; margin:40px 15px 10px; padding:0 5px 20px; font-size:16px; font-weight:bold; border-bottom:1px solid #d8d8d8;}
.agree_all .switch {position:absolute; top:-4px; right:10px;}

/* check style - check */
.checkbox_chk {position:relative;}
.checkbox_chk .check {position:relative; display:block;}
.checkbox_chk .check input[type="checkbox"] {opacity:0; display:none;}
.checkbox_chk .check input[type="checkbox"] + label {position:relative; display:block; z-index:2; padding:0; white-space:nowrap;}
.checkbox_chk .checkmark {position:absolute; top:0; right:0; width:20px; height:20px; border:1px solid #c1c1c1;} 
.checkbox_chk .check input:checked ~ .checkmark {border-color:#5d2fb3; background:#5d2fb3} 
.checkbox_chk .check input:checked ~ .checkbox_chk .checkmark:after {display:block;} 
.checkbox_chk .checkmark::after {content:''; display:block; position:absolute;	top:50%; left:50%; width:18px; height:18px;	margin:-9px 0 0 -9px;
		background:url('../images/sh1/ic_check_wh.svg') no-repeat center; background-size:100%;} 

/* check style - radio */		
.checkbox_radio {padding-left:0;}
.checkbox_radio .check {display:inline-block; position:relative; margin-right:0;}
.checkbox_radio .check input[type="radio"] {opacity:0; display:none;}
.checkbox_radio .check input[type="radio"] + label {position:relative; z-index:2; padding:0.3em 0; padding-left:18px; color:#999; font-weight:bold; font-size:15px;}
.checkbox_radio .check input[type="radio"]:checked + label {color:#5d2fb3;}
.checkbox_radio .checkmark {position:absolute; top:50%; margin-top:-7px; left:0; width:14px; height:14px; border-radius:50%; background-color:#fff; border:1px solid #c6c6c6;} 
.checkbox_radio .check input:checked ~ .checkmark {background-color:#fff; border-color:#5d2fb3;} 
.checkbox_radio .checkmark:after {content:''; display:none; position:absolute;} 
.checkbox_radio .check input:checked ~ .checkmark:after {display:block;} 
.checkbox_radio .checkmark:after {content:'';	top:50%; left:50%; width:6px; height:6px;	margin:-3px 0 0 -3px;	background:#5d2fb3; border-radius:50%;} 

.agreebox {margin:10px; border-radius:20px; border:1px solid #d8d8d8; overflow:hidden;}
.agreebox .head {position:relative;  padding:20px 15px 10px; font-weight:bold; border-bottom:1px solid #d8d8d8;}
.agreebox .head > span {position:relative; top:-4px; display:inline-block;}
.agreebox .head  .switch {position:absolute; top:50%; right:15px; margin-top:-15px;}
.agreebox .head .optwrap {position:absolute; top:15px; right:10px;}
.agreebox .head .optwrap label {vertical-align:middle; margin-right:6px;}
.agreebox .head .optwrap label > input[type="radio"] {vertical-align:-1px;}
.agreebox .cont {padding:20px 15px;}
.agreebox .foot {padding:10px; text-align:right; background:#f7f7f7;}
.agreebox .foot a {color:#5d2fb3; font-weight:bold;}
.agreebox .foot a:active {opacity:0.7;}
.agreebox .foot a::after {content:''; display:inline-block; margin-left:4px; width:12px; height:12px;
	 background:url(../images/sh1/ic_arow01.svg) no-repeat center; background-size:100%;}

.txtbox_ty01 h3 {margin-bottom:10px;}
.txtbox_ty01 ul {margin-left:15px;}
.txtbox_ty01 li {text-indent:-15px;}
.txtbox_ty01 .sm_txt_line {display:block; text-indent:-15px; margin-left:10px;}

/* swiwtch style */
.switch {position:relative; display:inline-block; width:50px; height:30px;}
.switch input {display:none;}
.switch .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom: 0; background-color:#cecece; transition:.4s;}
.switch .slider:before {content:""; position:absolute; height:25px; width:25px; left:2px; top:2px; background:#fff; transition:.4s;}
.switch input:checked + .slider {background:#5d2fb3;}
.switch input:focus + .slider {box-shadow:0 0 3px #ebebeb;}
.switch input:checked + .slider:before {transform:translateX(21px);}
.slider.round {border-radius:50px;}
.slider.round:before {border-radius:50%; box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.06);}

/* 모바일 체크인 */
.sm_checkin {margin:0 20px;}
.sm_checkin .msgbox {margin:30px auto; text-align:center;}
.sm_checkin .msgbox_line {margin:30px auto; padding-bottom:30px; text-align:center; border-bottom:1px solid #ddd;}
.sm_checkin .i_check {color:#5d2fb3; font-size:16px; white-space:nowrap;}
.sm_checkin .i_check::before {content:''; display:inline-block; margin-right:6px; width:24px; height:24px; vertical-align:middle; border-radius:50%;
	border:2px solid #5d2fb3; background:url(../images/sh1/ic_v01.svg) no-repeat center; background-size:70%;
}

.sm_checkin .useinfo {position:relative; text-align:right; padding:5px 10px;}
.sm_checkin .useinfo span {width:auto; opacity:1; font-size:14px; position:absolute; top:15px; left:10px;}
.sm_checkin .t_box {padding:0 10px 10px; color:#616161; font-size:13px; word-break:break-all;}
.sm_checkin .btn_useinfo {padding:0 15px 0 45px;}

.sm_useintro li {position:relative; padding:10px 10px 10px 26px; font-size:15px; word-break:break-all; border-bottom:1px solid #d0d0d0;}
.sm_useintro li > span {position:absolute; top:12px; left:0; display:block; text-align:center; line-height:18px; width:18px; height:18px; color:#fff; font-weight:bold; border-radius:50%; background:#5d2fb3;}
.sm_useintro li em {color:#5d2fb3;}
.sm_useintro .w_img {padding-right:120px;}
.sm_useintro .userpic01 {height:150px; background:url(../images/sh1/pic_use01.png) no-repeat bottom right; background-size:100px auto;}
.sm_useintro .userpic02 {height:160px; background:url(../images/sh1/pic_use02.png) no-repeat bottom right; background-size:120px auto;}

/* 모바일 공유취소, 현황 */
.mobilekeywrap {margin:20px auto 0; max-width:400px; padding:0 20px;}
.mobilekeywrap .remain {text-align:right;}
.mobilekeywrap .remain > em {font-size:20px; font-weight:bold; color:#5d2fb3;}
.mobilekey {position:relative; overflow:hidden; margin:5px auto 20px; max-width:400px; height:220px; color:#fff; border-radius:20px; background:#5d2fb3;}
.mobilekey::before {content:''; position:absolute; top:10px; right:15px; display:block; width:80px; height:45px; 
	background:url(../images/sh1/key_logo.png) no-repeat; background-size:100%;}
.mobilekey::after {content:''; position:absolute; bottom:5px; right:0; display:block; width:75%; height:50px; 
	background:url(../images/sh1/key_bg.png); background-size:auto 100%;}
.mobilekey .greeting {padding:40px 20px 30px; font-size:15px;}
.mobilekey .greeting > em {font-weight:bold;}
.mobilekey .greeting::before {content:'환영합니다.'; display:block; font-size:13px;}
.mobilekey .roominfo {position:relative; z-index:2; padding:0 20px; font-size:17px;}
.mobilekey .roominfo .room {display:block; font-weight:bold;}

.sm_keyshare .msgbox {margin:30px 20px -10px; padding-bottom:25px; text-align:center; border-bottom:1px solid #ddd;}
.sm_keyshare .msgbox_line {margin:30px auto; padding-bottom:30px; text-align:center; border-bottom:1px solid #ddd;}
.sm_keyshare .i_check {color:#5d2fb3; font-size:16px; white-space:nowrap;}
.sm_keyshare .i_check::before {content:''; display:inline-block; margin-right:6px; width:24px; height:24px; vertical-align:middle; border-radius:50%;
	border:2px solid #5d2fb3; background:url(../images/sh1/ic_v01.svg) no-repeat center; background-size:70%;
}

.sharelist {margin:0 20px;}
.sharelist .txtbox {margin:30px 0 10px; text-align:center;}
.sharelist .listwrap {padding:20px 0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sharelist .listwrap li {position:relative; margin-bottom:10px; padding-right:50px;}
.sharelist .listwrap li button {position:absolute; top:0; right:0;}
.sharelist [class^="sharenum_"] {position:relative; display:block; padding-right:50px; border-radius:20px; border:1px solid #8c8c8c;}
.sharelist [class^="sharenum_"] input[type="text"], .sharelist [class^="sharenum_"] input[type="number"] {color:#363636; font-size:20px; font-weight:bold; width:100%; height:40px; padding:0 20px; margin:0; border:0; outline:none;}
.sharelist [class^="sharenum_"] input[type="number"]::placeholder {color:#ccc; font-size:15px; font-weight:normal; line-height:40px;}
.sharelist [class^="sharenum_"] .btn_i_seh {position:absolute; top:0; right:6px; width:40px; height:40px;}
.sharelist .sharenum_seh:hover {border-color:#5d2fb3;}
.sharenum_done {background:#f7f7f7;}
.sharenum_yet, .sharenum_done { cursor:not-allowed; pointer-events:none;}
.sharenum_yet .btn_i_seh > i {background:url(../images/sh1/ic_seh_g.svg) no-repeat center; background-size:70%; opacity:0.5;}

/*  결제 */
.sm_payment .head {position:relative; overflow:hidden; padding:10px 30px; background:#5d2fb3; color:#fff}
.sm_payment .head::after {content:''; display:block; width:200px; height:200px; position:absolute; bottom:-20px; right:-20px; opacity:0.1; background:url(../images/sh1/bg_d02.png) no-repeat; background-size:100%;}
.sm_payment .head li {margin:15px 0; white-space:nowrap;}
.sm_payment .head li > span {display:inline-block; width:70px; text-align:right; margin-right:20px; opacity:0.7;}
.sm_payment .head li > em {display:inline-block; font-size:16px;}

.sm_payment .total li {position:relative; display:flex; padding:15px 20px; border-bottom:1px solid #ddd;}
.sm_payment .total li .tit {display:block; color:#363636; width:30%; line-height:25px; white-space:nowrap;}
.sm_payment .total li .cont {display:block; padding-right:10px; width:70%; text-align:right;}
.sm_payment .total li .cont em {color:#5d2fb3; font-size:18px;}
.sm_payment .total li .cont .txt_s {display:block; font-size:15px;}
.sm_payment .total li:last-child .tit {line-height:44px;}

/* 체크아웃 */
.sm_checkout .contbox {position:relative; text-align:center; color:#fff; background-color:#5d2fb3;}
.sm_checkout .txtwrap {padding:24vh 20px;}
.sm_checkout .txtwrap > p {font-size:18px; margin-top:20px;}
.sm_checkout .txtwrap > span {font-size:20px; font-weight:bold;}
.sm_checkout .contbox::before {content:''; position:absolute; top:0; left:0; display:block; width:30vw; height:30vh; opacity:0.3;
	 background:url(../images/sh1/bg_d04.png) no-repeat left top; background-size:100%;}
.sm_checkout .contbox::after {content:''; position:absolute; bottom:0; right:0; display:block; width:30vw; height:30vh; opacity:0.3;
	background:url(../images/sh1/bg_d03.png) no-repeat right bottom; background-size:100%;}

/* pop up style */
.sm_dimlayer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:30; background-color:rgba(0,0,0,0.8);}
.sm_popupwrap {margin:10vh 20px 0;}
.sm_popupwrap.pop_full {position:relative; margin:0 auto; height:100%;}

.pop_wrap.hideLayer .sm_dimlayer{position: unset;top:0;left:0;right:0;bottom:0;z-index:30;background-color:rgba(0,0,0,0.8);background: unset;}
.pop_wrap.hideLayer .sm_dimlayer::after {content:'';display:block;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: rgba(0,0,0,0.8);}

.sm_popup {border-radius:20px; margin:0 auto; max-width:400px; background-color:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.9)}
.sm_popup .head {position:relative; height:auto; border-bottom:1px solid #d0d0d0;}
.sm_popup .head h2 {padding-left:15px; height:40px; line-height:44px; font-size:15px; font-weight:bold;}
.sm_popup .head button {position:absolute; top:50%; right:6px; margin-top:-19px;}
.sm_popup .popcontainer {overflow:hidden; overflow-y:auto;}
.sm_popup .btnwrap {padding:20px 0; display:flex; justify-content:center;}
.sm_popup .btnwrap .btn_t, .sm_popup .btnwrap .btn_t_f {width:42%; margin:0 4px;}

.sm_popupwrap.pop_full .sm_popup {position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.sm_popupwrap.pop_full .btnwrap {position:absolute; bottom:0; left:0; right:0;}
.sm_popup .scrollbox {position:absolute; top:40px; left:0; right:0; bottom:80px; padding:10px 20px; overflow:hidden; overflow-y:auto;}
.sm_popup .boximg img {width:100%;}

.roomview .comment {text-align:center; margin:20px 0;}
.roomview .comment span {color:#5d2fb3; font-weight:bold;}
.roomview .pic > img {width:100%; height:auto;}

.alert_ty01 {margin:20vh auto; max-width:300px;}
.alert_ty01 h2 {display:none;}
.alert_ty01 .head {border-bottom:none; height:40px;}
.alert_ty01 .msgbox {padding:20px; text-align:center; font-size:16px;}
.alert_ty01 .msgbox .noti {font-size:13px; margin-top:10px; color:#e98b25;}
.alert_ty01 .msgbox .noti::before {content:"!"; display:inline-block; margin-right:5px; width:16px; height:16px; border-radius:50%; border:1px solid #e98b25; color:#e98b25;}
.alert_ty01 .msgbox .info {text-align:left; font-size:14px;}
.alert_ty01 .msgbox .info h3 {text-align:center; font-size:18px; font-weight:bold; color:#5d2fb3; }
.alert_ty01 .msgbox .info2 {text-align:left; font-size:12px;}
.alert_ty01 .msgbox .info2 h3 {text-align:center; font-size:18px; font-weight:bold; color:#5d2fb3; }

.alert_ty02 {margin:20vh auto; max-width:300px;}
.alert_ty02 h2 {display:none;}
.alert_ty02 .head {border-bottom:none; height:40px;}
.alert_ty02 .msgbox {padding:20px;/* text-align:center; */font-size: 15px;}
.alert_ty02 .msgbox .noti {font-size:13px; margin-top:10px; color:#e98b25;}
.alert_ty02 .msgbox .noti::before {content:"!"; display:inline-block; margin-right:5px; width:16px; height:16px; border-radius:50%; border:1px solid #e98b25; color:#e98b25;}
.alert_ty02 .msgbox .info {text-align:left; font-size:14px;}
.alert_ty02 .msgbox .info h3 {text-align:center; font-size:18px; font-weight:bold; color:#5d2fb3; }
.alert_ty02 .msgbox .info2 {text-align:left; font-size:12px;}
.alert_ty02 .msgbox .info2 h3 {text-align:center; font-size:18px; font-weight:bold; color:#5d2fb3; }

.ex_price {color:#5d2fb3;}
.ex_price em {font-weight:bold;}


/* *******************  스마트 쉐프 *******************  */

/* btns */
.btn_cart > i {width:26px; height:24px; background:url(../images/sh1/btn_ic_cart.svg) no-repeat 0 0; background-size:100%;}
.btn_close_wh {width:40px; height:40px;}
.btn_close_wh > i {width:24px; height:24px; background:url(../images/sh1/btn_ic_x_wh.svg) no-repeat 0 0; background-size:100%;}

.btn_orderlist,.btn_order,.btn_takeout {display:block; padding:10px 0; width:30%; font-weight:bold; margin:0 5px; text-align:center; border-radius:20px; border:1px solid #5d2fb3;}
.btn_orderlist {margin-left:16px; color:#5d2fb3; }
.btn_orderlist > i {display:block; margin:6px auto 2px; width:30px; height:30px; background: url(../images/sh1/chef_mainbtn_ic01.svg) no-repeat center; background-size:100%;}
.btn_orderlist:active {background-color:#f5f5f5;}
.btn_order {background:#5d2fb3; color:#fff;}
.btn_order > i {display:block; margin:0 auto 2px; width:30px; height:36px; background: url(../images/sh1/chef_mainbtn_ic02.svg) no-repeat center; background-size:100%;}
.btn_takeout {margin-right:16px; background:#5d2fb3; color:#fff;}
.btn_takeout > i {display:block; margin:0 auto 2px; width:30px; height:36px; background: url(../images/sh1/chef_mainbtn_ic03.svg) no-repeat center; background-size:100%;}

.btn_plus,.btn_minus {width:32px; height:32px; background-color:#f5f5f5 !important;}
.btn_plus:active,.btn_minus:active {opacity:0.7;}
.btn_plus {border-left:1px solid #8f8f8f !important;}
.btn_minus {border-right:1px solid #8f8f8f !important;}
.btn_plus > i {width:13px; height:13px; background:url(../images/sh1/btn_ic_plus.png) no-repeat center; background-size:100%;}
.btn_minus > i {width:13px; height:13px; background:url(../images/sh1/btn_ic_minus.png) no-repeat center; background-size:100%;}

.btn_seh {border:1px solid #5d2fb3; border-radius:50%; width:40px; height:40px; margin-left:10px;}
.btn_seh:active {background:#f2eef8;}
.btn_seh > i {margin-top:7px; width:22px; height:22px; background:url(../images/sh1/btn_ic_seh.svg) no-repeat center; background-size:100%;}


/* common */
.sh1 header .btn_cart {position:absolute; top:1px; right:0; width:48px; height:48px;} 
.sh1 header .btn_cart em {position:absolute; top:4px; right:4px; z-index:2;
	border-radius:50%; color:#fff; background:#c41111; width:18px; height:18px; line-height:18px; font-size:11px; font-weight:bold;}
.sh1 .fs01 {font-weight:bold; color:#5d2fb3;}
.sh1 .line_sy01 {font-size:14px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}

/* main */
.sh1 .bannerwrap {position:relative; padding:0 0 20px; color:#fff; overflow:hidden;}
.sh1 .bannerbox {position:relative; margin:20px auto; padding:0 20px; max-width:400px; height:58vh;}
.sh1 .bannerbox img {width:100%; height:100%;}
.swiper.smartchef {position:relative;}
.chef_noti {position: relative; margin:15px 20px 10px; margin-bottom:-20px; padding-left:26px; font-size:15px; word-break:break-all; font-weight:bold;}
.chef_noti::before {content:"!"; position:absolute; top:0; left:0; color:#363636; width:18px; height:10px; padding-top:8px; line-height:0;
	text-align:center; background:#fff; border-radius:50%; border:1px solid #363636; font-weight:bold;}

/* 객실선택 */
header.chef_pop {position:fixed; top:0; left:0; right:0; border-bottom:none;}
header.chef_pop .btn_close {position:absolute; top:10px; right:10px;}

.chef_room {position:fixed; top:0; left:0; right:0; bottom:0; z-index:5; overflow:hidden; overflow-y:auto; background:#fff;}
.chef_room .choice {position:relative; padding:30px 30px 10px; background:#5d2fb3; color:#fff;}
.chef_room .choice::after {content:''; display:block; width:300px; height:300px; position:absolute; z-index:1; bottom:-40px; right:-40px; opacity:0.2; 
	transform:rotate(10deg); background:url(../images/sh1/bg_d01.png) no-repeat; background-size:100%;}
.chef_room .choice li {white-space:nowrap; margin-bottom:20px;}
.chef_room .txtbox {margin:50px auto 40px; font-size:16px; text-align:center;}
.chef_room .txtbox .logo {display:block; width:130px; height:60px; margin:0 auto 10px; background:url(../images/sh1/logo_ty02.png) no-repeat; background-size:100%;}
.chef_room .c_roomnum, .chef_room .c_contactnum {position:relative; z-index:2; border-radius:30px; background:#f4f4f4; overflow:hidden; height:49px;}
.chef_room .c_roomnum input[type="text"], .chef_room .c_roomnum input[type="number"], .chef_room .c_contactnum input[type="text"], 
.chef_room .c_contactnum input[type="number"] {width:85%; padding:14px; padding-left:30px; color:#363636; background:transparent; font-size:16px; border:none; outline:none;}
.chef_room .c_roomnum::after {content:"호"; position:absolute; top:12px; right:20px; font-size:18px; color:#5d2fb3; font-weight:bold; }
.chef_room .btnwrap_f {padding:0 10px; margin:60px 0;}

.chef_room .selectbox.disable .selectwrap {background:#8558db;}
.chef_room .selectbox.disable .selectwrap input[type="text"] {color:#e5d8fc;}
.chef_room .selectbox.disable .select_option {display:none !important;}

.chef_room .agmt {position:relative; padding:30px 5px 10px; border:1px solid #dadada;}
.chef_room .agmt::after {content:''; display:block; width:300px; height:300px; position:absolute; z-index:1; bottom:-40px; right:-40px; opacity:0.2; 
	transform:rotate(10deg); background:url(../images/sh1/bg_d01.png) no-repeat; background-size:100%;}
.chef_room .agmt li {white-space:nowrap; margin-bottom:20px;}
.chef_room .agmt .table th, td {padding: 0px;}


/* 매장 선택 */
.chef_store .head {height:40px; background:#5d2fb3 url(../images/sh1/bg_d04.png) no-repeat center left; background-size:auto 70%;}
.chef_store .head > h3 {margin-left:40px; line-height:40px; color:#fff; font-weight:bold; font-size:17px;}
.chef_store .noti {margin-top:35vh; text-align:center; font-size:15px; color:#787878;}

.store_list li {border-bottom:1px solid #e1e1e1;}
/*.store_list li > a {position:relative; display:flex; padding:14px;}*/
.store_list li > a.store {position:relative; display:flex; padding:14px; width:300px;}
.store_list li > a.slstInfo {position:relative; display:flex; padding:14px; width:100px;}
.store_list li > a:active {background-color:#f7f7f7;}
.store_list .pic {position:relative; margin-right:14px; width:84px; height:84px; border:1px solid #dadada;}
.store_list .pic::before {content:"NO IMAGE"; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; font-size:11px; font-weight:bold; color:#ccc; line-height:84px;}
.store_list .pic > img {position:relative; z-index:2; width:100%; height:100%;}
.store_list .cont {position:relative; width:calc(100% - 96px); height:99px;}
.store_list .cont span {display:block; color:#363636;}
.store_list .cont .tit {font-weight:bold; font-size:16px;}
.store_list .cont .dec {font-size:14px; height:20px; overflow:hidden; word-break: break-all;}
.store_list .cont .min_amt {font-size:13px; height:20px; overflow:hidden; word-break: break-all;}
.store_list .cont .loc {margin-left:calc(100% - 60px); color:#0000ff; font-weight:bold; font-size:13px; height:15px; overflow:hidden; word-break: break-all;}
.store_list .cont .open {position:absolute; bottom:0; color:#363636; overflow:hidden; word-break: break-all; white-space:nowrap;}
.store_list .cont .open > i {display:inline-block; padding:2px 6px; height:20px; line-height:16px; border-radius:10px; color:#fff; background:#5d2fb3;margin-right: 8px;vertical-align:middle;}
.store_list .contloc {position:relative; width:100px; height:99px;}


/* 메뉴 선택 */
.chef_menu {padding-bottom:100px;}
.chef_menu .head {position:relative; height:40px; background:#5d2fb3;}
.chef_menu .head > h3 {margin-left:60px; line-height:40px; color:#fff; font-weight:bold; font-size:17px;}
.chef_menu .head .store_logo {position:absolute; top:4px; left:4px; width:48px; height:32px; vertical-align:middle;}
.chef_menu .head .store_logo > img {width:100%; height:100%;}
.chef_menu .noti {margin-top:35vh; text-align:center; font-size:15px; color:#787878;}
.chef_menu .noti_t {text-align:center; border-bottom:1px solid #ddd; padding:8px 0; font-size:15px; color:#777; letter-spacing:-0.5px;}

.menu_list li {position:relative; border-bottom:1px solid #e1e1e1;}
.menu_list li > a {position:relative; display:flex; padding:14px;}
.menu_list li > a:active {background-color:#f7f7f7;}
.menu_list .pic {position:relative; width:110px; height:84px; border:1px solid #dadada;}
.menu_list .pic::before {content:"NO IMAGE"; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; font-size:12px; font-weight:bold; color:#ccc; line-height:84px;}
.menu_list .pic > img {position:relative; z-index:2; width:100%; height:100%;}
.menu_list .cont {position:relative; width:calc(100% - 112px); height:84px; padding-left:12px;}
.menu_list .cont span {display:block; color:#363636;}
.menu_list .cont .tit {font-weight:bold; font-size:18px; margin:15px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_list .cont .price {font-size:15px;}
.menu_list .cont .price > em {font-weight:bold; color:#5d2fb3; font-size:18px;}

.menu_list li.ready .cont .tit {margin-top:2px;}
.menu_list li.ready::before {content:''; position:absolute; top:0; left:0; right:0; z-index:4; bottom:0; background:rgba(0,0,0,0.2);}
.menu_list li.ready .ready_info {position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; color:#fff; font-weight:bold; padding-top:30px;}
.menu_list li.ready .ready_info span {display:block;}
.menu_list li.ready .ready_info .txt01 {position:absolute; top:44px; left:14px; text-align:center; width:108px;}
.menu_list li.ready .ready_info .txt02 {position:absolute; top:78px; left:137px; right:0; white-space:nowrap; color:#000}


/* select style */
.sh1 .selectbox {position:relative;}
.sh1 .selectbox .selectwrap {position:relative; z-index:2; border:1px solid #4d2a90; border-radius:30px; background:#f4f4f4;}
.sh1 .selectbox .selectwrap input[type="text"] {border:none; margin-bottom:0; outline:none; font-size:16px; padding:14px; padding-left:30px; color:#363636;}
.sh1 .selectbox .selectwrap > .ic_togle {position:absolute; margin-top:-5px; top:50%; right:15px; width:16px; height:14px;}
.sh1 .selectbox .selectwrap > .ic_togle.down {background:url(../images/sh1/btn_ic_toggle.svg) no-repeat; background-size:100%;}
.sh1 .selectbox .selectwrap > .ic_togle.up {margin-top:-10px; transform:rotate(180deg); background:url(../images/sh1/btn_ic_toggle.svg) no-repeat; background-size:100%;}
.sh1 .selectbox .select_option {position:absolute; z-index:3; width:100%; background:#f6f6f6; border-radius:20px; border:2px solid #5d2fb3; }
.sh1 .selectbox .select_option button {display:block; width:100%; text-align:left; padding:10px 0; padding-left:30px; color:#363636; border-bottom:1px solid #f6f6f6;}
.sh1 .selectbox .select_option button:active {background:#e6e1ef;}
.sh1 .selectbox .select_option button:last-child {border:none;}

/* 메뉴상세 */
.chef_detail {position:fixed; z-index:5; overflow:hidden; overflow-y:auto; top:0; left:0; right:0; bottom:0; padding-top:48vh; background:#fff;}
.chef_detail .head {position:fixed; z-index:3; top:0; left:0; right:0; height:48vh;}
.chef_detail .head::after {content:''; position:absolute;  top:0; left:0; right:0; bottom:0;
	background: rgba(0,0,0,0.09);
	background: linear-gradient(270deg,rgba(0,0,0,0.1) 30%, rgba(0,255,0,0) 70%);
	background: -webkit-linear-gradient(270deg,rgba(0,0,0,0.1) 30%, rgba(0,255,0,0) 70%);
	background: -moz-linear-gradient(270deg,rgba(0,0,0,0.1) 30%, rgba(0,255,0,0) 70%);
}
.chef_detail .head img {width:100%; height:100%;}
.chef_detail .head button {position:absolute; top:10px; right:10px; z-index:2;}
.chef_detail .head .noimg {height:100%; background-color:#fff;}
.chef_detail .head .noimg::before {content:"NO IMAGE"; color:#ccc; text-align:center; display:block; padding-top:24vh;}
.chef_detail .btnwrap_f {margin-right:18px !important; margin-left:18px !important; margin-top:30px !important;}
.chef_detail .inwrap {position:relative; padding:20px;}
.chef_detail .titwrap {margin-bottom:30px;}
.chef_detail .tit {margin-bottom:6px;}
.chef_detail .tit > h3 {display:inline-block; font-size:24px; font-weight:bold; word-break:break-all;}
.chef_detail .tit span {display:inline-block; color:#9b9b9b; font-size: 16px;}
.chef_detail .tit span > em {font-weight:bold;}
.chef_detail .count {display:flex; justify-content:center; top:34px; right:20px; width:104px; height:34px; border:1px solid #8f8f8f; border-radius:20px; overflow:hidden; float:right; margin-right: 6px;}
.chef_detail .count input[type="number"] {font-size:18px; font-weight:bold; width:36px; margin-top:-2px; text-align:center; outline:none; color:#1b1b1b;}

.chef_detail .menuinfo {margin:0 20px 20px; padding:20px 4px 100px; border-top:1px solid #d8d8d8;}
.chef_detail .menuinfo > h4 {margin-bottom:14px;}
.chef_detail .menuinfo .expimg {position:relative; display:block; margin-top:30px; font-size:13px; color:#999; padding-left:8px;}
.chef_detail .menuinfo .expimg::before {content:"·"; font-weight:bold; position:absolute; top:-6px; left:0; font-size:18px;}


.chef_detail .menuexp {margin:20px 20px 0; padding:20px 4px; border-top:1px solid #d8d8d8;}


.chef_detail .starbox .num {display:inline-block; height:24px; vertical-align:middle; margin-left:6px; font-weight:bold; font-size:18px; line-height:20px;}
.chef_detail .star {display:inline-block; vertical-align:middle; }

.sh1 [class^="star_"] {display:inline-block; width:24px; height:24px; margin:0 -2px}
.sh1 .star_full {background:url(../images/sh1/chef_star_full.svg) no-repeat center; background-size:100%;}
.sh1 .star_half {background:url(../images/sh1/chef_star_half.svg) no-repeat center; background-size:100%;}
.sh1 .star_emty {background:url(../images/sh1/chef_star_emty.svg) no-repeat center; background-size:100%;}

/* 카트 */
.chef_cart .head {position:relative; height:40px;  background:#f5f5f5;}
.chef_cart .head > h3 {margin-left:60px; line-height:40px; color:#363636; font-weight:bold; font-size:17px;}
.chef_cart .head .store_logo {position:absolute; top:4px; left:4px; width:48px; height:32px; vertical-align:middle; border:1px solid #c8c8c8;}
.chef_cart .head .store_logo > img {width:100%; height:100%;}
.chef_cart .btnwrap_f {padding:0 10px;}
.chef_cart .ic_plus {display:inline-block; margin-right:6px; vertical-align:0; width:13px; height:13px; background:url(../images/sh1/btn_ic_plus.png) no-repeat center; background-size:100%;}
.chef_cart .noti {margin-top:30vh; text-align:center; font-size:15px; color:#787878;}
.chef_cart .noti .btn_t {display:block; margin:40px auto 0; width:200px;}

.cart_list li {position:relative; display:flex; padding:14px; border-bottom:1px solid #e1e1e1;}
.cart_list .pic {position:relative; margin-right:14px; width:110px; height:84px; border:1px solid #dadada;}
.cart_list .pic::before {content:"NO IMAGE"; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; font-size:12px; font-weight:bold; color:#ccc; line-height:84px;}
.cart_list .pic > img {position:relative; z-index:2; width:100%; height:100%;}
.cart_list .cont {position:relative; width:calc(100% - 112px); height:84px;}
.cart_list .cont span {display:block; color:#363636;}
.cart_list .cont .tit {font-weight:bold; font-size:18px; margin:-2px 0; overflow:hidden; text-overflow:ellipsis; padding-right:20px;white-space: nowrap;}
.cart_list .cont .price {font-size:15px; margin-bottom:5px;}
.cart_list .cont .price > em {font-weight:bold; color:#5d2fb3; font-size:16px;}

.cart_list .count {display:flex; justify-content:center; width:104px; height:34px; border:1px solid #8f8f8f; border-radius:20px; overflow:hidden;float: right;}
.cart_list .count input[type="number"] {font-size:18px; font-weight:bold; width:36px; margin-top:-2px; text-align:center; outline:none; color:#1b1b1b;}

.cart_list .total {display:flex; padding:0 20px; height:42px; color:#fff; background:#5d2fb3; font-size:15px; font-weight:normal;}
.cart_list .total .tit {width:50%; line-height:40px; }
.cart_list .total .price {width:50%; text-align:right; line-height:40px;}
.cart_list .total .price > em {display:inline-block; font-weight:bold; font-size:24px; }

.cart_list li .btn_close {position:absolute; top:0; right:0; z-index:4;}
.cart_list li .btn_close > i {width:14px; height:14px; opacity:0.7;}
.cart_list li .btn_close:active {opacity:0.5;} 

.cart_list .min_amt {text-align: center;height: 20px;padding-top: 25px;font-size: 15px;font-weight: normal;}
.cart_list .min_amt > em {display:inline-block; font-weight:bold; font-size:16px; }

/* 결제 */
.chef_payment {overflow:hidden;}
.chef_payment .head {position:relative; padding:20px 30px; background:#5d2fb3; color:#fff}
.chef_payment .head::after {content:''; display:block; width:200px; height:200px; position:absolute; z-index:1; bottom:-20px; right:-20px; opacity:0.3; background:url(../images/sh1/bg_d03.png) no-repeat; background-size:100%;}
.chef_payment .head ul {position:relative; z-index:2;}
.chef_payment .head li {margin:15px 0; white-space:nowrap;}
.chef_payment .head li > span {display:inline-block; width:70px; text-align:right; margin-right:20px; opacity:0.7;}
.chef_payment .head li > em {display:inline-block; font-size:16px;}
.chef_payment .head li > em a {color:#fff;}
.chef_payment .head li.btnwrap {text-align:right;}
.chef_payment .head li.btnwrap .btn_t_wh {padding:0 20px;}

.chef_payment .menutotal li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.chef_payment .menutotal li .tit {display:block; color:#363636; width:50%; height:26px; line-height:26px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.chef_payment .menutotal li .num {display:block; color:#363636; width:20%; text-align:right;  height:26px; line-height:26px; white-space:nowrap;}
.chef_payment .menutotal li .cont {display:block; width:30%; text-align:right; height:26px; line-height:26px;}
.chef_payment .menutotal li .cont em {color:#5d2fb3; font-size:18px; padding-right:4px;}
.chef_payment .menutotal li:last-child {background:#f5f5f5;}
.chef_payment .menutotal li:last-child .cont {width:50%;}
.chef_payment .menutotal li:last-child .cont > em {font-size:18px; font-weight:bold; color:#5d2fb3;}

.chef_payment .coupon li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.chef_payment .coupon li.h_tit {position:relative; padding:4px 20px; line-height:40px; color:#5d2fb3; white-space: nowrap;}
.chef_payment .coupon li.h_tit button {position:absolute; top:12px; right:15px; color:#aaa; border-radius:6px; border:1px solid #ccc; padding:5px 6px; font-size:13px;}
.chef_payment .coupon li.h_tit button:active {opacity:0.7;}
.chef_payment .coupon li .tit {display:block; color:#363636; width:70%; line-height:26px; word-break:break-all;}
.chef_payment .coupon li .cont {display:block; width:30%; text-align:right;  height:26px; line-height:26px;}
.chef_payment .coupon li .cont em {color:#363636; font-size:18px; padding-right:4px;}
.chef_payment .coupon li:last-child {background:#f5f5f5;}
.chef_payment .coupon li:last-child .cont {width:50%;}
.chef_payment .coupon li:last-child .cont > em {font-size:18px; font-weight:bold; color:#cd0000;}

.chef_payment .method li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.chef_payment .method li .tit {display:block; color:#363636; width:70%;  height:26px; line-height:26px; white-space:nowrap;}
.chef_payment .method li .cont {display:block; width:30%; text-align:right;  height:26px; line-height:26px;}
.chef_payment .method li .cont em {color:#5d2fb3; font-size:18px; padding-right:4px; font-weight:bold;}
.chef_payment .method li:last-child {background:#f5f5f5;}
.chef_payment .method li:last-child .cont {width:50%; color:#5d2fb3; font-weight:bold; font-size:16px;}

.chef_payment .total li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd; background:#5d2fb3;}
.chef_payment .total li .tit {display:block; color:#fff; width:50%;  height:26px; line-height:26px; white-space:nowrap;}
.chef_payment .total li .cont {display:block; width:50%; text-align:right;  height:26px; line-height:26px; color:#fff;}
.chef_payment .total li .cont > em {font-size:22px; margin-right:4px;}

.chef_payment .btnwrap_f {padding:0 10px}

#request .selectwrap input[type="text"] {padding-left:20px;}
#request .select_option {max-height:300px; overflow-y:auto;}
#request .select_option button {padding-left:20px; white-space:normal;border-bottom:1px solid #5d2fb3;}
#request .select_option button:last-child {border-bottom:none;}

.sm_popup.coupon .head {height:45px; border-bottom:1px solid #d0d0d0;}
.sm_popup.coupon .head > h2 {display:block;}
.sm_popup.coupon .couponbox {max-height:220px; overflow-y:auto;}
.sm_popup.coupon .couponbox button {position:relative; overflow:hidden; display:block; text-align:left; font-weight:bold; color:#5d2fb3; 
	width:calc(100% - 8px); padding:14px 10px; margin:4px; border:1px dotted #5d2fb3; border-radius:10px; padding-left:66px;}
.sm_popup.coupon .couponbox button:active {background-color:#f5f5f5;}
.sm_popup.coupon .couponbox button::before {content:"coupon"; position:absolute; top:50%; left:10px; margin-top:-12px; display:block;
	 text-align:center; width:46px; height:24px; line-height:22px; color:#fee055; font-size:10px; background:#5d2fb3; border-radius:4px;}
.sm_popup.coupon .couponbox button::after {content:''; position:absolute; bottom:-20px; right:-20px; display:block; width:60px; height:60px; 
	background: url(../images/sh1/bg_d02_col.png) no-repeat; background-size:100%; opacity:0.3; transform: rotate(15deg);}
.sm_popup.coupon .msgbox {padding-top:40px;}


.sm_popup.today .bnrwrap {padding:10px; height:60vh;}
.sm_popup.today .bnrwrap > img {width:100%; height:100%;}
.sm_popup.today .foot {text-align:right; padding-right:14px; color:#555;}
.sm_popup.today .foot input {vertical-align:-1px;}

/* 주문완료 */
.chef_complete .head {position:relative; overflow:hidden;  padding:20px 30px; background:#5d2fb3; color:#fff}
.chef_complete .head::after {content:''; display:block; width:200px; height:200px; position:absolute; z-index:1; bottom:-20px; right:-20px; opacity:0.3; background:url(../images/sh1/bg_d03.png) no-repeat; background-size:100%;}
.chef_complete .head ul {position:relative; z-index:2;}
.chef_complete .head li {margin:15px 0; display:flex;}
.chef_complete .head li > span {display:block; width:70px; text-align:right; margin:1px 20px 0 0;  opacity:0.7;}
.chef_complete .head li > em {display:block; width:calc(100% - 70px); font-size:16px;  white-space:normal; ; word-break: break-all;}
.chef_complete .head li > em a {color:#fff;}
.chef_complete .head .order_num {margin-top:10px; font-size:16px; color:#fff; border-bottom:1px solid #ae90d9; display:inline-block;}
.chef_complete .head .order_num > span {display:block; margin:-4px 0 15px; font-size:34px; font-weight:bold;}
.chef_complete .head .order_num > span a {color:#fff;}

.chef_complete .menutotal li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.chef_complete .menutotal li .tit {display:block; color:#363636; width:50%; height:26px; line-height:26px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.chef_complete .menutotal li .num {display:block; color:#363636; width:20%;  text-align:right;  height:26px; line-height:26px; white-space:nowrap;}
.chef_complete .menutotal li .cont {display:block; width:30%; text-align:right;  height:26px; line-height:26px;}
.chef_complete .menutotal li .cont em {color:#5d2fb3; font-size:18px; padding-right:4px;}
.chef_complete .menutotal li:last-child {background:#f5f5f5;}
.chef_complete .menutotal li:last-child .cont {width:50%;}
.chef_complete .menutotal li:last-child .cont > em {font-size:18px; font-weight:bold; color:#5d2fb3;}
.chef_complete .menutotal li.discount .cont {width:50%;}
.chef_complete .menutotal li.discount .cont em {color:#cd0000; font-weight:bold;}

.chef_complete .desc_star {padding-top:30px; text-align:center;}

.chef_complete .btnwrap_f {padding:0 10px;}

.chef_complete .requestwrap {margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2)}
.chef_complete .requestwrap .reguest {margin-bottom:20px;}
.chef_complete .requestwrap .reguest .tit {margin-bottom:6px; opacity:0.7;}
.chef_complete .requestwrap .reguest .cont {word-break:break-all;}


/* 주문내역 */
.chef_orderlist .box {margin:20px; border-radius:20px; border:1px solid #5d2fb3; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); overflow:hidden; background:#5d2fb3;}
.chef_orderlist .box .head {position:relative; padding:0 15px; height:36px; line-height:36px; color:#fff;}
.chef_orderlist .box .head .status {position:absolute; top:0; right:15px;}
.chef_orderlist .box .cont {position:relative; height:100px; padding-left:100px; background:#fff;}
.chef_orderlist .box .cont .logo {position:absolute; top:10px; left:10px; width:80px; height:80px; border:1px solid #dadada;}
.chef_orderlist .box .cont .logo > img {width:100%; height:100%;}
.chef_orderlist .box .cont ul {padding-top:10px;}
.chef_orderlist .box .cont li {margin:5px 0; white-space:nowrap;}
.chef_orderlist .box .cont .tit {color:#737373; margin-right:6px;}

.chef_orderlist .box .btnwrap {padding:8px; background:#efefef;}
.chef_orderlist .box .btnwrap .btn_t {display:block;}

.chef_orderlist .box.cancel {border-color:#aeaeae; background:#d1d5da;}

.chef_orderlist .box .ic_delivery {position:relative; display:inline-block; margin-top:-4px; width:32px; height:32px; vertical-align:middle;}
.chef_orderlist .box .ic_delivery::after {content:''; position:absolute; top:0; left:0; width:32px; height:32px; 
	background:url(../images/sh1/bg_d01.png) no-repeat center; background-size:70%;
	-webkit-animation: rotate 1.2s linear infinite; /* Safari 4.0 - 8.0 */
	animation: rotate 1.2s linear infinite;
}
@-webkit-keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
	
@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

.chef_orderlist .noti {margin-top:30vh; text-align:center; font-size:15px; color:#787878;}
.chef_orderlist .noti .btn_t {display:block; margin:40px auto 0; width:200px;}
.chef_orderlist .ic_plus {display:inline-block; margin-right:6px; vertical-align:0; width:13px; height:13px; background:url(../images/sh1/btn_ic_plus.png) no-repeat center; background-size:100%;}


/* 주문상세  */
.chef_orderdetail .head {position:relative; overflow:hidden;  padding:20px 30px; background:#5d2fb3; color:#fff}
.chef_orderdetail .head::after {content:''; display:block; width:250px; height:250px; position:absolute; z-index:1; bottom:-40px; right:-40px; transform:rotate(15deg); opacity:0.3; background:url(../images/sh1/bg_d02.png) no-repeat; background-size:100%;}
.chef_orderdetail .head ul {position:relative; z-index:2;}
.chef_orderdetail .head li {margin:15px 0; display:flex;}
.chef_orderdetail .head li > span {display:block; width:70px; text-align:right; margin:2px 20px 0 0;  opacity:0.7;}
.chef_orderdetail .head li > em {display:block; width:calc(100% - 70px); font-size:16px; white-space:normal; ; word-break: break-all;}
.chef_orderdetail .head li > em a {color:#fff;}

.chef_orderdetail .menutotal li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd;}
.chef_orderdetail .menutotal li .tit {display:block; color:#363636; width:50%; height:26px; line-height:26px; white-space:nowrap;}
.chef_orderdetail .menutotal li .num {display:block; color:#363636; width:20%; height:26px; text-align:right; line-height:26px; white-space:nowrap;}
.chef_orderdetail .menutotal li .cont {display:block; width:30%; text-align:right; height:26px; line-height:26px;}
.chef_orderdetail .menutotal li .cont em {color:#5d2fb3; font-size:18px; padding-right:4px;}
.chef_orderdetail .menutotal li:last-child {background:#f5f5f5;}
.chef_orderdetail .menutotal li:last-child .cont {width:50%;}
.chef_orderdetail .menutotal li:last-child .cont > em {font-size:18px; font-weight:bold; color:#5d2fb3;}

.chef_orderdetail .coupon li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.chef_orderdetail .coupon li .tit {display:block; color:#363636; width:70%; height:26px; line-height:26px; white-space:nowrap;}
.chef_orderdetail .coupon li .cont {display:block; width:30%; text-align:right; height:26px; line-height:26px;}
.chef_orderdetail .coupon li .cont em {padding-right:4px; font-size:18px; font-weight:bold; color:#cd0000;}

.chef_orderdetail .tip li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.chef_orderdetail .tip li .tit {display:block; color:#363636; width:70%; height:26px; line-height:26px; white-space:nowrap;}
.chef_orderdetail .tip li .cont {display:block; width:30%; text-align:right; height:26px; line-height:26px;}
.chef_orderdetail .tip li .cont em {color:#5d2fb3; font-size:18px; padding-right:4px; font-weight:bold;}

.chef_orderdetail .total li {position:relative; display:flex; padding:10px 20px; border-bottom:1px solid #ddd; background:#5d2fb3;}
.chef_orderdetail .total li .tit {display:block; color:#fff; width:50%; height:26px; line-height:26px; white-space:nowrap;}
.chef_orderdetail .total li .cont {display:block; width:50%; text-align:right; height:26px; line-height:26px; color:#fff;}
.chef_orderdetail .total li .cont > em {display:inline-block;  font-size:22px; margin-right:4px;}

.chef_orderdetail .btnwrap_f {padding:0 10px;}

.chef_orderdetail .requestwrap {margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2)}
.chef_orderdetail .requestwrap .reguest {margin-bottom:20px;}
.chef_orderdetail .requestwrap .reguest .tit {margin-bottom:6px; opacity:0.7;}
.chef_orderdetail .requestwrap .reguest .cont {word-break:break-all;}

/* 별점 */
.chef_star {margin:10px; padding:10px; border:2px solid #5d2fb3;}
.chef_star .titwrap {position:relative; height:40px; margin-bottom:20px;}
.chef_star .titwrap > span {color:#5d2fb3;}
.chef_star .titwrap > button {position:absolute; top:0; right:0; padding:0 30px;}
.chef_star li {display:flex; margin:5px 0;}
.chef_star li > .tit {display:block; width:40%; text-align:center; line-height:42px;}
.chef_star .starbox {width:60%; white-space:nowrap;}
.chef_star .starbox .btn_star {display:inline-block; width:38px; height:38px; margin:0 -2px; background:url(../images/sh1/chef_star_emty.svg) no-repeat center; background-size:100%;}
.chef_star .starbox .btn_star.on {background:url(../images/sh1/chef_star_full.svg) no-repeat center; background-size:100%;}

.chef_star .titwrap.done > span > em {font-size:13px; color:#363636;}
.chef_star .titwrap.done .btn_t {display:none;}
.slstInfo {position:relative;  width:55px; top: 60px;left: 310px; color:#fff;background:#5d2fb3;}



@media only screen and (max-width:360px) {
	.sm_box_ty01 .btn_t {font-size:14px; letter-spacing:-1px;}
	.sm_box_ty03 .btn_t {font-size:14px; letter-spacing:-1px;}
}

@media only screen and (max-width:320px) {
	.sm_box_ty01 li {position:relative; float:none; padding:8px 10px; width:100%;}
	.sm_box_ty01 li span {display:inline-block; text-align:right;  padding-right:10px; vertical-align:middle; }
	.sm_box_ty01 li em {display:inline-block; vertical-align:middle; word-break:break-all;}
	.sm_box_ty01 li:last-child {display:block;}
	
	.sm_box_ty03 li {position:relative; float:none; padding:8px 10px; width:100%;}
	.sm_box_ty03 li span {display:inline-block; text-align:right;  padding-right:10px; vertical-align:middle; }
	.sm_box_ty03 li em {display:inline-block; vertical-align:middle; word-break:break-all;}
	.sm_box_ty03 li:last-child {display:block;}
	
	.sh1 .tab li.withbtn {padding-right:30px;}
	.sh1 .tab li .btn_refresh {right:5px;}
	.mymobilekey .txtbox {font-size:14px;}
	.agreebox .head {padding:20px 10px 10px;}
	.agreebox .head .switch {right:5px;}
	.alert .msgbox {font-size:14px;}
	.mobilekey {margin:5px 0 20px;}
	.sharelist [class^="sharenum_"] {padding-right:40px;}
	.sm_checkin .useinfo span {left:5px;}
	.btn_useinfo {margin-right:-5px;}
	.sm_payment .head {padding:10px 10px;}
	.sm_payment .head li > span {margin-right:10px}
	.sharelist [class^="sharenum_"] input[type="text"], .sharelist [class^="sharenum_"] input[type="number"] {padding:0 0 0 18px;}

	.sm_box_ty01 .txt_ss {font-size:13px;}
	.sm_box_ty03 .txt_ss {font-size:13px;}
	
	.agreebox .head .optwrap {position:relative; margin:-10px 0 10px; text-align:right;}
	.agree_all {padding:0 0 20px;}
	.agree_all .switch {right:0;}

	.mymobilekey .keywrap {padding:0 20px 50px}
	.sm_checkin {margin:0 10px;}

	/****   배달몰   ****/
	.chef_room .choice {padding:30px 20px 20px;}
	.sh1 .selectbox .selectwrap input[type="text"],.chef_room .c_roomnum input[type="text"],.chef_room .c_contactnum input[type="text"] {padding-left:20px;}
	.chef_room .head::after {right:-80px;}
	.sh1 .selectbox .select_option button {padding-left:20px;}
	.store_list li > a {padding:10px;}
	.store_list .pic {margin-right:10px;}
	.store_list .cont {width:calc(100% - 94px)}
	.chef_detail .count {top:auto;  bottom:-30px; left:20px;}
	.chef_payment .head {padding:20px 10px;}
	.chef_complete .head {padding:20px 10px;}
	.chef_orderlist .box {margin:20px 10px;}

	.chef_orderlist .box .cont .logo {display:none;}
	.chef_orderlist .box .cont {padding-left:20px;}

	.chef_orderdetail .head {padding:20px 10px;}
	.chef_orderdetail .btnwrap_f {padding:0;}
	.chef_complete .btnwrap_f {padding:0;}
	.chef_cart .btnwrap_f {padding:0;}
	.chef_star .starbox .btn_star {width:30px; height:30px;}
	.chef_star li > .tit {line-height:32px;}
	

}

@media only screen and (max-width:280px) {
	.sm_checkin .msgbox .i_check {color:#5d2fb3; font-size:14px; white-space:nowrap;}
	.sm_keyshare .msgbox .i_check {color:#5d2fb3; font-size:14px; white-space:nowrap;}
	.sm_checkin .useinfo > span {position:relative; top:0; display:block; margin-bottom:10px;}
	.sm_useintro .w_img {padding-right:90px;}
	.sm_useintro .userpic01 {height:130px; background-size:80px auto;}
	.sm_useintro .userpic02 {height:140px; background-size:80px auto;}
	.sharelist {margin:0 10px;}

	.sh1 .btnwrap_f {margin:50px 4px 30px;}
	.sharelist [class^="sharenum_"] input {font-size:17px;}

	.mymobilekey .keybox .room {font-size:18px;}
	.mymobilekey .keybox .period {font-size:14px;}

	.sm_box_ty02 li em.date {display:block;}
	.mobilekeywrap {padding:0 10px;}
	.sm_box_ty01 .txt_ss {font-size:11px;}
	.sm_box_ty03 .txt_ss {font-size:11px;}
	.menu_list li.ready .ready_info .txt02 {top:70px}
	.menu_list li.ready .ready_info .txt02 em {display:block; margin-top:-3px;}
}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */ 
	.sh1-container {-webkit-overflow-scrolling:touch;}
	.sharelist [class^="sharenum_"] input[type="number"]::placeholder {color:#ccc; font-size:15px; font-weight:normal; line-height:24px;}
	.btn_useinfo::before {content:'!'; position:absolute; top:1px; left:1px; display:block; width:36px; height:36px; border-radius:50%; line-height:38px; 
		font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#5d2fb3;}
	.chef_room .c_roomnum::after {top:13px;}
	.btn_t_f, .btn_t, .btn_t_wh {line-height:40px;}
	.chef_orderdetail .total li .cont > em {vertical-align:middle;}

	.store_list .cont .open > i {line-height:20px;}
	.store_list .cont .dec {height:18px;}
	.store_list .cont .min_amt {height:18px;}
	.chef_detail .starbox .num {line-height:24px;}
	.chef_detail .count input[type="number"] {line-height:40px;}
	.cart_list .count input[type="number"] {line-height:40px;}
    .chef_room .c_roomnum::after {content:"호"; top:14px; }

	
}

/* Only Safari 10.1+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

	.btn_cart > i {background-size:98%;}
	.chef_noti::before {content:"!"; line-height:6px;}
	.store_list .cont .open > i {line-height:20px;}  
}}

.stamp-center-the-div {position:relative; display:block;}
.stamp-div{
	position:absolute; 
	z-index:99;
	border-radius: 20px;
	border-width: 15px;
	border-color: #ef3e42;
	border-style: solid;
	color: #ef3e42;
	text-transform: uppercase;
	margin:80px auto 0 50px;
	font-family: "source-sans-pro",sans-serif;
	color: #ef3e42;
	font-size: 50px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: -6px;
	padding:10px 10px 10px 10px;
	-ms-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	opacity:.4;
	-webkit-filter: blur(1.3px);
	filter: blur(1.3px);
	
	border-image: url(../images/sh1/grunge-stamp-30.png) 30;

}

/* 객실타입 선택시 문구 */
.gray_bx {background:#f3f3f3;font-size:14px;text-align:center;font-weight:bold;padding:16px;margin:15px 0px 0px 0px;border:1px solid #d9dbdb;}