@charset "utf-8";

/* .intro_bg {background:#2a2a2a !important;}

.wrap {width:100%;min-width:1080px;height:1920px;margin:0 auto;font-family:'Nanum Square';}

.header {height:100px;background:#111;}
.i_section02 {height:600px;background:#333;}

@charset "utf-8";
*/
html {
	-ms-content-zooming: none;
	-ms-touch-action: pan-x pan-y;
}

/* @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */

/* ------------------ 인트로 */
.date {
	padding-top: 30px;
	text-align: right;
	font-size: 72px;
	color: #fff;
	font-weight: normal;
}

.date span {
	display: inline-block;
	text-align: right;
}

.date .sp01 {
	font-size: 25px;
	line-height: 130%;
	padding-right: 5px;
}

.i_section01 {
	padding: 220px 0 0 0;
	height: 990px;
}

.i_section01 h1 {
	font-size: 150px;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: normal;
	line-height: 88%;
	border-left: 12px solid #b58a60;
	padding: 0 0 0 80px;
}

.i_section01 h1 span {
	display: block;
}

.i_section01 h1 span:last-child {
	padding-top: 45px;
}

.i_section01 h2 span {
	display: block;
	text-align: center;
}

.i_section01 h2 span:last-child {
	padding-top: 45px;
}

.h_txt {
	font-size: 47px;
	color: #d6aa7f;
	line-height: 160%;
	padding: 70px 0 100px 100px;
}

.i_section02 img {
	width: 100%;
	vertical-align: top;
}

/* 다국어 */
.qukgrp {
	padding-left: 110px;
}

.qukgrp:after {
	display: block;
	content: '';
	clear: both;
}

.qukgrp li {
	float: left;
	width: 120px;
	margin-right: 35px;
}

.qukgrp li a {
	display: block;
	width: 120px;
	height: 120px;
}

