@charset "euc-kr"; /* CSS Document */ /* COMMON LAYOUT */ #wrap{min-width:1000px; position:relative;} /* v1 */ #wrap .mvisual{background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_mvisual.png') no-repeat center 0;} #wrap .mvisual p{width:1200px; margin:0 auto;} #wrap .speedRequest{width:100%; background:#213756;} #wrap .speedRequest > div{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:60px 0 30px;} #wrap .speedRequest > div p{width:305px; float:left; color:#fff; font-size:55px; line-height:65px; letter-spacing:-3px;} #wrap .speedRequest > div ul{width:585px; float:left;} #wrap .speedRequest > div ul li{height:55px; clear:both;} #wrap .speedRequest > div ul li:last-child{padding-top:15px;} #wrap .speedRequest > div ul li span{float:left; display:block; width:85px; line-height:55px; color:#fff; font-size:24px;} #wrap .speedRequest > div ul li input{float:left; display:block; background:#fff; border:0; height:55px; line-height:55px; font-size:20px;} #wrap .speedRequest > div ul li input.name{width:500px; padding:0 20px;} #wrap .speedRequest > div ul li input.phone{width:157px; height:55px; line-height:55px; margin-left:15px; text-align:center;} #wrap .speedRequest > div ul li select{float:left; display:block; width:156px; height:55px; line-height:55px; border:0; padding-left:20px; font-size:20px; background:#fff;} #wrap .speedRequest > div span.btn_estimate{display:block; width:285px; height:125px; float:right; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/ico_clock.png') no-repeat 50px 38px #fee34d;} #wrap .speedRequest > div span.btn_estimate a{display:block; height:98px; font-size:30px; color:#213756; line-height:35px; text-decoration:none; padding:27px 0 0 130px;} #wrap .speedRequest > div span.agree{clear:both; display:block; padding:15px 0 0 390px; line-height:30px;} #wrap .speedRequest > div span.agree label{color:#fff; font-size:17px;} #wrap .speedRequest > div span.agree a{display:inline-block; background:#d6dbe1; width:75px; height:30px; line-height:30px; font-weight:bold; color:#000; text-align:center; font-size:12px; margin-left:10px; text-decoration:none;} #wrap .mcon_howLease{width:1200px; margin:0 auto;} #wrap .mcon_howLease p{text-align:center; padding:85px 0 60px;} #wrap .mcon_charge{width:100%; background:#499bcf;} #wrap .mcon_charge p{width:1200px; margin:0 auto;} #wrap .mcon_smartLease{width:1200px; margin:0 auto;} #wrap .mcon_smartLease p{padding:95px 0 105px;} #wrap .mcon_carList{width:1200px; margin:0 auto; padding-bottom:85px;} #wrap .mcon_carList h3{font-size:54px; color:#000; text-align:Center; letter-spacing:-3px; line-height:60px;} #wrap .mcon_carList h4{font-size:23px; color:#6c6c6c; text-align:center; letter-spacing:-2px; line-height:25px; padding-top:20px;} #wrap .mcon_carList h4 b{color:#499bcf;} #wrap .mcon_carList .CarBox{padding-top:20px; height:auto; overflow:hidden;} #wrap .mcon_carList .CarBox dl{width:380px; float:left; background:#fff; border:1px solid #ccc; margin:30px 30px 0 0;} #wrap .mcon_carList .CarBox dl:nth-child(3n){margin-right:0;} #wrap .mcon_carList .CarBox dl dt{} #wrap .mcon_carList .CarBox dl dt img{width:100%; height:273px;} #wrap .mcon_carList .CarBox dl dd{background:#efefef; padding:30px 20px 20px; text-align:center;} #wrap .mcon_carList .CarBox dl dd strong{display:block; color:#000; font-size:30px; font-weight:400; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;} #wrap .mcon_carList .CarBox dl dd em{display:block; font-size:18px; font-style:normal; padding-top:10px;} #wrap .mcon_carList .CarBox dl dd span{display:block; font-size:32px; color:#000; line-height:40px; font-weight:600; padding-top:15px;} #wrap .mcon_carList .CarBox dl dd span b{color:#d30000; font-family: 'Montserrat'; letter-spacing:1px; font-size:30px;} #wrap .mcon_carList .CarBox p.carEmpty{font-size:30px; line-height:50px; padding:200px 0; text-align:center; clear:both; color:#000;} #wrap .promotionCar{width:1000px; margin:0 auto; padding:100px 0 40px;} #wrap .promotionCar p{text-align:center;} #wrap .promotionCar ul{padding-top:30px; height:auto; overflow:hidden;} #wrap .promotionCar ul li{width:320px; float:left; border-radius:10px; border:1px solid #ddd; margin:20px 20px 0 0;} #wrap .promotionCar ul li:nth-child(3n){margin-right:0;} #wrap .promotionCar ul li img{display:block; width:90%; margin:0 auto;} #wrap .promotionCar ul li strong{display:block; text-align:center; font-size:26px; color:#000; line-height:30px; padding:0 10px 15px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;} #wrap .promotionCar ul li span{display:block; text-align:center; border-radius:0 0 10px 10px; line-height:60px; background:#fcaf17; color:#fff; font-size:30px; font-weight:600;} /* v2 */ #wrap .mvisu{width:100%; height:898px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_mvisu.png') no-repeat center 0;} #wrap .mvisu p{width:1200px; margin:0 auto; padding-top:157px;} #wrap .mconRequest{width:100%; height:1160px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_request.png') no-repeat center 0;} #wrap .mconRequest > div{width:1200px; margin:0 auto;} #wrap .mconRequest > div p.RequestText01{text-align:right; padding:128px 0 41px;} #wrap .mconRequest > div p.RequestText02{padding-top:134px;} #wrap .mconRequest > div .requestBox{height:auto; overflow:hidden; margin:0 auto; background:#fff; padding:60px 0 30px;} #wrap .mconRequest > div .requestBox p{float:left; padding-left:40px;} #wrap .mconRequest > div .requestBox ul{width:500px; float:left; margin-left:35px;} #wrap .mconRequest > div .requestBox ul li{height:55px; clear:both;} #wrap .mconRequest > div .requestBox ul li:last-child{margin-top:15px;} #wrap .mconRequest > div .requestBox ul li input{float:left; display:block; background:#fff; border:1px solid #c8c8c8; height:55px; line-height:55px; font-size:20px;} #wrap .mconRequest > div .requestBox ul li input.name{width:500px; padding:0 20px;} #wrap .mconRequest > div .requestBox ul li input.phone{width:157px; height:55px; line-height:55px; margin-left:15px; text-align:center;} #wrap .mconRequest > div .requestBox ul li select{float:left; display:block; width:156px; height:55px; line-height:55px; border:1px solid #c8c8c8; padding-left:20px; font-size:20px; background:#fff; color:#000;} #wrap .mconRequest > div .requestBox span.btn_request{display:block; width:230px; height:125px; float:left; margin-left:25px; background:#384ed7;} #wrap .mconRequest > div .requestBox span.btn_request a{display:block; height:125px; text-align:center; font-size:30px; color:#fff; line-height:35px; text-decoration:none; padding-top:27px;} #wrap .mconRequest > div .requestBox span.agree{clear:both; display:block; padding:15px 0 0 405px; line-height:30px;} #wrap .mconRequest > div .requestBox span.agree label{color:#070707; font-size:17px;} #wrap .mconRequest > div .requestBox span.agree a{display:inline-block; background:#8f8f8f; width:75px; height:30px; line-height:30px; font-weight:400; color:#fff; text-align:center; font-size:12px; margin-left:10px; text-decoration:none;} #wrap .mconSafety{width:100%; height:963px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_safety.png') no-repeat center 0;} #wrap .mconSafety p{width:1200px; margin:0 auto; text-align:center;} #wrap .mconCertify{width:100%; height:725px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_certify.png') no-repeat center 0;} #wrap .mconCertify p{width:1200px; margin:0 auto; text-align:center; padding-top:218px;} #wrap .mconCarList{width:1200px; margin:60px auto 0;} #wrap .mconCarList > p{font-family:'S-CoreDream'; color:#000; font-size:24px; line-height:36px; letter-spacing:-1.5px;} #wrap .mconCarList > p b{color:#ff5a00; text-decoration:underline;} #wrap .mconCarList table{width:100%; border-top:1px solid #000; margin-top:70px;} #wrap .mconCarList table th{border-bottom:1px solid #ccc; padding:17px; background:#ebebeb; text-align:center; color:#717171; font-weight:400; font-size:18px;} #wrap .mconCarList table td{border-bottom:1px solid #ccc; padding:17px 0; font-size:20px; text-align:center; vertical-align:middle; color:#000;} #wrap .mconCarList table td.carImg{text-align:left;} #wrap .mconCarList table td.carImg img{width:135px;} #wrap .mconCarList table td.carName{text-align:left;} #wrap .mconCarList table td.carName p{width:500px; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;}/* width:270px (201112이전 by.jhj) */ #wrap .mconCarList table td.carPrice{font-size:26px;} #wrap .mconCarList table td.carPrice b{color:#ff5a00; font-family: 'Montserrat'; letter-spacing:-1px; font-size:30px;} #wrap .mconCarList table td a.btnRequest{display:block; width:130px; height:100px; line-height:100px; text-align:center; color:#fff; background:#5c52f4; font-size:22px;} /* 페이징 */ #wrap .PageNum{clear:both; width:100%; margin-top:60px; text-align:center;} #wrap .PageNum span{display:inline-block; background:#fff; font-family:Montserrat , 'Noto Sans KR';} #wrap .PageNum span:nth-child(2){margin-right:20px;} #wrap .PageNum span:nth-last-of-type(2){margin-left:20px;} #wrap .PageNum span a{width:39px; height:39px; display:block; text-align:center; color:#777; font-size:15px; line-height:39px; font-weight:300;} #wrap .PageNum span a.on{color:#fff; background:#4b4b4b; font-weight:800;} #wrap .PageNum span a.arrow{border:1px solid #d7d7d7; font-size:15px; line-height:37px; margin-left:-1px !important;} /* 상세 */ #wrap .detailAbout{width:100%; height:1125px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_detail_about.png') no-repeat center 0;} #wrap .detailAbout .aboutCon{width:1200px; margin:0 auto; padding-top:27px; position:relative;} #wrap .detailAbout .aboutCon span.btnMain{display:block; position:absolute; top:0; left:0;} #wrap .detailAbout .aboutCon p.aboutTit{text-align:center;} #wrap .detailAbout .aboutCon .carInfoArea{height:auto; overflow:hidden;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox{width:720px; float:left; position:relative; height:auto;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox ul.bxslider li{padding-bottom:18px;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox ul.bxslider li img{width:100%;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-viewport{} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox #bx-pager{height:83px;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox #bx-pager a{display:block; float:left; width:110px; height:83px;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox #bx-pager a:first-child{} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox #bx-pager a img{width:110px; height:83px;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox #bx-pager a.active img{border:3px solid #ff783d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(1) .bx-controls-direction a{width:70px; height:90px; position:absolute; top:225px; text-indent:-9999px; z-index:50;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(1) .bx-controls-direction a.bx-prev{left:10px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/roll_prev.png') no-repeat center center;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(1) .bx-controls-direction a.bx-next{right:10px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/roll_next.png') no-repeat center center;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(2) .bx-controls-direction a{width:30px; height:39px; position:absolute; bottom:24px; text-indent:-9999px; z-index:50;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(2) .bx-controls-direction a.bx-prev{left:5px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/roll_thum_prev.png') no-repeat center center;} #wrap .detailAbout .aboutCon .carInfoArea .carImgBox .bx-wrapper:nth-child(2) .bx-controls-direction a.bx-next{right:5px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/roll_thum_next.png') no-repeat center center;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox{width:460px; height:641px; float:right; background:#fff; padding:40px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox p.carName{color:#000; font-size:40px; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox p.carModel{font-size:24px; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox ul.priceInfo{border-top:1px solid #363636; margin-top:15px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox ul.priceInfo li{display:table; width:100%; border-bottom:1px solid #c4c4c4;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox ul.priceInfo li strong{display:table-cell; line-height:60px; font-size:24px; color:#6f6f6f; font-weight:400;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox ul.priceInfo li span{display:table-cell; line-height:60px; font-size:30px; text-align:right; color:#000;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox ul.priceInfo li span b{color:#ff4304; font-family: 'Montserrat';} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry{height:auto; overflow:hidden; margin:0 auto; background:#fff; padding-top:50px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry p{background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/ico_request.png') no-repeat 0 0; line-height:45px; padding:12px 0 0 65px; font-size:39.5px; color:#ff7235; font-weight:bold; letter-spacing:-2.5px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul{margin-top:17px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li{height:55px; clear:both;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li:last-child{margin-top:15px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li input{display:block; background:#fff; border:1px solid #c8c8c8; height:55px; line-height:55px; font-size:20px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li input.name{width:100%; padding:0 20px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li input.phone{width:120px; height:55px; line-height:55px; float:left; margin-left:10px; text-align:center;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry ul li select{float:left; display:block; width:120px; height:55px; line-height:55px; border:1px solid #c8c8c8; padding-left:20px; font-size:20px; background:#fff; color:#000;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry span.agree{clear:both; display:block; line-height:30px; padding:15px 0 12px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry span.agree label{color:#070707; font-size:17px;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry span.agree a{display:inline-block; background:#8f8f8f; width:75px; height:30px; line-height:30px; font-weight:400; color:#fff; text-align:center; font-size:12px; margin-left:10px; text-decoration:none;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry span.btn_request{display:block; width:100%; height:80px; float:left; background:#384ed7;} #wrap .detailAbout .aboutCon .carInfoArea .carInfoBox .requestEntry span.btn_request a{display:block; height:80px; text-align:center; font-size:30px; color:#fff; line-height:80px; text-decoration:none;} #wrap .detailAbout .aboutCon .carInfoArea p.infoText{clear:both; font-family:'S-CoreDream'; color:#fff; font-size:20px; line-height:32px; letter-spacing:-1.5px; padding-top:40px;} #wrap .detailAbout .aboutCon .carInfoArea p.infoText b{color:#fff600; text-decoration:underline;} #wrap .detailSafety{width:100%; height:2144px; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_detail_safety.png') no-repeat center 0;} #wrap .detailSafety p{width:1200px; margin:0 auto; padding-top:78px;} #wrap .detailCertify{width:100%; background:#21254e;} #wrap .detailCertify p{width:1200px; margin:0 auto; padding-bottom:40px;} #wrap .detailFraud{width:100%; background:url('http://img.sihyunrentcar.com/Site/Carvillage_ucl/PC/bg_detail_fraud.png') no-repeat center 0 #e8e8e8;} #wrap .detailFraud p{width:1200px; margin:0 auto; padding:120px 0 75px;} #wrap .detailQuick{position:fixed; top:200px; right:20px; display:none;} #wrap .footRequest{width:1200px; margin:75px auto 85px; height:auto; overflow:hidden; background:#384ed7; padding:60px 0 30px;} #wrap .footRequest p{float:left; padding-left:40px;} #wrap .footRequest ul{width:500px; float:left; margin-left:35px;} #wrap .footRequest ul li{height:55px; clear:both;} #wrap .footRequest ul li:last-child{margin-top:15px;} #wrap .footRequest ul li input{float:left; display:block; background:#fff; border:1px solid #c8c8c8; height:55px; line-height:55px; font-size:20px;} #wrap .footRequest ul li input.name{width:500px; padding:0 20px;} #wrap .footRequest ul li input.phone{width:157px; height:55px; line-height:55px; margin-left:15px; text-align:center;} #wrap .footRequest ul li select{float:left; display:block; width:156px; height:55px; line-height:55px; border:1px solid #c8c8c8; padding-left:20px; font-size:20px; background:#fff; color:#000;} #wrap .footRequest span.btn_request{display:block; width:230px; height:125px; float:left; margin-left:25px; background:#ff8b00;} #wrap .footRequest span.btn_request a{display:block; height:125px; text-align:center; font-size:30px; color:#fff; line-height:35px; text-decoration:none; padding-top:27px;} #wrap .footRequest span.agree{clear:both; display:block; padding:15px 0 0 405px; line-height:30px;} #wrap .footRequest span.agree label{color:#fff; font-size:17px;} #wrap .footRequest span.agree a{display:inline-block; background:#8f8f8f; width:75px; height:30px; line-height:30px; font-weight:400; color:#fff; text-align:center; font-size:12px; margin-left:10px; text-decoration:none;} #wrap .footer{background:#4b4b4b;} #wrap .footer p{width:1200px; margin:0 auto; padding:40px 0; text-align:center; color:#909090; font-size:14px; line-height:24px; letter-spacing:0;} #wrap .footer p a{color:#fff; text-decoration:underline;} /* 팝업 */ /* 개인정보처리방침 */ .info_content{width:680px; height:680px; opacity: 0; display:none; position:relative; background-color:#fff; border-radius:20px; margin-top:70px; z-index:99999;} .info_content .popTitbar{height:85px; line-height:85px; background:#384ed7; border-radius:20px 20px 0 0; position:relative; letter-spacing:-2px;} .info_content .popTitbar p{color:#fff; font-size:45px; line-height:85px; padding:0 0 0 40px; margin:0;} .info_content .popTitbar span.b-close{width:105px; height:85px; background:#21254e; display:block; border-radius:0 20px 0 0; text-align:center; cursor:pointer; position:absolute; top:0; right:0;} .info_content .popTitbar span.b-close img{padding-top:24px;} .info_content .infoCon_area{width:600px; height:520px; margin:40px auto 0; overflow:auto;overflow-y: scroll; -ms-overflow-style: none;} .info_content .infoCon_area::-webkit-scrollbar{display: none;} .info_content .infoCon_area .box_text{padding:20px 18px; background:#f8f8f8; border:2px solid #ddd; font-size:13px; line-height:20px; letter-spacing:-1px;} .info_content .infoCon_area h6{color:#000; font-size:20px; margin:0; padding-top:30px; font-weight:600; letter-spacing:-1px; line-height:25px;} .info_content .infoCon_area p{padding-top:20px; font-size:13px; line-height:20px;} .info_content .infoCon_area a{color:#777; text-decoration:none;} .info_content .infoCon_area .minwon_service{margin-top:20px; height:auto; overflow:hidden;} .info_content .infoCon_area .minwon_service ul li{float:left; width:48%; border:1px solid #dfdfdf; background:#f8f8f8; padding:15px 20px; font-size:13px; line-height:20px;} .info_content .infoCon_area .minwon_service ul li:last-child{float:right;} .info_content .infoCon_area .minwon_service ul li a{text-decoration:none; color:#777;}