@charset "utf-8";
/* tip_con */
.tip_con{position:absolute;right:0;top:0}
.tip_con > .in{position:relative;display: flex;flex-direction: column;align-items: flex-end;}
.tip{padding: 5px;}
.tip .icon{width: 22px;height: 22px;min-width: 22px;display:flex;border: 1px solid #FFEB3B;border-radius: 20px;text-align:center;align-items: center;justify-content: center;font-weight: 400;font-size: 15px;z-index: 2;color: #FFEB3B;cursor: pointer;}
.tip:hover,
.tip:focus {background-color: rgba(0,0,0,0.3);border-radius: 5px;}
.tip_box{display: none;position: absolute;right: 40px;top: 3px;min-width: 145px;z-index: 200;padding: 10px;border-radius: 8px;font-size: 15px;color: #222;font-weight: 300;max-height: none;background: #fff;box-shadow: 1px 3px 7px rgba(0,0,0,0.15);}
.tip_box:before{content:'';position: absolute;top: 5px;right: -12px;width: 0;height: 0;border-style: solid;border-width: 9px 0px 9px 15px;border-color: transparent transparent transparent #fff;}
.tip_box .in> div:nth-child(even){margin-top: 5px;}
.tip_box .tit{font-weight:700;}

.tip{padding:0}
.tip .icon{width:20px;height:20px;min-width:20px;margin-top: 3px;}
.tip_con{position:relative;right:inherit;top:inherit;width: calc(100% - 35px);margin: 25px auto 0 auto;}
.tip_con > .in{ flex-direction: row;gap: 10px;align-items: flex-start;justify-content: center;width: 100%;}
.tip_box{background:transparent;color:#fff;position: relative;right: inherit;top: 0;padding: 0;opacity: 0.85;display: block !important;}
.tip_box:before{display:none;}
.tip_box .in > div:nth-child(even){margin-top:3px}
.tip_box .in > div{display:flex; flex-wrap:wrap;}
.tip_box .tit{margin: 0 10px 0 0;}
.tip_box ul{display:inline-flex;flex-wrap:wrap;}
.tip_box ul li{padding-right:10px; display:inline-flex; }

@media only screen and (max-width: 1170px){
	.tip_con{right:20px}
}
@media only screen and (max-width: 768px){
	.tip{padding:0}
	.tip .icon{width:20px; height:20px; min-width:20px;}
	.tip_con{position:relative;right:inherit;top:inherit;width: calc(100% - 35px);margin: 25px auto 0 auto;}
	.tip_con > .in{ flex-direction: row;gap: 10px;align-items: flex-start;justify-content: center;width: 100%;}
	.tip_box{background:transparent;color:#fff;position: relative;right: inherit;top: 0;padding: 0;opacity: 0.85;display: block;}
	.tip_box:before{display:none;}
	.tip_box .in > div:nth-child(even){margin-top:3px}
	.tip_box .in > div{display:flex; flex-wrap:wrap;}
	.tip_box .tit{margin: 0 10px 0 0;}
	.tip_box ul{display:inline-flex;flex-wrap:wrap;}
	.tip_box ul li{padding-right:10px; display:inline-flex; }
}

/* form */
.form-control select::-ms-expand {display:none}
.form-control {position:relative;}
.form-control input {position: relative;height: 43px;border: 1px solid #bbb;/* background: url(../images/board/ico_calendar.svg) no-repeat 10px 50%; */background-size: 18px;/* text-indent: 15px; */border-radius: 4px;}
.form-control input:before{content:'';display:block;width:15px;height: 15px;position:absolute;left:0;top:0;background:#ddd;z-index: 99;}
.form-control label{/* display: none; */color: #939393;font-size: 15px;font-weight: 500;margin-bottom: 7px;display: block;}
.form-control>*{width: 100%;font-size: 14px;}
.form-control>select{background: transparent url(../images/board/ico_select.png) no-repeat 95% 50%;appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 48px;padding:0 10px;}
.form-control-group{position: relative;display: flex;column-gap: 10px;}
.form-control-group>*{flex:1;}
.form-control input {font-weight:700;font-size:1.8rem;color:#222;letter-spacing: -0.04em;}
.form-control input::placeholder{ font-size:14px; font-weight:400;  align-items:center;}

/* 레이어 */
.layer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;width: 100% !important;height: 100vh !important;padding: 0 !important;float: inherit !important;max-height:inherit;background-color: rgba(0,0,0, .4);align-items: center;justify-content: center; display: none;}
.layer.show{display: flex !important;}
.layer>*{width: 1100px; max-height: 90%; background-color: #fff;}
.layer-header{display: flex; height: 76px; padding:0 20px 0 30px; align-items: center; justify-content: space-between; background-color: #37b7b5; font-size: 21px; color: #fff;}
.btn-close{overflow:hidden; position: relative; width: 30px; height: 30px; background-color: transparent; color: transparent; border: 0; cursor: pointer;}
.btn-close:before,
.btn-close:after{content:''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #fff; margin-top: -1px; transform-origin: center; transform:translateX(-50%)}
.btn-close:before{transform:translateX(-50%) rotate(45deg)}
.btn-close:after{transform:translateX(-50%) rotate(-45deg)}

.layer-contents::-webkit-scrollbar{width:5px;}
.layer-contents::-webkit-scrollbar-track{background-color: transparent;}
.layer-contents::-webkit-scrollbar-thumb{border-radius:3px; background-color: rgba(0,0,0, .3);}
.layer-btns{display: flex; column-gap: 10px;}
.layer-btns>*{flex:1; height: 46px; font-size: 19px;}

.calendar_wrap{position: relative;width: 850px;border-radius: 20px;}
.calendar_wrap .btn-close {position: absolute; top: -30px; right: -30px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%;}
.calendar_wrap .btn-close:before,
.calendar_wrap .btn-close:after{width: 70%; background-color: #fff; height: 1px;}
.calendar_wrap .divCal_wrap{display: flex;width: 750px;margin: 0 auto;padding: 40px 0 14px 0;justify-content: space-between;gap: 5%;align-items: flex-start;}
.calendar_wrap .divCal_wrap .calendar{flex:1; text-align: center;}

.acquisition-return{display: flex; padding: 24px 57px 32px; justify-content: space-evenly; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-radius: 0 0 20px 20px;}
.acquisition-return>dl{display: flex;flex:1 1 auto;column-gap: 10px;}
.acquisition-return dt{font-size: 15px; font-weight: bold; color: #000; line-height: 46px;}
.acquisition-return .form-control{width: 173px; background-color: #fff;}
.acquisition-return p{font-size: 12px; margin-top: 7px; color: #979797;}
.acquisition-return .button{width: 167px;font-size: 15px;height: 48px;flex-shrink:0;margin-bottom: 0;}
.datepicker_title{/* padding:20px; */font-size: 0;}

/* 예상견적 폼 */
.reserv_form{display: flex;max-width: 1260px;margin: 0px auto 0;padding: 0 20px;/* column-gap: 7px; */text-align: left;font-size: 14px;background: #fff;box-shadow: 0 3px 9px 0 rgba(37, 50, 67, .18), 0 1px 1px 0 rgba(37, 50, 67, .03);border-radius: 25px;/* align-items: end; */}
.reserv_form>div{flex:1 1 auto;display: flex;column-gap: 30px;border-radius: 10px;align-items: center;}
.reserv_form dl{flex: 2 1 0;/* width: 45%; */}
.reserv_form dl:nth-child(1){/* width: 55%; */}
.reserv_form dt{display: flex;padding-bottom: 7px;font-size: 15px;font-weight: 500;column-gap: 5px;align-items: center;color: #939393;}
.reserv_form .time{position: absolute;top: 50%;left: 50%;display: flex;width: 70px;height: 36px;padding-bottom: 8px;border-radius:18px;background-color: #fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);transform:translate(-50%, -50%);color: #09a0f7;align-items: center;justify-content: center;display: none;}
.reserv_form .time:after{content:'';position: absolute;bottom: 4px;left: 50%;width: 17px;height: 8px;background: url(../images/board/date_arrow.png) no-repeat 50% 50%;transform: translateX(-50%);}

.reserv_form .btn-tooltip{width: 20px; height: 20px;}
.ico-tooltip{display: inline-block; width: 20px; height: 20px; background: url(/publishing21/ren_v2/resources/images/icon.png) no-repeat -275px 0;}
.reserv_form .cost_wrap .cost{font-size: 32px;font-weight:700;color: #222;line-height:1;text-align: right;/* border: none; */padding: 0 0.25em 0 0.25em;}
.reserv_form .cost_wrap .form-control {display:flex;align-items: center;}
.reserv_form .cost_wrap .form-control > div{width: auto;/* margin-left: auto; */}
.reserv_form .cost_wrap .form-control input{max-width: 20rem;}
.reserv_form .cost_wrap .form-control .day{/* width: 20%; */margin: 0;padding: 0;}
.reserv_form .cost_wrap .form-control .day input{max-width: 5rem;text-align: right;}
.reserv_form .cost_wrap .form-control .txt{width:auto;padding:0 5px;display: inline-block;line-height: 1.2;}
.reserv_form .cost_wrap .form-control .txt .txt_sm{display:inline-block;letter-spacing: -0.08em;}
.reserv_form dt .form-control input{border: none;background: none;border-bottom: 1px solid #ddd;border-radius: 0;font-size: 1em;height: auto;max-width: 4rem !important;}

.reserv_form .from_wrap{/* height: 156px; */padding: 20px 20px 20px 85px;background: url('../images/common/ico_calendar.png') no-repeat 10px 50%;background-size: 50px;/* border: 1px solid #ddd; */width: 66%;}
.reserv_form .btn_wrap{width: 315px;color: #fff;font-size: 18px;font-weight: 500;/* display: block; */gap: 10px;padding: 20px 0;margin: 0;background: transparent;}
.reserv_form .btn_wrap .btn{width:100%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 1.5em 1em;line-height: 1;gap: 5px;position: relative;background: var(--mainColor);color: var(--subColor);border-radius: 10px;}
.reserv_form .btn_wrap .btn + .btn{background-color:var(--subColor);color: var(--mainColor);}
.reserv_form .btn_wrap .naver{background-color: #1cbb32;border-radius: 10px 10px 0 0;}
.reserv_form .btn_wrap .home{background: #16394d;}
.reserv_form .btn_wrap .naver:hover,
.reserv_form .btn_wrap .naver:focus{background-color: #2bc840;}
.reserv_form .btn_wrap .home:hover,
.reserv_form .btn_wrap .home:focus{background-color: var(--subColorOn);}
.reserv_form .btn_wrap .ico{display: flex;line-height: 1;margin: 0; width: 24px;height: 24px;}
.reserv_form .btn_wrap .naver .ico{background:url('../images/common/ico_naver_w.svg') no-repeat 50% 50% /cover}
.reserv_form .btn_wrap .home .ico{background:url('../images/common/ico_ci_mark_w.svg') no-repeat 50% 50% /cover}
.reserv_form .ico-search{display:inline-block; width: 20px; height: 20px; }

.form-layout_wrap .reserv_form {margin:0;padding:0;column-gap: 0;margin-left: auto;width: 65%;padding-bottom: 10px;box-shadow: none;border-radius: 0;}
.form-layout_wrap .reserv_form .from_wrap{margin:0;padding:0;box-shadow: none;border: 0;flex-direction: column;width: 100%;flex: auto;height: auto;background: none;}
.form-layout_wrap .reserv_form dl{flex: auto;width: 100%;border-bottom: 1px solid #ddd;padding: 10px 0;display: flex;align-items: start;}
.form-layout_wrap .reserv_form dl:first-child{padding-top:0}
.form-layout_wrap .reserv_form dl:last-child{border-bottom:0}
.form-layout_wrap .reserv_form dt{width:30%;padding: 0;}
.form-layout_wrap .reserv_form dd{ width:100%}
.form-layout_wrap .reserv_form .form-control input{ background:#f8f8f8; border:none;border-radius:5px}

@media only screen and (max-width: 1024px){	
	.reserv_form{width: 96%;}
	.form-layout_wrap .reserv_form{width:100%;}
	.reserv_form .btn_wrap .btn{ padding: 1.25em 0.75em;}
}
@media only screen and (max-width: 930px){
	.calendar_wrap{width:92%;}
	.calendar_wrap .divCal_wrap{width:100%;padding: 40px 2% 14px 2%;align-items: normal;}
	.acquisition-return{padding: 20px 2% 30px;}
}
@media only screen and (max-width: 768px){	
	.layer{align-items: flex-start;}
	.calendar_wrap{width: 100%;height: 100vh;max-height: inherit;border-radius: 0;overflow-y: auto;}
	.calendar_wrap .btn-close{right: 10px;top: 12px;border: 1px solid #fff;}
	.datepicker_title{font-size:1.2em;text-align:center;padding: 15px;background: #16394d;color: #fff;}
	.calendar_wrap .divCal_wrap{width:100%;padding: 0px 0 155px 0;padding: 0;}		
	.acquisition-return{padding: 15px 4%;position:fixed;bottom:0;left:0;width:100%;border-radius: 0;box-shadow: 10px 0px 15px 0px lightgrey;flex-wrap: wrap;gap: 10px;}
	.acquisition-return>dl{width: 45%;flex-direction: column;}
	.acquisition-return dt{ line-height:1.6; margin-bottom:5px;}
	.acquisition-return>dl dd{ width:100%}
	.acquisition-return .form-control{width:100%}
	.acquisition-return .button{width:100%;margin-top: 0;}
	.form-control input{height: 40px;/* text-indent: 10px; */}
	.dot-wrap{max-width: 35px;padding: 0;margin: 30px -5% 0 -5%;}
	.reserv_form{flex-wrap:wrap;width: 92%;}
	.reserv_form .from_wrap{width:100%;/* border-radius: 10px 10px 0 0; */height: auto;padding: 22px 17px;flex-wrap: wrap;}
	.reserv_form .btn_wrap{/* gap: 0; */display: flex;font-size: 1.05em;width: auto;}
	.reserv_form .btn_wrap .btn{padding: 0.85em 0.5em;}
	.reserv_form .btn_wrap .naver{border-radius: 0 0 0 10px;}
	.reserv_form .btn_wrap .home{/* border-radius: 0 0 10px 0; */}

	.from_wrap dl:last-child{margin: 25px 0 5px 0;display: flex;/* justify-content: center; */flex-wrap: wrap;}
	.from_wrap dl:last-child dt{padding-bottom: 0;width: 100%;}
	.form-control>*{padding: 0 10px;}
	.form-control>select{height:38px}

	.reserv_form .cost_wrap .form-control {/* flex-direction:column; */}
	.reserv_form .cost_wrap .form-control > div{display:flex;align-items:center;padding: 0;}
	.reserv_form .cost_wrap .form-control .day input{ max-width:4rem}
	.reserv_form .cost_wrap .form-control input{/* max-width:inherit; */width: 100%;max-width: 12rem;padding: 0 0.3em;}

	.reserv_form dl:nth-child(1){flex: auto;width: 100%;}
	.reserv_form dl:first-child dt{font-size:0; margin:0; padding:0}
	.reserv_form dt{font-size:15px;min-width: 80px;}
	.reserv_form dd{width: auto;}
	.reserv_form .cost_wrap .cost{font-size: 1.6em;}
	.form-control label{display:block;padding:0;font-size:15px;/* font-weight: 700; */margin-bottom:8px;/* color: #222; */}
	.reserv_form .time{width: 55px;height:30px;font-size: 13px;border-radius: 13px;}
		
	.form-layout_wrap .reserv_form dl{display:block;}
	.form-layout_wrap .reserv_form dl:first-child dt{font-size: 15px;}
	.form-layout_wrap .reserv_form dt,
	.form-layout_wrap .reserv_form dd{width:100%}
	.form-layout_wrap .reserv_form dt{margin-bottom: 5px !important;}
	.form-layout_wrap .reserv_form .form-control label{display:none;}
	.form-layout_wrap .reserv_form .from_wrap dl:last-child{margin:0;display: flex;}
	.form-layout_wrap .reserv_form .from_wrap dl:last-child dt{width:auto;}
	.form-layout_wrap .reserv_form .from_wrap dl:last-child dd{margin-left:auto;width:auto;}
}
@media only screen and (max-width: 480px){
	.form-control-group{gap: 10px;flex-direction: column;}
}

/* Calendar */
.pop_calendar {position: relative;background: #fff;border: 1px solid var(--mainColor);display: flex;width: 100%;padding: 0;margin: 30px 0 0 0;}
.pop_calendar > div {flex-grow: 1;border-right: 1px solid #ddd;}
.pop_calendar .date_arrow_box {border-right:none;width: 30%;}

.head_tit{display:flex;border-bottom: 1px solid #ccc;padding: 0 0 10px 0;color: #222;}
.head_tit .selDate{margin-left:auto;display: inline-block; font-weight:700; color:#222;}
.divCal_wrap .txt{text-align: right;font-size:0.88em;display: flex;align-items: center;margin-left:auto;}
.divCal_wrap .txt p{margin-bottom:0;display:inline-block;margin-right: 7px;color: #333;}
.divCal_wrap .txt .circle {margin: 0 3px 0 7px;font-size:0;vertical-align: middle;display: inline-block;}
.divCal_wrap .txt .circle:before{content:'';display:inline-block;width: 10px;height: 10px;background:#ddd;border-radius:13px;border: 1px solid rgba(0,0,0,0.2);vertical-align:middle;margin: 0;}
.divCal_wrap .txt .circle.gray:before {background-color: #ededed;margin-left: 0;}
.divCal_wrap .txt .circle.today:before{background-color: #e6f1ff;}
.divCal_wrap .txt .circle.action:before{background-color: var(--mainColor);}

.calTitle, .myCalendar {position: relative;margin: 0;padding: 0;text-align: center}
.calTitle {height: 50px;line-height: 50px;/* border-bottom: 1px solid #ddd; */font-size: 1.15em;font-weight: 500;}
.calTitle .prevMonth,
.calTitle .nextMonth {position: absolute; color: #111; width: 45px;height: 50px;top:0;text-decoration: none;display: block;background-repeat:no-repeat;background-position: 50% 50%;background-size:30px;opacity:0.5}
.calTitle .prevMonth.disabled,
.calTitle .extMonth.disabled {opacity: .3;cursor: default !important;}
.calTitle .prevMonth{background-image:url('../images/board/navi_prev.svg'); left: 0}
.calTitle .nextMonth{background-image:url('../images/board/navi_next.svg'); right: 0}
.calTitle span {width: auto;color: #111;font-weight: 400}
.calTitle .prevMonth:hover,
.calTitle .nextMonth:hover{ opacity:1;}

.myCalendar {table-layout: fixed;/* padding: 0 0 20px; *//* width: 350px; */margin: 0 auto;}
.calTable {width: 100%;text-align: center;}
.myCalendar thead{/* margin-bottom: 10px; */}
.myCalendar .calTbody{/* margin-top:20px; */}
.myCalendar tr td.disabled span {opacity: .5;background:#ededed;color: #555 !important;border-color: #ededed !important;}
.myCalendar tr th:last-child,
.myCalendar tr td:last-child
.myCalendar tr td:last-child span { color: #0171bd}
.myCalendar tr th:first-child,
.myCalendar tr td:first-child,
.myCalendar tr td.holiday,
.myCalendar tr td.holiday span{  color: #f40000 !important}
.myCalendar tr td.disabled:last-child,
.myCalendar tr td:last-child span{color: #0171bd !important;}
.myCalendar tr td.disabled:first-child,
.myCalendar tr td:first-child,
.myCalendar tr td.disabled:first-child span{color: #f40000 !important;}
.myCalendar tr td.disabled  {cursor: default !important;}
.myCalendar th {height: 45px;font-size: 14px;text-align: center;font-weight: 500;background: #fafafa;border-bottom: 10px solid #fff;}
.myCalendar td {position: relative;font-size: 13px;border: 0;cursor: pointer;/* font-family: 'Lato', sans-serif; */ color:#111;}
.myCalendar td span,
.myCalendar td a {display: inline-block;width: 100%;min-width: 45px;height: 45px;line-height: 43px;text-align: center;border-radius: 50%;border: 1px solid transparent;}
.myCalendar tr td.done{color:#fff;}
.myCalendar tr td.done span{ opacity: .5; background:#ff8181; }
.myCalendar td.today span {	background:#e6f1ff;}

.myCalendar td button:hover span {border-color: var(--mainColor);color: var(--mainColor);}
.myCalendar td.action button span {font-weight: 700;background: var(--mainColor);color: #fff;/* border: none!important; */border: 1px solid var(--mainColor);}
/*.myCalendar td.action button span{z-index: 10;font-size: 0;background-color: transparent;position: relative;}
.myCalendar td.selected{background-color: rgba(0, 107, 222, 0.2);border-radius:0}
.myCalendar td.selected button span{ background-color:transparent;}
.myCalendar td.start button span{ z-index: 10;font-size: 0;background-color: transparent;}
.myCalendar td.start button span:before{content: "입차";position: absolute;top: calc(50% - 50%);left: calc(50% - 50%);z-index: 1;width: 100%;height: 100%;border-radius: 50%;background-color: #09a0f7;font-size: 13px;color: #fff;}
.myCalendar td.start:after{content: "";position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-color: rgba(0, 107, 222, 0.2);}
.myCalendar td.end button span{ z-index: 10;font-size: 0;background-color: transparent;}
.myCalendar td.end button span:after{content: "출차";position: absolute;top: calc(50% - 50%);left: calc(50% - 50%);z-index: -1;width: 100%;height: 100%;border-radius: 50%;background-color: #09a0f7;font-size: 13px;color: #fff;}
.myCalendar td.end:before{content: "";position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-color: rgba(0, 107, 222, 0.2);}
.myCalendar td.start,
.myCalendar td.end{ background-color:transparent;}
.myCalendar tr td.selected.disabled span{ opacity:1;}
.myCalendar td.start.end button span:before{content:'당일';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: #09a0f7;}
.myCalendar td.start.end button span:after{content: "";display:none;}
.myCalendar td.select button span:before{content:'선택';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;border-radius: 50%;background-color:#09a0f7;font-size: 13px;color: #fff;}
*/
.myCalendar .blankLine th,
.myCalendar .blankLine td {  border-width: 0}

.time-box{overflow: auto;padding-top: 15px;max-height: 370px;}
.time-box h4{font-weight: 600;color:#222;font-size: 1em;padding: 15px 0 10px 5px;}
.time-box h4:first-child{ padding-top:0}
.time_select{/* padding: 10px 0; *//* overflow: auto; */width:100%;/* max-height: 370px; */display: flex;flex-wrap: wrap;gap: 7px 2%;}
.time_select button {height: 40px;line-height: 38px;display:block;border: 1px solid #ccc;border-radius: 20px;cursor: pointer;font-size: 14px;/* background-color: #e7f3ff; */text-decoration: none;font-weight: 500;position: relative;text-align: center;/* float: left; */width: 23.5%;/* margin: 0 2% 10px 0; */color: #333;transition: all .3s ease-in-out;}
.time_select button:active
.time_select button:focus,
.time_select button:hover {/* background-color: #fff; */border-color: var(--mainColor);color: var(--mainColor)}
.time_select button.disabled,
.time_select button.null {cursor: default !important;/*pointer-events: none;*/border: 1px solid #ddd;color: #111;}
.time_select button.disabled,
.time_select  button.null {opacity: .5;background-color: #efefef}
.time_select button.active, 
.time_select utton.active:hover {background-color: var(--mainColor);color: #fff;border-color: var(--mainColor);}
.time_select button span {display: inline-block;font-weight: 600;font-size: 0.88em;letter-spacing: -0.05em;padding: 0 5px;color: var(--mainColor);display: none;}
.time_select button.null span,
.time_select button.disabled span{color: #666;}
.time_select button.active span{color: var(--importColor);}
.time_select.cols3 button {width: 32%;}

@media only screen and (max-width: 768px){
	.head_tit{padding: 17px 15px 11px 15px;}
	.time-box{max-height: inherit;padding: 15px 7px;}
	.time_select button{height:30px;line-height:28px;font-size: 13px;}
}
@media only screen and (max-width: 480px){
}
.calendar_wrap .button_wrap{display:flex;justify-content:center;align-items: center;padding: 20px 0;border-top: 1px solid #ccc;}
.calendar_wrap .button_wrap .result_txt{padding: 0 15px;line-height: 1.4;}
.calendar_wrap .button_wrap .result_txt .selDate{display:inline-block;font-size: 1.2em;color: #222;font-weight: 500;}
.calendar_wrap .button_wrap .button{margin:0}

/**/
.divCal_wrap{display: flex; }
.divCal_wrap > div{flex-grow: 1;display: inline-block;}
.divCal_wrap .date_arrow_box {border-right:none;width: 40%;}

.ico_hand, .ico_calendar, .ico_clock{display: inline-block;vertical-align: middle;width: 22px;height: 22px;background-repeat:no-repeat;background-position:50% 50%;margin:-2px 5px 0 0;}
.ico_hand{background-image: url('../images/board/ico_hand.svg'); width: 25px;height: 25px;}
.ico_calendar { background-image: url('../images/board/ico_calendar.svg'); }
.ico_clock{background-image: url('../images/board/ico_clock.svg');}


@media only screen and (max-width: 1080px){ 
	.myCalendar td span, .myCalendar td a{line-height:45px;min-width:45px;height: 45px;}
	
}
@media only screen and (max-width: 768px){ 
	.divCal_wrap{flex-direction: column;}
	.divCal_wrap > div:nth-child(2){border-top: 1px solid #999;}
	.divCal_wrap .date_arrow_box{width:100%}
	.myCalendar {border-left: none;border-right:none;padding: 0 0 10px;max-width:inherit;min-width:inherit;width: inherit;} 
	.calTable {/* max-width: 315px; */min-width: 290px;margin: 0 auto;}
	.date_arrow_box {margin-top: 15px;}
	.time-box > li { float: none; width: 100% !important;padding: 3px;}
	.time-box > li > a {height: 35px;line-height: 33px;font-size: 13px; border-radius: 18px;}
}

@media only screen and (max-width: 480px){
	
	.divCal_wrap .txt{ margin-top:5px; }
	.calTable {/* max-width: 280px; */min-width: 280px;}
	.myCalendar td span, .myCalendar td a{min-width: 35px;height: 35px;line-height: 35px;}
}


/* intro */
.intro{background: url('../images/common/intro_bg.jpg') no-repeat 50% 50% / cover;height:100vh;display: flex;justify-items: center;}
.intro:before{content:''; background:rgba(0,0,0,0.5); width:100%; height: 100%; position: absolute; left: 0;top:0;}
.intro > .innerWrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 0 !important;}
.intro .logo {font-size:0;height: 70px;display: block;}
.intro .logo a {display:block;width: 100%;height: 100%;box-sizing:border-box;background: url('../images/common/ci_w.svg') no-repeat 50% 0;background-size: 300px;}
.intro .btn_wrap {margin-top:40px; text-align:center;}
.intro .btn_wrap .button{padding: 28px;line-height: 1;height: auto;margin: 0;border-radius: 10px;min-width: 250px;font-weight: 700;box-shadow: 0 0 0 0 rgba(0,0,0,0.25);}
.intro  .reserv_form .btn_wrap{margin:0}

@media screen and (max-width: 768px) {	
	.intro .logo{ height:50px}
	.intro .logo a{ background-size:contain}
}