.qukgrp li a img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.cen_bx {
	position: relative;
	width: 1070px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* ------------------ 인덱스 */
.wrap {
	width: 100%;
	min-width: 1060px;
	height: 1900px;
	margin: 0 auto;
	font-family: NanumSquareR;
	background: #2a2a2a
}

.header {
	background: #222;
	height: 150px;
	line-height: 100px;
	text-align: center;
}

.btn_home {
	position: absolute;
	top: 39px;
	left: 20px;
	display: block;
	height: 80px;
}

.btn_home img {
	vertical-align: top;
}

.btn_home span {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: url('/resource/image/user/kiosk/icon/bg_icon.png') center
		3px no-repeat; /* margin-left:30px; */
}

.container {
	width: 1060px;
	margin: 50px auto 0 auto;
	box-sizing: border-box;
}

/* 공통 */
.radius7 {
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.radius10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.radius50 {
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.radius100 {
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

img {
	vertical-align: top;
}

.s_tit {
	color: #fff;
	font-size: 35px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	background: #3a3a3b;
	font-weight: bold;
}

/* section01 */
.section01 {
	background: #fff;
	height: 1000px;
}

.viewticle {
	padding: 24px 24px 0 24px;
	overflow: hidden;
	background: #fff;
	height: 770px;
}

/* 홈즈스테이 명동 추가 체크아웃 버튼 부분 */

.main_CheckOut_Btn {
    padding: 22px 23px;
    background: #c59566;
    color: #fff;
    float: right;
    cursor: pointer;
    border-radius: 20px;
    height: 20px;
    display: table;
    margin-right: 18px;
}

.main_CheckOut_Btn img {width: 45px;display: table-cell;margin-right: 18px;}

.main_CheckOut_Btn span {font-size: 38px;font-weight: bold;/* line-height: 16px; */vertical-align: middle;display: table-cell;text-shadow: 2px 2px 6px #956b41;}

.qukgrp_checkout{overflow: hidden;margin-left: auto;margin-right: auto; display: table;}

.qukgrp_checkout li {float: left;margin-right: 27px;}

.qukgrp_checkout li a img {width: 80px;}


.checkout_wrap {position: fixed;z-index: 100;min-width: 550px;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 700px;background-color: #e8e8ea;border-radius: 9px;}

.checkout_wrap .titbox{height: 90px;line-height: 90px;font-size: 35px;background-color: #9e3c16;border-radius: 9px 9px 0 0;color: #fff;text-align: center;}
    
.checkout_wrap .txtbox {font-size: 24px;margin: 50px 0 30px 0; text-align: center;line-height: 38px;padding: 0 20px;}

.checkout_footer .checkout_button{float: left;width: 50%;height: 90px;line-height: 90px;color: #fff;font-size: 30px; text-align: center;background: #9e3c16; cursor: pointer;font-weight: 400;}

    
.list_type {
	
}

.list_type:after {
	display: block;
	content: '';
	clear: both;
}

.list_type li {
	float: left;
	margin: 13px;
	width: 480px;
	height: 360px;
	border: 2px solid #fff;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	cursor: pointer;
}

.list_type li:hover {
	border: 2px solid #b58a60;
}

.list_type .imgbx {
	position: relative;
	width: 476px;
	height: 356px; /* margin:15px auto 0 auto; */
	background: url('/resource/image/user/test/triple3.jpg') center
		no-repeat;
	background-size: cover;
}

.list_type .imgbx img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.list_type .imgbx .bg_txt {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('/resource/image/user/kiosk/bg/bg_txt.png') bottom
		repeat-x;
}

.list_type .name_txt {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 12px 20px;
	color: #fff
}

.list_type .name_txt h3 {
	font-size: 33px;
	margin-bottom: 10px;
}

.list_type .name_txt p {
	font-size: 27px;
	line-height: 130%;
}

.list_type .name_txt p em {
	font-weight: bold;
	color: #e9b582;
	padding-right: 10px;
}

.list_type .imgbx .select_bx {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Oswald', NanumSquareRdisplay : inline-block;
	width: 476px;
	height: 356px;
	letter-spacing: 1px;
	color: #fff;
	font-size: 38px;
	background: url('/resource/image/user/kiosk/bg/bg_soldout3.png') repeat;
}

.list_type .imgbx .select_bx span {
	display: inline-block;
	width: 160px;
	height: 160px;
	line-height: 160px;
	border: 3px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	color: #b58a60;
	margin-top: -80px;
	margin-left: -80px;
	border-radius: 100px;
}

.list_type .imgbx .select_bx2 {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Oswald', NanumSquareRdisplay : inline-block;
	width: 476px;
	height: 356px;
	letter-spacing: 1px;
	color: #fff;
	font-size: 38px;
}

.list_type .imgbx .select_bx2 span {
	display: inline-block;
	width: 160px;
	height: 125px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #9e3c16;
	color: #fff;
	margin-top: -80px;
	margin-left: -80px;
	opacity: 0.8;
	border-radius: 100px;
	padding-top: 35px;
}

.list_type .imgbx .sold_bx {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-family: 'Oswald', NanumSquareR;
	display: inline-block;
	width: 476px;
	height: 356px;
	line-height: 350px;
	letter-spacing: 1px;
	color: #666;
	font-size: 40px;
	background: url('/resource/image/user/kiosk/bg/bg_w_depth.png') repeat;
}

/* 직사각형 버튼 */
/* .pctr_grp {position:relative; margin:19px 38px 0 38px; text-align:center;}
.pctr_grp:after {display:block;content:'';clear:both;}
.pctr_grp button {position:absolute;top:0;display:block;width:140px;height:70px;line-height:60px;border:0;color:#736a62;font-size:28px;
border:3px solid #736a62;font-family:'Oswald', sans-serif;}
.pctr_grp button.pbt {left:0;background:url('/resource/image/user/self_grp/btn_prev.png') no-repeat;}
.pctr_grp button.nbt {right:0;background:url('/resource/image/user/self_grp/btn_next.png') no-repeat;}
.pctr_grp p {font-size:40px;line-height:60px;font-style:italic;letter-spacing:2px;color:#9e3c16;font-weight:bold;}
.pctr_grp p em {font-size:25px;color:#736a62;font-weight:normal;padding-left:3px;} */

/* 원형 버튼 */
.pctr_grp {
	position: relative;
	margin: 19px 38px 0 38px;
	text-align: center;
}

.pctr_grp:after {
	display: block;
	content: '';
	clear: both;
}

.pctr_grp button {
	position: absolute;
	top: 0;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border: 0;
	color: #736a62;
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
}

.pctr_grp button.pbt {
	left: 0;
	background: url('/resource/image/user/kiosk/icon/icon_p_lrrow.png')
		center #736a62 no-repeat;
}

.pctr_grp button.nbt {
	right: 0;
	background: url('/resource/image/user/kiosk/icon/icon_p_rrrow.png')
		center #736a62 no-repeat;
}

.pctr_grp p {
	font-size: 40px;
	line-height: 60px;
	font-style: italic;
	letter-spacing: 2px;
	color: #9e3c16;
	font-weight: bold;
}

.pctr_grp p em {
	font-size: 25px;
	color: #736a62;
	font-weight: normal;
	padding-left: 3px;
}

/* section02 */
.section02 {
	background: #b58a60;
	clear: both;
}

.section02 .s_tit {
	background: #a4784d;
}

.section02 .bx_grp {
	height: 360px;
	padding: 40px;
}

.section02 .bx_grp .left_bx {
	float: left;
	width: 580px;
	color: #fff;
	margin-right: 40px;
}

.section02 .bx_grp .left_bx h1 {
	font-size: 28px;
	line-height: 217%;
	font-weight: normal;
	border-bottom: 1px solid #c7a37f;
}

.section02 .bx_grp .left_bx h1:last-child {
	border-bottom: 0;
}

.section02 .bx_grp .left_bx span {
	display: inline-block;
	text-align: left;
	min-width: 120px;
	padding-right: 40px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	font-weight: bold;
	letter-spacing: 1px;
}

.section02 .bx_grp .left_bx h1 b {
	font-size: 38px;
}

.section02 .bx_grp .right_bx {
	position: relative;
	float: left;
	width: 360px;
	height: 269px;
	background: url('/resource/image/user/test/triple3.jpg') center
		no-repeat;
	background-size: cover;
}

.section02 .bx_grp .right_bx .imgbx img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.section02 .bx_grp .right_bx .btn_plus {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 60px;
	border: 0;
	background: url('/resource/image/user/kiosk/icon/icon_plus.png')
		no-repeat;
	border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
}

.non_content {
	text-align: center;
	font-size: 35px;
	color: #fff;
	line-height: 120%;
	padding-top: 90px;
}

.non_content span {
	display: block;
	width: 120px;
	height: 95px;
	margin: 0 auto 30px auto;
	background: url('/resource/image/user/kiosk/icon/bg_noncontent.png')
		center no-repeat;
}

/* section_type */
.section_type01 {
	height: 795px;
}

.section_type02 {
	height: 905px;
}

.section_type02 .bx_grp {
	height: 565px;
}

.section_type02 #roomInfo {
	width: 480px;
}

.section_type .viewticle {
	padding: 40px;
	height: 495px;
}

.section_type .list_type .imgbx .select_bx {
	width: 100%;
	height: 100%;
}
/* .section_type .bx_grp .right_bx {width:100% !important;} */
.section_type .list_type li {
	margin: 0;
	border: 0;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	height: 250px;
}

.section_type .list_type li:nth-child(3n) {
	margin-right: 0%;
}

.section_type .list_type .imgbx {
	width: 100% !important;
	height: 100%;
}

.section_type .list_type .imgbx .select_bx span {
	margin: 0;
	width: 130px;
	height: 130px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 130px;
}

.section_type .non_content {
	padding-top: 200px;
}
/* .section_type .bx_grp .right_bx .btn_plus{display:none;} */
#TypeView_bottom_bx .btn1 {
	margin-right: 0;
}
/* 미예약  */
.section_line .right_bx {
	width: 460px !important;
	height: 560px !important;
}

.section_line .bx_grp .left_bx h1 {
	line-height: 160%;
	font-size: 26px;
	letter-spacing: -1px;
	padding: 35px 0;
}
/* //미예약 */

/* 예약 */
.section_res #roomInfo {
	width: 500px;
}

.section_res .right_bx {
	width: 440px !important;
	height: 560px !important;
}

.section_res .bx_grp .left_bx h1 {
	line-height: 160%;
	letter-spacing: -1px;
	font-size: 26px;
	padding: 20px 0;
}
/* //예약 */
/* //section_type */

/* 결제선택팝업 */
.pay_box_pop_bg {
	width: 100%;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/resource/image/user/kiosk/bg/bg_depth.png) repeat;
	z-index: 8100;
}

.pay_box_pop {
	width: 900px;
	height: auto;
	border-radius: 10px;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #e5e5e5;
	overflow: hidden;
}

.pay_tit_pop {
	padding: 0 0 0 30px;
	height: 90px;
	line-height: 90px;
	font-size: 35px;
	background-color: #fff;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.pay_tit_pop .pay_close_box {
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	background: url(/resource/image/user/icon/pop_close.png) no-repeat;
	background-position: center;
	background-size: 30px;
	background-color: #ddd;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.pay_box_pop .pay_selc_box {
	border-top: 0;
	padding: 20px;
	box-sizing: border-box;
	height: auto;
}

.pay_box_pop .pay_selc_box ul {
	width: 100%;
	height: 233px;
	margin-top: 0;
}

.pay_box_pop .pay_selc_box ul li {
	width: 100%;
	text-align: center;
}

.pay_box_pop .pay_selc_box button {
	width: 49% !important;
	margin-right: 2%;
	line-height: 180%;
	padding: 50px 30px;
	box-sizing: border-box;
	height: auto;
	border: 0;
	font-size: 33px;
	letter-spacing: 1px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-family: NanumSquareR;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 10px;
}

.pay_box_pop #cashCredit {
	float: left;
}

.pay_box_pop .pay_selc_box .pay_btn1 {
	background-color: #443628;
}

.pay_box_pop .pay_selc_box .pay_btn2 {
	background-color: #9e3c16;
}

.pay_box_pop .pay_selc_box button:nth-child(2) {
	margin-right: 0;
}

.pay_box_pop .pay_selc_box button .ca_icon {
	display: inline-block;
	width: 65px;
	height: 65px;
	vertical-align: middle;
}

.pay_box_pop .pay_selc_box button .cash_icon {
	margin: 0;
	margin-bottom: 10px
}

.pay_box_pop .pay_selc_box button .card_icon {
	margin: 0;
	margin-bottom: 10px;
}
/* //결제선택팝업 */

/* 결제버튼 */
.pay_btn_box .pay_selc_box {
	clear: both;
}
/* //결제버튼 */

/**/
.bottom_bx {
	border-top: 5px solid #9c7248;
	height: 175px; /* padding:0 30px 0 31px; */
}

.bottom_bx ul {
	text-align: center;
	margin-top: 31px;
}

.bottom_bx ul:after {
	display: block;
	content: '';
	clear: both;
}

.bottom_bx li {
	display: inline-block;
}

.bottom_bx li button {
	border: 0;
	width: 480px;
	height: 110px;
	line-height: 110px;
	font-size: 33px;
	letter-spacing: 1px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	float: left;
	font-family: NanumSquareR;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bottom_bx li .btn1 {
	background: #443628;
	margin-right: 30px;
}

.bottom_bx li .btn2 {
	background: #9e3c16;
}

.bottom_bx li .btn3 {
	background: #9e3c16;
	width: 400px;
	padding-bottom: 0 !Important;
	font-size: 33px !important;
}

.bottom_bx li .btn3 span.chkin_icon {
	width: 65px !Important;
	display: inline-block !Important;
	margin-right: 15px !important;
}
/* .bottom_bx .li02 .btn3 {background:#13527F;margin-right:0;} */
.bottom_bx .li02 button span {
	display: inline-block;
	width: 65px;
	height: 65px;
	vertical-align: middle;
}

.cash_icon {
	background: url('/resource/image/user/kiosk/icon/icon_cash.png') center
		no-repeat;
	margin: 0 20px 5px 0;
}

.card_icon {
	background: url('/resource/image/user/kiosk/icon/icon_card.png') center
		no-repeat;
	margin: 0 25px 5px 0;
}

.chkin_icon {
	background: url('/resource/image/user/kiosk/icon/icon_chkin.png') center
		no-repeat;
}

input:focus, button:focus {
	outline: none;
}

/* 예약 고객 css */
.titbox {
	font-family: NanumSquareR;
}


.reser_chk {
	font-family: NanumSquareR;
}

.reser_chk:after {
	display: block;
	content: '';
	clear: both;
}

.reser_chk li {
	font-size: 40px;
	background: #fff;
	padding: 50px 20px;
	border: 1px solid #ddd;
	margin-bottom: 30px;
	font-weight: bold;
	line-height:50px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
}

.reser_chk li:last-child {
	margin-bottom: 5px;
}

.reser_chk li:hover {
	background: #9e3c16;
	color: #fff;
}

.reser_chk li:hover, .reser_chk li:hover em {
	background: #9e3c16;
	color: #fff;
}

.reser_chk li:hover span.item01 {
	color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_reserv_1_on.png')
		no-repeat;
}

.reser_chk li:hover span.item02 {
	color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_reserv_2_on.png')
		no-repeat;
}

.reser_chk li span {
	display: inline-block;
	width: 70px;
	height: 70px;
	vertical-align: middle;
	margin-bottom: 40px;
}

.reser_chk li span.person_chk{
width: 100%;
height:140px;
}

.reser_chk li span.item01 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_1.png')
		no-repeat;
}

.reser_chk li span.item02 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_2.png')
		no-repeat;
}

.reser_chk li em {
	padding-left: 12px; /* display:block; */
	font-weight: normal;
	color: #777;
}

/* 시간선택 */
.reser_chk li span.item03 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_3.png')
		no-repeat;
}

.reser_chk li span.item04 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_4.png')
		no-repeat;
}

