@charset "utf-8";

/*공통*/
.page-menu {margin-bottom:70px;}
.page-menu ul {display:flex; margin:0 -2px;}
.page-menu ul li {padding:0 2px;}
.page-menu ul li a {display:inline-block; padding:10px 20px; border-radius:100vh; font-size:17px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#a8a8a8; background:#f4f4f4;}
.page-menu ul li.active a {background:#0071ce; color:#fff;}

/* select-car */
.select-car {padding:60px; border:1px solid #dfdfdf; border-radius:10px; margin-bottom:40px;}
.select-car .company {margin-bottom:40px;}
.select-car .company ul {display:flex; margin:0 -2px;}
.select-car .company ul li {padding:0 2px;}
.select-car .company ul li a {display:inline-block; padding:10px 19px; background:#f4f4f4; border-radius:100vh; font-size:17px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#a8a8a8;}
.select-car .company ul li.active a {background:#0071ce; color:#fff;}

.company-list ul {display:flex; flex-wrap:wrap; margin:0 -40px -30px -40px;}
.company-list ul li {width:16.666%; padding:0 40px 30px 40px;}
.company-list ul li a {display:block; border-radius:6px; border:2px solid #fff; transition:0.2s all ease; cursor:pointer; position:relative; padding-bottom:100%; overflow:hidden;}
.company-list ul li a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:cover;}

.company-list ul li.active a,
.company-list ul li a:hover {border-color:#ffaa00;}

.select-car-list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.select-car-list ul li {width:25%; padding:0 10px 45px 10px;}
.select-car-list ul li a {}
.select-car-list ul li .thumb {position:relative; padding-bottom:74.63%;overflow:hidden;}
.select-car-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}


.table-list {display:flex; flex-wrap:wrap; margin:0 -40px -30px -40px;}
.table-list li {width:16.666%; padding:0 40px 30px 40px;}
.table-list label {display:block; border-radius:6px; border:2px solid #fff; transition:0.2s all ease; cursor:pointer; position:relative; overflow:hidden; margin-bottom:20px;}
.table-list .thumb {display:block;}
.table-list .tit {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}

.table-list .checkbox {display:block; position:relative; margin-top:0; height:100%;}
.table-list .checkbox label:before {display:none;}
.table-list .checkbox input:checked + label {border-color:#ffaa00;}

.table-list .radiobox {display:block; position:relative; margin-top:0; height:100%;}
.table-list .radiobox label:before {display:none;}
.table-list .radiobox input:checked + label {border-color:#ffaa00;}


.btn-wrap {position:relative;}

.selected-product {display:flex; align-items:center; padding-bottom:40px;}
.selected-product .product-img {width:335px; margin-right:56px;}
.selected-product .product-img .thumb {position:relative; border-radius:10px; padding-bottom:74.63%; overflow:hidden;}
.selected-product .product-img .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.selected-product .info {flex: 1 1 auto; min-width: 0; width: 1%;}
.selected-product .info .cate {font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#0033a1; margin-bottom:12px;}
.selected-product .info .tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:24px;}
.selected-product .info .txt {font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#afafaf;}


.selected-form {position:relative; border-top:1px solid #a8a8a8; padding:45px 40px; border-bottom:1px solid #a8a8a8;}
.selected-form .sub-txt {position:absolute; right:40px; top:45px; font-size:14px; font-weight:400; line-height:1em; letter-spacing:-0.04em; color:#505050;}
.selected-form p {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:50px;}
.selected-form .wrap {display:flex; flex-wrap:wrap; margin:0 -15px;}
.selected-form .wrap .col {width:50%; padding:0 15px; margin-bottom:30px;}
.selected-form .wrap .col.wide {widtH:100%;}
.selected-form .wrap dt {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.selected-form .wrap dl input {border-radius:8px;}
.selected-form .wrap dl .scroll-box {padding:25px; border:1px solid #dfdfdf; border-radius:10px; height:165px; overflow:auto; font-size:14px; font-weight:400; letter-spacing:-0.04em; color:#767676; line-height:1.2em;}
.selected-form .check {text-align:center;}
.selected-form .pop_privacy {margin-left:18px; padding:7px 13px; border:1px solid #dfdfdf; font-size:13px; font-weight:400; line-height:1em; letter-spacing:-0.04em; color:#505050;}

.select-car .buttons {margin-top:40px; margin-bottom:0;}
 

.required {color:#ff1659;}

.rent-checkbox {display:flex;}
.rent-checkbox.ver2 {flex-wrap:wrap;}
.rent-checkbox.ver2 .col {flex: 0 0 auto; margin-bottom:35px; padding-right:20px;}
.rent-checkbox .col.wide {width:100%; max-width:320px;} 
.rent-checkbox .col.col-4 {width:25%; flex:0 0 auto;}
.rent-checkbox .col {flex:1 0 auto; padding-right:40px; position:relative;}
.rent-checkbox .col.br:before {content:""; position:absolute; width:1px; height:100%; right:20px; top:0; background:#ddd;}
.rent-checkbox .col-tit {font-size:16px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.rent-checkbox .col .cnt {display:block; max-height:310px; /* overflow-Y:scroll; */}
/* .rent-checkbox .col.col-flex .cnt {height:270px;} */
.rent-checkbox .col input.input {width:100%; border-radius:6px;}
.rent-checkbox .col-flex {display:flex; flex-direction:column; justify-content:space-between;}

.rent-checkbox .list03 {display:flex;}
.rent-checkbox .list03 li {width:50%;padding:2px;}

.list03 label {display:flex; height: 45px; line-height: 43px; text-align:center; align-items:center; justify-content:center; border-radius:50vh; cursor:pointer; position:relative; overflow:hidden;  font-size:15px; font-weight:500;color: #fff;}
.list03 .sky label {background: #00a7e1; border: 1px solid #00a7e1;}
.list03 .blue label {background: #0071ce;border: 1px solid #0071ce;}
.list03 .checkbox {display:block; position:relative; margin-top:0; height:100%;}
.list03 .checkbox label:before {display:none;}
.list03 .checkbox input:checked  + label {box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.2);}

.rent-checkbox .col-flex .cnt-wrap {margin-top:25px;}
.rent-checkbox .col-flex .cnt-wrap .list01 { max-height: 90px;}

.rent-checkbox .list01 {display:flex; flex-wrap:wrap; max-height:138px; overflow-y:scroll;}
.rent-checkbox .list01 li {width:50%;padding:2px;}

.rent-checkbox .btn-wrap {display: flex;}
.rent-checkbox .btn-wrap button {width: 100%; margin:0 2px;
    min-width: 130px;
    height: 45px;
    line-height: 43px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;}

.rent-checkbox .btn-wrap button.active {box-shadow: 0px 4px 5.64px 0.36px rgba(0, 0, 0, 0.2);}

.list01 label {display:flex; height:42px; font-size:14px; text-aligN:center; align-items:center; justify-content:center; border-radius:6px; border:1px solid #dfdfdf; cursor:pointer; position:relative; overflow:hidden; font-weight:700;}
.list01 .checkbox {display:block; position:relative; margin-top:0; height:100%;}
.list01 .checkbox label:before {display:none;}
.list01 .checkbox input:checked + label {border:2px solid #ffaa00; color:#ffaa00;}

.list02 li {margin-bottom:10px;}
.list02 li:last-child {margin-bottom:0;}
.list02 label {display:block; cursor:pointer; position:relative; overflow:hidden; font-size:14px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787;}
.list02 .checkbox {display:block; position:relative; margin-top:0;}
.list02 .checkbox label:before {display:none;}
.list02 .checkbox input:checked + label {font-weight:700; color:#2c2c2c;}

.flex-box {display:flex; align-items: center;}
.rent-checkbox.ver2 select.input {height:52px; border-radius:10px;}
.rent-checkbox.ver2 input.input {height:52px; border-radius:10px;}

.tags {display:flex; flex-wrap:wrap; margin:-4px;}
.tags .item {padding:4px;}
.tags .item button {display:inline-block; padding:10px 18px; border:1px solid #505050; font-size:17px; font-weight:400; line-height:1em; letter-spacing:-0.04em; color:#2c2c2c; border-radius:100vh; background:0;}
.tags .item button img {vertical-align:baseline; margin-left:10px;}


.product-wrap.ver2 ul {flex-wrap:wrap;}

.product-wrap.ver3 {padding-top:50px;}
.product-wrap.ver3 ul {flex-wrap:wrap;}

.form-pop {background:#fff; max-width:720px; padding:40px; border-radius:10px;}
.form-pop .product-info {width:100%; background:#f4f4f4; padding:40px 10px; text-align:center; border-radius:10px; margin-bottom:25px;}
.form-pop .product-info .tit {border-bottom:0; padding-bottom:0; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:13px;}
.form-pop .product-info .cate {font-size:14px; font-weight:400; letter-spacing:-0.04em; color:#505050;}
.form-pop p {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:45px;}
.form-pop h3 {font-family: 'GmarketSans'; font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:30px;}
.form-pop .col {margin-bottom:28px;}
.form-pop .col:last-child {margin-bottom:0;}
.form-pop dt {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.form-pop dd input {border-radius:5px;}
.form-pop .scroll-box {padding:25px; border:1px solid #dfdfdf; border-radius:10px; height:165px; overflow:auto; font-size:14px; font-weight:400; letter-spacing:-0.04em; color:#767676; line-height:1.2em;}
.form-pop .check {text-align:center; margin-top:20px;}
.form-pop .pop_privacy {margin-left:18px; padding:7px 13px; border:1px solid #dfdfdf; font-size:13px; font-weight:400; line-height:1em; letter-spacing:-0.04em; color:#505050;}
.viewing .fancybox-close {width:20px; height:20px; right:40px; top:40px; background:url("../images/sub/pop_close.png") no-repeat 50% 50%;}

.rental-detail {padding-top:100px; margin-bottom:100px;}
.rental-detail .top-cnt {margin-bottom:50px;}
.rental-detail .top-cnt h3 {font-size:42px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:20px;}
.rental-detail .top-cnt .cate {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}
.rental-detail .top-cnt .rental {margin-bottom: 20px; font-weight: 600; font-size: 18px;}
.rental-detail .top-price {text-align:right; margin-bottom:48px;}
.rental-detail .top-price .total-price {font-size:38px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:5px;}
.rental-detail .top-price .wrap {display:flex; justify-content:flex-end;}
.rental-detail .top-price dl {display:flex; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-left:38px;}
.rental-detail .top-price dt {color:#878787; margin-right:18px;}
.rental-detail .rental-info {margin-bottom:50px;}
.rental-detail .rental-info ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-10px;}
.rental-detail .rental-info ul li {width:20%; padding:10px;}
.rental-detail .rental-info ul li .inner {border:1px solid #dfdfdf; border-radius:10px; display:flex; align-items:center; height:115px; padding:0 50px;}
.rental-detail .rental-info ul li .icon {margin-right:18px;}
.rental-detail .rental-info ul li .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.rental-detail .rental-info ul li .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:9px;}
.rental-detail .rental-info ul li .txt {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787;}

.rental-summary {margin-bottom:50px;}
.rental-image {display:flex;}
.rental-image .box {width:792px; margin-right:24px; position:relative;}
.rental-image .box:before {content:""; position:absolute; width:100%; height:100%; border-radius:10px; border:1px solid #eee; left:0; top:0; z-index:1;}
.rental-image .tab-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.rental-image .img {position:relative; padding-bottom:75%; overflow:hidden; border-radius:10px;}
.rental-image .box .img {padding-bottom:75%;}
.rental-image .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.rental-image .tabs {display:flex; flex-wrap:wrap; height:auto; margin:-5px;}
.rental-image .tabs li {width:33.333%; padding:5px; position:relative;}
.rental-image .tabs li .img:before {content:""; position:absolute; width:100%; left:0; top:0; height:100%; border:1px solid #eee; border-radius:10px;}
.rental-image .tabs li img {border-radius:10px;}


.rental-gallery {overflow:hidden; margin-bottom:50px; max-width:833px; margin-left:auto; margin-right:auto;}
.rental-gallery .thumb {position:relative; padding-bottom:75%; overflow:hidden; background:#ccc;}
.rental-gallery .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.rental-gallery .mySwiper2 {position:relative; margin-bottom:10px;}
.rental-gallery .mySwiper2 .thumb {border-radius:10px;}
.rental-gallery .arrows {width:36px; height:62px; margin-top:-31px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; text-indent:-999em; overflow:hidden;}
.rental-gallery .swiper-button-prev {left:40px; background-image:url('../images/sub/sld-prev.png');}
.rental-gallery .swiper-button-next {right:40px; background-image:url('../images/sub/sld-next.png');}

.rental-gallery .mySwiper {position:relative; padding:0 32px; border-radius:10px; overflow:hidden; width:-moz-fit-content; width:fit-content; margin:0 auto;}
.rental-gallery .mySwiper .arrows2 {position:absolute; top:0; width:32px; height:100%; background-color:#ccc; background-position:50% 50%; background-repeat:no-repeat; text-indent:-999em; overflow:hidden; z-index:1; cursor:pointer;}
.rental-gallery .mySwiper .arrow-left {left:0; background-image:url('../images/sub/sld2-prev.png');}
.rental-gallery .mySwiper .arrow-right {right:0; background-image:url('../images/sub/sld2-next.png');}
.rental-gallery .mySwiper .swiper-slide {cursor:pointer; width: 96px;}
.rental-gallery .mySwiper .swiper-slide-thumb-active:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; border:2px solid red; pointer-events:none; z-index:1;}


.rental-option  {padding:28px 20px; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; margin-bottom:50px;}
.rental-option .won {position:relative;}
.rental-option .won input {padding-right:50px; text-align:right;}
.rental-option .won span {position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.rental-option input, 
.rental-option select {border-radius:10px;}

.rental-option-select {margin-bottom:20px;}
.rental-option-select .wrap {display:flex; margin:0 -10px;}
.rental-option-select .wrap .item {width:50%; padding:0 10px;}
.rental-option-select .wrap dt {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.rental-option-result .wrap {display:flex; padding:10px; flex-wrap:wrap; align-items:center; justify-content:center; height:110px; background:#f4f4f4; border-radius:10px;}
.rental-option-result .wrap .item {padding:0 65px;}
.rental-option-result .wrap dl {font-family: 'GmarketSans'; font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; display:flex; align-items:center;}
.rental-option-result .wrap dt {margin-right:35px;}

.goods-price-wrap  {margin-bottom:50px;}
.goods-price-wrap h3 {font-size:32px; font-weight:800; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:50px;}
.goods-price-wrap .inner dl {font-family: 'GmarketSans';  font-size:32px; font-weight:700; letter-spacing:-0.04em; line-height:1.1em; display:flex; justify-content:space-between; padding:35px 100px; background:#f4f4f4; border-radius:13px; margin-bottom:10px;}
.goods-price-wrap .inner dl:last-child {margin-bottom:0;

}
.goods-price-wrap .inner dl.bg-reverse {background: #0071ce; color: #fff;}
.goods-price-wrap .inner dl dd span {display:inline-block;}
.goods-price-wrap .inner dl dd .condition {display:inline-block; padding-right:10px; font-size: 24px;}

.goods-view-tab {margin-bottom:40px;}
.goods-view-tab ul {display:flex;}
.goods-view-tab ul li {flex:1; border:1px solid #ddd; margin-left:-1px;}
.goods-view-tab ul li:first-child {border-radius:100vh 0 0 100vh;}
.goods-view-tab ul li:last-child {border-radius:0 100vh 100vh 0;}
.goods-view-tab ul li a {display:flex; align-items:center; justify-content:center; height:64px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}
.goods-view-tab ul li.active {border-color:#0071ce; z-index:1;}
.goods-view-tab ul li.active a {color:#0071ce;}




#viewInfo, #viewOption {margin-bottom:80px;}
.applicable {display:flex; border:1px solid #dfdfdf; border-radius:10px; padding:55px 100px;}
.applicable .item {flex:1; padding-right:10px;}
.applicable .item  h3 {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:33px;}
.applicable ul li {position:relative; padding-left:27px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:17px;}
.applicable ul li:last-child {margin-bottom:0;}
.applicable ul li:before {content:""; position:absolute; width:18px; height:18px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; background-image:url("../images/sub/bullet01.png"); left:0; top:0;}
.applicable ul li.include {color:#00a7e1;}
.applicable ul li.include:before {background-image:url("../images/sub/bullet02.png");}

/* greeting */
.greeting .bg1 {padding:203px 0; background:url("../images/sub/greeting_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.greeting .bg1 .contain {display:flex; align-items:center; justify-content:center;}
.greeting .bg1 p {font-size:38px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff; margin-left:77px;}
.greeting .txt-wrap {padding:57px 0 95px 0; text-align:center;}
.greeting .txt-wrap p {font-size:22px; font-weight:500; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:35px;}
.greeting .txt-wrap p:last-child {margin-bottom:0;}
.greeting .bg2 {padding:140px 0; background:url("../images/sub/greeting_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.greeting .bg2 .group {display:flex; margin:-10px;}
.greeting .bg2 .group .box {width:25%; padding:10px;}
.greeting .bg2 .group .inner {background:rgba(255,255,255,0.8); border-radius:10px; padding:70px 10px; text-align:center; box-shadow:6px 6px 12px rgba(0,0,0,0.28);}
.greeting .bg2 .group .icon {margin-bottom:22px;}
.greeting .bg2 .group .tt {font-family: 'GmarketSans'; font-size:46px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#0033a1; margin-bottom:50px;}
.greeting .bg2 .group .tit {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:21px;}
.greeting .bg2 .group p {font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050;}