@charset "utf-8";
@import url('reset.css');
@import url('scrollbar.css');
@import url('swiper.min.css');


@font-face {
	font-weight:400; font-family:"Open Sans"; 
	src:url(../fonts/OpenSans-Regular.woff2) format("woff2"), 
	url(../fonts/OpenSans-Regular.woff) format("woff");
}
@font-face {
	font-weight:600; font-family:"Open Sans Bold"; 
	src:url(../fonts/OpenSans-Semibold.woff2) format("woff2"), 
	url(../fonts/OpenSans-Semibold.woff) format("woff");
}
@font-face {
	font-weight:800; font-family:"Open Sans ExtraBold"; 
	src:url(../fonts/OpenSans-Bold.woff2) format("woff2"), 
	url(../fonts/OpenSans-Bold.woff) format("woff");
}
@font-face {
	font-weight:400; font-family:"Noto-lang-Regular"; 
	src:url(../fonts/notokr-regular.woff2) format("woff2"), 
	url(../fonts/notokr-regular.woff) format("woff");
}
@font-face {
	font-weight:600; font-family:"Noto-lang-Bold"; 
	src:url(../fonts/notokr-medium.woff2) format("woff2"), 
	url(../fonts/notokr-medium.woff) format("woff");
}



/* * {word-break:keep-all; word-wrap:break-word; line-height:1.1; font-family:"Open Sans","Noto-lang-Regular","NotoKR-Regular","Malgun Gothic",sans-serif; margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased;} */
body { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; word-break:keep-all; word-wrap:break-word;
	line-height:1.1; letter-spacing:-0.8px; font-size:14px; color:#333; font-weight:400; font-family:"Open Sans","Noto-lang-Regular","NotoKR-Regular","Malgun Gothic",sans-serif; /*background: #f7f7f7;*/}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],
input[type="button"], textarea, input[type="date"] {
	color:#333;	border:1px solid #999; padding:0 14px; width:100%; font-weight:normal; font-size:14px; height:40px; line-height:1;
	-webkit-appearance:none; -webkit-box-sizing:border-box;	box-sizing:border-box; background:#fff;
}


input[readonly], input[disabled] {border:1px solid #b5b5b5; background-color:#eee}
input::placeholder, input[disabled]::placeholder  {color:#999}
input[type="text"]:focus {outline:2px solid #1b65b3; outline-offset:0; outline-style:auto;}
input[readonly]:focus,input[disabled]:focus {outline:none;}
select {outline:none; border:none; background:#fff;}
select[disabled] {background-color:#eee !important;}
input[type="date"] {text-align:center;}

textarea{padding: 10px;width: 100%;display: block;}

.readonly {border-color:#b5b5b5 !important; background-color:#eee;}
.readonly input {background-color:#eee;}
.readonly:focus,.readonly:hover {outline:none !important; border-color:#b5b5b5 !important;}
.readonly select, .readonly .dropdown_box {display:none !important;}
.readonly .status.up:before {right:6px; -webkit-transform:rotate(45deg) !important; -khtml-transform:rotate(45deg) !important; -ms-transform:rotate(45deg) !important; transform:rotate(45deg) !important;}
.readonly .status.up:after {right:0; -webkit-transform:rotate(135deg) !important; -khtml-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; transform:rotate(135deg) !important;}

/* common */
.blt01 {position:relative; display:block; width:20px; height:20px; white-space:nowrap; text-indent:-9999em; overflow:hidden;}
.blt01:after, .blt01:before{content:""; display:block; position:absolute; top:50%; right:4px; width:8px; height:1px; background-color:#998465;}
.blt01:before {margin-top:-3px;transform:rotate(45deg);}
.blt01:after {margin-top:2px;transform:rotate(135deg);}

.blt02 {position:relative; display:block; width:20px; height:20px; white-space:nowrap; text-indent:-9999em; overflow:hidden;}
.blt02:after, .blt02:before{content:""; display:block; position:absolute; top:50%; right:4px; width:8px; height:1px; background-color:#999;}
.blt02:before {margin-top:-3px; transform:rotate(45deg);}
.blt02:after {margin-top:2px; transform:rotate(135deg);}

.show {display:block !important;}
.hide {display:none !important;}
.fs_b {font-weight:bold !important;}

.noline {border:none !important;}
.num {letter-spacing:1px;}
.t_a_r {text-align:right !important;}
.t_a_c {text-align:center !important;}
.t_a_l {text-align:left !important;}	/** HNie 추가 */

/*  button  style  */
button{vertical-align:middle;  -webkit-box-sizing:border-box; box-sizing:border-box; width:100%;}
button:active, a:active {opacity:0.8;}

.btnwrap {margin:20px 0 40px;}
.btnwrap>a{display: inline-flex;justify-content: center;align-items: center;}
.btnwrap>a.btn_t_f,
.btnwrap>a.btn_t_l,
.btnwrap>a.btn_t_s{display: flex;flex: 1;}
.btnwrap.col {display:flex; margin:40px 0;}
.btnwrap.col button:first-child,
.btnwrap.col a:first-child {margin-right:5px}
.btnwrap.col button:last-child,
.btnwrap.col a {margin-left:5px}

.btnwrap.row button,
.btnwrap.row a {margin-bottom:10px}
.btnwrap.row button:last-child,
.btnwrap.row a:last-child {margin-bottom:0;}

.btnwrap_fixed {/* position:fixed; *//* left:0; *//* bottom:0; *//* right:0; *//* z-index:5; */}
.btnwrap_fixed.ty02 {padding:20px; background-color:#fff;}
.btnwrap_fixed button {height:50px;}
.btnwrap_fixed.col {display:flex;}
.btnwrap_fixed.col button:first-child {width:35%;}
.btnwrap_fixed.col button:last-child {width:65%;}
.btnwrap_fixed.row button {margin-bottom:10px}
.btnwrap_fixed.row button:last-child {margin-bottom:0;}
.btnwrap_fixed a {margin-bottom:20px; font-size:15px;}

.btnwrap_fixed.ty03 {padding:20px; background-color:#fff;}
.btnwrap_fixed.ty03 > button {margin-bottom:50px;}
.btnwrap_fixed.ty03 .btnwrap {margin:0; position:fixed; left:0; right:0; bottom:0;}


.allbg .btnwrap_fixed.ty02,.allbg .btnwrap_fixed.ty03  { background-color:#353535;}


[class^="btn_"]:disabled {color:#999; border-color:#ccc; background-color:#ccc; cursor:not-allowed; pointer-events:none;}

[class^="btn_i_"] {text-indent:-999999px; overflow:hidden; white-space:nowrap;}
.btn_i_nav {width:50px; height:50px; display:none;}
.btn_i_nav > i {position:relative; display:block; margin:0 auto; width:20px; height:2px; background-color:#666;}
.btn_i_nav > i:before {content:''; position:absolute; display:block; top:-6px; width:20px; height:2px; background-color:#666;}
.btn_i_nav > i:after {content:''; position:absolute; display:block; top:6px; width:20px; height:2px; background-color:#666;}

.btn_i_back {position:relative; width:40px; height:40px;}
.btn_i_back:before,.btn_i_back:after {content:""; position:absolute; width:12px; height:2px; left:calc(50% - 6px); border-radius:10px; background:#333;}
.btn_i_back:before {top:calc(50% - 5px); transform:rotate(-45deg)}
.btn_i_back:after {top:calc(50% + 3px); transform:rotate(45deg)}

.btn_i_top {position:absolute; right:10px; bottom:-10px; z-index:-1; display:block; width:40px; height:40px; border-radius:50%; box-shadow:3px 3px 10px rgb(0 0 0 / 40%);
	background:url(../images/ic_top.png) no-repeat; background-size:100%; transition:bottom .4s ease-in-out;}
.btn_i_top.down {bottom:10px; transition:bottom .4s ease-in-out;}

.btn_expl {position:relative; display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid #ccc;}
.btn_expl::after {content:'?'; font-size:14px; color:#666;}
.btn_expl > i {display:none;}

.btn_help {margin-left:4px; width:24px; height:24px; border-radius:50%; background-color:#fff; vertical-align:1px;}
.btn_help::after {content:'!'; font-size:17px; font-weight:bold; color:#3E2B2E;}

.ic_help {display:inline-block; margin-right:4px; width:18px; height:18px; vertical-align:middle; text-align:center; border-radius:50%; background-color:#fff; vertical-align:1px;}
.ic_help::after {content:'!'; font-size:14px; font-weight:bold; color:#3E2B2E; line-height:1.3;}



[class^="btn_t_"] {display:inline-block; height:44px; font-size:15px; white-space:nowrap; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.btn_t_f {color:#fff; background:#ad9e87; border:1px solid #ad9e87;}
.btn_t_f_02{color:#ad9e87; background:#fff; border:1px solid #ad9e87;}
.btn_t_l {color:#ad9e87; background:#fff; border:1px solid #ad9e87;}
.btn_t_l_t02 {color:#ad9e87; background:transparent; border:1px solid #ad9e87;}
.btn_t_l02 {color:#ad9e87; background:transparent; border:1px solid #ad9e87;}
.btn_t_s {color:#fff; background:#333; border:1px solid #333;}

[class^="btn_s_"] {display: inline-flex; align-items: center;height: 26px; font-size: 13px; white-space:nowrap; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;width: auto;padding: 0 10px;border-radius: 5px;}
.btn_s_f {color:#fff; background:#ad9e87; border:1px solid #ad9e87;}
.btn_s_l {color:#ad9e87; background:#fff; border:1px solid #ad9e87;}
.btn_s_l02 {color:#ad9e87; background:transparent; border:1px solid #ad9e87;}
.btn_s_s {color:#fff; background:#333; border:1px solid #333;}

.btn_more > i {display:inline-block; position:relative; width:20px; height:20px;}
.btn_more > i:before, .btn_more > i:after {
	content:""; display:block; position:absolute; top:50%;  margin-top:4px; width:9px; height:1px; background-color:#666;
}
.btn_more.up > i:before {right:6px;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.btn_more.up > i:after {right:0;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_more.down > i:before {right:6px;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_more.down > i:after {right:0;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}

.btn_i_close {width: 30px;height: 30px;}
.btn_i_close i {position:relative;display:block;margin:0 auto;width:30px;height:30px;text-indent:-9999em;overflow:hidden;white-space:nowrap;}
.btn_i_close i:after, .btn_i_close i:before {content:'';position:absolute;top:50%;left:50%;margin: -2px 0 0 -8px;display:block;width: 18px;height:1px;background-color:#fff}
.btn_i_close i:after {transform:rotate(45deg)}
.btn_i_close i:before {transform:rotate(-45deg)}

.btn_t {color:#AD9E87;}
.btn_line {display:inline-block; padding:4px; border-bottom:1px solid #8B7C64; color:#AD9E87;}

/* ICON style */
.ic_plus {position:relative; display:inline-block; margin:-2px 4px 0 0; width:14px; height:14px; vertical-align:middle;}
.ic_plus::before {content:''; display:block; position:absolute; top:50%; left:50%; margin:-1px 0 0 -5px; width:10px; height:2px; background:#333; }
.ic_plus::after {content:''; display:block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -1px; width:2px; height:10px; background:#333; }

.ic_check {position:relative; display:block; margin:30px auto; width:80px; height:80px; border-radius:22px; transform:rotate(45deg); background:#3E2B2E;}
/* .ic_check::after {content:''; position:absolute; top:50%; left:50%; margin:-17px 0 0 -17px; width:34px; height:34px;  transform:rotate(-45deg); background:url(../images/ic_check03.svg) no-repeat 0 0; background-size:100%;} */
.ic_check::before,.ic_check::after {content:''; position:absolute; top:50%; left:50%; display:block; width:5px; border-radius:20px; background-color:#AD9E87;}
.ic_check::before {height:22px; margin:-1px 0 0 -1px; transform:rotate(-90deg);}
.ic_check::after {height:35px; margin:-22px 0 0 4px;  transform:rotate(165deg);}


/* input style */
.input_wrap_col {display:flex; margin:0 -5px;}
.input_wrap_col .input_wrap {width:50%; margin:0 5px 25px;}
.input_wrap, .select_wrap  {position:relative; margin-bottom:30px}
.input_wrap .tit, .select_wrap .tit {display:inline-block; margin-bottom:10px; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.input_wrap .tit > span, .select_wrap .tit > span {font-size:12px; color:#999; font-family:"Open Sans","Noto-lang-Regular","NotoKR-Regular","Malgun Gothic",sans-serif;}
.input_wrap .tit > span::before, .select_wrap .tit > span::before {content:''; display:inline-block; margin:0 4px 0 6px; width:1px; height:10px; background:#ccc;}
.input_wrap .tit > em[title="필수입력"], .select_wrap .tit > em[title="필수입력"]{display: inline-block;color: red;vertical-align: middle;}
.input_wrap .tit+.txt_info{margin-top: 0;}
.input_box {position:relative;}
.input_wrap+.input_box,
.input_box+.input_box{margin-top:5px;}
.input_box_col {display:flex;}
.input_line {position:relative;}
.input_line:nth-child(2) {margin-top:10px;}
.input_wrap button, .select_wrap button {height:40px;}

.input_remove {z-index:1; position:absolute; right:2px; top:2px; text-indent:-9999px; width:34px; height:34px; overflow:hidden;}
.input_remove:after, .input_remove:before{content:""; position:absolute; top:50%; right:10px; width:15px; height:1px; background-color:#333;}
.input_remove:before {transform:rotate(45deg)}
.input_remove:after {transform:rotate(135deg)}

.input_wrap .validation_txt {display:none; margin-top:5px; font-size:11px; color:#666;}
.input_wrap .txt_info{margin-top:10px;font-size:13px;line-height:1.2;padding-left:13px;text-indent:-13px;}

.form_warning input {border-color:#ff8a00;}
.form_warning .input_line::after {content:""; position:absolute; top:calc(50% - 8px); right:14px; z-index:1; width:15px; height:15px; border-radius:50%;
	background:#ff8a00 url(../images/ic_noti.svg) no-repeat center; background-size:3px 17px;}
.form_warning .validation_txt, .validation_txt.form_warning {display:block; color:#ff8a00;}
.form_warning input:focus {border:1px solid #ff8a00; outline:none;}

.form_success input {border-color:#333;}
.form_success .validation_txt {display:block; color:#1769b2;}
.form_success .input_line::after {content:""; position:absolute; top:calc(50% - 8px); right:14px; z-index:1; width:15px; height:15px; border-radius:50%;
	background:#1e63ae url(../images/ic_check.svg) no-repeat center 4px; background-size:65%;}
.form_success .validation_txt, .validation_txt.form_success {display:block; color:#1e63ae;}
.form_filled input {border-color:#333;}
.input_line .input_remove {display:none;}


/* select style */
.select_box {position:relative;}
.select_box select {position: relative;width: 100%; height: 40px; color: #333;border: 1px solid #999;padding: 11px 26px 11px 14px;background: #fff url(../images/sel-down.svg) no-repeat calc(100% - 5px) center / 18px auto;appearance: none; border-radius: 0;}
.select_button {display:none; position:relative; color:#333; border:1px solid #999; padding:11px 14px; background-color:#fff;}
.sel_readonly .select_button {background:#eee;}
.sel_readonly select {display:none;}
.select_button select {display:none !important;}
.select_button .status {display:block; position:relative; padding-right:20px;}
.select_button .status:before, .select_button .status:after {
	content:""; display:block; position:absolute; top:50%; margin-top:-1px;width:9px;height:1px; background-color:#666;
}
.select_button .status:before {right:6px;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.select_button .status:after {right:0;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}

.dropdown_box {display:none; position:absolute; top:39px; left:0; right:0; z-index:3;  padding:5px; margin-top:-1px; border:1px solid #999; background:#fff;}
.dropdown_box .input_wrap {margin:0;}
.dropdown_box .input_wrap input {padding:0 4px; height:30px; line-height:30px;}
.dropdown_box .input_wrap input:focus {border:1px solid #999; outline:none;}
.dropdown_box .list {height:120px;} /* need to modify by each case */
.dropdown_box .list li {padding:6px;}
.dropdown_box .list li:hover, .dropdown_box .list li.on {background-color:#eee;}

.dropup_box_wrap {position:absolute; top:0; left:0; right:0;}
.dropup_box {display:none; position:absolute; top:30px; left:0; z-index:3; width:100%; padding:5px; margin-top:-1px; border:1px solid #999; background:#fff;}
.dropup_box .input_wrap {margin:0;}
.dropup_box .input_wrap input {padding:0 4px; height:30px; line-height:30px;}
.dropup_box .input_wrap input:focus {border:1px solid #999; outline:none;}
.dropup_box .list li {padding:6px;}
.dropup_box .list li:hover, .dropup_box .list li.on {background-color:#eee;}

.select_button .status.up:before {right:6px;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.select_button .status.up:after {right:0;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.input_wrap .select_box {}


/* num box style */
.counter_box {display:flex; height:34px;}
.counter_box .count_num {display:block; margin:0 -1px; height:32px; width:calc(100% - 70px); min-width:30px; line-height:34px; text-align:center; border:1px solid #ddd;}
.counter_box button {position:relative; width:34px; height:34px; white-space:nowrap; text-indent:-9999em; overflow:hidden;}
.counter_box .btn_decrease {border:1px solid #ddd;  border-radius:8px 0 0 8px;}
.counter_box .btn_decrease::after {content:""; position:absolute; top:50%; left:50%; margin:-1px 0 0 -6px; display:block; width:12px; height:2px; background-color:#333;}
.counter_box .btn_increase {border:1px solid #ddd;  border-radius:0 8px 8px 0;}
.counter_box .btn_increase::before {content:''; position:absolute; top:50%; left:50%; margin:-1px 0 0 -6px; display:block; width:12px; height:2px; background-color:#333; transform:rotate(90deg)}
.counter_box .btn_increase::after{content:""; position:absolute; top:50%; left:50%; margin:-1px 0 0 -6px; display:block;  width:12px; height:2px; background-color:#333;}
.counter_box > * {background-color: #fff;}
.counter_box button:active {background-color:#f5f5f5;}
.counter_box button:disabled,
.counter_box button.disabled {background-color:#f5f5f5;}


/* date style */
.date_box {position:relative; padding-right:30px; border:1px solid #999;}
.date_box:hover {border:1px solid #fff; outline:2px solid #1b65b3; outline-offset:0; outline-style:auto;}
.date_box input {border:none;}
.date_box input:focus {outline:none;}
.date_box i {position:absolute; top:50%; right:10px; margin-top:-10px; display:block; width:20px; height:20px; background:url(../images/ic_calen.png) no-repeat;  background-size:100%;}

/* seh box style */
.seh_box {position:relative; padding-right:30px; border:1px solid #999;}
.seh_box:hover {border:1px solid #fff; outline:2px solid #1b65b3; outline-offset:0; outline-style:auto;}
.seh_box input {border:none;}
.seh_box input:focus {outline:none;}
.seh_box i {position:absolute; top:50%; right:10px; margin-top:-10px; display:block; width:20px; height:20px; background:url(../images/ic_seh.png) no-repeat; background-size:100%;}
.input_wrap .seh_box {margin-bottom:10px;}

/* swiwtch style */
.switch_wrap {position:relative; margin-bottom:30px;}
.switch_wrap .switch {position:absolute; top:0; right:0;}
.switch_wrap .tit {height:30px; line-height:30px; display:inline-block; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.switch {position:relative; display:inline-block; width:50px; height:30px; vertical-align:middle;}
.switch input {display:none;}
.switch .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#e8e8e8; transition:.4s;}
.switch .slider:before {content:""; position:absolute; height:26px; width:26px; left:2px; top:2px; background:#fff; transition:.4s;}
.switch input:checked + .slider {background:#ad9e87;}
.switch input:focus + .slider {box-shadow:0 0 3px #ebebeb;}
.switch input:checked + .slider:before {transform:translateX(20px);}
.slider.round {border-radius:50px;}
.slider.round:before {border-radius:50%; box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.08);}
.switch_wrap .input_wrap {margin-top:10px;}

/* check style - check */
.check input[type="checkbox"],
.check input[type="radio"] {opacity:0; display:none;}
.check input[type="checkbox"] + label,
.check input[type="radio"] + label {position:relative;display:inline-block;padding-left:30px;z-index:2;color:#333;/* font:normal 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; */line-height: 24px;}
.check input[type="checkbox"]:checked + label,
.check input[type="radio"]:checked + label {font-weight: bold;}
.check + .check {margin-left: 0.5rem;}

/* checkbox type1 */
.checkbox_chk {position:relative;}
.checkbox_chk .check {position:relative; display:inline-block; text-align:left;}
.checkbox_chk .check input[type="checkbox"],
.checkbox_chk .check input[type="radio"] {opacity:0; display:none;}
.checkbox_chk .check input[type="checkbox"] + label, 
.checkbox_chk .check input[type="radio"] + label {position:relative; display:inline-block; padding-left:30px; z-index:2; line-height:20px;}
.checkbox_chk .checkmark {position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #666;background-color: #fff;box-sizing:border-box;}
.checkbox_chk .check input:checked ~ .checkmark {border-color:#666; background:#fff;}
.checkbox_chk .check input:checked ~ .checkbox_chk .checkmark::after {display:block;}
.checkbox_chk .check input:checked ~ .checkmark::after {content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px;
		background:url('../images/ic_check02.svg') no-repeat center; background-size:100%;}
.checkbox_chk .check input:disabled ~ .checkmark,
.checkbox_chk .check input[readonly] ~ .checkmark {background-color: #e5e5e5;border-color: #bbb;}

/* checkbox type2 */
.checkbox_chk02 {position:relative;}
.checkbox_chk02 .check {position:relative; display:inline-block; text-align:left;}
.checkbox_chk02 .checkmark {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-11px; border-radius:50%; border:1px solid #999;  background-color:#fff;}
.checkbox_chk02 .check input:checked ~ .checkmark {background:#fff;  border-radius:50%; overflow:hidden; background-color:#999; border-color:#999;}

.checkbox_chk02 .check input:checked ~ .checkbox_chk .checkmark::after {display:block;}
.checkbox_chk02 .check input:checked ~ .checkmark::after {content:''; display:block; position:absolute; top:50%; left:50%; width:11px; height:10px; margin:-4px 0 0 -5px;
	 background:url('../images/ic_check.svg') no-repeat center; background-size:90%;}
.checkbox_chk label, 
.checkbox_chk02 label {cursor:pointer;}
.checkbox_chk02 .check input:disabled ~ .checkmark,
.checkbox_chk02 .check input[readonly] ~ .checkmark {background-color: #e5e5e5;border-color: #bbb;}


/* box style  */
.box_row {padding:20px;}
.input_box.ty_col2, .select_box.ty_col2  {padding-right:80px;}
.input_box.ty_col2 .btn_t_f, .input_box.ty_col2 .btn_t_l, .select_box.ty_col2 .btn_t_f, .select_box.ty_col2 .btn_t_l {position:absolute; top:0; right:0; width:70px;}

.input_time {display:flex;}

.info-box{margin:20px 0;padding:20px;background:#f5f5f5;}
.info-box.type_side{margin-left:20px;margin-right:20px;}

/* 기존코드 [ 2022.11.18 HNie ]
.info-box .tit{padding-bottom:10px;border-bottom:1px solid #666;margin-bottom:10px;font-weight:700;}
*/
/* 수정코드 [ 2022.11.18 HNie ] */
.info-box .tit{padding-bottom:10px;border-bottom:1px solid #666;margin-bottom:10px;}


/* list */
.list-bul>li{position:relative;font-size:13px;line-height:1.35;color:#666;padding-left:8px;margin-top:5px;}
.list-bul>li:first-child{margin-top:0;}
.list-bul>li:before{display:block;content:'';position:absolute;width:3px;height:3px;border-radius:50%;background-color:#999;left:0;top:5px;}
.list-bul>li>.list-dash{margin-top:5px;}

.list-bul.ty02>li{padding-left:12px;} /* ※ 리스트*/
.list-bul.ty02>li:before{content:'※';width:auto;height:18px;background:transparent;top:0;}

.list-bul.ty_tit>li{margin-top:10px;}
.list-bul.ty_tit>li:before{top:7px;background-color:#000;}
.list-bul.ty_tit>li>.tit{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#000;position:relative;}
.list-bul.ty_tit>li>.tit .cnt-line{flex:1;border-top:1px dashed #999;margin:0 5px;}

.list-dash>li{position:relative;font-size:13px;line-height:1.35;color:#666;padding-left:8px;margin-top:5px;}
.list-dash>li:first-child{margin-top:0;}
.list-dash>li:before{display:block;content:'';position:absolute;width:5px;height:1px;background-color:#999;left:0;top:8px;}

.con-title+.list-cont{margin-top:0;}
.list-cont{border-top:1px solid #ccc;margin-top:50px;}
.list-cont li{padding:15px 0;border-bottom:1px solid #ccc;}
.list-cont .tit{display:flex;color: #9B866C;margin-bottom:10px;}
.list-cont .cont{margin-top:8px;font-size:12px;color:#666;}
.list-cont .sub-tit{display: flex;margin-bottom:2px;font-size:12px;color:#333;}
.list-cont .sub-tit+.tit{margin-top:5px;}
.list-cont .swiper-banner{margin: 0 0 15px;}

/* text */
.txt{font-size: 13px;line-height: 1.35;margin-top: 10px;}
.txt-star{position:relative;padding-left:8px;margin-top: 5px;}
.txt-star:before{content:'*';position:absolute;left:0;top:2px;display:block;}
.txt-important{position:relative;padding-left:15px;margin-top: 25px;line-height: 1.25;}
.txt-important:before{content:'※';position:absolute;left:0;top:0;display:block;}

/* agreement */
.agree_group {margin-top:30px;}
.agree_group .agree_item {text-align:center;}
.agree_group .btnwrap {margin:20px; text-align:center;}

/* swiper style
.swipewrap {position:relative; padding:80px 30px 60px; overflow:hidden;}
.swipewrap .swipe_box {margin:0 auto; padding:20px; max-width:300px; border:1px solid #ad9e87; border-radius:20px; height:400px;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.swiper-pagination-bullet {background:transparent; opacity:1; border:1px solid #AD9E87;}
.swiper-pagination-bullet-active {background:#AD9E87;}*/

/*  buttom area - slide up menu  */
.menu_f_wrap {position:fixed; bottom:0; left:0; right:0; z-index:100; border-radius:30px 30px 0 0; border-top:1px solid #ddd; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.4);}
.menu_f_wrap .head button {margin:10px auto;}
.menu_f_wrap .menu_f {display:none;}
.menu_f_wrap .btnwrap {margin:20px;}



/* layout */
body>div:first-child{display:flex;flex-flow:column;}/** 20221206 HNie 주석처리 :: min-height: 100vh; */
header {position:fixed;top:0;left:0;right:0;z-index:20;height:60px;background-color:#fff;border-bottom:1px solid #eee;box-sizing:border-box;}
header.fixed {border-color:#ddd;}

.t_nav {position:relative;}
.t_nav h1 {padding:15px 20px;}
.t_nav h1 > a {display:block; width:222px; height:30px; white-space:nowrap; text-indent:-9999em; overflow:hidden;background:url(../images/logo_hotels.svg) no-repeat 0 0; background-size:auto 30px;}
.t_nav .btn_i_nav {position:absolute; top:0; right:0;}
.t_nav .tit h2 {display:inline-block; vertical-align:middle;}

.t_nav .languige {position:absolute; right:20px; top:15px; min-width:110px; text-align:right;}
.t_nav .languige .select_box {position:relative;}
.t_nav .languige .select_button {display:block;padding:4px 6px; text-align:left; white-space:nowrap; color:#AD9E87; border-color:#AD9E87; background-color:#fff;height: 30px;box-sizing: border-box;}
.t_nav .languige .select_button .status:before, .languige .select_button .status:after {background-color:#AD9E87;}
.t_nav .languige .list button {text-align:left; font-size:12px; letter-spacing:0; white-space:nowrap;}
.t_nav .languige .dropup_box {width:98px;}
.t_nav .languige .dropup_box .list li {padding:2px;}

.t_nav.footer {position:relative;}
.t_nav.footer h1 {padding:15px 20px;}
.t_nav.footer h1 > a {display:block; width:222px; height:30px; white-space:nowrap; text-indent:-9999em; overflow:hidden;background:url(../images/logo_hotels.svg) no-repeat 0 0; background-size:auto 30px;}
.t_nav.footer .btn_i_nav {position:absolute; top:0; right:0;}
.t_nav.footer .tit h2 {display:inline-block; vertical-align:middle;}

.t_nav.footer .languige {position:absolute; right: 2%; top: 15%; min-width:110px; text-align:right;}
.t_nav.footer .languige .select_box {position:relative;}
.t_nav.footer .languige .select_button {display:block; text-align:left; white-space:nowrap; color:#AD9E87; border-color:#AD9E87; background-color:#fff;height: 30px;box-sizing: border-box;}
.t_nav.footer .languige .select_button .status:before, .languige .select_button .status:after {background-color:#AD9E87;}
.t_nav.footer .languige .list button {text-align:left; font-size:12px; letter-spacing:0; white-space:nowrap;}
.t_nav.footer .languige .dropup_box {width:98px;}
.t_nav.footer .languige .dropup_box .list li {padding:2px;}

.page_head {position:relative;display:flex;align-items:center;padding:0 20px 0 5px;flex-wrap:wrap;min-height: 50px;}
.page_head.line{border-bottom:1px solid #ccc;}
.page_head h2 {flex: 1;font-size:18px;line-height: 1.25;}
.page_head .btn_i_back {top:0;left:0;}
.page_head .tit_sub {/* margin:-10px 0 0 35px; */font-size:13px;color:#666;}
.page_head .linebox_t{padding-left:0;padding-right:0;}

.container {display:flex;flex-flow:column;flex:1;padding-top:60px;width:100%;overflow: hidden;}
.container.nohead {margin-top:80px;}
.container > .btnwrap,.scrollbox > .btnwrap {margin:20px 20px 100px;}
.container>.content{padding-left:20px;padding-right:20px;}
.container>.content>div:last-child{margin-bottom:0;}

.cont_head,
.formarea {margin:20px 0;}
.formarea .page_head {margin:-10px 0 30px -14px;}
.formarea .text_box{margin-left:0;margin-right:0;}
.formarea .text_box:last-child{margin-bottom:0;}
.formarea+.btnwrap{margin-top: 40px;}
.formarea>.txt.t_a_c{margin-top:-1px;border-top:1px solid #fff;}

footer {font-size:12px;color:#777;background-color:#111;border-top:1px solid #555;margin-top:50px;width:100%; padding-bottom:env(safe-area-inset-bottom);}
footer .f_address {padding:20px; line-height:1.5;}
footer .f_address .brand > em {display:block; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; ; }
footer .f_link {position:relative; height:40px; color:#999; background-color:#222;}
footer .f_link .btnwrap {margin:0; position:relative !important; top:auto}
footer .f_link .btnwrap a {display:inline-block; padding:0 10px; height:40px; line-height:40px;}
footer .f_link .btnwrap a:first-child {padding-left:20px;}
footer .f_link .btnwrap a:last-child {font-weight:bold;}
/* footer .f_link .languige {top:4px; right:20px; bottom:auto;} */

/* content  */
.noti_box {margin:20px 30px; text-align:center;}
.noti_box .txt_line {margin-bottom:10px; font-size:12px;}
.noti_box .txt_colr {color:#998465; font-size:13px;}
.headmessage {color:#ccc;margin:50px  40px;text-align:center;font:normal 18px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.headmessage_sub{margin-bottom: 50px;text-align: center;font-size: 15px;color: #666;line-height: 1.3;}
.product {margin:10px 0;padding:24px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.product span {display:block; text-align:center;}
.product .price {margin-top:10px; color:#AD9E87; font:normal 18px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.product .price > em {font-weight:bold; font-size:26px;}


/* list style */
/* .listwrap {padding:0 20px;} */
.list_ty01 ul {padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.list_ty01 li {margin:12px;display:flex;align-items:center;flex-wrap:wrap;}
.list_ty01 li span {display:inline-block; /*vertical-align:middle; height:20px;*/}
.list_ty01 li.option {margin:20px 0 -10px;padding:16px 12px;border-top:1px dashed #ccc;}	/** HNie :: border-top dotted->dashed */
.list_ty01 li.option .cont {width:80%;box-sizing:border-box;}
.list_ty01 .tit {width:20%;font-size:13px;color:#999;line-height:1.2;}
.list_ty01 .cont {padding-left:10px;font-size:15px;line-height:20px;flex:1;}
.list_ty01 .room {display:block; flex:1; margin:0 -10px; padding-bottom:20px; text-align:center; border-bottom:1px solid #ddd; font:normal 15px/20px "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.list_ty01 .package{border-bottom: none;background:#f5f5f5;border-top:none;margin-bottom:20px;}

.line_multi .tit {vertical-align:top; margin-top:1px;}
.line_multi .cont {white-space:normal;}

.list_ty02 {margin:10px; color:#999;}
.list_ty02 h5 {font-weight:600; margin-bottom:10px; font:normal 13px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.list_ty02 li {position:relative; padding-left:6px; margin-bottom:6px; font-size:12px;}
.list_ty02 li::before {content:''; display:block; width:3px; height:3px; position:absolute; top:8px; left:0;  border-radius:50%; background:#999;}

/** 2022.11.03 HNie 추가 */
.listwrap03 {margin:10px 0;}
.listwrap03 .detail {padding: 25px 0 0 0;position:relative;}
.listwrap03 .detail h2 {font-size: 16px;line-height: 1.25;}
.list_ty03 ul {border-top: 1px solid black;}
.list_ty03 ul:first-child {border-top:none;}
.list_ty03 ul:last-child {border-bottom: 1px solid black;}
.list_ty03 li {padding:12px;display:flex;align-items:center;flex-wrap:wrap;border-bottom: 1px solid #ccc;}
.list_ty03 li:last-child {border-bottom: none;}
.list_ty03 li span {display:inline-block;}
.list_ty03 .tit {width:auto;font-size:13px;color:#999;line-height:1.2;}
.list_ty03 .title {width:auto;font-size:15px;font-weight:bold;line-height:1.2;}
.list_ty03 .cont {padding-left:10px;font-size:15px;line-height:20px;flex:1;text-align: right;}



/* card style */
.cardwrap {padding:10px 20px; max-width:400px; margin:0 auto;}
.card_ty01 {position:relative; padding:10px; border-radius:15px; margin:0 auto; overflow:hidden; background-color:#3E2B2D; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);}
.card_ty01 ul {margin:10px; color:#AD9E87;}

/* box style */
.linebox_t {padding:0 20px 20px; padding-left:36px; font-size:12px; line-height:1.3; color:#999; border-bottom:1px solid #ccc;}
.linebox_t>.tit{font-size: 15px;color: #000;}
.linebox_t p{margin-top: 10px;}
.text_box {margin:0 20px 20px; padding:10px; font-size:12px; color:#999; background:#f5f5f5;}
.guarantee_box {margin: 20px 0;}
.guarantee_box .head {padding:0 6px 10px;}
.guarantee_box .head span {display:block;}
.guarantee_box .head .tit {margin-bottom:6px;}
.guarantee_box .head .option {color:#666;}
.guarantee_box .pricewrap {padding:20px 6px; display:flex; background:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; align-items:center;}
.guarantee_box .pricewrap span {display:block;}
.guarantee_box .tit {width:50%; font-size:15px;}
.guarantee_box .price {width:50%; text-align:right; font:400 16px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.guarantee_box .price > em {font-size:18px;}

.border-box{margin-top:30px;border:1px solid #ccc;padding:15px;}

/* main */
.allbg, 
.allbg .main > header, 
.allbg .checkin_card > header,
.allbg header,
.allbg .container {background-color:#353535;border-bottom:none;}
.allbg .btn_i_nav > i, .allbg .btn_i_nav > i:before, .allbg .btn_i_nav > i:after {background-color:#fff;}

/* .lottehotels .t_nav h1 > a {background:url(../images/logo_hotels.svg) no-repeat 0 0; background-size:auto 30px;} */

/*	[ 2022-06-24 HNie 임의주석처리 :: 어짜피 로고는 해당 브랜드 class 명으로 처리되므로 ]
.cityhotel .t_nav h1 > a {margin-top:2px; background:url(../images/logo_cityhotel.png) no-repeat 0 0; background-size:auto 100%;}
.signiel .t_nav h1 > a {background:url(../images/logo_signiel.png) no-repeat 2px 8px; background-size:100px auto;}
.L7 .t_nav h1 > a {background:url(../images/logo_l7.svg) no-repeat 0 50%; background-size:auto 15px;}
.L7.allbg .t_nav h1 > a {background-image:url(../images/logo_l7_wh.svg); }
*/

.main .greeting {margin:35px 0;color:#ccc;}
.main .greeting .t_box {margin-bottom:20px; font-size:15px;}
.main .greeting .t_box > strong {display:block;  color:#ccc;  font:normal 18px/1.8 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}

.main .reservation {
	padding:40px 20px;
	background:#353535;
	box-shadow:inset 0px 10px 10px rgb(0 0 0 / 30%);
	border-top:1px solid rgba(140, 121, 101, 0.4);
	overflow:hidden;
	margin:0 -20px;
	}
.main .reservation .head {margin-bottom:30px; text-align:center; color:#8C7965; }
.main .reservation .head .room {color:#AD9E87; font:normal 20px/1.6 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.main .reservation .detail {margin:0 auto;display:flex;justify-content:center;}
.main .reservation .btnwrap {margin-bottom:0;margin-left:0;margin-right:0;}

/** 기존
.main .list_ty01 .tit {color:#8C7965;width:50px;}
.main .list_ty01 .cont {color:#AD9E87;font-size:18px;}
*/

/** 2022.10.27 HNie 수정 */
.main .list_ty01 .tit {color:#8C7965;width:50px; flex:2;}
.main .list_ty01 .cont {color:#AD9E87;font-size:16px; flex:3}

.main .list_ty01 .cont em {font-weight:bold;}
.main .list_ty01 .days {vertical-align:0;font-size:13px;}

/*.main footer, .main.ty02 footer, .reserv_detail footer {position:fixed; left:0; right:0; bottom:0;}*/



/* reserv_detail -  예약상세 */

/* checkin_card - 체크인 카드 등록 */
.checkin_card {height:100%;}
.checkin_card .content{overflow-y:scroll;}
.checkin_card .resv_info {padding:80px 0 0;text-align:center;color:#AD9E87;}
.checkin_card .resv_info .room {margin-bottom:15px; font:normal 20px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.checkin_card .resv_info .resv_no {color:#8C7965;}
.checkin_card .resv_info .resv_no em {display:block; color:#AD9E87; font:bold 22px/1.4 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.checkin_card .container {margin:0;position:fixed;top:180px;left:0;right:0;bottom:0;border-radius:25px 25px 0 0;box-shadow:0px -10px 4px rgba(0, 0, 0, 0.2);background-color:#fff;}
.checkin_card .page_head {position:absolute;top:5px;left:20px;width:100%;margin:0;}
.checkin_card .container > .scrollbox {position:absolute; top:60px; left:0; right:0; bottom:0;}

.checkin_card .datetime .input_line {width:100px; margin-right:10px;}
.checkin_card .datetime .input_line input {text-align:center;}
.checkin_card .datetime .select_box {width:calc(100% - 110px);}
.checkin_card .datetime .select_button {padding-bottom:12px;height: 40px;box-sizing: border-box;}

.checkin_card .content > footer{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);}

.agreement_box {padding:10px; background-color:#f5f5f5;}
.agreement_box > .checkbox_chk02 {margin:10px 0;}
.agreement_box > .checkbox_chk02+.agree_items_box{margin-top: 0;}

.agree_items_box {margin:24px 0 0;}
.agree_items_box .agree_item {position:relative; display:block; margin-bottom:10px; line-height:40px; font-size:13px; color:#999; background-color:#fff;padding: 10px 0;}
.agree_items_box .agree_item:last-child {margin-bottom:0;}
.agree_items_box .agree_item a {position:absolute; top:50%; right:0; z-index:3; margin:-20px 0 0; width:40px; height:40px;}
.agree_items_box .agree_item a > i {margin:10px auto 0;}
.agree_items_box .agree_item .checkbox_chk02 .check {margin-left:10px;}
.agree_items_box .agree_item .checkbox_chk02 .check label {/* padding:10px 0; */ padding-left:30px; margin-right:40px;  color:#999; font-size:13px;line-height: 1.25;min-height: 22px;display: inline-flex;align-items: center;}
.agree_items_box .agree_item .m_tit {font-size:12px; margin: 10px 40px 0; line-height:12px; font-weight:normal;}

.check_add {display:flex; margin-top:10px; justify-content:center;}
.check_add > p {width:100%}
.check_add .checkbox_chk {margin:0 20px;}
.check_add .checkbox_chk .checkmark {/* top:8px; */}

.checkin_card .notice {margin-top:10px; padding:10px; font-size:12px; color:#999; line-height:1.2;}

/* minibar - 미니바 등록 */

.minibar .btn_i_close {position:absolute; top:15px; right:10px;}
.minibar .btn_i_close i:after, .minibar .btn_i_close i:before {background-color:#333;}
.minibar header {border-bottom:none;}
.minibar header h1 {display:none;}
.minibar .page_head {border-bottom:1px solid #ccc;margin:0;padding: 0 20px;position:fixed;left:0;top:0;width:100%;box-sizing:border-box;background-color:#fff;z-index:1;min-height: 85px;flex-flow: column;align-items: flex-start;justify-content: center;}
.minibar .page_head h2 {flex: 0;}
.minibar .page_head .tit_sub {margin-top: 5px;}
.minibar .container {padding: 85px 0 0 0;/* top:0; *//* left:0; *//* right:0; *//* bottom:100px; *//* padding:0; */}
.minibar .container .content {height: calc(100% - 85px);overflow-y: scroll;}
.minibar_foot {position:fixed;left:0;right:0;bottom:0; display: flex; flex-direction: column; justify-content: center;}	/** HNie :: 뒤에 3개 추가 , height 삭제 */

.minibar_list{padding-bottom:170px;margin:0 -20px;}	/** HNie :: padding-bottom 100->170 */
.minibar_list li {display:flex; padding:10px 20px; flex-direction:column; flex-wrap:nowrap; justify-content:space-between; border-bottom:1px solid #eee;align-items: center;}	/** HNie :: flex-direction row->column */
.minibar_list li span {line-height: 1.25; letter-spacing:0;}
.minibar_list li .tit {width:50%; padding-right: 15px;/* white-space:nowrap; */ /* overflow:hidden; */ /* text-overflow:ellipsis; */}
.minibar_list li .price {width:20%; margin-right:30px; text-align:right; white-space:nowrap; color:#666;}

/** HNie 새로추가 */
.minibar_list li .articleDescNCounter {display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; width: 100%;}
.minibar_list li .articleDescNCounter span {flex: 2; font-size: 13px; font-weight: bold;}
.minibar_list li .articlePriceNSum {display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; width: 100%; margin-top: 10px; font-size: 11px;}
.minibar_list li .articlePriceNSum .prcSum {display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex: 1;}
/** ========== */

.minibar_sum {
	padding:18px 10px 0; text-align:right; border-top:1px solid #eee;  color:#999;
	font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; background-color:#F1F1F1;

	/** HNie 새로추가 height:32px; 삭제 */
	display: flex; flex-direction: column; justify-content: space-between;
	/** ========== */
}
.minibar_sum span {color:#333; font-size:15px; margin:0 5px;}
.minibar_sum em {letter-spacing:0;}

/** HNie 새로추가 */
.minibar_sum .minibar_sltsum {display: flex; flex-direction: row; justify-content: space-between;}
.minibar_sum .sltMiniBarSum {display: flex; flex-direction: column; flex: 2; margin-left: 30px;}
.minibar_sum .sltMiniBarSum div {display: flex; flex-direction: row; justify-content: space-between;}
.minibar_sum .minibar_total {display: flex; flex-direction: row; justify-content: space-between; height: 35px; margin: 10px 0; align-items: center;}
/** ========== */




/* covic19 - 코로나 문진표 */
.qa_box {padding:20px 0;border-bottom:1px solid #ccc;}
.qa_box:first-child {padding-top:0;}
.qa_box .quest {position:relative;   margin-bottom:10px; font-size:15px; line-height:1.35; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;display: flex;}
.qa_box .quest[title="필수입력"] em:before{content: '*';display: inline-block;margin-right: 2px;color: red;}
.qa_box .quest em {display: flex; margin-right: 3px; /* left:0; */ /* display:block; */ /* width:15px; */}
.qa_box .answer {display:flex;flex-wrap:wrap;padding:10px 15px;}
.qa_box .answer .checkbox_chk {width:50%;text-align:left;}
.qa_box .input_wrap {margin:10px 0 0 0;width:100%;}
.qa_box .input_wrap:first-child{margin-top:0;}
.qa_box .option {margin:10px 0 0 0;padding:20px;background:#f8f8f8;width:100%;box-sizing:border-box;}
.qa_box .option.ty02 {display:flex;flex-wrap:wrap;padding-top:10px;}
.qa_box .option.ty02 .checkbox_chk {width:33.33%;margin-top:10px;}
.qa_box .option.ty03{padding:0;background: #fff;}
.qa_box .answer.ty03 .checkbox_chk{width: 100%;margin-top: 10px;}
.qa_box .answer.ty03 .checkbox_chk:first-child{margin-top: 0;}

/*.covic19 .text_box {margin:10px 0 0; padding:0; line-height:1.4; background-color:#fff;}
.covic19 .container {margin-top:70px; margin-bottom:0;}
.covic19 .container {position:absolute; top:106px; left:0; right:0; bottom:0; margin-bottom:0;}
.covic19 .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }
.covic19 .linebox_t {margin-top:-10px;}
.covic19 .agreement_box {margin-top:20px}

.covic19 .btnwrap {margin:20px 20px 80px;}*/

.swiper_covic {position:relative;}
.swiper_covic .covic-user {padding:60px 20px 20px; text-align:center; font-size:16px; font-weight:500;}
.swiper_covic .swiper-pagination {top:15px;}
.swiper_covic .swiper-pagination-bullet {width:8px; height:8px; opacity:1; background-color:#fff; border:1px solid #ccc;}
.swiper_covic .swiper-pagination-bullet-active {background-color:#A38C69; border:1px solid #A38C69;}

.swiper_covic .pagination {position:absolute; top:20px; left:0; right:0; height:20px; text-align:center;}
.swiper_covic .pagination em {display:inline-block; width:7px; height:7px; margin:0 2px; border-radius:50%; border:1px solid #ccc; background-color:#fff;}
.swiper_covic .pagination em.on {background-color:#A38C69; border:1px solid #A38C69;}

.swiper_covic .btnwrap{margin-bottom:0;}

/* payment - 결제 */

/** 기존코드
.pricewrap {margin:0 0 20px;background:#f5f5f5;}
.price_detail { border-bottom:1px dashed #ccc;}
.price_detail ul {border:none; padding:20px;}
.price_detail li {padding:0;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.price_detail li:last-child {margin-bottom:0;}
*/

/** 2022.10.31 HNie 수정 */
.pricewrap {margin:0; background:#f5f5f5;}
.price_detail {border-bottom: none;}
.price_detail ul {border:none; padding:10px;}
.price_detail li {padding:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.price_detail li:first-child {font-weight: bold; border-bottom: 1px solid #ccc;}
.price_detail li:last-child {margin-bottom:0;}


.price_detail .item {font-size:13px; width:60%}
.price_detail .price {min-width:40%; text-align:right;}
.price_detail .price em {letter-spacing:0;}
.price_detail .detail {margin-top:10px;color:#999;font-size:13px;width:100%;}
.price_detail .detail > .line {display:flex;justify-content:space-between;margin-top:4px;width:100%;}
.price_detail .detail > .line:first-child{margin-top:0;}
.price_detail .detail > .line .price {margin-left:10px;}

/* .payment .total_price {display:flex;padding:14px 20px;justify-content:space-between;align-items:center;}
.payment .total_price span {display:inline-block;}
.payment .total_price .tit {line-height:1.5; color:#333;}
.payment .total_price .cont {text-align:right; font-weight:bold; color:#333;}
.payment .total_price .cont > em {letter-spacing:0; font-size:15px;} */
.pricewrap .total_price {display:flex;padding:14px 20px;justify-content:space-between;align-items:center;}
.pricewrap .total_price span {display:inline-block;}
.pricewrap .total_price .tit {line-height:1.5; color:#333;}
.pricewrap .total_price .cont {text-align:right; font-weight:bold; color:#333;}
.pricewrap .total_price .cont > em {letter-spacing:0; font-size:15px;}

.btn_i_toggle i {position:relative; margin:0 auto; display:block; width:18px; height:18px;}
.btn_i_toggle i:before, .btn_i_toggle i:after {content:""; display:block; position:absolute; top:50%; margin-top:-1px; width:9px; height:1px; background-color:#666;}
.btn_i_toggle i:before {right:6px;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_i_toggle i:after {right:0;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}

.up .btn_i_toggle i:before {right:6px;-webkit-transform:rotate(135deg); -khtml-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.up .btn_i_toggle i:after {right:0;-webkit-transform:rotate(45deg); -khtml-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.method {position:relative;margin-bottom:20px;margin-top:30px;}
.method .tit {display:inline-block; width:100%; margin-bottom:10px; color:#333; font-size:14px; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.method .tit > span {font-size:12px; color:#999; font-family:"Open Sans","Noto-lang-Regular","NotoKR-Regular","Malgun Gothic",sans-serif;}
.method .tit > span::before {content:''; display:inline-block; margin:0 4px 0 6px; width:1px; height:10px; background:#ccc;}
.method .tit > span button {margin-left:5px; vertical-align:-1px;}

.method .pop_wrap {position:absolute;bottom:60px;left:0;right:0;padding:17px;z-index:5;}
.method .pop_msg {position:relative;width:100%;max-width:300px;margin:0 auto;border:1px solid #333;background-color:#fff;box-shadow:3px 3px 10px rgb(0 0 0 / 40%);padding:30px 20px 20px 20px;box-sizing:border-box;}
.method .pop_msg .btn_i_close {position:absolute;top:5px;right:5px;z-index:2;}
.method .pop_msg .btn_i_close i:after, .method .pop_msg .btn_i_close i:before {content:''; background-color:#333;}
.method .pop_msg .t_box {position:relative; padding:20px; padding-left:75px; color:#666; font-size:13px; line-height:1.4;}
.method .pop_msg .t_box strong {display:block; margin:10px 0 6px; color:#009BFA; font:bold 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.method .pop_msg .t_box:after {content:''; position:absolute; top:50%; left:14px; margin-top:-25px; display:block; width:48px; height:50px; background:url(../images/img_lpoint.png) no-repeat; background-size:100%;}

.payment .agreement_box {background:none; text-align:center;padding: 0;}

/* completion_pay - 결제완료 */
.product {color:#AD9E87; background-color:#353535;}
.completion_pay .mailinfo {/* margin:0 20px; */ border-top:1px solid #ccc;}
.completion_pay .mailinfo > .box {margin-top:10px; padding:15px; background:#F2F2F2;}
.completion_pay .mailinfo .input_wrap {margin-bottom:0;}
.completion_pay .mailinfo .tit {margin-bottom:14px; text-align:center; font-size:12px; color:#666;}
.completion_pay .mailinfo .tit strong {display:block; margin-bottom:5px; font-size:13px; color:#333;}

/* guarantee - 게런티 */
.guarantee .method {/* padding:10px 20px; */}
/* .guarantee .linebox_t {margin-top:-10px;} */

/* readyroom - 객실배정 */
/* .readyroom .container {margin-top:60px;}
.readyroom .headmessage {padding:20px 20px 40px; color:#ccc; font:normal 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;} */
.roominfo {margin:40px 0 20px;text-align:center;color:#AD9E87;border-top:1px solid rgba(140, 121, 101, 0.4);}
.roominfo .room {margin-bottom:3vh;}
.roominfo .room .tit {display:block; letter-spacing:0; font:600 16px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.roominfo .room .number {display:block; font:800 65px/1.2 "Open Sans ExtraBold",sans-serif; letter-spacing:2px;}
.room .number {white-space:nowrap;}
.roominfo .btnwrap {margin-bottom:50px;}


.roominfo .period {position:relative;}
.roominfo .period::before {content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 -0.5px; display:block; width:1px; height:14px; background-color:#AD9E87;}
.roominfo .period span {display:block; text-align:center; letter-spacing:0;}
.roominfo .checkin {margin-bottom:40px;}
.roominfo .checkin .date, .roominfo .checkout .date {font:normal 16px/1.6 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}


/* checkout_c - 체크아웃 */
.checkout_c .roominfo {border-top:none;}

/* usagedetail - 이용내역 */
.usagedetail .product {padding:20px;margin-top:0;}
.usagedetail .product .tit {font:normal 15px/1.5 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.usagedetail .product .room_no {margin-bottom:15px; font:normal 15px/1.5 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}

.billbox {margin:10px 0; border:1px solid #ccc; background-color:#fff;}
.billbox li {margin:0 10px; padding:12px 4px; white-space:nowrap; border-bottom:1px solid #ccc;}
.billbox li .tit {margin-bottom:15px;}
.billbox li .cont {display:flex; color:#999; margin-bottom:6px;}
.billbox li .cont:last-child {margin-bottom:0;}
.billbox li .item {width:60%;}
.billbox li .item .amount {display:inline-block; width:40px; padding-left:5px;}
.billbox li .price {width:40%; text-align:right;}
.billbox li .price em {letter-spacing:0;}

.billbox li:last-child {border-bottom:none;}
.billbox .total {display:flex; padding:14px 14px; border-top:1px dotted #ccc; background-color:#f5f5f5;}
.billbox .total .tit {width:60%; font-size:13px;}
.billbox .total .price {width:40%; text-align:right;}
.billbox .total .price em {font-size:15px; letter-spacing:0;}

.w_line {border-top:1px solid #ccc;}
.listwrap h3 {position:relative; margin:10px 0 15px;}
.listwrap h3 > button {position:absolute; top:-10px; right:0; width:60px; height:30px; float:right;}

.billbox02 {margin:10px 0 0; border:1px solid #ccc; background-color:#fff; padding: 2px;}	/** HNie :: padding 추가 */
.billbox02 .tlbwrap {overflow:auto;}
.billbox02 table {width:100%; font-size:12px; letter-spacing:0;}	/** HNie :: border-bottom 삭제 */
.billbox02 tr {border-bottom: 1px dotted #ccc;}	/** HNie 추가 */
.billbox02 tr:first-child, .billbox02 tr:last-child {border-bottom:none;}		/** HNie 추가 */
.billbox02 th {padding:4px 10px; white-space:nowrap; color:#000; background-color:#f5f5f5; font-size: 12px; vertical-align: middle; height: 25px;} /** HNie :: height , fontSize , vertical-align 추가 || color fff->000 , background-color 999->f5f5f5 */
.billbox02 td {padding:8px 10px; font-size:11px; vertical-align: middle;} /** HNie :: vertical-align 추가 , fontSize 13->11 */
.billbox02 td:first-child {white-space:nowrap;}
.billbox02 th:last-child, .billbox02 td:last-child  {border-right:none;}

.billbox02 .total {padding:10px; text-align:right;}
.billbox02 .total .line {margin:5px 0;}
.billbox02 .total .line > div {display:inline-block;  padding:10px 0; padding-right:10px; border-bottom:1px solid #333; text-align:left; white-space:nowrap;}
.billbox02 .total .line .tit { display:inline-block; width:60px; margin-right:10px; text-align:right; white-space:nowrap;}
.billbox02 .total .line .cont {display:inline-block; width:100px; text-align:right;}
.billbox02 .total .line .cont > em {font-weight:bold;}

.usagedetail .totalwrap {padding:10px 20px; border-top:1px solid #ccc; background-color:#f9f9f9;}
.usagedetail .totalwrap h3 {margin:10px 0 15px;}
.usagedetail .totalwrap .billbox .price em {font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.usagedetail .totalwrap .billbox li:first-child {margin-top:10px;}
.usagedetail .totalwrap .billbox li:last-child {margin-bottom:10px;}
.usagedetail .totalwrap .billbox li {display:flex; border-bottom:none;}
.usagedetail .totalwrap .billbox li .price {text-align:right;}
.usagedetail .totalwrap .total {color:#fff; background-color:#444;}

/* pre_payment - 선결제 */
.pre_payment .product {padding:20px;}
.pre_payment .product .tit {font:normal 15px/1.5 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.pre_payment .product .room_no {margin-bottom:15px; font:normal 15px/1.5 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}

.pre_payment .totalwrap {padding:10px 20px; border-top:1px solid #ccc; background-color:#f9f9f9;}
.pre_payment .totalwrap h3 {margin:10px 0 15px;}
.pre_payment .totalwrap .billbox .price em {font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.pre_payment .totalwrap .billbox li:first-child {margin-top:10px;}
.pre_payment .totalwrap .billbox li:last-child {margin-bottom:10px;}
.pre_payment .totalwrap .billbox li {display:flex; border-bottom:none;}
.pre_payment .totalwrap .billbox li .price {text-align:right;}
.pre_payment .totalwrap .total {color:#fff; background-color:#444;}

.pre_payment .billbox02 {min-height:200px;}
.pre_payment .billbox02 .nolist {padding:40px 0; text-align:center;}


.pre_payment .method {margin:20px 0 40px;}

.pre_payment .point {padding:10px 20px 20px;}
.pre_payment .point h3 {margin:10px 0 15px;}
.pre_payment .point .noti {font-size:11.5px; color:#999; margin-bottom:20px;}
.pre_payment .point .noti > p {font-weight:bold; margin-bottom:4px;}

.pre_payment .point .line {display:flex; margin-bottom:10px; padding:10px 0;}
.pre_payment .point .line .checkbox_chk02 {width:50%; }
.pre_payment .point .line .available {width:50%; text-align:right; margin-top:-5px;}
.pre_payment .point .line .available .inputwrap input {width:90px; height:30px; text-align:right;}
.pre_payment .point .line .available .info {margin-top:6px; font-size:11px; color:#999;}
.pre_payment .point .password {border:1px solid #ccc; padding:0 10px; margin:0 -5px;}
.pre_payment .point .password > h3 {position:relative; margin:10px 0 20px;}
.pre_payment .point .password > h3 a {position:absolute; top:-6px; right:-5px; display:block; padding:6px; color:#999; white-space:nowrap; font-size:12px;}
.pre_payment .point .password .inputwrap {position:relative; padding-right:60px; margin-bottom:10px;}
.pre_payment .point .password .inputwrap button {position:absolute; top:0; right:0; width:50px; height:40px; font-size:14px;}

/* feedback - 만족도 조사 */
.feedback .headmessage {color:#666; font-size:14px; line-height:1.3;}
.feedback .starwrap {text-align:center;}
.btn_i_star {margin:0 5px 20vh; width:40px; height:40px; background:url(../images/btn_star_off.png) no-repeat; background-size:100%;}
.btn_i_star.on {background:url(../images/btn_star_on.png) no-repeat; background-size:100%;}


/* checkout_done - 체크아웃 완료 */
.checkout_done .greeting {margin-bottom:8vh; padding:0; text-align:center; font-size:15px; color:#666; line-height:1.3;}
.checkout_done .greeting > strong {display:block; margin-bottom:4px; color:#333; font:normal 16px/1.4 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; }

.recommendation { padding:20px 0 0; margin:0 -20px; background:#353535; overflow: hidden;}
.recommendation h3 {margin:0 0 20px 20px; color:#ccc;}
.recomm_rooms .swiper-slide {display:flex; width:auto;}
.recomm_rooms .swiper-slide:first-child {margin-left:20px;}
.recomm_rooms .swiper-slide:last-child {margin-right:20px;}
.recomm_rooms .room {margin-bottom:20px;}
.recomm_rooms .room > a {position:relative; display:block; overflow:hidden; margin:0 5px; width:200px; height:150px; border-radius:20px; border:1px solid #3E2B2E;}
.recomm_rooms .room img {width:100%; height:100%;}
.recommendation .room .tit {position:absolute; left:0; right:0; bottom:0; z-index:2; padding:10px; text-align:center; color:#000; font:normal 13px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; background-color:rgba(255,255,255, 0.8);}
.recommendation .room .tit span {display:block;}


/* receivekey 모바일키 수신 */
/* .receivekey .container {margin-top:60px;} */
.receivekey .headmessage,
.readyroom .headmessage {color:#ccc;font:normal 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.receivekey .roominfo,
.readyroom .roominfo{padding-top:60px;margin-left: -20px;margin-right: -20px;margin-top: 0;}
/* .receivekey .roominfo .room,
.readyroom .roominfo .room {margin-bottom:15vh;} */


/* agreement - 이용약관  */
.agreement .container {margin:10px auto 0;}
.agreement.receiver .container {margin:50px auto 0;}
.agreement.receiver header {border-bottom:none;}
.agreement .process {display:flex; margin:0 20px; padding:20px 0; justify-content:center;}
.agreement .process span {position:relative;display:block;margin-right:20px;text-align:center;padding:10px 0;width:32%;white-space:nowrap;color:#AD9E87;border-radius:25px;border:1px solid #AD9E87;background:#fff;}
.agreement .process span::before {content:'';position:absolute;top:50%;left: -32%;display:block;height:1px;width: 100%;background:#AD9E87;z-index: -1;}
.agreement .process span:last-child {margin-right:0; width:36%;}
.agreement .process span:first-child::before {content:''; display:none;}
.agreement .process span.on {color:#fff; background:#AD9E87;}
.agreement .agreebox {position:relative; margin:0 20px; padding:15px 15px 60px; border:1px solid #CCC;}
.agreement .agreebox .head {margin:10px 0 25px; color:#666; font-size:13px;}
.agreement .agreebox .head h3 {margin-bottom:5px; color:#333; font-size:15px;}
.agreement .agreebox ul {border-top:1px solid #eee;}
.agreement .agreebox li {position:relative; padding:14px 0; font-size:13px; border-bottom:1px solid #eee;}
.agreement .agreebox li a {position:absolute; top:50%; right:-5px; margin-top:-20px; width:40px; height:40px; }
.agreement .agreebox li a > i {margin:10px auto;}

.agreement .agreebox .allagree {position:absolute; left:0; right:0; bottom:0; height:44px; text-align:center; border-top:1px solid #ccc; background:#f9f9f9;}
.agreement .agreebox .allagree .checkbox_chk {margin-top:12px;}
.agreement .agreebox .allagree .checkbox_chk .checkmark {background-color:#fff;}
.agreement .textbox {margin-top:20px; text-align:center; color:#666; font-size:13px;}
.agreement .textbox > strong {display:block; margin-bottom:5px; font-size:18px;}

.agreement.receiver02 .container {margin:50px auto 0;}
.agreement.receiver02 header {border-bottom:none;}
.agreement.receiver02 .agreebox {margin-top:40px;}

.agreement.receiver02 footer {position:fixed; bottom:0; left:0; right:0; width:100%;}


/* 예외알림 */
.sidealert {position:absolute; top:0; left:0; right:0; bottom:0;}
.sidealert footer {position:fixed; left:0; right:0; bottom:0;}
.sidealert .t_box {text-align:center; padding:35vh 0; color:#AD9E87; font:normal 15px/1.4 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; }
.sidealert .btnwrap {position:absolute; top:45vh; left:10px; right:10px;}
.sidealert .btn_t_l {background-color:#ad9e87; color:#fff;}

/* left - user menu */
.nav_slide_wrap {position:fixed; top:0; right:-100%; bottom:0; z-index:110; width:100%; background-color:#444;}
.nav_slide .inwrap {position:relative; height:100%;}
.nav_slide .head {position:relative;}
.nav_slide .head .btn_i_close {position:absolute; top:10px; right:10px;}
.screen_dimed {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:105;  background-color:rgba(0, 0, 0, 0.6);}

.user_status_wrap {padding:80px 30px 10px; color:#AD9E87;}
.user_status_wrap .head {margin-bottom:40px;}
.user_status_wrap .head .user {font-size:20px; font-family:"Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.user_status li {display:flex; margin-bottom:16px;}
.user_status li .tit {width:40%}
.user_status li .cont {width:60%}

.nav_slide .menu_area {position:absolute; left:0; bottom:0; right:0;}
.nav_slide .menu_area .btnwrap {margin:20px;}
.nav_slide .footer {position:relative; padding:0 20px 20px; height:40px;}
.nav_slide .footer .btnwrap {width:20%; text-align:left; margin:0;}
.nav_slide .footer .btnwrap button {display:inline-block; height:44px; line-height:44px; vertical-align:middle;}





[class^="lang_flg_"] {display:inline-block; margin-right:10px; width:30px; height:20px; border:1px solid #ccc; vertical-align:middle; overflow:hidden; background-size:100% !important;box-sizing: border-box;}

.lang_flg_kor {background:url(../images/img_flg_kor.png) no-repeat;}
.lang_flg_eng {background:url(../images/img_flg_eng.png) no-repeat;}
.lang_flg_chn {background:url(../images/img_flg_chn.png) no-repeat;}
.lang_flg_jpn {background:url(../images/img_flg_jpn.png) no-repeat;}

.nav_slide .btn_t_f {color:#333;}
.nav_slide .btn_t_l {background-color:transparent;}

/* mobile key style */
.mobilekey {position:relative; margin:0 auto;}
.mobilekey header {background-color:transparent; border-bottom:none; height:60px;}
/* .mobilekey .container {margin:60px auto 20px;} */
.mobilekey .t_nav h1 {padding-top:15px;}
.mobilekey .t_nav h1 > a {width:222px; height:30px; background:url(../images/t_logo.png) no-repeat 0 0; background-size:auto 30px;}
.mobilekey .btn_i_nav > i,  .mobilekey .btn_i_nav > i:before,  .mobilekey .btn_i_nav > i:after {background-color:#AD9E87;}
.mobilekey .t_nav .btn_i_nav {position:absolute; top:0; right:2px;}
.mobilekey .commt {position:fixed; left:0; right:0; bottom:40px; margin-top:30px; color:#ad9e87; text-align:center; font-size:13px; letter-spacing:0; line-height:1.4; color:#ccc;}
.mobilekey .t_nav .tit {padding-top:10px;}
.mobilekey .t_nav .tit > h2 {margin-left:-5px; font:normal 18px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.mobilekey .btnwrap_fixed {padding:20px;}

.bringcallnumber {margin:-20px 0 40px; text-align:right;}
.bringcallnumber > button {height:26px; width:auto; letter-spacing:-1px;}

.mobilekey .commt02 {margin-bottom:20px; color:#3E2B2D;}

.roominfomation .remainkey {margin:-5px 0 20px; text-align:right; font-size:13px;}
.roominfomation .remainkey > em {padding-left:2px; font-weight:bold; font-size:15px;}
.roominfomation .room {margin-bottom:40px;}
.roominfomation .room .brand {display:block; font-size:16px; letter-spacing:0;}
.roominfomation .room .number {display:block; font:600 70px/1 "tahoma",sans-serif;}
.roominfomation .period span {display:inline-block; letter-spacing:0;}
.roominfomation .period span:first-child::after {content:''; display:inline-block; margin:-0 6px; vertical-align:4px; width:8px; height:1px; background:#AD9E87;}

.using .roominfomation .room {margin:10px 0 60px;}
.card_ty01.using .wave {width:170px; height:170px; top:-20px; right:-30px;}
.using .status {position:absolute; top:78px; right:68px; color:#AD9E87;}
.shaere_list {margin:10px 20px 40px; padding:20px 0; border-top:1px solid #7C6A4D;}
.shaere_list .cardwrap {padding:0;}
.shaere_list .card_ty01 {margin-bottom:20px;}
.share .status {position:absolute;  top:10px; right:10px; width:70px; height:70px; text-align:center; color:#382527; }
.share .status span {position:relative; z-index:2; top:21px; font-weight:bold; line-height:1.3;}
.share .status::before {content:''; position:absolute; top:0; right:0; width:70px; height:70px; border-radius:20px; transform:rotate(45deg); background:#AD9E87;}
.share .room {margin-bottom:10px;}
.share button {margin-top:20px; height:38px; font-weight:bold; border-radius:20px; text-align:center; border:1px solid #AD9E87; color:#AD9E87;}

.share.before {background:#7B6E5A;}
.share.before button {color:#AD9E87; border-color:#3E2B2E; background:#3E2B2E;}


/* mobilekey - swipe */
.mobilekeywrap {position:relative; margin-top:15vh; height:60vh;}
.mobilekey_box {position:relative; z-index:2; margin:0 auto; max-width:300px;  height:100%; color:#ad9e87;}
.mobilekey_box .room {padding-top:40px; text-align:center;}
.mobilekey_box .room .hotel {display:block; letter-spacing:0; font:normal 16px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.mobilekey_box .room .number {font:600 80px/1.1 "tahoma",sans-serif;}
.mobilekey_box .period {position:absolute; left:0; right:0; bottom:0;}
.mobilekey_box .period::before {content:''; position:absolute; top:50%; left:50%; margin:-10px 0 0 -0.5px; display:block; width:1px; height:20px; background-color:#AD9E87;}
.mobilekey_box .period span {display:block; text-align:center;}
.mobilekey_box .period .tit {margin-bottom:4px;}
.mobilekey_box .checkout {margin-top:100px;}
.mobilekey_box .date {font:normal 16px/1.4 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}

.mobilekey .swipewrap {padding:80px 0 60px;}


/* mobilekey - share */
.share_done {padding:20px 0; text-align:center;}
.share_done .status {margin-bottom:20vh; font-size:20px; line-height:1.2;}
.share_done .status > em, .share_done .remain em {font-weight:bold;}
.share_done .remain {font-size:15px; color:#444;}
.share_done .remain p {margin-top:14px;}
.share_done .remain p > a {display:inline-block; padding-bottom:2px; color:#333; border-bottom:1px solid #333;}



/* popup style */
.popup_wrap {position:fixed;background-color:#fff;z-index:20;overflow-y:auto;display: flex;flex-flow: column;top: 50%;transform: translateY(-50%);margin: 0 20px !important;max-height: calc(100% - 40px);width: calc(100% - 40px);}
.popup_wrap.h_auto{height: auto;}
/* .popup_wrap .pophead {position:relative;position:fixed;top:0;left:0;right:0;height:50px;} */
.popup_wrap .pophead {position:relative;/* position:fixed; */top:0;left:0;right:0;/* height:50px; border-bottom:solid 2px #183028;*/ color:#000}
.popup_wrap .pophead > h2 {padding:20px; margin-right:40px; font:normal 16px/1.25 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; line-height: 1.25;}
.pophead .tit_sub {margin:4px 0 0 20px; font-size:13px; color:#666;}
.popup_wrap .btn_i_close {position:absolute;top:15px;right:8px;}
.popup_wrap .btn_i_close i:after, .popup_wrap .btn_i_close i:before {background-color:#333;}
.popup_wrap .popbody {overflow-y:auto;}
.popup_wrap .textbox {margin:10px 20px;}
.popup_wrap .map{padding: 20px 10px 0;border-top: 1px solid #ccc;}
.popup_wrap .btnwrap_fixed{padding: 0 !important;}
.popup_wrap>.btnwrap:last-child{margin: 0;}

.popup_wrap.ty_wh{width: 100%;margin: 0 !important;transform: none;top: 0;}
.popup_wrap.ty_wh,.popup_wrap.ty_wh .pophead { background-color:#fff !important;}
.popup_wrap.ty_wh .pophead > h2 {color:#333 !important }
.popup_wrap.ty_wh .textbox {color:#333 !important;}

.popup_wrap.ty_wh .btn_i_close i:after, .popup_wrap.ty_wh .btn_i_close i:before {background-color:#333 !important;}

.allbg .pophead, .allbg .popup_wrap {background-color:#353535;}
.allbg .popup_wrap .btn_i_close i:after, .allbg .popup_wrap .btn_i_close i:before {background-color:#fff;}
.allbg .popup_wrap .pophead > h2 {color:#AD9E87;}
.allbg .popup_wrap .textbox {color:#ccc;}
.allbg .popup_wrap .qrcode {color:#AD9E87}

/* full-pop */
.popup_wrap.full{width: 100%;height: 100%;max-height: none; margin: 0 !important;top: 0;transform: none;}
.popup_wrap.full .popbody{flex: 1;overflow-y: auto;padding: 20px;border-top: 1px solid #ccc;}
.popup_wrap.full .popbody.bg-gray{border-top: none;background-color: #f5f5f5;}

/* popup - QR code */
.qrcode {margin:90px auto 50px; text-align:center; width:80%;}
.qrcode .room .tit {display:block; letter-spacing:0; font:normal 16px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.qrcode .room .number {display:block; font:800 65px/1.2 "Open Sans ExtraBold",sans-serif; letter-spacing:2px;}
.qrcode .code {margin:40px auto 60px; width:140px; height:140px; padding:10px; background-color:#fff;}
.qrcode .code > img {width:100%;}
.qrcode .remaintime {position:relative; padding-bottom:40px;}
.qrcode .remaintime > em {font-weight:600;}
.qrcode .remaintime:before {content:''; display:inline-block; margin-right:2px; width:18px; height:18px; vertical-align:middle;
	background:url(../images/ic_time02.svg) no-repeat; background-size:100%;}

/* popup - 키오스크&무인보관함 안내 */
.location .textbox {padding:40px 0; text-align:center;}
.location .map {position:absolute; top:140px; left:0; right:0; bottom:50px; min-height:400px; padding:20px 10px 0; text-align:center; overflow:hidden; border-top:1px solid #ccc;}
.location .map img {width:100%; height:100%; }

/* popup - 개인정보 수집 및 이용 */
.agreement_detail .container_pop {background-color:#f8f8f8;}
.agreement_detail .scrollbox {max-height: 60vh;}
/* .agreement_detail .container {position:absolute; top:30px; left:0; right:0; bottom:50px; padding:0 20px 80px; margin:0; overflow:hidden; overflow-y:auto; font-size:13px; } */
.agreement_detail .contbox {padding:20px;}
.agreement_detail .container section {margin-bottom:20px;}
.agreement_detail .container section:last-child {margin-bottom:140px;}
.agreement_detail .agreebox {padding:15px 15px 5px; background-color:#f8f8f8;}
.agreement_detail .agreebox .head {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; font:normal 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.agreement_detail .agreebox .item {margin-bottom:10px;}
.agreement_detail .agreebox .item .tit {display:block; margin-bottom:6px; font:normal 13px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.agreement_detail .agreebox .item .cont {color:#666;}
.agreement_detail .chk_agree {padding:10px 10px 20px; border-bottom:1px solid #ccc;}
.agreement_detail .chk_agree .noti {font-size:12px; margin-bottom:10px; color:#999;}
.agreement_detail .chk_agree .checkbox_chk {text-align:right;}
.agreement_detail .chk_agree .checkbox_chk > span:first-child {margin-right:20px;}
.dimmedlayer .agreement_detail .popup_box .chk_agree .except_label { font-size: 12px; margin-bottom: 10px; color: #999; }

.agreement_detail ul {margin-bottom:20px;}
.agreement_detail li {margin-bottom:20px; font-size:14px; color:#666; line-height:1.2;}
.agreement_detail li > span, .agreement_detail .noti02 .tit {display:block; margin-bottom:6px; color:#333; font:600 14px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif; }
.agreement_detail li strong {font-size:18px; font-weight:bold;}
.agreement_detail .noti, .agreement_detail .noti02 .line  {position:relative; padding-left:10px; color:#999; line-height:1.3;}
.agreement_detail .noti::before {content:"*"; position:absolute; top:2px; left:0;}
.agreement_detail .noti02 .line {color:#666;}
.agreement_detail .noti02 .line::before {content:"-"; position:absolute; top:2px; left:0;}

.agreement_detail .noti02 {margin-top:30px;}
.except_label { font-size: 12px; margin-top: 15px; color: #999; text-align: right; }


/*  layer popup style */
.dimmedlayer {position:fixed;top:0;left:0;bottom:0;right:0;display:none;z-index:50;padding-bottom:10px;height:calc(100% + env(safe-area-inset-bottom));background-color:rgba(0, 0, 0, 0.6);}
.popup_container {position:relative;padding:0 20px;margin:0 auto;max-width:400px;top:50%;transform:translateY(-50%);}
.popup_box {position:relative;/* margin:30vh auto 0; */background:#fff;}
.popup_box .btn_i_close {position:absolute; top:10px; right:10px; width:30px; height:30px;}
.popup_box .btn_i_close i {width:20px; height:20px;}
.popup_box .btn_i_close i:after, .popup_box .btn_i_close i:before {width:22px; margin:-2px 0 0 -10px; background-color:#333;}
.popup_box .btnwrap {margin:0;}
.popup_box .btnwrap.col {display:flex;}
.popup_box .btnwrap.col button {margin:0;}
.popup_box .btnwrap.col button:first-child {width:40%;}
.popup_box .btnwrap.col button:last-child {width:60%;}

.popmessage {padding:50px 20px 20px; min-height:45px;}
.popmessage > h2 {margin-bottom:10px; font:600 16px/1.1 "Open Sans Bold","Noto-lang-Bold","Malgun Gothic",sans-serif;}
.popmessage p {margin-bottom:20px; color:#666; font-size:13px;}
.popmessage a {display:inline-block; padding:0 2px 2px; margin-bottom:20px; font-weight:600; color:#654549; border-bottom:1px solid #654549;}

.popmessage.ty02 {text-align:center;}

.car_num {margin:20px auto 0; max-width:200px; padding:10px; text-align:center; font-weight:bold; font-size:20px; background:#F1F1F1; letter-spacing:1px;}

.coupon_line {padding:10px; margin-bottom:4px; color:#988466; border:1px solid #ccc; text-align:center; font-weight:700; letter-spacing:1px;}

/* scroll */
.scrollbox > .scroll-element .scroll-bar {display:none;}


/* loading bar */
.loadin_dimmed {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0, 0, 0, 0.6);}
.loading {position:fixed; z-index:50; top:50%; left:0; right:0; margin-top:-10px; height:20px; text-align:center; }
.loading em {display:inline-block; margin:0 8px; border-radius:50%; width:10px; height:10px; background-color:#AD9E87;}

.lds-ellipsis{display:inline-block;position:absolute;top:calc(50% - 5px);left:calc(50% - 38px)}
.lds-ellipsis div{position:absolute;width:10px;height:10px;border-radius:50%;background:#ad9e87;animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);z-index:9999}
@keyframes lds-ellipsis {
	0%,100% {animation-timing-function:cubic-bezier(0.5,0,1,0.5);}
	0% {transform:scale(0.8);}
	86% {transform:scale(1.0);}
	100% {transform:scale(0.8);}
}
.lds-ellipsis div:nth-child(1){left:12px;animation:lds-ellipsis1 .6s infinite;}
.lds-ellipsis div:nth-child(2){left:12px;animation:lds-ellipsis2 .6s infinite;}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite;}
.lds-ellipsis div:nth-child(4){left:52px;animation:lds-ellipsis3 .6s infinite;}

@keyframes lds-ellipsis1{
	0% {transform:scale(0);}
	100% {transform:scale(1);}
}
@keyframes lds-ellipsis3 {
	0% {transform:scale(1);}
	100%{transform:scale(0);}
}
@keyframes lds-ellipsis2{
	0% {transform:translate(0,0);}
	100% {transform:translate(20px,0);}
}

/* @media only screen and (min-width :1025px) {
	header {position:absolute !important;}
	.main, .mobilekey, .reserv_detail, .checkin_card, .covic19, .payment, .completion_pay, .guarantee, .readyroom,
	.checkout_c, .usagedetail, .minibar,.pre_payment, .feedback, .checkout_done, .receivekey, .agreement, .sidealert {
		position:relative; overflow:hidden; max-width:400px; height:700px; margin:40px auto; border:1px solid rgba(140, 121, 101, 0.4);
	}
	.allbg > div {border-color:rgba(140, 121, 101, 0.4);}

	.covic19 .container {position:absolute; top:108px; left:0; right:0; bottom:0; margin-bottom:0;}
	.covic19 .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }

	.usagedetail .container {position:absolute; top:110px; left:0; right:0; bottom:0;}
	.usagedetail .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }
	.usagedetail .listwrap:last-child {margin-bottom:80px;}

	.payment .container {position:absolute; top:110px; left:0; right:0; bottom:0; margin-bottom:0;}
	.payment .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }

	.minibar .container {position:absolute; top:90px; left:0; right:0; bottom:0; margin-bottom:0;}
	.minibar .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}
	.minibar_foot {position:relative;}
	.minibar_foot .btnwrap_fixed {position:relative;}

	.pre_payment .container {position:absolute; top:110px; left:0; right:0; bottom:0;}
	.pre_payment .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.pre_payment .container {position:absolute; top:110px; left:0; right:0; bottom:0;}
	.pre_payment .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.reserv_detail .container {position:absolute; top:105px; left:0; right:0; bottom:0;}
	.reserv_detail .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.completion_pay .container {position:absolute; top:105px; left:0; right:0; bottom:0; margin-bottom:0;}
	.completion_pay .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }

	.guarantee .container {position:absolute; top:120px; left:0; right:0; bottom:0; margin-bottom:0;}
	.guarantee .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.readyroom .container {position:absolute; top:0; left:0; right:0; bottom:0; margin-bottom:0;}
	.readyroom .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.main .container {position:absolute; top:0; left:0; right:0; bottom:0; margin-bottom:0;}
	.main .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0; }

	.checkout_c .container {position:absolute; top:0; left:0; right:0; bottom:0; margin-bottom:0;}
	.checkout_c .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.agreement .container {position:absolute; top:100px; left:0; right:0; bottom:0; margin-bottom:0;}
	.agreement .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.agreement.receiver .container, .agreement.receiver02 .container {position:absolute; top:0; left:0; right:0; bottom:0; margin-bottom:0;}
	.agreement.receiver .scrollbox, .agreement.receiver02 .scrollbox  {position:absolute; top:0; left:0; right:0; bottom:0;}

	.completion_pay .container {position:absolute; top:100px; left:0; right:0; bottom:0; margin-bottom:0;}
	.completion_pay .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}
	.completion_pay .headmessage {padding-bottom:30px;}

	.checkout_done .container {position:absolute; top:100px; left:0; right:0; bottom:0; margin-bottom:0;}
	.checkout_done .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.receivekey .container {position:absolute; top:0; left:0; right:0; bottom:0; margin-bottom:0;}
	.receivekey .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.feedback .container {position:absolute; top:100px; left:0; right:0; bottom:0; margin-bottom:0;}
	.feedback .scrollbox {position:absolute; top:0; left:0; right:0; bottom:0;}

	.checkin_card .btnwrap_fixed {display:none;}
	/*.main footer, .reserv_detail footer, .usagedetail footer {position:relative; margin-top:10px !important;}

	.t_nav {max-width:400px; margin:0 auto;}
	.nav_slide_wrap {position:absolute;}
	.screen_dimed {opacity:0;}

	.popup_wrap {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:20;}
	.popup_wrap .btnwrap_fixed {position:absolute; bottom:0;}

	.feedback footer {margin-top:20vh;}

	.lds-ellipsis {top:40vh;}

	.main.ty02 footer {position:absolute !important;}
	.agreement.receiver02 footer {margin-top:19vh;}
	.feedback footer {margin-top:10vh;}

} pc  */

@media only screen and (min-height :510px) {


}

/*@media only screen and (min-height :300px) {
	.main footer, .reserv_detail footer {position:relative; margin-top:10vh;}
}*/

/*@media only screen and (min-height :800px) {
	.main footer, .reserv_detail footer, .checkout_c footer, .agreement footer, .guarantee footer, .feedback footer,
	.receivekey footer {position:fixed; left:0; right:0; bottom:0;}

} /*  */


/*@media only screen and (min-width:768px) {
	.completion_pay footer, .readyroom footer, .minibar footer, .checkout_done footer  {position:fixed; left:0; right:0; bottom:0;}
	.sidealert .t_box {padding-top:40vh;}
	.location .map {padding:80px 40px;}
} ipad */


/*@media only screen and (max-width:320px) {
	.share_done .status {margin-bottom:15vh;}
	.roominfomation .room .number {font-size:60px;}
	.qa_box .option.ty02 .checkbox_chk {width:45%;}
	.agreement .agreebox {margin:0 10px;}
	.formarea {padding:20px 10px}
	.agreement_detail .container {padding:0 10px 80px;}
	.main .reservation {padding:5vh 10px;}
	footer .f_address {padding:20px 10px;}
	footer .f_link .btnwrap a {padding:0 5px;}
	footer .f_link .btnwrap a:first-child {padding-left:10px;}

	.agreement_detail .container_pop {top:70px !important;}
	.payment .agreement_box {padding:0;}

	.minibar_list li .tit {width:40%;}
	.minibar_list li {padding:10px;}

	.container > .btnwrap, .scrollbox > .btnwrap {margin:20px 10px 100px;}

	.main.ty02 footer {position:relative;}

}

@media only screen and (max-width:280px) {
	.minibar_list li .price {margin:0 20px;}
	.share_done .status {margin-bottom:20vh;}
	.roominfomation .room .brand {font-size:14px;}
	.roominfomation .room .number {font-size:50px;}

	.pre_payment .totalwrap {padding:10px;}
	.listwrap {padding:10px;}
	.pre_payment .product {margin:20px 10px 0;}
	.pre_payment .method {padding:0 10px;}

	.container > .btnwrap, .scrollbox > .btnwrap {margin:20px 10px 100px;}
	.covic19 .linebox_t {padding-right:10px;}

	.main .list_ty01 .days {font-size:13px;}
}

@media(orientation:landscape) {

	.main .container {margin-bottom:0; height:auto;}
	.main footer, .reserv_detail footer, .agreement footer, .completion_pay footer, .guarantee footer, .readyroom footer, .checkout_c footer,
	.feedback footer, .checkout_done footer, .receivekey footer	{position:relative !important; margin-top:18vh;}

	.agreement footer, .guarantee footer, .checkout_c footer {margin-top:10vh;}

	.sidealert .t_box {padding:30vh 0 25vh;}
	.sidealert footer {position:absolute !important; bottom:0;}
  } 가로모드 */


@supports (-webkit-overflow-scrolling:touch) {
	/* CSS specific to iOS devices */
	.roominfo .room .number {letter-spacing:0;}

}



/* //////////////////// MyROOM //////////////////// */

.myroom-title-dual{display:flex; justify-content:space-between; flex-direction:row; align-items:center;}
.dual-bt{text-align:center; background-color:#ad9e87; border-radius:5px; color:#ffffff; font-size:13px; font-weight:600; padding:5px 0px 5px 0px; /* margin-right:15px; */ width:70px; height:18px; word-spacing:10px; cursor:pointer;}
.myroom-line{padding:0px 15px 0px 15px;}
.hr{background-color:#cccccc; height:1px; margin:10px 0px 20px 0px;}

#myroom-wrap{padding:20px 20px 0 20px;}
.divBtnLateChkOut{display: flex; align-items:center; justify-content: center; min-height: 45px; padding: 15px; background: #f5f5f5; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.divBtnLateChkOut button {font-size: 17px;}

/* ///// Reward ///// */
.flex-reward-container{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-direction:row;
	line-height:2em;
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:15px;
	margin-bottom:10px;
}
.flex-reward-left{
	color:#999999;
	font-size:14px;
	flex-basis:100px;

}

[class*="badge-"] {
	display: inline-flex;
justify-content: center;align-items: center;}

.badge-classic{
	font-size:13px;
	width:60px;
	background-color:#7d4545;
}

.badge-silver{
	font-size:13px;
	width:60px;
	background-color:#A7A7A7;
}

.badge-gold{
	font-size:13px;
	width:60px;
	background-color:#C59B5E;
}
.badge-platinum{
	font-size:13px;
	width:60px;
	background-color:#3C4767;
}

.flex-reward-middle{
	color:#ffffff;
	text-align:center;
	border-radius:5px;
}
.none{
	display:none;
}
.flex-reward-right{
	margin-left:10px;
	color:#333333;
	font-size:16px;
}

#myroom-box,
.myroom-box {
	border:1px solid #cccccc;
	padding:15px;
	background-color: #fff;
}

#guest-info{
 padding:10px 0px 10px 0px;
 display:flex;
 justify-content:space-between;
 align-items:stretch;
 flex-direction:row;
 cursor:pointer;
}
.guest-info-name {
 color:#000000;
 font-size:16px;
 font-style:normal;
 font-weight:bold;
 line-height:23px;
 letter-spacing:-0.02em;
}
.guest-info-bt{
	border:1px solid #ad9e87;
	border-radius:5px;
	color:#ad9e87;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:5px 0px 5px 0px;
	width:70px;
}

.room-title-con{
	display:flex;
	color:#000000;
	font-size:13px;
	font-weight:400;
	margin:10px 0px 10px 0px;
}
.room-title-con .right{margin-left:auto;}
.room-wifi{
	color:#999999;
	font-size:13px;
	line-height:2.8em;
}
.room-parking{
	color:#999999;
	font-size:13px;
	line-height:2.8em;
	text-align:center;
}
.room-parking img{
	display: block;
	width:100%;
	height: 40px;
}

.popup_parking{
	padding-top: 15px;
	top: 20px;
    transform: none;
}
.popup_parking .flex-room-container{
	padding: 20px;
    justify-content: center;
}
.popup_parking .flex-room-container .flex-room-left{
	flex-basis: 55px;
}
.popup_parking .btn_i_close{
	position: fixed;
    bottom: 50%;
    top: unset;
    right: calc(50% - 20px);
    background: #ad9e87;
    border-radius: 50%;
}
.popup_parking .btn_i_close i:after,
.popup_parking .btn_i_close i:before{
	background-color: #fff;
	margin: 0px 0 0 -9px
}

/* Room */
.flex-room-container{
	flex-wrap:nowrap;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	padding:5px 0px 5px 0px;
}
.flex-room-left{
	color:#999999;
	font-size:13px;
	flex-shrink:1;
	flex-basis:100px;

}
.flex-room-right{
	color:#333333;
	font-size:14px;
	line-height:20px;
	flex: 1;
}

.flex-room-container-02{
	margin:10px 0px 10px 0px;
	border-top:1px solid #cccccc;
	padding:10px 0px 10px 0px;
}
.flex-room-left-02{
	color:#999999;
	font-size:13px;
	margin:10px 0px 10px 0px;

}
.flex-room-right-02{
	color:#333333;
	font-size:14px;
	line-height:20px;
}


/* /////객실요금///// */
.flex-payment-container{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-direction:row;
	line-height:2.8em;
	padding: 6px 0;
}
.flex-payment-left{
	color:#999999;
	font-size:13px;
}

.flex-payment-right{
	color:#333333;
	font-size:14px;
}

#coupon-wrap{
}
.coupon-box{
	background-color:#ad9e87;
	border: 1px solid #ad9e87;
	border-radius:5px;
	color:#ffffff;
	padding:15px;
	line-height:2em;
	font-size:14px;
	margin-bottom:10px;
	cursor:pointer;
}

.coupon-box.disabled{
	background-color:#ccc;
}


.con-title{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:30px 0px 10px 0px;
}


/* ///// myroom 고객정보 상세 /////*/

#guest-info-detail{
 padding:10px 0px;
 display:flex;
 justify-content:space-between;
 align-items:stretch;
 flex-direction:column;
 cursor:pointer;
}
.guest-info-name-detail {
 color:#000000;
 font-size:16px;
 font-style:normal;
 font-weight:bold;
 line-height:23px;
 letter-spacing:-0.02em;
}
.guest-info-bt-detail{
	border:1px solid #ad9e87;
	border-radius:5px;
	color:#ad9e87;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:5px 10px 5px 10px;
}
#myroom-guestdetail-box{
	border:1px solid #cccccc;
	padding:15px;
	margin-bottom:30px;
}
@media(max-width: 320px){ 
	#myroom-guestdetail-box {padding:8px;}
}
#myroom-guestdetail-box .flex-room-container-02:last-child{
	margin-bottom: 0;
}

.history-box{
	border:1px solid #cccccc;
}
.history-box-period{
	display:flex;
	justify-content:space-between;
	align-items:center;
 	flex-direction:row;
 	padding:15px;
 	border-bottom:1px solid #cccccc;
}
.history-box-period-left{
	text-align:left;
	color:#999999;
	font-size:13px;
	margin-right:20px;
}
.history-box-period-right{
	color:#333333;
	font-size:15px;
}
.history-box-margin{
	padding:10px;
}
.history-item{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
 	flex-direction:row;
 	padding:10px 0px 10px 0px;
 	border-bottom:1px solid #cccccc;
}

.history-item:last-child{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
 	flex-direction:row;
 	padding:10px 0px 0px 0px;
 	border-bottom:0px solid #cccccc;
}

.history-item-left{
	font-size:11px;
	color:#333333;

}
.history-item-middle{
	text-align:right;
	font-size:11px;
	color:#333333;
	padding: 0 20px;
}
.history-item-right{
	text-align:right;
	font-size:11px;
	color:#333333;

}

.history-total{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
 	flex-direction:row;
 	background-color:#f5f5f5;
 	padding:15px;
 	border-top:1px dotted #cccccc;
 	/* margin-top:20px; */
}
.history-total-left{
	font-size:13px;
}
.history-total-right{
	font-size:13px;
}

/*/////Coupon///// */
.coupon-title-box{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
 	flex-direction:column;
}
.coupon-title{
	font-size:20px;
	font-weight:bold;
	color:#ad9e87;
	text-align:center;
	margin-top:50px;
}
.coupon-title:last-child{
	margin-bottom:50px;
}
.coupon-description{
	font-size:13px;
	color:#333333;
	text-align:center;
	margin:20px 0px 50px 0px;
	line-height:1.6em;
}

/*qr*/
.qr-box{
	margin:0 auto;
	border:5px solid #183028;
	border-radius:10px;
	width:230px;
	height:230px;
	padding:10px;

	display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-box div:first-child {
	flex: 3;
	text-align: center;
}

.qr-box div:last-child {
	flex: 1;
	width: 200px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ad9e87;
}

.qr-count{
	display:flex;
	justify-content:center;
	align-items:center;
 	flex-direction:row;
 	margin:20px 0px 50px 0px;
}
.qr-count-icon{
	height:20px;
	margin-right:10px;
}
.qr-count-icon > img{
	height:16px;
}
.qr-count-time{
	color:#ad9e87;
	font-size:15px;
	height:20px;
}
.qr-count-time > span{
	font-weight:600;
}

/* Stay-myroom */
.btnwrap.t_a_r+.stay-circle-bt{
	margin-top:-20px;
}
.stay-circle-bt{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	margin-bottom:20px;
}

.stay-circle-bt-item{
	margin:10px;
	width: 90px;
	height: 90px;
	border-radius:50%;
	background-color:#AD9E87;
	text-align:center;
	cursor:pointer;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.stay-circle-bt-item-img{
	height: 27px;
	margin-bottom: 5px;
}

.stay-circle-bt-item-txt{
	color:#3E2B2E;
	font-size:13px;
	font-weight:600;

}
.stay-qr-text{
	color:#AD9E87;
	text-align:center;
	margin-bottom:30px;
	font-size:14px;
	line-height:20px;
}


/* accordion*/
.lst-acc>li>a{display:flex;border:1px solid #ccc;border-radius:5px;padding:15px;margin-top:10px;}
.lst-acc>li>a:after{content:'';border:solid #333;border-width:0px 1px 1px 0;padding:3px;width:2px;height:2px;transform:rotate(45deg);margin-left:auto;/* position:relative; *//* top:5px; */}
.lst-acc>li.on>a:after{transform:rotate(-135deg);position:relative;top:5px;}
.lst-acc>li .cont-acc{display:none;padding:10px 0;}

/* parking_voucher */
.parking_voucher .content{padding:0 20px;}
.parking_voucher .flex-room-container-02{text-align:center;}

.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* box-more */
.box-more .cont-more{display: none;}
.box-more .btn-more{display:flex;align-items:center;justify-content:center;margin-top:10px;position: relative;}
.box-more .btn-more:after{content: '';display: block;width: 100%;height: 1px; background: #ccc;position: absolute;left: 0;top: 50%;}
.box-more .btn-more button{position:relative;border:1px solid #999;width:28px;height: 28px;border-radius:50%;z-index: 1;background: #ad9e87;color: #fff;}
.box-more .btn-more button:before,
.box-more .btn-more button:after{content: '';display: block;width: 14px;height: 2px;background-color: #fff;position: absolute;left: calc(50% - 7px);top: calc(50% - 1px);}
.box-more .btn-more button:after{display: block;transform: rotate(90deg);}
.box-more.open .btn-more button:after{display: none;}
.box-more.open .btn-more button{padding-bottom:3px;}

/* myroom banner */
.swiper-banner{position:relative;margin:30px 0;}
.swiper-banner a{display:block;margin:0 auto;text-align:center;}
.swiper-banner img{display: block;max-width:100%;margin:0 auto;}
.swiper-banner .swiper-pagination-bullet{background:#fff;opacity:1;border-radius:4px;}
.swiper-banner .swiper-pagination-bullet-active{background:#ad9e87;width:20px;}

/* info-btnBox */
.info-btnBox{display:flex;flex-wrap:wrap;margin:10px 0 0;}
.info-btnBox li{width: 25%;}
.info-btnBox li a{position:relative;display: block;padding-top:70px;text-align:center;}
.info-btnBox li a:before{content: '';position:absolute;left:50%;top:0;display: block;width:58px;height:58px;border:1px solid #ad9e87;border-radius: 50%;transform: translateX(-50%);}
.info-btnBox li a:after{content: '';position:absolute;left:50%;top:0;display: block;width:60px;height:60px;transform: translateX(-50%);}
.info-btnBox li .ico-receipt-long:after{background:url(../images/ico-receipt-long.svg) no-repeat 50% 50% / 40px;}
.info-btnBox li .ico-room-service:after{background:url(../images/ico-room-service.svg) no-repeat 50% 50% / 40px;}
.info-btnBox li .ico-flatware:after{background:url(../images/ico-flatware.svg) no-repeat 50% 50% / 40px;}


/** 사전체크인 QR 화면 [ 2022.11.16 HNie ] ===== */
.preChkinQR .container {align-items: center;}
.preChkinQR .container .content {width: 100%; margin-top: 20px; text-align: center; font-size: 15px; line-height: 1.6em;}
.preChkinQR .container .content div:first-child {padding: 20px; font-size: 20px; color: #897766}
.preChkinQR .container .content div:first-child h2 {font-weight: bold;}
.preChkinQR .container .content div:last-child {padding: 20px;}
.preChkinQR .container .content div:last-child em {font-size: 17px; font-weight: bold;}
.preChkinQR .qrWrap {width: 100%;}
.preChkinQR .chkinTimeBF {border: 5px solid #00D1FF;}
.preChkinQR .chkinTimeAF {border: 5px solid #FF1F00;}
.preChkinQR footer {margin: 0;}
/** ======================================= */

/** 패키지 추가 화면 [ 2022.12.07 HNie ] ====== */
#pkgus-title{padding:14px 25px; border-bottom: 1px solid #cccccc;}
.pkgus-title-first{font-size: 1.2em; font-weight: 400; }
.pkgus-title-second{font-size: 0.9em; font-weight: 400; color:#666666; margin-top:0.3em;}

#pkgus-wrap{padding:14px 0;}
.pkgus-box{border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:10px;}
.pkgus-box:first-child{border-top:1px solid #cccccc;}
.pkgus-box:last-child{border-bottom:1px solid #cccccc;}
.pkgus-bt{text-align: center; border:1px solid #ad9e87; color:#ad9e87;}
.pkgus-name-wrap{display: flex; flex-direction: row; align-items: flex-start;}
.pkgus-name{font-size:1em; color:#000000; font-weight:bold; padding:0.3em 0em;}
.pkgus-item-wrap{display: flex; flex-direction: row; align-items:space-between; padding:5px 0px 1em 0px;}
.pkgus-item{font-size:0.76em; color:#999999; margin-right:1em;}

summary {color:#AD9E87; font-size: 1em; font-weight: 600; border:1px solid #AD9E87; background:#ffffff; text-align:center; padding:0.8em; cursor: pointer;}
.pkgus-opt-box{border-right:1px solid #ad9e87; border-left:1px solid #ad9e87; border-bottom:1px solid #ad9e87; background: #F1ECE6;}
.pkgus-opt-list{display: flex; flex-direction: column; justify-content:flex-start; align-items: center; padding:0.5em;}
.pkgus-opt-list-wrap{margin:0.8em 0.5em 0 0.5em; width:100%; display: flex; align-items: center; justify-content: flex-start; padding-bottom:0.8em; border-bottom: 1px solid #DFD2C3;}
.pkgus-opt-list-wrap:last-child{border-bottom: none;}
.pkgus-opt-list-01{width:10%; text-align: center;}
.pkgus-opt-list-02{width:55%; margin-left: 7px;}
.pkgus-opt-list-03{width:35%;}
.pkgus-opt-wan-spinner{display: flex; flex-direction: row; justify-content: flex-end; align-items: center; background: #ffffff; border:2px solid #ad9e87; border-radius: 0.5em;}
.pkgus-opt-wan-spinner.disabled {background: #F1ECE6;}
.pkgus-opt-wan-minus{width:33%; height:2em; text-align: center; padding:0; margin:0; background-image: url(../images/minus-icon.svg); background-repeat: no-repeat; background-position: center;}
.pkgus-opt-wan-plus{width:33%; height:2em; text-align: center; padding:0; margin:0; background-image: url(../images/plus-icon.svg); background-repeat: no-repeat; background-position: center;}
.pkgus-opt-wan-input{width:36%; height:2em; text-align: center; border-left:1px solid #ad9e87; border-right:1px solid #ad9e87;}
.pkgus-opt-wan-input input{width:100%; height:100%; margin:0; padding:0; text-align: center; border: none; font-size: 1.2em; font-weight: 600; background-color: #fff;}
.pkgus-opt-wan-input input[disabled]{background: #F1ECE6;}
.pkgus-opt-amount{display: flex; flex-direction: row; align-items: center; justify-content: flex-end; border-top:1px solid #AD9E87; font-size: 0.85em; font-weight: 400; padding:1em;}
.pkgus-opt-amount div{margin-right:1em;}

#pkgus-amount-wrap{padding:14px 0;}
#pkgus-amount-wrap table {width:100%; background-color: #f1f1f1; border-top:1px solid #666666; border-bottom:1px solid #666666;}
#pkgus-amount-wrap table td:first-child {text-align: left; padding:0.8em;}
#pkgus-amount-wrap table td:nth-child(2){text-align: center;}
#pkgus-amount-wrap table td:last-child {text-align: right; padding:1em; font-size: 1.2em; font-weight: 600;}
#pkgus-amount-wrap span{font-size: 0.8em; font-weight: 300; color:#999999;}

#pkgus-button-wrap{padding:14px 0;}
#pkgus-button-wrap button{width:100%; font-size:1em; font-weight: 600; padding:1em; cursor: pointer; margin-bottom: 1em;}
.pkgus-bt1{color:#ffffff; background-color:#ad9e87; border:none;}
.pkgus-bt2{color:#ffffff; background-color:#333333; border:none;}

.pkgus-opt-list-wrap input[type="checkbox"]{width: 1.5em; height: 1.5em; background: no-repeat center center; background-size: cover; cursor: pointer; outline: none; appearance: none; border-radius: 50%; background-image: url(../images/unchecked.svg);}
.pkgus-opt-list-wrap input[type="checkbox"]:checked{width: 1.5em; height: 1.5em; background: no-repeat center center; background-size: cover; cursor: pointer; outline: none; appearance: none; border-radius: 50%; background-image: url(../images/checked.svg);}
/** ======================================= */

/** 얼리체크인 & 레이트체크아웃 화면 [ 2022.12.12 HNie ] ======= */
.earlyChkin{display: flex; flex-direction: column; justify-content: space-between;margin: 20px; background: #fff; overflow: auto;}
.earlyChkin #early-mobile{padding: 2em 1.5em; border-bottom: 1px solid #B8B4B0;}

.lateCheckOut{display: flex; flex-direction: column; justify-content: space-between; margin: 20px; background: #fff; overflow: auto;}
.lateCheckOut #closeIcon{position: relative; min-height: 50px;}
.lateCheckOut #closeIcon button{top: 10px; right: 15px;}
.lateCheckOut .lateChkOutContent{padding: 10px 10px 0 10px;}
.lateCheckOut #early-mobile{border-bottom: 1px solid #B8B4B0;}

.early-title-first{color: #333333; font-size: 1.7em; font-weight: 700; text-align: center; margin-bottom: 0.8em;}
.early-title-second{color: #666666; font-size: 1em; text-align: center; margin-bottom: 1.5em; line-height: 1.5;}
.early-title-third{color: #897766; font-size: 1em; font-weight: 500; text-align: center; margin-bottom: 1em;}
.early-time-first{color: #AD9E87; font-size:1.3em; font-weight: 500; text-align: center; margin-bottom: 0.3em;}
.early-time-second{color: #AD9E87; font-size:1.5em; font-weight: bold; text-align: center; margin-bottom: 1em;}
.early-bt button{width:100%; padding: 1em; border:none; cursor: pointer; color: #ffffff; font-size: 1em; font-weight: 600; background-color: #AD9E87;}
.early-bt button[disabled] {background: #DFD2C3;}

.earlyChkin #early-cin{padding: 2em 1.5em;}
.lateCheckOut #early-cin{padding: 1em;}
.early-cin-box{background-color: #f5f5f5; border:1px solid #E3E3E3; margin-bottom: 1em; padding:0.5em; cursor: pointer; font-size:13px; color: #999999;}
.early-cin-box table tr td{padding:0.5em;}
.early-cin-box table tr{border-top: 1px dotted #E3E3E3;}
.early-cin-box table tr:first-child{border-top: none;}
.early-cin-box:last-child{margin-bottom: 0;}
.el-td1{font-weight: 500;}
.el-span1{font-size: 11px; margin-left:1em;}

.selectedClick{background-color: #FFFFFF; border:2px solid #AD9E87; color: #AD9E87;}

.early-late-info{padding: 15px 0; margin: 0 10px; border-top: 1px solid #B8B4B0;}
.early-late-info .lateImg{background:url(../images/late_icon.svg) no-repeat; background-position: center;}
/** ======================================= */

/** 외국인 이메일인증 화면 [ 2022.12.16 HNie ] ======= */
#verificationLanding{display: flex; flex-direction: column; justify-content: space-between; flex: 1; text-align: center; margin-top: 50px;}
#verificationLanding .veri_icon{width: 30%; height: 100px; padding: 0 35%; background: url(../images/wo_veri_icon.svg) no-repeat; background-position: center;}
#verificationInput{display: flex; flex-direction: column; justify-content: space-between; flex: 1; text-align: center; margin-top: 50px;}
.veri_title_01{font-size: 1.8em; font-weight: 700; color: #AD9E87; margin-bottom:0.8em;}
.veri_title_02{font-size: 1.1em; font-weight: 400; color: #AD9E87;}
.veri_contents_01{font-size: 0.85em; font-weight: 300; color: #333333;}
.veri_button{width: 100%; text-align: center; padding-bottom: 2em;}
.veri_button button{width: 85%; background-color: #AD9E87; border:none; color:#ffffff; font-size:1.2em; font-weight: 700; padding:0.9em; cursor: pointer;}
.veri_button button[disabled] {background: #DFD2C3;}
.veri_input_wrap{width: 80%; display: flex; flex-direction: row; justify-content:space-between; margin:0 auto;}
.veri_input{align-items: center; width: 25%; height:2em; padding:0; border:2px solid #AD9E87; font-size:1.8em; font-weight: 700; text-align: center; margin-right: 5px;}
.veri_input:last-child{margin-right: 0;}
.veri_margin_top_01{margin-top:3em;}
.veri_margin_top_02{margin-top:4em;}
.veri_time{display: flex; justify-content: center; align-items: center; margin-top:2em;}
.veri_time-icon{width: 20px; height: 20px; background: url(../images/veri_timer_icon.svg) no-repeat; background-position: center;}
/** ============================================ */



/* ------------------------------------------------------
						qrs 추가 
------------------------------------------------------ */

/* tab style */
.ui-tab {}
.tab-menu {overflow: hidden;position: relative;border-bottom: 1px solid #ccc;}
.tab-menu ul {overflow-x: auto;display: flex;width: 100%;}
.tab-menu ul::-webkit-scrollbar {height: 0;}
.tab-menu ul>li>* {position: relative;display: block;width: 100%;height: 1.875rem;padding: 0 0.9375rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #999;white-space: nowrap;}
.tab-menu ul>li>a {display: flex;align-items: center;color: #999;}
.tab-menu ul>li>button>span {color: #999;}
.tab-menu ul>li>*:after {content: '';position: absolute;bottom: -1px;left: 50%;width: 0;height: 3px;background-color: #333;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.tab-menu .active>*,.tab-menu ul>li.active>button>span {color: #333;font-weight: bold;}
.tab-menu .active>*:after {left: 0;width: 100%;}
.tab-contents {display: none;padding-top: 1.5rem;}
.tab-contents.active {display: block;}

.tab-menu.divide ul {overflow-x: initial;} /* tab menu width가 균등할때 */
.tab-menu.divide ul>li {flex: 1;}