.reser_chk li span.item05 {
	background: url('/resource/image/user/kiosk/icon/icon_qr.png')
		no-repeat;
}

.reser_chk li:hover span.item03 {
	color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_reserv_3_on.png')
		no-repeat;
}

.reser_chk li:hover span.item04 {
	color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_reserv_4_on.png')
		no-repeat;
}
.reser_chk li:hover span.item05 {
	color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_qr_on.png')
		no-repeat;
}

.reser_chk li span.item_person1 {
	background: url('/resource/image/user/kiosk/icon/icon_person_1.png')
		no-repeat center;
}

.reser_chk li span.item_person2 {
	background: url('/resource/image/user/kiosk/icon/icon_person_2.png')
		no-repeat center;
}

.reser_chk li:hover span.item_person1 {
		color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_person_1R.png')
		no-repeat center;
}

.reser_chk li:hover span.item_person2 {
		color: #fff;
	background: url('/resource/image/user/kiosk/icon/icon_person_2R.png')
			no-repeat center;
}


.title01 {
	font-size: 25px;
	text-align: left;
	margin-bottom: 15px;
}

.select_time li {
	float: left;
	width: 49%;
	margin-right: 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.select_time li:nth-child(2n) {
	margin-right: 0;
}

.select_time02 li {
	float: left;
	width: 49%;
	padding: 33px 20px;
	margin-right: 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.select_time02 li:nth-child(2n) {
	margin-right: 0;
}

.select_time02 li span {
	width: 50px;
	height: 50px;
	background-size: 100% !important;
}

.select_time02 li span.item03 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_3_1.png')
		no-repeat;
}

.select_time02 li span.item04 {
	background: url('/resource/image/user/kiosk/icon/icon_reserv_4_1.png')
		no-repeat;
}

.select_time02 li:hover span.item03 {
	color: #fff;
	background:
		url('/resource/image/user/kiosk/icon/icon_reserv_3_1_on.png')
		no-repeat;
}

.select_time02 li:hover span.item04 {
	color: #fff;
	background:
		url('/resource/image/user/kiosk/icon/icon_reserv_4_1_on.png')
		no-repeat;
}

.slect_time_list {
	background: #fff;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.slect_time_list li {
	font-size: 26px;
	line-height: 50px;
	padding-bottom: 5px;
}

.slect_time_list li.time_total_list {
	font-weight: bold;
	border-top: 1px dashed #ddd;
	color: #9e3d21;
	padding-top: 10px;
}

.slect_time_list li .list_title01 {
	display: inline-block;
	width: calc(50% - 10px);
	font-weight: bold;
	padding-right: 10px;
	box-sizing: border-box;
}

.slect_time_list li .list_txt {
	width: 50%;
	display: inline-block;
	text-align: right;
}

.btn_50 li {
	float: left;
	width: 50% !important;
}

/* bottom_bx2 */
.bottom_bx2 ul {
	text-align: center;
	margin-top: 27px;
}

.bottom_bx2 ul:after {
	display: block;
	content: '';
	clear: both;
}

.bottom_bx2 li {
	display: inline-block;
}

.bottom_bx2 li button {
	border: 0;
	width: 480px;
	height: 120px;
	line-height: 120px;
	font-size: 27px;
	letter-spacing: 1px;
	padding-bottom: 13px !important;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	float: left;
	font-family: NanumSquareR;
	cursor: pointer;
}
/* .bottom_bx2 li button span {display:block !important;width:100% !important;margin:0 0 4px 0 !important;} */
.bottom_bx2 .li01 {
	background: #fff;
	width: 560px;
	margin-right: 26px;
	font-size: 24px;
	border-radius: 10px;
}

.bottom_bx2 .li01 .price_detail {
	border-radius: 0 10px 10px 0;
	padding: 0;
	line-height: 120px;
	background: #855e36;
}

.bottom_bx2 .li01 table {
	float: left;
	width: 360px;
	border-collapse: collapse;
	border-spacing: 0;
	height: 120px;
	border-raidus: 10px;
	margin-right: 10px;
}

.bottom_bx2 .li01 table tbody th {
	padding: 15px 25px;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
}

.bottom_bx2 .li01 table tbody td {
	padding: 15px 25px;
	text-align: right;
	font-weight: bold;
	line-height: 100%;
}

.bpd_none {
	padding-bottom: 0 !important;
}

.tpd_none {
	padding-top: 0 !important;
}

.bottom_bx2 .cash_icon {
	background: url('/resource/image/user/kiosk/icon/icon_cash.png') center
		no-repeat;
	background-size: 50px;
	margin: 0 5px 5px 0;
}

.bottom_bx2 .card_icon {
	background: url('/resource/image/user/kiosk/icon/icon_card.png') center
		no-repeat;
	background-size: 50px;
	margin: 0 8px 5px 0;
}

.tb_price_view {
	border-top: 1px solid #333;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}

.tb_price_view th {
	text-align: left;
	font-size: 22px;
	padding: 17px 20px;
	font-weight: bold;
	border-bottom: 1px dashed #bbb;
}

.tb_price_view td {
	text-align: right;
	font-size: 22px;
	padding: 17px 20px;
	border-bottom: 1px dashed #bbb;
}

.plus_bx {
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	background: #bbb;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	font-weight: bold;
}

.tr_sg {
	background: #fffecf;
	font-weight: bold;
}

.tr_sg th {
	font-weight: 500 !Important;
	color: #aead77;
}

.tr_bg {
	background: #333;
	color: #fff;
}

.tr_bg th, .tr_bg td {
	padding: 25px 20px;
}

.tr_bg td {
	font-weight: bold;
	color: #f7ff99;
}

.minus_bg {
	background: #666;
}

/* 서브 ------------------------------------------- */

/* 팝업 */
.s_bg_wrap {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('/resource/image/user/kiosk/bg/bg_depth.png') repeat;
	z-index: 8100;
}

.s_bg_wrap_nvcat {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('/resource/image/user/kiosk/bg/bg_depth.png') repeat;
	z-index: 99999;
}

.popwrap {
	position: fixed;
	background: #fff;
	z-index: 8500;
	left: 50%;
	top: 38%;
}

.person_P {
	left: 43%;
}

.personS_Pop {
	left: 43%;
}

.pop550 {
	width: 550px;
	height: 582px;
	margin-left: -275px;
	margin-top: -291px;
}

.pop600 {
	width: 600px;
	height: 404px;
}

.pop602 {
	width: 600px;
	margin-left: -300px;
	margin-top: -275px;
}

.pop603 {
	width: 600px;
	margin-left: -300px;
	margin-top: -500px;
}

.pop700 {
	width: 700px;
	margin-top: 110px;
	top: 50%;
}

.pop800 {
	width: 800px;
	margin-left: -400px;
	margin-top: -389px;
}

.pop900 {
	width: 900px;
	height: 590px;
	margin-left: -450px;
	margin-top: -295px;
}

/* 객실이미지 */
.slider_grp {
	position: relative;
}

.list_room:after {
	display: block;
	content: '';
	clear: both;
}

.list_room li {
	float: left;
	width: 100%;
	height: 500px;
	background: url('/resource/image/user/test/triple3.jpg') center
		no-repeat;
	background-size: cover;
}

.list_room li img {
	width: 100%;
}

.list_guide {
	text-align: center;
}

.list_guide li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	margin-right: 3px;
}

.btn_slider button {
	position: absolute;
	width: 80px;
	height: 64px;
	border: 0;
	border-radius: 0;
	top: 50%;
	margin-top: -32px;
	background: url('/resource/image/user/kiosk/bg/bg_depth.png') repeat;
	color: #fff;
}

.btn_slider .pbt {
	left: 0;
	background: url('/resource/image/user/kiosk/icon/icon_lrrow.png') center
		no-repeat;
	border-radius: 0 50px 50px 0;
}

.btn_slider .nbt {
	right: 0;
	background: url('/resource/image/user/kiosk/icon/icon_rrrow.png') center
		no-repeat;
	border-radius: 50px 0 0 50px;
}

/* 성인인증_카드결제 팝업 */
.pop900 .box {
	padding: 0 !important;
}

.pop900 .l_bx {
	float: left;
	width: 440px;
	height: 410px;
	background: #fff;
	padding: 0 30px !important;
}

.pop900 .l_bx .per_num {
	margin-top: 40px;
	font-size: 26px;
	letter-spacing: -0.5px;
	padding-left: 15px;
}

.pop900 .l_bx .per_num strong{
	color:#c83800;
}

.pop900 .l_bx .per_num em {
	color: #aa0000
}

.pop900 .l_bx .per_num2 {
	margin: 30px 0 0 0;
	font-size: 22px;
	text-align: left;
}

.pop900 .l_bx .per_num2 em {
	color: #aa0000
}

.pop900 .l_bx .per_txt {
	text-align: left;
	font-weight: normal !important;
	font-size: 22px !important;
	line-height: 165% !important;
	background: #fff;
	border-radius: 10px;
	padding: 15px 15px 15px 20px;
	margin: 30px 0;
}

.pop900 .l_bx .per_txt b {
	color: #aa0000;
}

.pop900 .l_bx .point {
	font-size: 21px;
}

.pop900 .l_bx .coment {
	display: inline-block;
	font-size: 22px;
	line-height: 100%;
}

.pop900_2 .l_bx {
	width: 390px;
}

.pop900_2 .r_bx {
	width: 450px !important;
}

.pop900 .cardbx {
	font-family: NanumSquareR;
}

.pop900 .cardbx ul {
	margin: 25px 0 0;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}

.pop900 .cardbx ul li {
	line-height: 50px;
	font-size: 27px;
}

.pop900 .cardbx ul li span {
	display: inline-block;
	min-width: 120px;
	font-weight: bold;
	margin-right: 10px;
}

.pop900 .cardbx ul li em {
	padding-left: 4px;
	color: #c83800;
}

.reserv_search {
	height: auto !important;
}

.reserv_search .l_bx {
	height: auto !important;
	text-align: center;
}

.reserv_search .list_number {
	margin: 0 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 4px 4px 18px 0px #393d4466;
}

.reserv_search .list_number li {
	display: inline-block;
	float: none;
	width: 65px !Important;
	height: 65px !Important;
	line-height: 58px !important;
	margin: 7px 14px 7px 0 !important;
}

.reserv_search .list_number li.btn_okok {
	margin-top: 20px;
	min-width: 150px;
	border-radius: 50px;
	background: #1c1c1c;
	font-weight: bold;
	color: #fff;
}

.put_dp_box {
	position: absolute;
	top: 65px;
	display: none;
	border-top: 1px dotted #c2cbd1;
	z-index: 5000
}

/* 차량 등록 */
.receive_tab_grp {
	border-radius: 12px;
	background-color: #fff;
	width: 100%;
	padding: 0px;
	margin-top: 15px !important;
	box-sizing: border-box;
}

.receive_tab_box {
	border-radius: 12px !important;
	display: flex;
	flex-direction: row;
	padding: 8px !important;
	background-color: #f1f1f1 !important;
	margin: 0 !important
}

.receive_tab_list {
	width: 100%;
	box-sizing: border-box;
	line-height: normal !important;
	font-size: unset !important;
	margin-right: 8px !important
}

.receive_tab_list:last-child {
	margin-right: 0 !important;
}

.receive_tab_list .receive_tab_list_btn {
	display: flex;
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #9eacb2;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.receive_tab_icon {
	width: 30px;
	height: 30px;
	min-width: 30px !important;
	display: block;
	margin-right: 8px !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.receive_tab_icon01 {
	background-image: url('/resource/image/user/btn/btn_walk.png');
}

.receive_tab_icon02 {
	background-image: url('/resource/image/user/btn/btn_car.png');
}

.receive_tab_list.active .receive_tab_list_btn {
	background-color: #fff;
	color: #9e3c16;
	box-shadow: 0px 5px 6px 0px #2934391a;
	border: 2px solid #9e3c16;
	box-sizing: border-box;
}

.receive_tab_list.active .receive_tab_icon01 {
	background-image: url('/resource/image/user/btn/active_walk.png');
}

.receive_tab_list.active .receive_tab_icon02 {
	background-image: url('/resource/image/user/btn/active_car.png');
}

.pop900 .car_pop_grp {
	padding: 30px !important
}

.car_pop_grp .per_num2:first-child {
	margin-top: 0 !important;
}

.pop900 .car_pop_grp .per_num2_top {
	margin-top: 30px !important
}

/* r_bx */
.pop900 .box .r_bx {
	float: left;
	width: 400px;
	height: 410px;
	background: url('/resource/image/user/pic/img_user.gif') center
		no-repeat
}

.pop900 .box .r_bx_card {
	background: url('/resource/image/user/kiosk/gif/img_coin.gif') #464349
		center 0 no-repeat
}

.pop900 .box .r_bx_chk_wan {
	background: url('/resource/image/user/kiosk/bg/img_lock_.png') #464349
		center 0 no-repeat;
	background-size: 100%;
}

.pop900 .box .r_bx img {
	vertical-align: top;
}

.popwrap .titbox {
	padding: 0 0 0 30px;
	height: 90px;
	line-height: 90px;
	font-size: 35px;
	background-color: #9e3c16;
	border-radius: 9px 9px 0 0;
	color: #fff;
}

#personSelectPop .titbox {
	padding: 0 0 0 0;
}

.titbox em {
	padding-left: -100px;
}

.popwrap .box {
	padding: 30px 50px;
	background: #e5e5e5
}

.popwrap .sbyh_SD {
	padding: 50px 50px 0 50px;
}

.popwrap .box ul {
	width: 100%;
}

.popwrap .box2 ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	line-height: 250%;
	background-color: #E8E8EA;
	padding: 40px 0;
}

