@charset "utf-8";
/*-------------------------- common css --------------------------*/
.hr{height:1px;border-bottom:1px solid #dddddd; width: 100%;}
.hr1200{height:1px;border-bottom:1px solid #dddddd; width: 1200px; margin: 0 auto;}
.hrblack{height:1px;border-bottom:1px solid #000; width: 100%;}
.border{ border-bottom:1px solid #ddd;}
.bt1{border-top: 1px solid #ddd;}
.btm1{border-bottom: 1px solid #ddd;}
.displayB{ display: block;}
.displayIB{ display: inline-block;}
.displayN{display: none;}

/* font color, style */
.orange{color:#ff970f;}
.blue{color:#3e8ddc;}
.red {color:#cc1c1c !important;}
.yellow{color:#e2af00;}
.darkGray{ color: #58585a;}
.white{ color: #fff !important;}

.en {font-family: 'neue' !important;}
.ko {font-family: 'NotoSansKR' !important;}

.center{ text-align: center !important;}
.left{ text-align: left !important;}
.right{ text-align: right !important;}
.marginA{ margin: auto !important;}
.fl-l{ float: left !important;}
.fl-r{ float: right !important;}
.justCon{justify-content: flex-start !important;}


.font14{ font-size: 14px !important;}
.font16{ font-size: 16px !important;}
.font18{ font-size: 18px !important;}
.font20{ font-size: 20px !important;}
.font24{ font-size: 24px !important;}
.preLine{ white-space: pre-line;}


.thin{ font-weight: 200 !important;}
.light{ font-weight: 300 !important;}
.bold{ font-weight: 700 !important;}
.nomal{ font-weight: 400 !important;}
.through{ text-decoration: line-through !important;}

.wp10{ width: 10% !important;}
.wp15{ width: 15% !important;}
.wp20{ width: 20% !important;}
.wp25{ width: 25% !important;}
.wp27{ width: 27% !important;}
.wp28{ width: 28% !important;}
.wp30{ width: 30% !important;}
.wp32{ width: 32% !important;}
.wp33{ width: 33% !important;}
.wp34{ width: 34% !important;}
.wp35{ width: 35% !important;}
.wp40{ width: 40% !important;}
.wp45{ width: 45% !important;}
.wp50{ width: 50% !important;}
.wp60{ width: 60% !important;}
.wp70{ width: 70% !important;}
.wp80{ width: 80% !important;}
.wp90{ width: 90% !important;}
.wp97{ width: 97% !important;}
.wp100{ width: 100% !important;}
.height100{ height: 100px !important;}
.height200{ height: 200px !important;}
.height300{ height: 300px !important;}
.height400{ height: 400px !important;}
.height500{ height: 500px !important;}


.margin0{ margin: 0px auto !important;}
.margin5{ margin: 5px auto;}
.margin10{ margin: 10px auto;}
.margin15{ margin: 15px auto;}
.margin20{ margin: 20px auto;}
.margin25{ margin: 25px auto;}
.margin30{ margin: 30px auto !important;}
.margin40{ margin: 40px auto;}
.margin50{ margin: 50px auto;}
.padding0{padding: 0 !important;}
.padding5{padding:5px 0 !important;}
.padding10{padding:10px 0 !important;}
.padding15{padding:15px 0 !important;}
.padding20{padding:20px 0 !important;}
.padding30{padding:30px 0 !important;}
.padding50{padding:50px 0 !important;}
.padding70{padding:70px 0 !important;}

.mt0{margin-top: 0 !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mr0{margin-right: 0 !important;}
.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt30{ padding-top:30px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pr5{padding-right: 5px !important;}

.mb8{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb70{ margin-bottom:70px !important;}
.mb80{ margin-bottom:80px !important;}
.mb100{ margin-bottom:100px !important;}
.mb250{ margin-bottom:250px !important;}
.pb5{ padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb20{ padding-bottom: 20px !important;}
.pb30{ padding-bottom: 30px !important;}
.pb40{ padding-bottom: 40px !important;}
.pb50{ padding-bottom: 50px !important;}

.fontsmall{ font-size: 14px !important;}
.fontmedium{ font-size: 15px !important;}

/*-------  section-06 reser-pop -------*/

/* 레이어팝업 스크롤바 */   
.reser-pop-layer::-webkit-scrollbar {width: 4px; /*스크롤바의 너비*/ } 
.reser-pop-layer::-webkit-scrollbar-thumb {background-color: #c4987c; /*스크롤바의 색상*/} 
.reser-pop-layer::-webkit-scrollbar-track {background-color: #b7c5c9; /*스크롤바 트랙 색상*/ }

#section-06 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.not_scroll {
    position: fixed; overflow: hidden; width: 100%; height: 100%;}
.reser-pop-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}
.reser-pop-layer {
    display: none;
    position: absolute;
    left: 50%;
    top: 40px;
    z-index: 1000;
    transform: translateX(-50%);
    width: 50%;
    max-height: 868px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}
.reser-pop-con {position: relative; width: 100%; height: 100%; margin: 3% auto;}
.reser-pop-con h2 {font-size: 22px; color: #000; line-height: 1; font-weight: 400; margin: 0 0 2.5% 20px;}
.reser-closed {
    position: absolute;
    right: 20px;
    top: 0;
}
.reser-tab {width: 100%; height: 50px; position: relative; font-size: 0;}
.reser-tab a{height: auto;  font-size: 16px;  position: relative;  width: 20%; display: inline-block;
 float: left; padding: 0 20px;  padding-top: 5px;}
.reser-tab a::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    left: 0;
    bottom: -20px;
    height: 2px;
    width: 99%;
}
.reser-tab .on {color: #b1886f !important;}
.reser-tab .on::after {background-color: #b1886f !important;}

.step-content {width: 100%; position: relative; display: none; min-height: 650px;}
.reser-step-95 {width: 95%; margin: 0 auto;}
.pcHeight {height: 500px !important;}
.pcHeight02 {height: 400px !important;}
.reser-tit {font-size: 24px; color: #000; line-height: 1; font-weight: 300; margin: 20px 0 15px;}
.tit-text {font-size: 15px; color: #000; font-weight: 300; margin-bottom: 20px; word-break: keep-all; line-height: 1.5em; display: inline-block;}
.tit-text-pc {font-size: 15px; color: #000; font-weight: 300; margin-bottom: 20px; word-break: keep-all; line-height: 1.5em; display: inline-block;}
.tit-text-mobile {display: none;}
.tit-text-sub {font-size: 15px; color: #033f64; font-weight: 200; margin-bottom: 20px; word-break: keep-all; line-height: 1.5em; display: inline-block; float: right; margin-right: 20px;}
.reser-calendar {width: 430px; height: 48px; background-color: #f4f4f4;}
.reser-calendar ul {font-size: 20px; color: #777777; text-align: center; padding: 14px 0; font-weight: 300; width: 100%; height: 100%;  letter-spacing: -0.75px;}
.reser-calendar ul .on{color: #000 !important;}
.reser-calendar ul .arrow {width: 10% !important; cursor:default;}
.reser-calendar ul .arrow img {padding: 0 !important;}
.reser-calendar ul li{width: 45%; float: left; height: 100%; cursor: pointer; position: relative; font-family: 'nenu';font-weight: 400;}
.reser-calendar ul img{display: inline-block; padding-right: 15px; vertical-align: middle;}

.reser-calendar ul .cla-date::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    left: 0;
    bottom: -14px;
    height: 1px;
    width: 100%;
}
.reser-calendar ul .on::after {background-color: #c4987c !important;}
.cla-pop-layer {width: 100%; height: 340px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24); background-color: #fff; display: none; position: relative; top: 7px;  max-width: 800px;}
.cal-03 {display: none;}
.cal-all-content {width: 100%; height: 100%; padding: 15px 20px; font-family: 'neue'; overflow: hidden;}
.cal-01 {width: 49%; height: 100%; float: left; margin-right: 8px;}

.cal-01 .month-choice-mobile {display: none;}
.cal-01 .month-choice-pc {padding-bottom: 15px; text-align: center;}
.cal-01 .month-choice-pc li {display: inline-block;}
.cal-01 .month-choice-pc .arrow-prev.be::after {
    background: url(/images/reservation/main_cal_prev_be.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position:absolute;
    top: 19px;
    left: 20px;
    cursor: pointer;
}
.cal-01 .month-choice-pc .arrow-prev.none::after {
    background: url(/images/reservation/main_cal_prev_none.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position:absolute;
    top: 19px;
    left: 20px;
    cursor: pointer;
}
.cal-01 .month-choice-pc p{display: inline-block;}
.m_calendar {width: 100%; height: auto; margin: 0 auto; text-align: center; font-family: 'neue', noto;}
.m_calendar thead tr {border-bottom: 1px solid #e8e8e8;}
.m_calendar thead th {font-size: 11px; color: #000; padding: 9px 0; text-transform:uppercase;}
.m_calendar thead th:nth-of-type(1) {color: #d57878;}
.m_calendar thead th:nth-of-type(1) {color: #4e85aa;}

.m_calendar tbody tr { border-bottom: 1px solid #e8e8e8;}
.m_calendar tbody .none {color: #e8e8e8 !important; cursor: default;}
.m_calendar tbody td {font-size: 14px; padding: 4.5% 0; vertical-align: middle; cursor:pointer;}
.m_calendar tbody td:nth-of-type(1) {color: #d57878;}
.m_calendar tbody td:nth-of-type(7) {color: #4e85aa;}
.m_calendar tbody tr:last-child{border-style: none !important;}
.m_calendar tbody .none {color: #e8e8e8 !important;}
.m_calendar tbody .choice {background-color: #c4987c; color: #fff !important; border-top: 1px solid #c4987c;  border-bottom: 1px solid #c4987c;}
.m_calendar tbody .choice03 {background-color: #c4987c; color: #fff !important; border-top: 1px solid #c4987c;  border-bottom: 1px solid #c4987c;}
.m_calendar tbody .choice02 {background-color: #f4f1ec; border-top: 1px solid #f4f1ec; border-bottom: 1px solid #f4f1ec;}
.cal-02 {width: 49%; height: 100%; float: left;}
.cal-02 .month-choice-pc {padding-bottom: 15px; text-align: center;}
.cal-02 .month-choice-pc li {display: inline-block;}
.cal-02 .month-choice-pc .arrow-next.be::after {
    background: url(/images/reservation/main_cal_next_be.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position:absolute;
    top: 19px;
    right: 20px;
    cursor: pointer;
}
.cal-02 .month-choice-pc .arrow-next.none::after {
    background: url(/images/reservation/main_cal_next_none.svg) no-repeat 0px 0px;
    content: "";
    height: 10px;
    width: 10px;
    position:absolute;
    top: 19px;
    right: 20px;
    cursor: pointer;
}
.cal-02 .month-choice-pc p{display: inline-block;}

/*------- step-02 -------*/
.reser-type-box {width: 96%; margin: 40px auto;}
.reser-type-box-pc {width: 95%; margin: 40px auto; overflow: auto;}
.reser-type-box-mobile {display: none;}
.reser-type {
    width: 100%; display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}
.reser-type li {display: inline-block;}
.reser-type .naming{font-size: 20px; font-weight: 300;}
.reser-type .add{ display: inline-flex; align-items: center;}
.reser-type .add .minus-on {margin-right: 10px;}
.reser-type .add .minus-on {
    background: url(/images/reservation/circle_minus.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.reser-type .add .minus-on:hover{
    background: url(/images/reservation/circle_minus_on.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.reser-type .add .minus-on2 {
    background: url(/images/reservation/circle_minus.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.reser-type .add .minus-on2:hover{
    background: url(/images/reservation/circle_minus_on.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.reser-type .add .plus-on {margin-left: 10px;}
.reser-type .add .plus-on {
    background: url(/images/reservation/circle_plus.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.reser-type .add .plus-on:hover{
    background: url(/images/reservation/circle_plus_on.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.reser-type .add .number-box{width: 80px; height: 48px; background-color: #f4f4f4; text-align: center;
    padding: 12px 0; font-size: 24px;}

.reser-type .showme {list-style: none; width: 20%;}
.reser-type-box-pc .reser-type .showme {list-style: none; width: 150px !important;}
.reser-type .showme-pc {list-style: none; width: 20%;}
.reser-type .showme-mobile {display: none;}
.reser-type .showme-02 {list-style: none; width: 70%;}
.reser-type .showme::after {
	width: 100%;
    content: "";
    display: block;
    clear: both;
}
.room-box{
	position: relative;
	text-align: center;
	height: 48px;
	width: 140px !important;
}
.room-box-pc{
	position: relative;
	text-align: center;
	height: 48px;
	width: 150px !important;
	float: right;
}
.room-box-mobile{ display: none;}
.input-room-field .option-selected {
	display: inline-block;
	padding: 13px 0;
	font-size: 20px;
	width: 100%;
	background: url(/images/reservation/reser_select_more.svg)no-repeat;
    background-size: 10px;
    background-position:105px 20px;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	cursor: pointer;
	font-weight: 300;
	color: #000;
}
.input-room-field .select-options {
	display: none;
	position: absolute;
	background-color: #fff;
	width: 100%;
    height: 91px;
	top:46px;
	margin: 0;
	box-sizing: border-box;
	z-index: 10;    
    overflow-y: scroll;
    overflow-x: hidden;
}
.input-room-field .select-options li {
	font-size: 16px;
	padding: 15px 15px;
	transition: all .4s;
	cursor: pointer;
	color: #000;
	width: 100%;
	display: block;
	border: 1px solid #e8e8e8;
	border-bottom: 0;
	font-weight: 300;
    text-align: left;
}
.input-room-field .select-options li:last-child{border-bottom: 1px solid #e8e8e8;}
.input-room-field .select-options li:hover{background: #f4f4f4;color:#000;}

.room-fee { border-radius: 4px;  border: 1px solid #dddddd;  padding: 5px 9px;  font-size: 14px; color: #5f6668;position: absolute; left: 213px;}
.room-fee:hover {color: #fff; background-color: #bebebe;}
.room-fee-table {width: 100%; height: 100%; margin: 0 auto; border-top: 1px solid #000; margin-bottom: 30px;}
.room-fee-table tbody tr th {font-size: 12px; color: #000; font-weight: 500; vertical-align: middle; text-align: center; padding: 11px 0;line-height: 1.5em; border-bottom: 1px solid #ddd;  letter-spacing: -0.3px;}
.room-fee-table tbody tr td {font-size: 12px; color: #000; font-weight: 300; vertical-align: middle; text-align: center; padding: 11px 0;line-height: 1.5em; border-bottom: 1px solid #ddd;  letter-spacing: -0.3px;}
.room-fee-table tbody tr span{font-weight: 300 !important;}
.room-fee-table .bigFont {font-size: 14px;}

.room-fee-list {width: 50%; height: 100%; border:none; margin-bottom: 30px; float: right;}
.room-fee-list tbody tr td {font-size: 15px; color: #000; font-weight: 300; vertical-align: middle; text-align: right; padding-bottom: 10px;line-height: 1.5em; letter-spacing: -0.3px;}
.room-fee-list tbody tr span{font-size: 22px; font-weight: 400 !important; font-family: 'nenu';}
.room-fee-list tbody .fee-list-sub {font-size: 12px !important;}

/*------- step-03 Login-------*/
.reser-type .add .check-on {margin-right: 10px;}
.reser-type .add .check-on {
    background: url(/images/reservation/login_check.svg) no-repeat 0px 0px;
    content: "";
    height: 40px;
    width: 40px;
    cursor: pointer;
    transform: 0.9s;
}
.reser-type .add .check-on:hover {
    background: url(/images/reservation/login_check_on.svg) no-repeat 0px 0px;
    content: "";
    transition: 0.3s;
}

.login-wrap-02{ width: 100%; margin:auto;}
.login-wrap-02 ul li input[type="text"]::placeholder{font-size: 20px; color: #000;}
.login-wrap-02 ul li input[type="password"]::placeholder{font-size: 20px; color: #000;}
.login-wrap-02 ul li input[type="number"]::placeholder{font-size: 20px; color: #000;}
.login-wrap-02 input[type="text"], input[type="password"], input[type="number"]{
    width: 100%;
	height: 60px;
	background-color: #f4f4f4;
	border:0;
	text-indent: 30px;
	font-size: 20px;
	font-weight: 300;
}
.reser-type-box .login-txt-sub {font-size: 15px; color: #033f64; font-weight: 300; text-indent: 12px; line-height: 1.5em; position: relative; padding-left: 15px; word-break: keep-all;}
.reser-type-box .login-txt-sub:after {position: absolute; top: 0; left: -3px; content: '※'; display: block;}

.login-wrap-02 .pin-code { width: 100%;border: 1px solid #c4987c; height: 48px; text-align: center;  padding: 15px 0; font-size: 16px; color: #b1886f; cursor: pointer;}

.login-wrap-02 .btn-idpw-02{width: 100%; text-align: right;}
.login-wrap-02 .btn-idpw-02 a{ color: #000000;  position: relative;  font-size: 15px; margin: 0 10px;}
.login-wrap-02 .btn-idpw-02 a::after{ content: ''; width: 1px; height: 16px; background-color: #000000; position: absolute; right: 0; top:4px; right: -9px;}
.login-wrap-02 .btn-idpw-02 a:last-child::after{ display: none; margin-right: 0 !important;}

.login-wrap-02 .id-check {width: 100%; height: 125px; background-color: #f4f4f4; font-size: 22px; color: #000; text-align: center; font-weight: 500; padding: 50px 0; }

.reser-check-box {width: 100%; height: 340px;  background-color: #f4f4f4; padding: 10px 0;}
.reser-check-table {width: 80%; height: 100%; margin: 0 auto; word-break: break-all;}
.reser-check-table tbody tr th {font-size: 15px; color: #2f3334; font-weight: 300; text-align: left;  vertical-align: middle;}
.reser-check-table tbody tr .blue-font {color: #033f64 !important;}
.reser-check-table tbody tr td {font-size: 17px; color: #2f3334; font-weight: 400; text-align: right;  vertical-align: middle;}
.reser-check-table tbody tr span {font-size: 22px !important;}

/*------- step-03 Breakfast / Dinner / Activity --------*/
.reser-type-02 {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.reser-type-02 li {display: inline-block;}
.reser-type-02 .naming{font-size: 20px; font-weight: 300;}
.add-list-nav { width: 76%; overflow: hidden;}
.nav-scroller-btn-left {float: left; padding-top :8px; width: 5%; text-align: center; cursor: pointer;}
.nav-scroller-btn-right {float: left; padding-top :8px; width: 5%; text-align: center; cursor: pointer;}
.add-list{overflow: hidden; white-space: nowrap; border-collapse: collapse; overflow-x: scroll; position: relative; width: 90%; height: 40px; float: left;}
.add-list ul li {width: 96px;  border: 1px solid #dddddd; color: #5f6668; font-size: 14px; text-align: center; border-radius: 4px; padding: 8px 0; cursor: pointer;}
.add-list ul li:hover{background-color: #c4987c; color: #fff; border: 1px solid #c4987c; transition: 0.3s;}
.add-list ul .on {background-color: #c4987c; color: #fff; border: 1px solid #c4987c;}
.nav-scroller-btn--left {float: left; padding-top :8px; width: 5%; text-align: center; cursor: pointer;}
.nav-scroller-btn--right {float: left; padding-top :8px; width: 5%; text-align: center; cursor: pointer;}
.add-list-01{overflow: hidden; white-space: nowrap; border-collapse: collapse; overflow-x: scroll; position: relative; width: 90%; height: 40px; float: left;}
.add-list-01 ul li {width: 96px; border: 1px solid #dddddd; color: #5f6668; font-size: 14px; text-align: center; border-radius: 4px; padding: 8px 0; cursor: pointer; margin: 0 3px;}
.add-list-01 ul .on {background-color: #c4987c; color: #fff; border: 1px solid #c4987c;}
.add-list-01 ul li:hover{background-color: #c4987c; color: #fff; border: 1px solid #c4987c; transition: 0.3s;}

/* 스크롤바 none */
.add-list {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.add-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.add-list-01 {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.add-list-01::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.reser-type-02 .reser-txt {width: 100%; height: 60px; background-color: #f4f4f4; font-size: 15px; line-height: 1.5em; color: #000; letter-spacing: -0.38px; border: none;}
.reser-type-02 .reser-txt-02 {width: 100%; height: 40px; background-color: #f4f4f4; font-size: 15px; line-height: 1.5em; color: #000; letter-spacing: -0.38px; border: none;}


/*------- step-04 Pay (230303)--------*/
.reser-type-box-100 {width: 100%; margin: 20px auto;}
.pay-type {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}
.pay-type li {display: inline-block;}
.pay-type .naming{font-size: 15px; font-weight: 300; width: 15%;}
.pay-type .info{display: flex; width: 70%;}

.pay-type .enter-pay {width: 25%; margin-right: 3%; height: 40px; text-align: center; text-indent: 0 !important; font-size: 16px !important;}
.pay-type .enter-pay-02 {width: 35%; margin-right: 3%; height: 40px; text-align: center; text-indent: 0 !important;     font-size: 16px !important;}
.pay-type .error {border: 1px solid #d57878; background-color: #fff;}
.pay-type .enter-pay input[type="number"] {
	width: 20% !important;
	background-color: #f4f4f4;
	border:0;
}
.pay-type input[type="number"]::placeholder{color: #000 !important; font-size: 16px !important; text-align: center !important; text-indent: 0 !important; vertical-align: middle;}

.reser-type-box-100 .login-txt-sub {font-size: 15px; color: #000; font-weight: 300; text-indent: 12px; line-height: 1.5em; position: relative; padding-left: 7px; word-break: keep-all;}
.reser-type-box-100 .login-txt-sub span {color: #033f64;}
.reser-type-box-100 .login-txt-sub:after {position: absolute; top: 0; left: -12px; content: '※'; display: block;}

.reser-type-box-100 .login-txt-basic {font-size: 15px; color: #000; font-weight: 300; text-indent: 12px; line-height: 1.5em; position: relative; padding-left: 7px; word-break: keep-all;}

.reser-agree-box {width: 100%;
    height: 150px;
    border: 1px solid #e8e8e8;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 20px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: scroll;
    white-space: pre-line;
    line-height: 16px;
}

.reser-step-95 h2.title{ font-size:18px; text-align: left; color: #000000; font-weight: 300; position: relative; padding: 20px 20px;}

.check-select-01{ position: absolute; right: 20px; top:14px; }
.check-select-01 input[type=checkbox] {
    display:none;
}
.check-select-01 input[type=checkbox] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/images/reservation/login_check.svg');
	background-size: 40px 40px;
	font-size: 0;
	padding: 20px;
}
.check-select-01 input[type=checkbox]:checked + label {
    background-image: url('/images/reservation/login_check_on.svg');
	background-size: 40px 40px;
}

/*------- reser-basic-btn -------*/
.reser-step-btn{ width: 100%; text-align: center; overflow: hidden;justify-content: flex-end;
    display: flex;  margin: 0 -20px 0;}
.reser-step-btn a{width: 140px;border:1px solid #f4f4f4;background-color: #f4f4f4;  color: #b1886f; line-height: 45px; font-size: 16px; border-radius: 4px; display: inline-block; cursor: pointer;}
.reser-step-btn a.on{ background-color: #c4987c; color: #fff;}
.reser-step-btn a:last-child {margin-left: 10px;}

.reser-check-btn {width: 100%; text-align: right;}
.reser-check-btn a{width: 160px;border:1px solid #c4987c; color: #b1886f; line-height: 45px; font-size: 16px; border-radius: 4px; display: inline-block; cursor: pointer; text-align: center;}