@charset "UTF-8";
@import url('/css/base-e7799ba91ed556b12180a4df79aaecb8.css');



/* 5) Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; font-size:var(--font-base, 14rem);}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="number"],
textarea{height:40rem; padding:7rem 8rem; border:1rem solid #ddd; background:var(--color-white, var(--color-white, #fff)); vertical-align:middle; outline:none;}
textarea{resize:none;}
select{height:40rem; border:1rem solid #ddd; background:var(--color-white, #fff); vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea{-webkit-appearance:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox  */
input[type='number'] {-moz-appearance: textfield;}
select{padding-right:20rem; background:var(--color-white, #fff) url('/images/common/select_arrow-98e19b68dde901f5ea4bbc020714ba00.png') no-repeat calc(100% - 7rem) 50%; background-size:7rem 7rem;}
body.ie select{padding-right:10rem;}
input[type="file"]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#f5f5f5;}
input[disabled]{color:#c5c5c5;}
input[type="checkbox"],
input[type="radio"]{width:13rem; height:13rem; margin:2rem 3rem 1rem 0;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-right:20rem;}
table{width:100%;}
	/* form width */
.input50{width:50rem !important;}
.input70{width:70rem !important;}
.input100{width:100rem !important;}
.input200{width:200rem !important;}
.input300{width:300rem !important;}
.input400{width:400rem !important;}
.inputFull{width:100% !important;}

/* 6) table */
table.table{margin-top:15rem; border-top:1rem solid #111;}
table.table thead th{background:#edf0fb; border-bottom:1rem dashed #e2e7f9;}
table.table.line thead th{border:1rem dashed #c3cae6;}
table.table thead tr:last-child th{border-bottom-width:0;}
table.table thead th[rowspan]{border-right:1rem dashed #c3cae6;}
table.table tbody th{background:#f5f5f5; border:1rem solid #e0e0e0; border-right-color:#f5f5f5;}
table.table thead + tbody th{background:transparent; border-right-color:#e0e0e0;}
table.table th,
table.table td{padding:9rem 10rem; word-break:keep-all;}
table.table th{text-align:center; font-weight:600; color:#222;}
table.table thead + tbody tr td{text-align:center;}
table.table tbody td{border:1rem solid #e0e0e0; text-align:left;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child{border-right-width:0px;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child{border-left-width:0px;}
	/* table text align */
table.table.tal td,
table.table .tal{text-align:left !important;}
table.table.tar td,
table.table .tar{text-align:right !important;}
table.table .tac{text-align:center !important;}
table.table .list{margin-top:0px;}
table.table td input[type="text"],
table.table td select,
table.table td textarea{width:100%;}
	/* table button form */
table.table .button{min-width:60rem;}
table.table.form td{height:38rem; padding:5rem 10rem; text-align:left;}
	/* table link hover */
table.table td a[class*="link_"]{color:#3653a9; transition:0.2s ease;}
table.table td a[class*="link_"]:hover{box-shadow:0 1rem 0px #265096;}
table.table.hover tbody tr:hover th,
table.table.hover tbody tr:hover td{background:#f7f7ee !important;}
	/* table bgcolor */
table.table.blue tbody th{background:#edf0fb !important;}
table.table.gray{border-top-color:#d0d0d0;}
table.table.gray thead th{background:#f5f5f5 !important;}
table.table.gray.line thead th{border-color:#cecece}
table.table.gray thead th[rowspan]{border-right-color:#cecece;}
table.table.gray thead tr:last-child th{border-bottom-color:#e2e2e2;}
	/* table img */
table.table img{max-width:100%;}
table.table div.conts{min-height:300rem;}
table.table div.conts img{max-width:100%;}
	/* table total */
table.table .total td,
table.table td.total{font-weight:600; color:#222;}

/* 7) layer pop */
	/* layer popup - 이미지만 노출하는 항목 ex)인증서  */
.area_popLayer.img .popBox{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:617rem !important; height:839rem; padding:0px; background-color:transparent; box-shadow:none;}
.area_popLayer.img .popBox .scrollbar-inner{overflow:inherit; height:auto; padding:0px;}
.area_popLayer.img .popBox .btn_close{top:0; right:-70rem;}
.area_popLayer.img.patent img{width:auto; max-width:100%; max-height:100%;}
.box_view_img .img{display:block;}
.box_view_img .img img{width:100%;}


/* layer popup - btn control */
[data-pop-layer="layer"]{position:absolute; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.5);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; width:var(--popWid, 400rem); box-sizing:border-box; background:var(--color-white, #fff); box-shadow:3px 15px 30px rgba(0,0,0,0.15); line-height:1.4; transform:translate(-50%, -50%);}
[data-pop-layer="layer"] .popBox .popTitle{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:28rem; right:20rem; width:26rem; height:26rem; background:url('/images/common/ic-close-d414d0825d3600495f360d96d6aef4e5.svg')no-repeat center; background-size:14rem 14rem;}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18rem; height:18rem; margin:-4rem auto 0; vertical-align:middle; background-size:18rem 18rem; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; box-sizing:border-box; padding:20rem 20rem 40rem;}
	/* layer popup - size  */
[data-pop-layer="layer"] .popBox{--popWid:400rem; /*--popHig:600rem;*/}
[data-pop-layer="layer"] .popBox.bottom{position:absolute; top:unset; bottom:0; left:50%; width:100%; height:0rem; box-sizing:border-box;     border-radius: 10rem 10rem 0 0; background:var(--color-white, #fff); box-shadow:3px 15px 30px rgba(0,0,0,0.15); line-height:1.4; transform:translate(-50%, 0); transition:all 0.3s ease;}
[data-pop-layer="layer"].active .popBox.bottom{height:490rem;}

	/* layer popup img only */
.area_popLayer--img .popBox{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:617rem !important; height:839rem; padding:0px; background-color:transparent; box-shadow:none;}
.area_popLayer--img .popBox .scrollbar-inner{overflow:inherit; height:auto; padding:0;}
.area_popLayer--img .popBox .btn_close{top:0; right:-70rem;}
.area_popLayer--img.patent img{width:auto; max-width:100%; max-height:100%;}
.box_view_img .img{display:block;}
.box_view_img .img img{width:100%;}	
	/* layer popup - basic */
.layerPop{position:absolute; z-index:90; overflow:hidden; border:1rem solid #353535; border-radius:14rem; z-index:10;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{display:flex; justify-content:space-between; padding:13rem 10rem; background:#353535; text-align:left;}
.layerPop .btn button{display:inline-block; margin-left:15rem; background:none; color:#fff; font-size:13rem;}
.layerPop .btn button:last-child{float:right; margin:0 12rem 0 0;}


/* 1) root 설정  */
:root{
	--color-base:#222; /* 선언이 안되면 #333 기본컬러로 적용됨 */
	--color-point:#0055CC;
	--color-white:#fff;
	--color-black:#000;
	--font-base:16rem;
	--font-kr: "Pretendard", serif;
	--font-eng:'Poppins',Sans-serif;
}



.pc_container {display: none;}
.pc_container .logo{margin:25rem 0 0; height:16rem;}
.pc_container .logo img{height:100%;}

.pc_container .banner{margin-top:110rem;}
.pc_container .banner .img{width:auto;}
.pc_container .banner .txt{margin-top:25rem;}
.pc_container .banner .txt > h3{display:block; font-size:30rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all;}
.pc_container .banner .txt > span{display:inline-block; margin-top:10rem; font-size:16rem; font-weight:400; color:#666; line-height:1.4em; word-break:keep-all; letter-spacing:-0.1px;}
.pc_container .banner .txt > a{display:flex; justify-content: center; align-items: center; margin:15rem 0 0; width:130rem; height:40rem; background:#000; border-radius:50rem; box-sizing:border-box; text-align:center;}
.pc_container .banner .txt > a > span{position:relative; padding-right:13rem; font-size:14rem; font-weight:500; color:#fff;}
.pc_container .banner .txt > a > span:before{content:''; position:absolute; top:2rem; right:0; width:6rem; height:14rem; background:url('/images/common/ic-arr-wt-3d43763d65215cb1f87301fa5f6e0019.svg')no-repeat center; background-size:contain;}
.app-downloads{position:absolute; bottom:35rem;}
.app-downloads > h4{display:block; font-size:17rem; font-weight:bold; color:#111; line-height:1em; word-break:keep-all; margin: 0 0 12rem;}
.pc_container .store-list{display:flex; gap:10rem;}
.pc_container .store-list > li{width:150rem; height:55rem; background:#fff; border-radius:5rem; box-sizing:border-box;}
.pc_container .store-list > li a{display:flex; justify-content: center; align-items: center; width:100%; height:100%;}
.pc_container .store-list > li a img{width:74%; height:25rem;}

/* .m_container{ position: relative; min-height: calc(100vh - env(safe-area-inset-top)); background-color:#F5F7F8; width: 100%; max-width:420px; margin-top: 0; margin: env(safe-area-inset-top) auto 0; overflow:hidden;} */
.m_container{position: relative; min-height: calc(100vh - env(safe-area-inset-top)); background-color:#F5F7F8; width: 100%; max-width:420px; margin-top: 0; margin: env(safe-area-inset-top) auto 0; overflow:hidden; overflow-y:auto;}
/* .m_container{min-height: calc(100vh - env(safe-area-inset-top)); background-color:#F5F7F8; width: 100%; max-width:420px; margin-top: 0; margin: env(safe-area-inset-top) auto 0; overflow:hidden; overflow-y:auto;} */
.m_container.bg-wt{background:#fff;}
.m-wrap{width:100%; height:8000px; background:blue;}
.inr{position:relative; width:auto; margin:0 20rem;}


/* splash */
.spalsh{position:relative; width:100%; height:calc(100vh - env(safe-area-inset-top)); background:url('/images/common/splash-e5f6412f9f163c0f4404afbf6702daaa.png')no-repeat center; background-size:cover;}
.spalsh .txt{position:absolute; top:100rem; left:30rem;}
.spalsh .txt > h3{font-size:36rem; font-weight:300; color:#010171; line-height:1.3em; word-break:keep-all; letter-spacing:-0.5rem;}
.spalsh .txt > h3 .bold{font-weight:600;}
.spalsh .txt .logo{margin-top:50rem; height:20rem;}
.spalsh .txt .logo img{height:100%;}

/* login */
.login{height:100vh;}
.login .inr{height:100%;}
.login-top{text-align:center; padding:150rem 0 0rem;}
.login-top .logo{height:32rem;}
.login-top .logo img{height:100%;}
.login-top h4{display:block; margin:20rem 0 0; font-size:16rem; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}
.login-form{margin-top:70rem;}
.login-box input{display:block; padding:10rem 20rem; width:100%; height:60rem; margin-bottom:15rem; border-radius:8rem; border:1px solid #979797; box-sizing:border-box; font-size:16rem;}
.login-box input::placeholder{color:rgba(0,0,0,0.4);}
.login-chk{display:flex; justify-content: space-between; align-items: center;}
.login-chk a,
.login-chk input[type="button"]{display:block; font-size:12rem; font-weight:600; color:var(--color-point); border:none; background:transparent;}
.login-btn{margin-top:45rem;}
.btn-login{margin-bottom:20rem;}
.btn-basic{display:flex; justify-content: center; align-items: center; width:100%; height:44rem; padding:0 5rem; background:var(--color-point); font-size:16rem; font-weight:600; color:#fff; line-height:1em; border-radius:8rem; box-sizing:border-box; text-align:center; word-break:keep-all; border:none;}
.btn-basic.line,
input[type="button"].btn-basic.line{background:transparent; color:var(--color-point); border:1px solid var(--color-point);}
.btn-basic.gray,
input[type="button"].btn-basic.gray{background:#F4F4F4; color:#979797;}
.btn-basic.darkgray,
input[type="button"].btn-basic.darkgray{background:#979797;}
.btn-basic.lightblue,
input[type="button"].btn-basic.lightblue{background:#E5EDFA; color:var(--color-point);}
.nesol-logo{text-align:center; margin:50rem 0;}

/*checkbox_custom*/
.ckbox input[type="checkbox"]{display:none; width:15px; height:15px;}
/* .ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:26px; height:26px; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;} */
.ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:26px; height:26px; cursor: pointer;}
label.container{display:block;position:relative; padding-left:30px;color:rgba(0,0,0,0.4);font-size:12px;font-weight:600;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
label.container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:-2px;left:0;width:18px;height:18px;border:1px solid #979797; border-radius:2rem;}
label.container:hover input ~ .checkmark{}
label.container input:checked ~ .checkmark{border:1px solid var(--color-point);background-color:#ffffff;}
.checkmark:after{display:none;position:absolute;content:"";}
label.container input:checked ~ .checkmark:after{display:block;}
label.container .checkmark:after{top:2.5px;left:7px;width:5px;height:9px;border:1px solid var(--color-point); border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.join{position:relative; height:100%;}
.top-title{position:relative; display:flex; align-items: center; justify-content: center; height:46rem; text-align:center;}
.top-title > h2{font-size:16rem; font-weight:bold; color:#0F0A39;}
.top-title .btn-back{position:absolute; top:50%; left:20rem; width:9rem; height:15rem; background:url('/images/common/ic-back-c98d58500c56bfd0d61abe776fbdbf3e.svg')no-repeat center;  background-size:contain; border:none; text-indent: -9999px; transform:translateY(-50%);}
.join-top{padding:40rem 0 0;}
.join-top > h3{font-size:24rem; font-weight:bold; line-height:1.4em; word-break:keep-all; color:#000;}
.join-form{margin-top:50rem;}
.v1 .join-form{margin-top:140rem;}
.join-form label{display:inline-block;  margin-bottom:10rem; font-size:16rem; font-weight:600; color:#000; line-height:1em; word-break:keep-all;}
.join-box{position:relative;}
.join-box input,select{display:block; padding:10rem 20rem; width:100%; height:60rem; margin-bottom:15rem; border-radius:8rem; border:1px solid #979797; box-sizing:border-box; font-size:16rem;}
.join-box input,select::placeholder{color:#979797;}
.join-box.plus-btn input{padding:10rem 120rem 10rem 20rem;}
.join-box a,
.join-box input[type="button"]{position:absolute; top:50%; right:10rem; display:flex; justify-content: center; align-items: center; padding:0; width:94rem; height:28rem; background:#388BFF; font-size:12rem; font-weight:600; color:#fff; border-radius:5rem; box-sizing:border-box; transform:translateY(-50%); border:none;}
/*.join-btn{position:relative; margin-top:80rem; bottom:60rem; padding:0 20rem; box-sizing:border-box;}*/
.join-btn{position:fixed; bottom:0rem; padding:0 20rem 60rem; box-sizing:border-box; width:100%; max-width: 420px !important; background-color: #F5F7F8;}
.error{display:inline-block; font-size:14rem; font-weight:500; color:#579DFF; line-height:1.5em; word-break:keep-all;}

/*동의*/
#join_agr{ margin-bottom:20px;}
#join_agr .btn-agr{font-size:13px; padding:3px 5px; background:#eee; color:#666; font-weight:400; outline:none; box-shadow:none;}
#join_agr .chk_ico{position:relative; font-size:14rem; font-weight:500; color:rgba(0,0,0,0.4); text-align:left; margin-bottom:15rem;}
#join_agr .chk_ico input{position:absolute;}
.chk_ico i{display:inline-block; vertical-align:middle; width:25px; height:25px; padding:0px; margin-right:5px; background:url('/images/common/ic-chk-on-4b4d0b8e78d3919d4e11af622e30872b.svg') no-repeat center;}
.chk_ico i.chk{background-position:left bottom;}
.chk_ico i.nochk{background-position:left top;}


/*체크박스 아이콘*/
.chk_ico{position:relative; margin:0; }
.chk_ico input[type="checkbox"] + label span{text-align:left; margin:0; position:absolute; top:-2rem;  left:0; height:23px; padding:0 0 0 34rem; background:url('/images/common/ic-chk-7ccd9cd1ffd76ea180ff361e44871e75.svg') no-repeat center; cursor:pointer; font-size:15px;}
.chk_ico input[type="checkbox"]{ visibility:hidden;}
.chk_ico input[type="checkbox"]:checked + label span{background:url('/images/common/ic-chk-on-4b4d0b8e78d3919d4e11af622e30872b.svg') no-repeat center;}
.chk_ico label{margin-bottom:0;}
.chk_ico label em{padding:0 0 0 34rem; text-align:left; font-size:14px; color:rgba(0,0,0,0.5); font-weight:400;}

#join_agr .cek_all{margin:0 0 20rem; position:relative;}
#join_agr label.selector{width:100%; height:60rem; background:#fff; border-radius:8rem;}
#join_agr label.selector span{border:1px solid #ddd; border-radius:5px; font-weight:500; cursor:pointer;}
#join_agr label.selector input[type=checkbox]{position: absolute; top: 0; left: -100px; width: 0; height: 0; opacity: 0; }
#join_agr label.selector input[type=checkbox] + span{display:flex; justify-content: space-between; align-items: center; margin:0; padding:0 20rem; position: absolute; top: 0; left: -1px; right:-1px; width:auto; height: 60rem; font-size: 16rem; line-height: 50px; color:rgba(0,0,0,0.4); box-sizing:border-box;}
#join_agr label.selector input[type=checkbox]:checked + span{border: 1px solid var(--color-point); color: var(--color-point);}
#join_agr label.selector span i{position:relative; top:0; display:inline-block; width:20rem; height:20rem; background:url('/images/common/ic-circle-chk-02261480ba184405b8b18e97ef81604e.svg')no-repeat center; background-size:contain;}
#join_agr label.selector input[type=checkbox]:checked + span i{background:url('/images/common/ic-circle-chk-on-07213f763c0066a627a246089474e6a6.svg')no-repeat center; background-size:contain;}
.btn-more{position:absolute; top:-3rem; right:0; display:block; width:24rem; height:24rem; background:url('/images/common/ic-more-ffdc68c72dd8047507740dfc83fceaeb.svg')no-repeat center; background-size:6rem 12rem; border:none;}
.btn-more:hover{background:url('/images/common/ic-more-on-89d8f2a991871fa525054edfff80e98f.svg')no-repeat center; background-size:6rem 12rem;}


/* 비밀번호 */
#join-pw .join-form{padding-bottom:120rem;}
#join-pw input[type="password"]{margin-bottom:15rem;}
.box-chk{display:flex; gap:20rem; margin-bottom:15rem;}
.box-chk__list{display:flex; align-items: center; gap:5rem;}
.box-chk__list .ic-chk{width:14rem; height:10rem; background:url('/images/common/input-chk-2c2df0600238e70254b22952c4f77212.svg')no-repeat center; background-size:contain;}
.box-chk__list span{display:inline-block; font-size:14rem; font-weight:400; color:#979797; line-height:1em; word-break:keep-all; letter-spacing:-0.5rem;}
.box-chk__list.on .ic-chk{background:url('/images/common/input-chk-on-5d92d6aadeeb9f20d5715b9215af2be5.svg')no-repeat center; background-size:contain;}
.box-chk__list.on span{color:#579DFF;}


/* 주소 검색 */
.box-sch{position:relative; width:100%; margin-bottom:20rem;}
.box-sch input[type="text"]{width:100%; height:35rem; padding:7rem 0; border:none; border-bottom:1px solid #999; box-sizing:border-box; font-size:16rem;}
.box-sch button{position:absolute; top:4rem; right:0; width:26rem; height:26rem; text-indent:-9999px; background:url('/images/common/ic-sch-8b1f2ebd7679d4ef56ee549acb305073.svg')no-repeat center; background-size:18rem;}
#address .sch-list{display:block;}
#address .sch-list > li{border-bottom:1px solid #DEDEDE; box-sizing:border-box;}
#address .sch-list > li > a{display:block; padding:20rem 0; box-sizing:border-box;}
#address .sch-list > li h3{display:block; font-size:14rem; font-weight:bold; color:#1F1F1F; word-break:keep-all; line-height:1em; word-break:keep-all;}
#address .sch-list > li em{display:inline-block; margin-top:8rem; font-size:14rem; font-weight:400; color:#999; line-height:1em; word-break:keep-all;}

/*회원가입 확인*/
#join-confirm .join-top{padding-top:8vh;}
#join-confirm .img{display: flex; justify-content: center; align-items: center; margin:0 auto; height:55vh; text-align:center;}
#join-confirm.rent .img{height:63vh;}
#join-confirm .img img{max-height:100%;}

/* id/pw 찾기 */
.tabs{width:100%; display:flex; border-bottom:2px solid #B4B4B4; box-sizing:border-box;}
.tabs > li{position:relative; padding:12rem; width:calc(100% / 2); width:-webkit-calc(100% / 2); box-sizing:border-box; text-align:center; cursor:pointer; }
.tabs > li:before{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; background:#aaa;}
.tabs > li > span{font-size:16px; font-weight:600; color:#c9c9cb;}
.tabs > li.active > span{color:var(--color-point);}
.tabs > li.active:before{height:2px; background:var(--color-point);}
.tabs > li:last-child:after{display:none;}
.find-top{text-align:center; margin-top:50rem; font-size:20rem; font-weight:bold; color:#000; line-height:1.7em; word-break:keep-all;}
.box-id{display: flex; flex-direction: column; justify-content: center; height:90vh;}
.box-id p{font-size:16rem; font-weight:500; line-height:1.7em; text-align:center; word-break:keep-all;}
.box-id .id{color:var(--color-point);}

/* home */
header{display:flex; align-items: center; justify-content: space-between; width:100%; height:50rem; padding:0 20rem; box-sizing:border-box;}
header .logo{height:16rem;}
header .logo img{height:100%;}
header .menu{display:flex; align-items: center; justify-content: center; width:24rem; height:24rem; cursor:pointer;}
header .menu img{width:18rem; height:12rem;}
.home-txt{text-align:left;}
.home-txt > h3{display:block; margin-top:30rem; font-size:24rem; font-weight:700; color:#000; line-height:1.4em; word-break:keep-all; letter-spacing:-1rem;}
.rent-info{display:flex; gap:12rem; margin-top:50rem;}
.rent-info > li{display:flex; flex-direction: column; justify-content: center; align-items: center; width:calc(100% / 3); height:100rem; background:#fff; border-radius:10rem; box-sizing:border-box; text-align:center;}
.rent-info > li > em{display:inline-block; margin-bottom:10rem; font-size:14rem; font-weight:500; color:#979797; line-height:1em; word-break:keep-all;}
.rent-info > li > h3{display:block; font-size:26rem; font-weight:800; color:#388BFF; line-height:1em; word-break:keep-all;}
.home-rent{display:block; margin-top:12rem; width:100%; padding:20rem; background:#fff; border-radius:10rem; box-sizing:border-box;}
.home-rent .top{display:flex; justify-content: space-between; align-items: center;}
.home-rent .top .txt{text-align:left;}
.home-rent .top .txt h3{display:block; font-size:18rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.home-rent .top .txt em{display:inline-block; margin-top:8rem; font-size:12rem; font-weight:500; color:#B2B2B2; line-height:1em; word-break:keep-all;}
.home-rent .bottom{display:flex; justify-content: space-between; align-items: center; margin:20rem 0 25rem;}
.home-rent .bottom .txt p{display:block; font-size:14rem; font-weight:bold; color:var(--color-point);}
.home-rent .bottom .txt em{display:inline-block; margin-top:5rem; font-size:12rem; font-weight:500; line-height:1em; word-break:keep-all; color:#A0A0A0;}
.home-rent .bottom a,
.home-rent .bottom input[type="button"]{display:block; width:74rem; height:32rem; line-height:32rem; text-align:center; background:#727376; border-radius:6rem; box-sizing:border-box; font-size:12rem; font-weight:bold; color:#fff; border:none;}
.home-rent .box-btn{display:grid; grid-template-columns: repeat(2, 1fr); gap:20rem;}
.home-rent .box-btn a,
.home-rent .box-btn input[type="button"]{border-radius:4rem;}
.home-rent .box-btn .pink{background:#FB1D8C;}
.rent-manage{margin-top:40rem; padding-bottom:40rem;}
.rent-manage > h3{display:block; margin-bottom:10rem; font-size:20rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.rent-manage__list{display:grid; grid-template-columns: repeat(2, 1fr); gap:12rem;}
.rent-manage__list > li{background:#fff; border-radius:10rem; box-sizing:border-box;}
.rent-manage__list > li a{display:block; padding:20rem; box-sizing:border-box;}
.rent-manage__list > li h4{display:block; font-size:16rem; font-weight:bold; color:#388BFF; line-height:1em; word-break:keep-all;}
.rent-manage__list > li p{display:inline-block; margin-top:6rem; font-size:12rem; font-weight:500; color:#979797; line-height:1.5em; word-break:keep-all;}

.rent-list > li{display:block; padding:20rem 10rem; border-bottom:1px solid #DEDEDE; box-sizing:border-box;}
.rent-list > li > .top{margin-bottom:10rem;}
.rent-list > li > .top,
.rent-list > li > .bottom{display:flex; justify-content: space-between; align-items: center;}
.rent-list > li > .top > .txt{text-align:left;}
.rent-list > li > .top > .txt h3{display:block; font-size:18rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.rent-list > li > .top > .txt em{display:inline-block; margin-top:8rem; font-size:12rem; font-weight:500; color:#B2B2B2; line-height:1em; word-break:keep-all;}
.rent-list > li .bottom .txt p{display:block; font-size:14rem; font-weight:bold; color:var(--color-point);}
.rent-list > li .bottom .txt em{display:inline-block; margin-top:5rem; font-size:12rem; font-weight:500; line-height:1em; word-break:keep-all; color:#A0A0A0;}
.rent-list > li a,
.rent-list > li input[type="button"]{display:block; width:80rem; height:40rem; line-height:40rem; text-align:center; font-size:14rem; font-weight:600; background:#F4F4F4; color:#979797;}
.rent-list > li .state01,
.rent-list > li input[type="button"].state01{background:#E5EDFA; color:var(--color-point);}
.rent-list > li .state02,
.rent-list > li input[type="button"].state02{background:#E9F5E8; color:#2C9E24;}
.rent-list > li .selected,
.rent-list > li input[type="button"].selected{background:var(--color-point); color:#fff;}
[data-pop-layer="layer"]#rent.active .popBox.bottom{height:90vh; max-height: calc(100vh - 50rem); overflow-y:scroll;}
#rent .tabs{display:gird; gap:10rem; grid-template-columns: repeat(3, 1fr); border:none; margin-bottom:10rem;}
#rent .tabs > li{padding:3rem 5rem;height:22rem; background:#B4B4B4; border-radius:6rem; box-sizing:border-box; text-align:center;}
#rent .tabs > li:before{display:none;}
#rent .tabs > li > span{font-size:12rem; font-weight:600; color:#fff;}

/* 햄버거 메뉴 */
.left-menu:before{content:''; position:absolute; top:0; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); transition:all 0.3s ease; opacity:0; visibility:hidden;}
.left-menu__wrap{position:absolute; top:0; right:-100%; bottom:0; width:80%; background:#fff; padding:25rem; box-sizing:border-box; transition:all 0.5s ease;}
.left-menu.open:before{opacity:1; visibility:visible;}
.left-menu.open .left-menu__wrap{right:0;}
.left-menu .btn-close{ width:26rem; height:26rem; background:url('/images/common/ic-close-d414d0825d3600495f360d96d6aef4e5.svg')no-repeat center; background-size:13rem; cursor:pointer;}
.left-menu .top{position:relative; margin-top:40rem;}
.left-menu .top .logout{position:absolute; top:-4rem; right:0; width:30rem; height:30rem; z-index:2;}
.left-menu .top .logout input[type="button"]{width:100%; height:100%; background:url('/images/common/ic-logout-78d6d6f140351ab74fff96fc7c11ff66.svg')no-repeat center; background-size:contain; transform:rotate(-180deg); border:none; text-indent: -9999px;}
.left-menu .top .logout img{height:100%; transform:rotate(-180deg);}
.left-menu .top .name{display:block; padding:0 40rem 0 0; font-size:24rem; font-weight:800; line-height:1em; word-break:break-word; color:#000;}
.left-menu .rent-info{margin-top:30rem;}
.left-menu .rent-info > li{align-items: flex-start; height:auto;}
.menu-list{margin-top:90rem;}
.menu-list > li{display:block; border-bottom:1px solid #dedede; box-sizing:border-box;}
.menu-list > li:last-child{border:none;}
.menu-list > li > a{display:block; padding:20rem 0; box-sizing:border-box; font-size:18rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
 

/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav{ display: flex; align-items: center; position: relative; margin-bottom:30rem;  border-bottom: 2px solid #B4B4B4; box-sizing: border-box;} 
.tab_nav > li{position:relative; width:calc(100% / 2); width:-webkit-calc(100% / 2); text-align:center; cursor:pointer; }
.tab_nav > li a{display:block; padding:12rem; box-sizing:border-box;}
.tab_nav > li:before{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; background:#aaa;}
.tab_nav > li span{font-size:16px; font-weight:600; color:#c9c9cb;}
.tab_nav > li.active span{color:var(--color-point);}
.tab_nav > li.active:before{height:2px; background:var(--color-point);}
.tab_nav > li:last-child:after{display:none;}
.sub_tab_nav{display:grid; grid-template-columns: repeat(3, 1fr); gap:10rem;} 
.sub_tab_nav > li{display:block;}
.sub_tab_nav > li > a{display:block; padding:5rem; font-weight:bold; color:#979797; background:#fff; border:1px solid #979797; box-sizing:border-box; border-radius:6rem; text-align:center; font-size:12rem;}
.sub_tab_nav > li.active a{border-color:var(--color-point); color:var(--color-point);}
.tab_nav li.active a,
.sub_tab_nav li.active a {   z-index: 2; } 
.tab, .sub_tab { display: none;  } 
.tab.active, .sub_tab.active { display: block; } 


/* 렌트관리 */
.tab .box-sch input[type="text"]{background:transparent; border-radius:0;}
.reservation-list{display:block; width:100%; margin-top:20rem;}
#tab1 .reservation-list{padding-bottom:80rem;}
.reservation-list > li{background:#fff; margin-bottom:10rem; padding:20rem;  box-sizing:border-box; border-radius:10rem; box-sizing:border-box;}
.reservation-list > li .box-cont{display:flex; justify-content: space-between; align-items: center; gap:10rem;}
.reservation-list > li .box-cont .txt{width:-webkit-calc(100% - 100rem); width:calc(100% - 100rem);}
.reservation-list > li .box-cont .top{margin-bottom:15rem;}
.reservation-list > li .box-cont .top h3{display:block; font-size:18rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.reservation-list > li .box-cont .top em{display:inline-block; margin-top:8rem; font-size:12rem; font-weight:500; color:#B2B2B2; line-height:1em; word-break:keep-all;}
.reservation-list > li .box-cont .bottom p{display:block; font-size:14rem; font-weight:bold; color:var(--color-point);}
.reservation-list > li .box-cont .bottom em{display:inline-block; margin-top:5rem; font-size:12rem; font-weight:500; line-height:1em; word-break:keep-all; color:#A0A0A0;}
.reservation-list > li .box-cont .img{display:flex; justify-content: center; align-items: center; width:90rem; height:90rem;}
.reservation-list > li .box-cont .img img{width:100%; max-height:100%;}
.box-btn{display:grid; gap:15rem; grid-template-columns: repeat(2, 1fr); margin-top:20rem;}
.box-btn.full{display:block;}

/* 주행기록관리 */
.driving-date{display:flex; align-items: center; justify-content: space-between; gap:10rem; margin-top:25rem;}
.driving-date .date{display:block; font-size:15rem; font-weight:400; color:#172B4D; line-height:1em; word-break:keep-all;}
.driving-date a,
.driving-date input[type="button"]{display:block; padding:3rem 5rem; width:110rem; height:22rem; background:#B4B4B4; border-radius:6rem; box-sizing:border-box; text-align:center; font-size:12rem; font-weight:bold; color:#fff; border:none;}
.driving-list{margin-top:10rem;}
.driving-list > li{background:#fff; margin-bottom:10rem; padding:20rem;  box-sizing:border-box; border-radius:8rem; border:1px solid #CDD4D9;}
.driving-list > li .top{display:flex; align-items: center; justify-content: space-between; gap:10rem;}
.driving-list > li .top em{display:inline-block; font-size:16rem; font-weight:400; color:#000; line-height:1em; word-break:keep-all;}
.driving-list > li .top span{display:inline-block; font-size:14rem; font-weight:500; color:#CDD4D9; line-height:1em; word-break:keep-all;}
.driving-list > li .time{margin:20rem 0 25rem;}
.driving-list > li .time > h3{display:block; font-size:22rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.driving-list > li .time > div{display:flex; gap:10rem; margin-top:10rem;}
.driving-list > li .time > div em{display:block; font-size:14rem; font-weight:500; color:#CDD4D9; line-height:1em; word-break:keep-all;}
.driving-list > li .time > div span{display:block; font-size:14rem; font-weight:500; color:#CDD4D9; line-height:1em; word-break:keep-all;}
.driving-list > li .info{display:grid; grid-template-columns: repeat(2, 1fr);}
.driving-list > li .info h4{display:block; font-size:16rem; font-weight:500; color:#000; line-height:1em; word-break:keep-all;}
.driving-list > li .info em{display:inline-block; margin-top:8rem; font-size:14rem; font-weight:500; color:var(--color-point); line-height:1em; word-break:keep-all;}

/* 캘린더 */
.bottom-calendar{ position: fixed; bottom: 0; left: 0; right: 0; z-index:0; max-width: 420px; margin:env(safe-area-inset-top) auto 0;}
.bottom-calendar__con{position:absolute; left:0; right:0; bottom:0; background:#fff;  height:80rem; border-radius:8rem 8rem 0 0; box-sizing:border-box; box-shadow:0 0 15px rgba(0, 0, 0, 0.15);}
.bottom-calendar .btn-close{position:absolute; top:0; right:0; display:none; width: 26rem; height: 26rem; background: url('/images/common/ic-close-d414d0825d3600495f360d96d6aef4e5.svg') no-repeat center; background-size: 13rem; cursor: pointer;}
.bottom-calendar h3{display:none; font-size:20rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.calendar-header{position:relative; display:flex; justify-content: center; align-items: center; width:100%; height:80rem;}
.bottom-calendar .calendar>.header{height:80rem !important;}
.calendar-header h3{display:block; font-size:15rem; font-weight:800; color:#172B4D; line-height:1em;}
.btn-arr{position:absolute; top:50%; width:8rem; height:13rem; background:url('/images/common/ic-arr-5b7b33535dc57c2942a68bdf581a3d60.svg')no-repeat center; background-size:contain; transform:translateY(-50%); cursor:pointer;}
.btn-arr.prev{left:20rem;}
.btn-arr.next{right:20rem; transform:translateY(-50%) rotate(-180deg);}
.bottom-calendar.active{top:0; background: rgba(0, 0, 0, 0.5);} 
.bottom-calendar.active .inr > h3{display:block; padding-top:50rem;}
.bottom-calendar.active .btn-close{display:block;}
.bottom-calendar.active .bottom-calendar__con{padding:20rem 0; height:500rem;}
.bottom-calendar.active .bottom-calendar__con .calendar-header{height:auto; padding:20rem 0; margin-top:20rem; }
.calendar{padding:0 0rem 15rem; margin-bottom:20rem; box-sizing:border-box;}
.weekdays {display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-weight: bold; border-bottom:1px solid #eee; box-sizing:border-box;}
.weekday{padding:13rem 5rem; font-size:15rem; color:#172B4D;}
.days{display: grid; grid-template-columns: repeat(7, 1fr);}
.day{position:relative; text-align: center; padding: 14rem 10rem; cursor:pointer; font-size:15rem; color:#172B4D; z-index:1;}
.day::before{content:''; position:absolute; top:50%; left:50%; width:36rem; height:36rem; border-radius:50rem; background:#388BFF; transform:translate(-50%, -50%); z-index:-1; opacity:0;}
.day.today,
.day.start,
.day.end{color:#fff;}
.day.today::before,
.day.start::before,
.day.end::before{opacity:1;}
.day.select::before{opacity:1; width:100%; height:24rem; border-radius:0; background:#EAF3FF;}
.day.start::after{content:''; position:absolute; top:50%; width:50%; height:24rem; right:0; background:#EAF3FF; transform:translate(0, -50%); z-index:-2;}
.day.end::after{content:''; position:absolute; top:50%; width:50%; height:24rem; left:0; background:#EAF3FF; transform:translate(0, -50%); z-index:-2;}

/*
.day:hover{color:#fff;}
.day:hover::before{opacity:1;}
*/

[data-pop-layer="layer"]#reservation .popBox .popConts{padding:20rem 30rem 40rem;}
[data-pop-layer="layer"]#reservation .popBox .btn_close{top:20rem;}
[data-pop-layer="layer"]#reservation .popBox .popTitle{display:none;}
[data-pop-layer="layer"]#reservation.active .popBox.bottom{height:700rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#reservation .popConts > h3{padding:40rem 0 20rem;}
[data-pop-layer="layer"]#reservation.active h3{display:block;}
[data-pop-layer="layer"]#reservation.active .calendar-header{height:60rem;}
[data-pop-layer="layer"]#reservation .calendar,
[data-pop-layer="layer"]#rperiod .calendar{border-bottom:1px solid #E9E9F0;}
[data-pop-layer="layer"]#reservation .user-info{display:flex; align-items: center; justify-content: space-between; gap:20rem; border-top: 1px solid #E9E9F0; padding-top:20rem;}
[data-pop-layer="layer"]#reservation .user-info .user h4{font-size:18rem; font-weight:800; color:#000; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#reservation .user-info .user em{display:inline-block; margin-top:7rem; font-size:12rem; font-weight:500; color:#B2B2B2; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#reservation .user-info .info .data{font-size:12rem; font-weight:400; color:#B2B2B2; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#reservation .user-info .info .hp{display:inline-block; margin-top:7rem; font-size:12rem; font-weight:400; color:#B2B2B2; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#reservation .user-info .btn-basic{width:83rem; height:28rem; font-size:12rem; border-radius:6rem; cursor:default;}
[data-pop-layer="layer"]#reservation .box-btn{margin-top:40rem; gap:25rem;}

[data-pop-layer="layer"]#dperiod.active .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#dperiod.active .calendar-header{height:60rem;}
[data-pop-layer="layer"]#dperiod .popBox .popTitle{display:none;}
[data-pop-layer="layer"]#dperiod .popConts > h3{padding:40rem 0 20rem;}
[data-pop-layer="layer"]#dperiod.active h3{display:block;}
[data-pop-layer="layer"]#dperiod .box-btn{border-top: 1px solid #E9E9F0; padding-top:30rem; margin-top:0;}

[data-pop-layer="layer"]#terms1 .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#terms2 .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#terms3 .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#terms4 .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#terms5 .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#termsA .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#termsG .popBox.bottom{height:642rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#terms1 .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"]#terms2 .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"]#terms3 .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"]#terms4 .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"]#terms5 .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}
[data-pop-layer="layer"]#termsA .popBox .popConts{display:flex; align-items:center; box-sizing:border-box; padding:30rem 20rem 0; font-size:16rem; font-weight:600;}

/* 예약등록 */
.top-title .menu{position:absolute; top:50%; right:20rem; transform:translateY(-50%); cursor:pointer;}
.flex-box{display:flex; gap:20rem;}
.flex-box .input-date,
.flex-box input{width:calc(100% - 120rem);}
.flex-box a,
.flex-box input[type="button"]{position:relative; top:unset; right:0; margin:0; width:100rem; height:60rem; transform:none; font-size:16rem; background:#fff; border:1px solid var(--color-point); color:var(--color-point); border-radius:8rem;}
.flex-box .input-date{display:flex; align-items: center; gap:10rem;}
.flex-box .input-date input{position:relative; padding:10rem; margin:0;}
.flex-box .input-date i{font-size:16rem; color:#939495;}
.flex-box.resident-num{align-items: center; gap:10rem; margin-bottom:15rem;}
.flex-box.resident-num input{margin:0; width:calc((100% / 2) - 10rem);}
.flex-box.resident-num i{font-size:16rem; color:#939495;}
.flex-box.resident-num .input-box{display:flex; align-items: center; gap:10rem;}
.flex-box.resident-num .input-box input{padding:15rem 0 15rem 20rem; width:50rem;}
.flex-box.resident-num .input-box .masking{display:flex; gap:6rem; width:calc(100% - 60rem);}
.flex-box.resident-num .input-box .masking i{width:12rem; height:12rem; border-radius: 50%; background: rgba(17, 17, 17, 0.60);}
.box-price{display:flex; justify-content: space-between; align-items: flex-end;  border-top: 1px solid #E9E9F0; padding-top:20rem;}
.box-price .price em{display:inline-block; margin-bottom:10rem; font-size:12rem; font-weight:bold; color:#B2B2B2; line-height:1em;}
.box-price .price h4{display:block; font-size:31rem; font-weight:800; color:#000; line-height:1em; word-break:keep-all;}
.box-price .period{display:block; font-size:14rem; font-weight:600; color:var(--color-point);}
#reservation-page .join-form{padding-bottom:120rem;}
[data-pop-layer="layer"]#rperiod.active .popBox.bottom{height:712rem; max-height: calc(100vh - 50rem); overflow-y: auto;}
[data-pop-layer="layer"]#rperiod.active .calendar-header{height:60rem;}
[data-pop-layer="layer"]#rperiod .popBox .popTitle{display:none;}
[data-pop-layer="layer"]#rperiod .popConts > h3{padding:40rem 0 20rem;}
[data-pop-layer="layer"]#rperiod.active h3{display:block;}
[data-pop-layer="layer"]#rperiod .box-btn{margin-top:35rem;}

/* 예약 알림창 */
#alarm .btn_close{display:none;}
[data-pop-layer="layer"]#alarm .popBox{border-radius:8rem;}
[data-pop-layer="layer"]#alarm .popBox .popConts{text-align:center; padding:20rem;}
[data-pop-layer="layer"]#alarm .popBox .popConts h2{display:block; margin-bottom:14rem; font-size:20rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#alarm .popBox .popConts p{display:block; font-size:16rem; font-weight:600; color:#000; line-height:1.3em; word-break:keep-all;}
[data-pop-layer="layer"]#alarm .popBox .popConts .btn_confirm{margin:16rem auto 0; width:204rem; height:28rem; background:#388BFF; font-size:12rem; font-weight:500; color:#fff; line-height:1em; border-radius:4rem; cursor:pointer;}
#reservation-page.agree .reservation-list{margin-top:25rem; padding-bottom:120rem;}
#reservation-page.agree button.btn-basic,
#reservation-page.agree input[type="button"].btn-basic{height:28rem; font-size:12rem; border-radius:6rem;}

/* 정산관리 */
.account-top{background-color: #F5F7F8;}
.box-store{text-align:center; padding:25rem 0 40rem; box-sizing:border-box;}
.box-store .title em{display:inline-block; margin-bottom:10rem; font-size:16rem; font-weight:400; color:#000; line-height:1em; word-break:keep-all;}
.box-store .title h3{display:block; font-size:22rem; font-weight:bold; color:var(--color-point); line-height:1em; word-break:keep-all;}
.store-info{margin-top:20rem;}
.store-info > li{display:flex; justify-content: space-between; align-items: center; gap:10rem; margin-bottom:10rem;}
.store-info > li:last-child{margin:0;}
.store-info > li > * {display:inline-block; font-size:14rem; font-weight:500; color:#979797; line-height:1em; word-break:keep-all;}
.box-cost{padding-top:20rem;}
.box-cost .top{display:flex; gap:12rem; margin-bottom:15rem;}
.box-cost .top button,
.box-cost .top input[type="button"]{display:block; padding:5rem 8rem; font-size:14rem; font-weight:400; color:#979797; box-sizing:border-box; border:none; border-radius:4rem; background:#f4f4f4; letter-spacing:-0.5rem;}
.account .join-btn{background-color:#fff;}
.cost-list{margin-top:10rem; padding-bottom:120rem;}
.cost-list > li{position:relative; display:flex; justify-content: space-between; align-items: center; gap:10rem; padding:15rem 0; box-sizing:border-box; border-bottom:1px solid #DEDEDE;}
.cost-list > li .info > div{display:block; margin-bottom:5rem; font-size:14rem; font-weight:500; color:#979797; line-height:1em; word-break:keep-all;}
.cost-list > li .info > div:last-child{margin:0;}
.cost-list > li .info > div.bike{display:block; margin-bottom:5rem; font-size:14rem; font-weight:500; color:#000; line-height:1em; word-break:keep-all;}
.cost-list > li .price{display:block; font-size:16rem; font-weight:bold; color:#000; line-height:1em; word-break:keep-all;}
.cost-list > li .price .red{display:block; font-size:16rem; font-weight:bold; color:#FF0000; line-height:1em; word-break:keep-all;}
.cost-list > li .price .blue{display:block; font-size:16rem; font-weight:bold; color:#0055CC; line-height:1em; word-break:keep-all;}
.cost-list > li .price .rentalDt{display:block; font-size:14rem; font-weight:bold; color:#979797; line-height:1em; word-break:keep-all;}
[data-pop-layer="layer"]#period.active .popBox.bottom{height:590rem;}
[data-pop-layer="layer"]#period.active .calendar-header{height:60rem;}
[data-pop-layer="layer"]#period .popBox .popTitle{display:none;}
[data-pop-layer="layer"]#period.active h3{display:block;}
[data-pop-layer="layer"]#period .popConts > h3{padding:40rem 0 20rem;}
[data-pop-layer="layer"]#period .popConts .box-btn{margin-bottom:20rem; gap:25rem;}

/* 차량관리 */
.grid-box{display:grid; gap:14rem; grid-template-columns: repeat(2, 1fr);}
.box-select{margin-bottom:15rem;}
.box-select select{display:block; padding:10rem 20rem; width:100%; height:60rem; border-radius:8rem; border:1px solid #979797; box-sizing:border-box; font-size:16rem; font-weight:400; background:#fff url('/images/common/ic-select-arr-0e78985b46b9ace41cfc15cc643b975b.svg') no-repeat calc(100% - 20rem) 50%; background-size:12rem 8rem; outline:none;}
.box-select option { color:#111; }
.box-select select:required:invalid { color: #979797; }
.box-select option[value=""][disabled] {display:none }
#vehicle-page .reservation-list{margin-top:30rem; padding-bottom:120rem;}
#vehicle-page .reservation-list .btn-basic{height:28rem; font-size:12rem; border-radius:8rem;}
#vehicle-page .join-box input,select{margin-bottom:20rem;}
#vehicle-page .join-form{padding-bottom:120rem;}

@media(min-width: 1024px) {
    .pc_container { display: block; position: fixed; z-index: 0; overflow:hidden; width: 512px; height: 100%; left: calc(50vw - 512px + 45px); /*font-size: 0; line-height: 0;*/ }
	.m_container {margin: 0 0 0 calc(50vw + 45px);}
	.m_container:before {
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        content: "";
        background: #e1e1e1;
    }

    .m_container:after {
        position: absolute;
        top: 0;
        right: -1px;
        width: 1px;
        height: 100%;
        content: "";
        background: #e1e1e1;
    }

	.bottom-calendar{        
		position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        
        margin: 0 0 0 calc(50vw + 45px);
        top: auto;}

}

@media(max-width: 400px) {
	.box-chk{gap:12rem;}
	.login-box input{padding:10rem;}
	.join-box input,select{padding:10rem;}
	.join-box.plus-btn input{padding:10rem 120rem 10rem 10rem;}
	.join-box a, .join-box input[type="button"]{padding:0;}
	.join-btn{padding:0 20rem 40rem;}
	.flex-box{gap:10rem;}
	.flex-box .input-date, .flex-box input{width:calc(100% - 95rem);}
	.flex-box .input-date{gap:5rem;}
	.flex-box a{width:85rem;}
	.flex-box.resident-num .input-box .masking i{width:10rem; height:10rem}
	[data-pop-layer="layer"]#reservation .popBox .popConts{padding:20rem 15rem 40rem;}
	[data-pop-layer="layer"]#reservation .user-info{gap:10rem;}
}
@media(max-width: 350px) {
	
	.home-txt > h3{margin-top:20rem;}
	.rent-info{margin-top:30rem;}
	.home-rent .box-btn{gap:15rem;}
	.join-top{padding:30rem 0 0;}
	.box-sch input[type="text"]{font-size:14rem;}
	.rent-list > li{padding:15rem 0;}

	[data-pop-layer="layer"]#reservation .user-info{gap:10rem;}
	[data-pop-layer="layer"]#reservation .box-btn{gap:15rem;}

	.driving-date{font-size:14rem; gap:5rem;}
	.driving-date a{width:70rem;}

	.box-btn{gap:7rem;}
	#reservation-page.agree button.btn-basic{font-size:11rem;}
}

/* number 화살표 없애기 */
/* Firefox 브라우저용 사용자 정의 스타일 */
[type="number"] {
  -moz-appearance: textfield;
}

/* 그 외(Chrome, Safari, Edge...)의 브라우저용 사용자 정의 스타일 */
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 파일 첨부 */
.filebox label {display: inline-block; padding: 10px 20px; color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 40px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.tab_content{max-height: 60vh; overflow-y:auto;}