.popwrap .box2 .sukbak_LN {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.popwrap .list_number {
	flex-wrap: wrap;
	margin-top: 12%;
}


.popwrap .list_number li {
	width: 20%;
	border: rgba(0, 0, 0, 0) solid 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popwrap .list_number .numpad {
	width: 20%;
	border: rgba(0, 0, 0, 0) solid 4px;
	border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #eee;
}

.popwrap .box2 ul .trueGuest {
	margin: 2.5%;
	text-align: center;
}


.popwrap .box2 ul .falseGuest {
	margin: 2.5%;
	text-align: center;
}
.popwrap .box2 ul .qrGuest {
	margin: 2.5%;
	text-align: center;
}

.popwrap .box2 ul .cardTypeBtn {
	margin: 2.5% 4% 2.5% 2%;
	text-align: center;
}

.popwrap .reser_box ul li {
	margin: 2.5% 4% 2.5% 2%;
	text-align: center;
}



.popwrap .box2 ul .list_number_gender1 {
	margin: 2.5% 2% 2.5% 4%;
}

.popwrap .box2 ul .list_number_gender2 {
	margin: 2.5% 4% 2.5% 2%;
}


.popwrap .list_number ul li {
	width: 80px;
	margin: 8px 16px 8px 0;
}

.popwrap .box ul:after {
	display: block;
	content: '';
	clear: both;
}

.popwrap .box .type03 li {
	display: table;
}

.popwrap .box .type03 li.type_name {
	color: #555;
	font-size: 25px;
	padding-bottom: 20px;
	font-weight: bold;
	line-height: 100%;
}

.popwrap .box .type03 li.type03_box01 {
	margin-bottom: 30px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding-right: 25px;
	text-align: right;
	font-size: 50px;
	border: 1px solid #dcdcdc;
	background: #fff;
	box-sizing: border-box;
	color: #999;
}

.popwrap .box .type03 li.type03_box01 span {
	color: #c3491a;
	font-weight: bold;
}

.popwrap .box .type03 li input {
	color: #0c66b2;
	font-weight: bold;
	margin: 5px 20px 20px 20px;
	padding: 5px;
	font-size: 20px;
	width: 380px;
}

.popwrap .box .type03 li.type03_box02 {
	margin-bottom: 10px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding-right: 25px;
	text-align: right;
	font-size: 50px;
	box-sizing: border-box;
	color: #fff;
	background: -webkit-linear-gradient(#a1e048, #6a942f);
	background: linear-gradient(#4f4f4f, #303030);
}

.popwrap .box p {
	font-size: 25px;
	text-align: center;
	padding: 35px 0;
	line-height: 150%;
}

.pop_btn:after {
	display: blcok;
	content: '';
	clear: both;
}

.pop_btn li {
	float: left;
	width: 100%;
	height: 90px;
	line-height: 90px;
	color: #fff;
	font-size: 35px;
	text-align: center;
	background: #47433d;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	cursor: pointer;
}

.pop_btn li:last-child {
	background: #9e3c16;
	border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
}

.pop_btn #pop4Confirm {
	border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
}

.pop_btn #dayClose,#personGenderCancel, .pop_btn li:last-child.qrScanClose {
	background-color: #47433D;
	color: #ddd;
}

#popup_ok {
	border-radius: 0 0 9px 9px;
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
}

.popwrap .box2 .chk_type{display: block;}
/* QR스캔 안내창 */
.qrScanBox{
	background: #f9f9f9;
	padding: 80px 20px;
	text-align: center;
}

.qrScanBox h1{font-size: 50px; color: #9e3c16; font-weight: 600;}
.qrScanBox h2{font-size: 35px; margin: 20px 0; color: #9e3c16;}
.qrScanBox h3{font-size: 20px;}
.qrScanBox .qrScanImg{
	background: url('/resource/image/user/kiosk/bg/bg_qrScan.png') center no-repeat;
	background-size: contain;
	width: 100%;
	height: 400px;
	margin: 100px 0;
}

/* 숙박인원 확인창 */

#popup_cancel {
	border-radius: 0 0 0 9px;
    -webkit-border-radius: 0 0 0 9px;
    -moz-border-radius: 0 0 0 9px;
}

#popup_ok {
	border-radius: 0 0 9px 0;
    -webkit-border-radius: 0 0 9px 0;
    -moz-border-radius: 0 0 9px 0;
}



/**/
.h4_txt {
	font-size: 28px;
	line-height: 100%;
	font-weight: bold;
	padding: 15px 0 15px 0;
}

.h4_txt em {
	color: #c43700;
	display: block;
	padding-top: 40px;
}

.h4_txt_gender {
	font-size: 40px;
	line-height: 100%;
	font-weight: bold;
	padding: 15px 0 15px 0;
}

.h4_txt_gender em {
	color: #c43700;
	display: block;
	padding-top: 40px;
}

.put_bx {
	position: relative;
	margin: 25px auto 0 auto;
	background: #fff;
	border: 1px solid #c2cbd1;
}

.put_bx2 { /* padding-left:90px !Important;
background:url('/resource/image/user/kiosk/icon/icon_put_date.png') 25px center no-repeat; */
	
}

.put_bx input {
	width: 90%;
	height: 70px;
	box-sizing: border-box;
	font-size: 22px;
	letter-spacing: -0.5px;
	padding: 0 35px 0 0;
	border: 0;
}

.put_bx button {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	top: 5px;
	right: 10px;
	border: 0;
	background: url('/resource/image/user/icon/icon_delete.png') #fff center
		no-repeat;
	font-size: 40px;
	color: #c20f12;
}

.put_bx button:hover {
	background: url('/resource/image/user/icon/icon_delete.png') #fff center
		no-repeat;
}

.mg_top15 {
	margin-top: 15px;
}

.mg_bot15 {
	margin-bottom: 15px;
}

/* 숫자 키 */
.list_number {
	margin-top: 25px;
	display: none;
}

/* .list_number li { */
/* 	display: inline-block; */
/* 	float: none; */
/* 	width: 80px; */
/* 	height: 80px; */
/* 	line-height: 80px; */
/* 	font-size: 30px; */
/* 	font-weight: bold; */
/* 	text-align: center; */
/* 	background: #070e18; */
/* 	color: #fff; */
/* 	margin: 8px 16px 8px 0; */
/* 	border-radius: 7px; */
/* 	cursor: pointer; */
/* } */

.list_number_gender li {
	display: inline-block;
	float: none;
	width: 110px;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background: #D8AA99;
	color: #fff;
	border-radius: 7px;
	cursor: pointer;
}

.list_number_gender li.active {
	background: #9E3C16;
}

.r_mg_zero {
	margin-right: 0 !important;
}

.list_number .subak_li.active, .list_number .subak_li:hover {
	border: #9e3c16 solid 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: background 200ms ease-in-out;
	color: #9e3c16;
}

.list_number .numpad.active, .list_number .numpad:hover {
	border: #9e3c16 solid 4px;
	border-radius: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: background 200ms ease-in-out;
}


/* 숙박유형 */

.list_sbyh {
	  padding-top: 10px;
}



.list_sbyh li {
	float: left;
	width: 285px;
	text-align: center;
	padding: 35px 10px;
	font-size: 33px;
	font-weight: bold;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.list_sbyh li:first-child {
	margin-right: 30px;
}

.list_sbyh li span {
	display: inline-block;
	width: 56px;
	height: 56px;
	margin-right: 20px;
	vertical-align: middle;
}

.list_sbyh li span.item01 {
	background: url('/resource/image/user/kiosk/icon/icon_ds.png') no-repeat;
}

.list_sbyh li span.item02 {
	background: url('/resource/image/user/kiosk/icon/icon_sb.png') no-repeat;
}

.list_sbyh_q li {
	float: left;
	width: 300px;
	padding: 15px 0px;
	font-size: 30px;
	font-weight: bold;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}

.list_sbyh_q li:first-child {
	margin-right: 30px;
}

.list_sbyh_q {
	border-radius: 8px;
	padding: 10px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	background: #fff;
	height: 30%;
}


#sukbakDiv {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 0 0 8px 8px;
}

.sukbak_LN {

}

.subak_li {
	display: inline-block;
    float: none;
    width: 25%;
    height: 80px;
    line-height: 75px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: #eee;
    color: rgb(177, 177, 177);
    border-radius: 7px;
    cursor: pointer;
    border: rgba(0, 0, 0, 0) solid 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.list_sbyh_q .radius7 {
	background-color: fff;
}

#oneday>p {
    text-align: left;
}

#dayuse>p {
    text-align: left;
}

#dayuse {
	padding-top: 20px;
}

.list_sbyh_q li span {
	display: inline-block;
	vertical-align: middle;
}

.list_sbyh_q li span.item01 {
	width: 65px;
	height: 55px;
	background: url('/resource/image/user/kiosk/icon/icon_ds.png') no-repeat;
	background-size: 60%;
	margin-left: 32px;
	margin-top: 5px;
}

.list_sbyh_q li span.item02 {
	width: 65px;
	height: 65px;
	background: url('/resource/image/user/kiosk/icon/icon_sb.png') no-repeat;
	background-size: 100%;
	margin-left: 20px;
	margin-top: 10px;
}

.list_sbyh_q li .itemD {
	display:block;
	margin-left: 25px;
	margin-top: 10px;
}

.list_sbyh_q li .itemS {
	display:block;
	margin-left: 25px;
}


.txt_bx {
	background: transparent;
	width: 100%;
	font-size: 22px;
	line-height: 160%;
	padding: 0 !important;
	margin-top: 30px;
	text-align: left;
	font-weight: normal;
	border: 0;
}

.txt_bx b {
	color: #9e3c16;
}

.sbyh_grp .pop_btn li {
	width: 50% !important;
	font-family: NanumSquareR
}

.pop_btn li:first-child {
	border-radius: 0 0 0 8px;
}

.pop_btn #daySelect {
	border-radius: 0 0 10px 0px;
}

.sbyh_grp .put_dp_box {
	margin-top: 0;
	display: block;
	background: #fff;
	padding: 15px 0;
	border-radius: 0 0 10px 10px;
}

/* .scrolltbody {display: block; width: 100%; border-collapse: collapse;}
.scrolltbody th { }
.scrolltbody td { }
.scrolltbody tbody {display: block; height: 287px; overflow: auto;}
.scrolltbody th:nth-of-type(1){ width: 237px; }
.scrolltbody th:nth-of-type(2){ width: 297px; }
.scrolltbody td:nth-of-type(1) { width: 200px; }
.scrolltbody td:nth-of-type(2) { width: 163px; }
.scrolltbody td:nth-of-type(3) { width: 82px; }
.scrolltbody td:last-child { width: 66px;  }
::-webkit-scrollbar { 
    display: none; 
}
.scrolltbody{
    -ms-overflow-style: none;
    overflow: auto;
}
 */
/* .pop_msg {height:auto !important;margin-top:-10% !important;} */
.pop_btn2 li {
	width: 50%;
}

.pop_btn2 li:first-child {
	border-radius: 0 0 0 8px;
}

.pop_btn2 li:last-child {
	background: #9e3c16;
	border-radius: 0 0 8px 0;
}

.bx-wrapper .bx-pager {
	bottom: 20px !important;
}

/* td_userpoint */
.td_userpoint {
	font-size: 24px;
}

.td_userpoint th {
	padding: 15px 0;
	text-align: left;
	border-bottom: 1px dashed #bbb;
}

.td_userpoint th span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
	border-radius: 50px;
}

.td_userpoint td {
	padding: 15px 0;
	line-height: 140%;
	text-align: justify;
	border-bottom: 1px dashed #bbb
}

.td_userpoint td b {
	font-weight: bold;
	color: #c50000;
}

/* 준비중 팝업 */
.wait_pop_grp {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.65);
}

.close_btn {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 350px;;
	right: 20px;
	background-image: url('/resource/image/user/kiosk/icon/close_btn.png');
	background-size: 100px;
	background-position: center;
}

.wait_pop_box {
	width: 900px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 50px;
	box-sizing: border-box;
	border-radius: 10px;
}

.wait_pop_box img {
	width: 512px;
	height: 512px;
	display: block;
	margin: 0 auto;
}

.wait_tit {
	font-size: 56px;
	text-align: center;
	padding: 30px 0;
}

.wait_color {
	color: #7673f6;
}

.wait_txt {
	color: #333;
	font-size: 32px;
	line-height: 200%;
	font-weight: bold;
	text-align: center;
}

.if_tb {
	width: 100%;
	border-collapse: collapse;
	margin-top: 30px;
}

.if_tb th {
	color: #333;
	background: #eee;
	padding: 25px;
	border: 1px solid #ddd;
	font-size: 24px;
	font-weight: bold;
}

.if_tb td {
	color: #333;
	background: #fff;
	padding: 25px;
	border: 1px solid #ddd;
	font-size: 24px;
}

.chc_ul_box {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #eee;
	border-radius: 10px;
}

.chc_ul_box li {
	width: 100%;
	margin-bottom: 10px;
	vertical-align: middle;
	line-height: 60px;
	position: relative;
}

.chc_ul_box li:last-child {
	margin-bottom: 0;
}

.chk1 {
	display: none;
}

.ck_btn {
	display: inline-block;
	line-height: 160%;
	background-image: url(/resource/image/user/icon/chk_off.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left;
	color: #333;
	transition: 0.3s;
	text-align: left;
	cursor: pointer;
	padding-left: 45px;
	font-size: 18px;
	clear: both;
	width: 75%;
	vertical-align: middle;
}

.ck_btn2 {
	background-image: url('');
}

.ck_btn .lab_text {
	
}

.active02 {
	display: inline-block;
	line-height: 160%;
	background-image: url(/resource/image/user/icon/chk_on.png);
	background-repeat: no-repeat;
	font-size: 18px;
	background-position: left;
	color: #2095ec;
	transition: 0.3s;
	text-align: left;
	font-weight: 500;
	vertical-align: middle;
}

.agree_btn02 {
	padding: 10px;
	background-color: #c82a3b;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	border: 0;
	float: right;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	line-height: 160%;
	box-sizing: border-box;
}

.agree_ny_line02 {
	text-align: center;
}

.agree_ny_line02 .ck_btn {
	text-align: center;
	width: 100%;
	padding-left: 40px;
	background-position: center left 190px;
	font-size: 40px;
	background-size: 40px;
	box-sizing: border-box;
}

.agree_ny_line02 .ck_btn {
	text-align: center;
	width: 100%;
	padding-left: 40px;
	background-position: center left 190px;
	font-size: 40px;
	background-size: 40px;
	box-sizing: border-box;
}

.que_icon {
	width: 70px;
	height: 70px;
	background-image: url(/resource/image/user/icon/que_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 35px;
	right: 10px;
}

.que_fix_box {
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	right: 0;
	background-color: rgba(0, 0, 0, 0.85);
	width: 100%;
	height: 100%;
	line-height: 160%;
	border-radius: 0 0 10px 10px;
}

.que_abs_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 900px;
	background-color: #fff;
}

.cancel_icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	background-image: url(/resource/image/user/icon/cancel_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 15px;
	right: 30px;
}

.que_tit_box {
	display: block;
	padding-left: 30px;
	height: 100px;
	line-height: 100px;
	background-color: #9e3c16;
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	text-align: left;
	position: relative;
}

.que_abs_box .ft_tit {
	color: #333;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
	padding: 30px 50px;
}

.que_point {
	display: inline-block;
	padding: 15px;
	background: #eee;
	border-radius: 15px;
	color: #000;
}

.click_pop_grp {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.85);
}

.click_pop_box {
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.click_pop_box .click_tit {
	line-height: 80px;
	color: #fff;
	font-weight: bold;
	background-color: #9e3c16;
	text-align: center;
	font-size: 28px;
}

.click_pop_box .click_txt_grp {
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

.click_pop_box .click_txt_box {
	padding: 20px;
	background-color: #eee;
	border-radius: 10px;
	line-height: 170%;
}

.click_pop_box .click_box_tit {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 170%;
}

.click_pop_box .click_box_txt {
	font-size: 18px;
	padding-bottom: 10px;
	color: #333;
	text-indent: 10px;
	line-height: 170%;
}

.click_pop_box .click_box_txt01 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
	text-indent: 0px;
	padding-top: 10px;
}

.click_pop_box .click_box_none {
	padding-top: 10px;
	padding-bottom: 20px;
}

.click_pop_box .click_pop_btn {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
}

.click_pop_box .click_pop_btn .cp_btn {
	float: left;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.click_pop_box .click_pop_btn .cp_btn02 {
	background-color: #9e3c16;
	color: #fff;
}

.click_pop_grp03 .click_pop_box .click_txt_grp {
	padding: 20px;
	box-sizing: border-box;
}

.click_pop_grp03 .click_pop_box .click_txt_box {
	padding: 20px 80px 20px 20px;
	background-color: #eee;
	border-radius: 10px;
	line-height: 170%;
	max-height: 600px;
	overflow: hidden;
	position: relative;
}

.click_pop_grp03 .click_pop_box .click_box_tit {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 170%;
}

.click_pop_grp03 .click_pop_box .click_box_txt {
	font-size: 14px;
	padding-bottom: 10px;
	color: #333;
	text-indent: 10px;
	line-height: 170%;
}

.click_pop_grp03 .click_pop_box .click_box_txt01 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
	text-indent: 0px;
	padding-top: 10px;
}

.arr_btn {
	position: fixed;
	display: block;
	width: 100px;
	height: 100px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
	transition: 0.1s;
	opacity: 0.4;
}

.arr_btn:active {
	opacity: 1;
}

.top_arr {
	background-image: url('/resource/image/user/kiosk/icon/up_arr_icon.png');
	top: 100px;
	right: 10px;
}

.bottom_arr {
	background-image:
		url('/resource/image/user/kiosk/icon/down_arr_icon.png');
	bottom: 100px;
	right: 10px;
}

/* 샤워실 키오스크 */

/* 성별선택 */
.ny_ch_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.ny_sel_wrap {
	width: 100%;
	height: 1750px;
}

.ny_sel_box {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.luna_back {
	width: 100%;
	height: 875px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/resource/image/lunax/main_back_bg.png');
	position: relative;
}

.luna_logo {
	width: 410px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 60px;
}

.ny_sel_mtit {
	color: #fff;
	text-align: center;
	line-height: 160%;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.ny_sel_mtit01 {
	font-size: 84px;
}

.ny_sel_mtit02 {
	font-size: 54px;
}

.luna_text_box {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.ny_sel_ul {
	width: 100%;
	height: 875px;
	box-sizing: border-box;
}

.ny_sel_li {
	width: 50%;
	height: 875px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.ny_sel_li01 {
	background-image: url('/resource/image/lunax/man_bg.png');
}

.ny_sel_li02 {
	background-image: url('/resource/image/lunax/woman_bg.png');
}
/* .ny_sel_li:after{content:""; display:block; padding-bottom:100%;} */
.ny_sel_div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px;
	box-sizing: border-box;
}

.ny_sel_cen {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.ny_sel_icon {
	width: 250px;
	display: block;
	margin: 0 auto;
}

.ny_sel_icon img {
	width: 100%;
}

.ny_sel_tit {
	font-size: 68px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
}
/* //성별선택 */

/* 잔여없음 */
.lu_dios {
	overflow: hidden !important;
	height: auto !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	transform: translate(-50%, -50%);
}

.titbox_lu {
	background-color: #9e3c16 !important;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 120px !important;
	line-height: 120px !important;
	font-size: 54px !important;
}

.lutit_box {
	width: 100%;
	padding: 60px 0;
	padding-bottom: 80px;
}

.contbox_lu {
	border-radius: 0 !important;
	background-color: #e5e5e5 !important;
}

.lutime_icon {
	display: block;
	width: 350px;
	margin: 0 auto;
	padding-top: 50px;
}

.lutime_icon img {
	width: 100%;
}

.lutxt {
	font-size: 42px !important;
	font-weight: bold;
	line-height: 170%;
}

.right_lu_solo {
	border-radius: 0 !important;
	height: 120px !important;;
	line-height: 120px !important;
	font-size: 42px !important;
	font-weight: bold
}

.left_lu_twin {
	border-radius: 0 !important;
	height: 120px !important;;
	line-height: 120px !important;
	font-size: 42px !important;
	width: 50% !important;
	background-color: #f0f2f1 !important;
	color: #666 !important;
	font-weight: bold;
}

.right_lu_twin {
	border-radius: 0 !important;
	height: 120px !important;;
	line-height: 120px !important;
	font-size: 42px !important;
	width: 50% !important;
	font-weight: bold;
}
/* //잔여없음 */

/* 대기리스트 */
.box_lu_list {
	background-color: #fff !important;
}

.dg_list_box {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

.dg_list_box_man .dg_list_li {
	background-image: url('/resource/image/lunax/man_bg.png')
}

.dg_list_box_woman .dg_list_li {
	background-image: url('/resource/image/lunax/woman_bg.png')
}

.dg_list_li {
	margin-bottom: 30px;
	width: 100%;
	height: 200px;
	border-radius: 10px;
	position: relative;;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	clear: both;
}

.dg_list_li:last-child {
	margin-bottom: 0;
}

.dg_time_box {
	width: 50%;
	height: 200px;
	float: left;
	padding: 0 40px;
	box-sizing: border-box;
}

.dg_time_box01 {
	padding-left: 180px;
	background-image: url('/resource/image/lunax/dg_time_icon.png');
	background-position: left 40px center;
	background-size: 100px;
	background-repeat: no-repeat;
}

.dg_time_box .dg_time_tit {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	font-size: 50px;
	line-height: 200px;
}

.dg_time_box .dg_time_tit02 {
	text-align: right;
}

/* //대기리스트 */

/* 주의 사항 */
.roomsel_box {
	padding: 49px;
	box-sizing: border-box;
	width: 100%;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.back_img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.roomsel_tit {
	font-size: 38px;
	padding-bottom: 25px;
}

.roomsel_tit02 {
	padding-top: 35px;
	color: #ff0000;
}

.roomsel_txt_box {
	width: 100%;
}

.roomsel_txt_box02 p {
	line-height: 200%;
}

.roomsel_txt_box01 p {
	margin-bottom: 10px;
}

.roomsel_txt_box01 p:last-child {
	margin-bottom: 0px;
}

.roomsel_txt {
	font-size: 22px;
	letter-spacing: -0.5px;
}

.roomsel_icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #5458e2;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
	vertical-align: middle;
	font-weight: 900;
}

.roomsel_icon_red {
	background-color: #ff0000;
}
/* //주의사항 */
/* //샤워실 키오스크 */

/* 주차 등록 */

/* 호텔 넘버 */
.tel_numberbox {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	top: 120px;
	left: 0px;
	padding-left: 80px;
	box-sizing: border-box;
	border-left: 12px solid #b58a60;
}

.tel_number_cont01 {
	margin-right: 12px;
	height: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 40px;
}

.tel_number {
	font-size: 48px;
	color: #fff;
	color: #b58a60;
}

.tel_number_tit {
	font-size: 38px;
	color: #fff;
}

.tel_number_tit_sub {
	font-size: 26px;
	color: #999;
	margin-top: 8px;
}

.tel_number_fbox02 {
	padding-left: 40px;
}

.tel_number_cont02 {
	display: flex; flex;
	direction: row;
}

@keyframes blink-effect {
  50% {
    opacity: 0.6;
  }
}

.blink {
  animation: blink-effect 0.7s step-end infinite;
}

 .none_tel_btn{
    float: right;
    background: #f14300;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: 0px;
    position: relative;
    top: -15px;
 }
 
 /* 홈즈남산 체크아웃 */
 .checkout_pop_header{
 	padding: 50px 20px 20px 20px;
 	box-sizing: border-box;
 	margin-left: auto;
 	margin-right: auto;
 	display: table;
 	width: 90%;
 }
 
 .checkout_pop_box .put_bx3 .put_bx_div{
	margin-top: 0;
	margin-bottom: 23px;
	background-color: #E8E8EA !important;
	position: relative;
	padding: 0;
	height: 77px;
	width: 100%;
}

.checkout_pop_box .put_bx3 .put_bx_div p {
	color: #6b6868 !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	margin-top: 0;
	margin-left: 0;
}

.checkout_pop_box .put_bx3 .put_bx_div input {
	box-sizing: border-box;
	display: inline-block;
	height: 77px;
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	margin-right: 0;
	border: 1px solid #c2cbd1;
	padding-left: 95px;
	font-size: 20px;
	font-weight: bold;
	font-family: NanumSquareR;
	border-radius: 10px;
	padding-left: 200px;
}

.checkout_pop_box .put_bx3 .put_bx_div .checkout_txt.active{
	border: 1px solid red;
}

.checkout_pop_box .put_bx3 .put_bx_div input:disabled {
	background: #e7e5e5;
}

.checkout_pop_box .put_bx3 .put_bx_div input::placeholder {
	font-size: 16px;
	font-weight: bold;
	color: #bbb;
	font-family: NanumSquareR;
}

.pop_tit_st02{
	letter-spacing: -1.5px;
    font-size: 29px;
    font-weight: bold;
    text-align: left;
    color: #000;
    background: #fff;
    margin: 0;
    line-height: 80px;
    padding: 0 20px;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    }
    
.pop_txtbox_st02{
	background: #e8e8ea;
    padding: 13px;
    margin: 0;
    font-size: 20px ! Important;
    line-height: 160%;
    }
    
.pop_txt_st02{
	text-align: center;
    vertical-align: middle;
    padding: 55px 0;
    font-size: 25px;
    color: #444;
    }


/* 예약정보(연락처) 입력 alert */
.phone_pop_alert_con{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 750px;
	z-index: 99999;
}

.phone_pop_tit{
	letter-spacing: -1.5px;
    font-size: 34px;
    color: #fff;    
    background-color: #9e3c16;
    margin: 0;
    padding: 20px;
    border-radius: 15px 15px 0 0;
}

.phone_pop_message_box{
	background: #FBFBFB;
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	line-height: 160%;
}

.phone_pop_message_box > p{
	text-align: center;
	padding: 55px 0 40px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 150%;
	color: #000000;
}

.phone_pop_btn_box{
	padding: 0 35px 50px 35px;
	box-sizing: border-box;
	cursor: pointer;
	background: #FBFBFB;
	text-align: center;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	gap: 25px;
}

.phone_pop_btn_box >li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
	padding: 35px 10px 35px 10px;
	box-sizing: border-box;
	border: none;
	border-radius: 15px;
	font-size: 25px;
	line-height: 38px;
	color: #000000;
	cursor: pointer;
	border: 1px solid #ddd;
}

.phone_pop_btn_box >li:hover {box-shadow: 0 0 0 4px #9e3c16 inset;}

.phone_pop_btn_box > .ok_contact_btn{
	background: #fff;
}

.phone_pop_btn_box > .no_contact_btn{
    background: #ffffff;
}

.phone_pop_btn_box .img_box > img{
	width: 95px;
}

.popup_overlay{
	position: fixed;
    z-index: 99998;
    top: 0px;
    left: 0px;
    width: 900px;
    height: 745px;
    background: rgb(0, 0, 0);
    opacity: 0.2;
}

/* 결제 구분 선택 팝업*/
.pop_btn li.cardtype_close_btn{
	border-radius: 0 0 8px 8px;
}

.popwrap .box2 ul .cardTypeBtn.type_credit_pay{
	margin: 9.5% 2% 9.5% 6%;;
}

.popwrap .box2 ul .cardTypeBtn.type_kakao_pay{
	margin: 9.5% 6% 9.5% 2%;;
}

/* 신용카드 or 삼성/애플페이 결제 팝업 */
.pop900_h800{
	height:800px;
}

.pop900 .l_bx_float_none{
	float:none;
	width:900px;
	height: 280px;
	box-sizing:border-box;
}

.pop900 .box .r_bx_card_credit, .pop900 .box .r_bx_card_pay{
	height:500px;
	background:#eee;
}

.pop900 .box .r_bx_card_credit p, .pop900 .box .r_bx_card_pay p{
	font-size:20px;
}

.pop900 .box .r_bx_card_credit p strong, .pop900 .box .r_bx_card_pay p strong{
	font-size:25px;
}

.pop_btn li.card_close_btn{
	border-radius: 0 0 8px 8px;
}

/* 카카오페이 결제 팝업 */
.pop900 .box .r_bx.r_bx_card_qr{
	height:310px;
	text-align: center;
}

.pop900 .box .r_bx.r_bx_card_qr .img_box{
	width:900px;
	height:310px;
	background:#eee;
}

.pop900 .box .r_bx.r_bx_card_qr .img_box img{
	width:700px;
}

.select_payment_wrap {
    padding: 15px 35px 25px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    justify-content: space-between;
    width: 100%;
    }
    .select_pay_tit {
    text-align: left;
    margin-left: 40px;
    font-size: 27px;
    font-weight: normal;
    letter-spacing: -1px;
    }
.select_pay_tit:first-child {margin-top:30px;}
.select_payment_box {
    flex-basis: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 15px;
    font-size: 25px;
    line-height: 38px;
    color: #000000;
    cursor: pointer;
    border: 1px solid #ddd;
    font-weight: bold;
    height: 210px;
    }
.pay_icon {width: 220px;height: 70px;background-position: center !important;background-size: contain !important;!i;!;!i;!;}
.payment_icon01 {background: url(/resource/image/user/kiosk/icon/payment_icon01.png) no-repeat;}
.payment_icon02 {background: url(/resource/image/user/kiosk/icon/payment_icon02.png) no-repeat;}
.payment_icon03 {background: url(/resource/image/user/kiosk/icon/payment_icon03.png) no-repeat;}
.payment_icon04 {background: url(/resource/image/user/kiosk/icon/payment_icon04.png) no-repeat;}
.payment_icon05 {background: url(/resource/image/user/kiosk/icon/payment_icon05.png) no-repeat;}
.payment_icon06 {background: url(/resource/image/user/kiosk/icon/payment_icon06.png) no-repeat;}
.select_payment_box:hover {box-shadow: 0 0 0 4px #9e3c16 inset;}

.pay_method_grp {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 0 50px 50px;
    border-radius: 9px;
    }
.pay_method_grp_2 {
    background-color: #fff;
    padding: 0 50px 50px;
    border-radius: 9px;
    }
.pay_method_box {
    background-color: #515151;
    padding: 35px 20px 30px;
    text-align: center;
    border-radius: 15px;
    flex-basis: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    }
.method_tit {
    padding: 15px 45px;
    background-color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-radius: 33px;
    margin-bottom: 30px;
    }
.pay_card_icon {background: url(/resource/image/user/kiosk/icon/pay_card.png) no-repeat;width: 100%;height: 200px;background-size: contain;background-position: center;}
.pay_mpay_icon {background: url(/resource/image/user/kiosk/icon/pay_mpay.png) no-repeat;width: 100%;height: 200px;background-size: contain;background-position: center;}
.pay_qr_icon {background: url(/resource/image/user/kiosk/icon/pay_qr.png) no-repeat;width: 100%;height: 200px;background-size: contain;background-position: center;}
.pay_method_box .pay_method_txt{
    font-size: 22px !important;
    color: #fff;
    line-height: 140% !important;
    padding: 20px 0 0 0 !important;
    }