#sub{} #sub .sub_visual{width:100%;} #sub .sub_visual .svisual_box{width:1100px; height:260px; margin:0 auto;} #sub .sub_visual .svisual_box p{font-size:15px; color:#fff; text-align:center; padding-top:60px;} #sub .sub_visual .svisual_box strong{display:block; font-size:60px; line-height:60px; font-family:NanumGothic; font-weight:400; color:#fff; text-align:center; padding-top:15px;} #sub .sub_visual .svisual_box span{display:block; font-size:15px; color:#fff; text-align:center; opacity:0.8; padding-top:18px; } #sub .svisual01{background:url('sub_visu01.png') no-repeat center 0;} #sub .svisual02{background:url('sub_visu02.png') no-repeat center 0;} #sub .svisual03{background:url('sub_visu03.png') no-repeat center 0;} #sub .svisual04{background:url('sub_visu04.png') no-repeat center 0;} #sub .sub_con{width:1100px; margin:0 auto; } #sub .sub_con h3{font-size:33px; line-height:45px; font-weight:450; color:#000; letter-spacing:-2px; background:url('title_bar.png') no-repeat 0 0; padding-top:20px;} #sub .sub_con h4{font-size:16px; line-height:23px; font-weight:400; padding-top:10px;} #sub .sub_con .table01{width:100%; border-top:3px solid #e71828; margin-top:25px;} #sub .sub_con .table01 th{border-bottom:1px solid #dfdfdf; padding:12px; background:#f7f7f7; text-align:center; color:#000; font-weight:600; font-size:14px; font-weight:400;} #sub .sub_con .table01 th.bg_pink{background:#fff6f6;} #sub .sub_con .table01 th.Rborder{ border-right:1px solid #dfdfdf;} #sub .sub_con .table01 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:12px 25px; text-align:left; font-size:14px;} #sub .sub_con .table01 td.Lborder_no{border-left:none;} #sub .sub_con .table02{width:100%; border-top:3px solid #e71828; margin-top:25px;} #sub .sub_con .table02 th{border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:12px; background:#f7f7f7; text-align:center; color:#000; font-weight:600; font-size:14px; font-weight:400;} #sub .sub_con .table02 th.Lborder_no{border-left:none;} #sub .sub_con .table02 th.bg_pink{background:#fff6f6;} #sub .sub_con .table02 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:12px 25px; text-align:center; font-size:14px;} #sub .sub_con .table02 td.Lborder_no{border-left:none;} #sub .sub_con .table03{width:100%; border-top:3px solid #dfdfdf; margin-top:25px;} #sub .sub_con .table03 th{border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:12px; background:#f7f7f7; text-align:center; color:#000; font-weight:600; font-size:14px; font-weight:400;} #sub .sub_con .table03 th.Lborder_no{border-left:none;} #sub .sub_con .table03 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:12px 25px; text-align:center; font-size:14px;} /* 버튼 */ #sub .sub_con .btn_list{width:100px; float:right; line-height:35px; background:#9b9b9b; margin-top:30px; border-radius:3px; text-align:center;} #sub .sub_con .btn_list a{text-decoration:none; color:#fff; display:block;} /* 차량검색 */ #sub .sub_con .search_tab{clear:both; background:#fff; margin-top:50px;} #sub .sub_con .search_tab ul{height:43px; border:1px solid #e4e4e4;} #sub .sub_con .search_tab ul li{width:365px; line-height:43px; background:#c0c0c0; color:#fff; font-weight:400; border-left:1px solid #e4e4e4; float:left; text-align:center;} #sub .sub_con .search_tab ul li:first-child{width:366px; border-left:0;} #sub .sub_con .search_tab ul li a{display:block; text-decoration:none; font-size:16px;} #sub .sub_con .search_tab ul li a.on{background:#ff6767;} #sub .sub_con .search_tab .manufacturer{padding:21px; background:#f6f6f6; position:relative; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-bottom:95px;} #sub .sub_con .search_tab .manufacturer .brand_box{height:176px; overflow:hidden;} #sub .sub_con .search_tab .manufacturer .brand_box a{display:block; float:left; padding:4px} #sub .sub_con .search_tab .manufacturer .brand_full{height:auto;} #sub .sub_con .search_tab .brand_more{width:1098px; border:1px solid #e4e4e4; line-height:45px; border-radius:0 0 10px 10px; background:#fff; position:absolute; bottom:-45px; left:-1px;} #sub .sub_con .search_tab .brand_more a{display:block; color:#000; text-decoration:none; text-align:center;} #sub .sub_con .search_tab .kinds{height:103px; padding:21px; background:#f6f6f6; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-bottom:50px;} #sub .sub_con .search_tab .kinds a{display:block; float:left; padding:4px} #sub .sub_con .search_tab .price_ca{height:48px; padding:21px; background:#f6f6f6; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-bottom:50px;} #sub .sub_con .search_tab .price_ca a{display:block; width:166px; height:38px; line-height:38px; float:left; border:1px solid #dfdfdf; color:#000; text-align:center; text-decoration:none; background:#fff; margin:4px;} #sub .sub_con .search_tab .price_ca a.on{border:1px solid #ff6767; color:#e71828;} /* 등록된 차량 없음 */ #sub .sub_con .nocar{padding:30px 0;} #sub .sub_con .nocar img{display:block; margin:0 auto;} #sub .sub_con .nocar strong{display:block; text-align:center; font-size:30px; line-height:50px; color:#000; font-weight:400; padding-top:15px; letter-spacing:-2px;} #sub .sub_con .nocar strong span{color:#e51837;} #sub .sub_con .nocar p{text-align:center; font-size:15px;} /* 페이징 */ #sub .sub_con .page_num{clear:both; width:100%; padding-top:35px; text-align:center;} #sub .sub_con .page_num span{width:28px; display:inline-block; margin-left:5px; cursor:pointer; width:26px; height:26px; background:#fff; border:1px solid #d7d7d7; border-radius:3px;text-align:center; color:#4b4b4b; font-size:12px; line-height:26px;} #sub .sub_con .page_num span:hover{border:1px solid #555;} #sub .sub_con .page_num span.first{margin-left:0;} #sub .sub_con .page_num span.on{color:#fff; background:#4b4b4b; border:1px solid #4b4b4b;} /* 상세페이지 */ #sub .sub_con .car_info{margin-top:40px; height:auto; overflow:hidden;} #sub .sub_con .car_info .car_img{width:380px; float:left;} #sub .sub_con .car_info .car_img p img{display:block; width:350px;margin-left: 10px;border-radius: 20px 20px 60px 10px;} #sub .sub_con .car_info .info_area{width:700px; float:right;margin-top: 20px;} #sub .sub_con .car_info .info_area p.car_title01{font-size:20px; line-height:25px;} #sub .sub_con .car_info .info_area p.car_title02{font-size:40px; color:#000; line-height:60px; letter-spacing:-2px; font-weight:400; padding-bottom:7px;white-space: nowrap;} #sub .sub_con .car_info .info_area p.car_title03{font-size:25px; color:#7b7b7b; line-height:30px; letter-spacing:-2px; font-weight:400; padding-bottom:7px;white-space: nowrap;} #sub .sub_con .car_info .info_area p.car_price{font-size:18px; color:#000; line-height:78px;} #sub .sub_con .car_info .info_area p.car_price span{color:#208824;} #sub .sub_con .car_info .info_area p.car_price img{margin-top: -10px;} #sub .sub_con .car_info .info_area p.car_price b{font-size:43px; letter-spacing:-2px;} #sub .sub_con .car_info .info_area p.car_price span.two{color:red;} #sub .sub_con .car_info .info_area p.car_price span.bl{color:#000;} #sub .sub_con .car_info .info_area p.car_total{font-size:18px; color:#000; line-height:78px;text-align: right;} #sub .sub_con .car_info .info_area p.car_total span{color:##54545;} #sub .sub_con .car_info .info_area p.car_total img{margin-top: -10px;} #sub .sub_con .car_info .info_area p.car_total b{font-size:38px; letter-spacing:-2px;} #sub .sub_con .car_info .info_area p.car_txt{font-size:18px;margin-left: 10px; margin-top: 5px;line-height: 30px;color: #6e6e6e;} #sub .sub_con .detail_request{clear:both; height:80px; background:#f6f6f6; border:1px solid #dfdfdf; padding:20px 30px; margin-top:30px;} #sub .sub_con .detail_request ul{float:left;} #sub .sub_con .detail_request ul li{float:left;} #sub .sub_con .detail_request ul li:last-child{padding-left:20px;} #sub .sub_con .detail_request ul li p{float:left; line-height:40px; padding-right:15px;} #sub .sub_con .detail_request ul li span{display:block; float:left;} #sub .sub_con .detail_request ul li span input.name{width:358px; height:38px; border:1px solid #dedede; padding-left:10px; color:#484848; line-height:38px; display:block; float:left; margin-right:22px;} #sub .sub_con .detail_request ul li span select.phone1{width:118px; height:38px; border:1px solid #dedede; line-height:38px; padding-left:10px; display:block; float:left;} #sub .sub_con .detail_request ul li span input.phone2{width:116px; height:38px; border:1px solid #dedede; line-height:38px; text-align:center; display:block; float:left; margin-left:6px;} #sub .sub_con .detail_request p.btn_request{width:148px; height:40px; line-height:40px; float:right; border-radius:2px; background:#000000;} #sub .sub_con .detail_request p.btn_request a{display:block; text-decoration:none; color:#fff; font-weight:500; font-size:15px; text-align:center;} #sub .sub_con .detail_agree{clear:both; text-align:right; line-height:30px; font-size:13px;} #sub .sub_con .detail_agree label{font-size:13px;} #sub .sub_con .detail_agree a{color:#777; text-decoration:none;} #sub .sub_con .detail_tab{height:46px; margin-top:70px;} #sub .sub_con .detail_tab ul{height:44px; border-bottom:1px solid #ff6767;} #sub .sub_con .detail_tab ul li{width:270px; height:43px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; float:left; text-align:center; line-height:43px; margin-left:3px; font-size:16px; letter-spacing:-1.5px;} #sub .sub_con .detail_tab ul li:first-child{width:274px; margin-left:0;} #sub .sub_con .detail_tab ul li.on{width:269px; height:44px; border-top:1px solid #ff6767; border-right:1px solid #ff6767; border-left:1px solid #ff6767; background:#fff; line-height:44px; font-weight:500; color:#e51837;} #sub .sub_con .detail_tab ul li:first-child.on{width:273px;} #sub .sub_con .detail_tab ul li a{display:block; text-decoration:none; color:#777;} /* 상세페이지 -5개로 추가 181004_by.ksm*/ #sub .sub_con .detail_tab_n{height:46px; margin-top:70px;} #sub .sub_con .detail_tab_n ul{height:44px; border-bottom:1px solid #ff6767;} #sub .sub_con .detail_tab_n ul li{width:215px; height:43px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; float:left; text-align:center; line-height:43px; margin-left:3px; font-size:16px; letter-spacing:-1.5px;} #sub .sub_con .detail_tab_n ul li:first-child{width:215px; margin-left:0;} #sub .sub_con .detail_tab_n ul li.on{width:215px; height:44px; border-top:1px solid #ff6767; border-right:1px solid #ff6767; border-left:1px solid #ff6767; background:#fff; line-height:44px; font-weight:500; color:#e51837;} #sub .sub_con .detail_tab_n ul li:first-child.on{width:215px;} #sub .sub_con .detail_tab_n ul li a{display:block; text-decoration:none; color:#777;} #sub .sub_con .detail_con{margin-top: 20px;text-align: center;} #sub .sub_con .detail_con ul{padding-top:15px; height:auto; overflow:hidden;} #sub .sub_con .detail_con ul li{float:left; width:47%; padding-left:5px; font-size:15px; line-height:25px;} #sub .sub_con .detail_con h6{clear:both; font-size:30px; line-height:40px; color:#000; letter-spacing:-2px; font-weight:400; margin:0; padding:20px 0;} #sub .sub_con .detail_con p.detail_cut{margin-top:20px; clear:both;} #sub .sub_con .detail_con p.detail_cut img{width:100%;} #sub .sub_con .detail_table{margin-top: 40px;margin-bottom: 40px;} #sub .sub_con .detail_table h1{margin-bottom: 30px; font-size: 34px; font-weight: 600; text-align: center; color: #000;} #sub .sub_con .detail_table h1 span{color: #aa2100;} table.vstable {width:100%;} table.vstable tr:nth-child(1) td { background:#aa2100 !important; color:#fff; line-height:50px; font-weight:600; font-size:17px;} table.vstable tr td:nth-child(1) { background:#e9e9e9 ; border-color:#fff; } table.vstable tr td:last-child { border-right:1px solid #e3e3e3; } table.vstable tr td { text-align:center; border-bottom:1px solid #e3e3e3; line-height:50px; font-size:16px; } #sub .sub_con .detail_tab_n{height:46px; margin-top:70px;} #sub .sub_con .detail_tab_n ul{height:44px; border-bottom:1px solid #ff6767;} #sub .sub_con .detail_tab_n ul li{width:215px; height:43px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; float:left; text-align:center; line-height:43px; margin-left:3px; font-size:16px; letter-spacing:-1.5px;} #sub .sub_con .detail_tab_n ul li:first-child{width:215px; margin-left:0;} #sub .sub_con .detail_tab_n ul li.on{width:215px; height:44px; border-top:1px solid #ff6767; border-right:1px solid #ff6767; border-left:1px solid #ff6767; background:#fff; line-height:44px; font-weight:500; color:#e51837;} #sub .sub_con .detail_tab_n ul li:first-child.on{width:215px;} #sub .sub_con .detail_tab_n ul li a{display:block; text-decoration:none; color:#777;} /* 장기렌트 VS 신차할부 : 180423 추가 (by.jhj)*/ #sub .sub_con .detail_con .vs_box{padding-bottom:20px;} #sub .sub_con .detail_con .vs_box h4{color:#000; font-size:27px; font-weight:400; letter-spacing:-1.5px;} #sub .sub_con .detail_con .vs_box p.tip_txt{clear:both; font-size:15px; color:#666; padding-top:15px;} #sub .sub_con .detail_con .vs_box .vs_rent{margin-top:30px; position:relative;} #sub .sub_con .detail_con .vs_box .vs_rent strong{width:100px; display:block; font-weight:500; float:left; font-size:20px; color:#000; line-height:40px; letter-spacing:-1.5px;} #sub .sub_con .detail_con .vs_box .vs_rent p{width:800px; float:left; height:50px; line-height:50px; color:#fff; font-size:17px; text-align:center; background:#f04040; letter-spacing:-1px;} #sub .sub_con .detail_con .vs_box .vs_rent p b{font-size:20px;} #sub .sub_con .detail_con .vs_box .vs_rent span.sale_area{display:block; float:left; margin-left:5px; width:189px; height:46px; border:2px solid #f04040; background:url('bg_sale_area.png') no-repeat 0 0; text-indent:-9999px;} /*#sub .sub_con .detail_con .vs_box .vs_rent span.sale_price{width:250px; display:block; position:absolute; top:-45px; right:0; padding-bottom:25px; font-weight:600; text-align:right; font-size:18px; letter-spacing:-1px; color:#000; line-height:20px; background:url('arrow_sale_area.png') no-repeat 140px bottom;} */ #sub .sub_con .detail_con .vs_box .vs_rent span.sale_price{width:550px; display:block; position:absolute; top:-45px; right:0; padding-bottom:25px; font-weight:600; text-align:right; font-size:18px; letter-spacing:-1px; color:#000; line-height:20px; background:url('arrow_sale_area.png') no-repeat 440px bottom;} #sub .sub_con .detail_con .vs_box .vs_rent span.sale_price b{color:#f04040;} #sub .sub_con .detail_con .vs_box .vs_newCar{clear:both; padding-top:15px;} #sub .sub_con .detail_con .vs_box .vs_newCar strong{width:100px; display:block; font-weight:500; float:left; font-size:20px; color:#000; line-height:50px; letter-spacing:-1.5px;} #sub .sub_con .detail_con .vs_box .vs_newCar p{width:1000px; float:left; height:50px; line-height:50px; color:#fff; font-size:17px; text-align:center; background:#9f9f9f; letter-spacing:-1px;} #sub .sub_con .detail_con .vs_box .vs_newCar p b{font-size:17px;} /*#detail_input {background-image: url('http://smartrent1212.cafe24.com/Like/web/INPUT_01.png');} */ #detail_input {width: 1100px;height: 7000px; text-align: center;} #detail_input .inputimg {background-image: url('http://smartrent1212.cafe24.com/Like/web/INPUT_01.png');width: 1000px;height: 600px;margin-left: 50px;} #detail_input .inputimg form {padding-top:200px;} #detail_input .inputimg form ul li {display: inline-block;margin-bottom: 10px; } #detail_input .inputimg form ul li input.name2 { width: 900px; height: 60px; border: 1px solid #dedede; padding-left: 10px; margin-left: 50px; color: #000000; line-height: 38px; display: block; float: left; border-radius: 10px; border-style: solid; border-width: 2px; border-color: #0abc93; } #detail_input .inputimg form ul li input.name2::placeholder { font-size:1.2em; } #detail_input .inputimg form ul li span {} #detail_input .inputimg form ul li span select{ width: 290px; height: 60px; border: 1px solid #dedede; padding-left: 10px; margin-left: 50px; color: #000000; line-height: 38px; display: block; float: left; border-radius: 10px; border-style: solid; border-width: 2px; border-color: #0abc93; font-size:1.2em; } #detail_input .inputimg form ul li span input{} #detail_input .inputimg form ul li span input.phone2{ width: 300px; height: 60px; border: 1px solid #dedede; padding-left: 10px; margin-left: 5px; color: #0abc93; line-height: 38px; display: block; float: left; border-radius: 10px; border-style: solid; border-width: 2px; border-color: #0abc93; } #detail_input .inputimg form ul li div img{margin-left: 50px;margin-top: 10px;} #detail_input .inputimg form ul .detail_agree{ clear: both; text-align: center; line-height: 30px; font-size: 13px; color:#000000; } #detail_input .inputimg form ul .detail_agree label{font-size:15px;color:#648f95;} #detail_input .inputimg form ul .detail_agree a{font-size:15px;color:#648f95; text-decoration:none;} /* 프로모션 */ #sub .sub_con .promotion_list{margin-top:50px; height:auto; overflow:hidden; clear:both;} #sub .sub_con .promotion_list dl{width:350px; margin-left:25px; float:left;} #sub .sub_con .promotion_list dl:first-child{margin:0;} #sub .sub_con .promotion_list dl dt img{display:block;} #sub .sub_con .promotion_list dl dd{padding-top:15px;} #sub .sub_con .promotion_list dl dd p{font-size:21px; color:#000; line-height:30px; font-weight:300;} #sub .sub_con .promotion_list dl dd span{display:block; font-size:15px;} #sub .sub_con .pro_bg01{background:url('promotion_bg.png') no-repeat 0 0 #baeef2;} #sub .sub_con .pro_bg02{background:url('promotion_bg.png') no-repeat 0 0 #ffec9f;} #sub .sub_con .pro_bg03{background:url('promotion_bg.png') no-repeat 0 0 #d0f6df;} #sub .sub_con .promotion{margin-top:60px; padding-bottom:45px;} #sub .sub_con .promotion .pro_title01{font-family:Hanna; font-size:100px; color:#26489e; line-height:105px; letter-spacing:-3px; text-align:center; padding-top:100px;} #sub .sub_con .promotion .pro_title02{font-family:Hanna; font-size:100px; color:#ff7e00; line-height:105px; letter-spacing:-3px; text-align:center; padding-top:100px;} #sub .sub_con .promotion .pro_title03{font-family:Hanna; font-size:100px; color:#287259; line-height:105px; letter-spacing:-3px; text-align:center; padding-top:100px;} #sub .sub_con .promotion .pro_text01{font-family:Hanna; color:#000; font-size:35px; line-height:40px; letter-spacing:-1px; text-align:center; padding-top:5px;} #sub .sub_con .promotion .pro_text02{color:#000; font-size:22px; line-height:30px; letter-spacing:-1px; text-align:center; padding-top:5px; margin-top:30px; font-weight:300;} #sub .sub_con .promotion .pro_date01{width:300px; margin:25px auto 0; background:#26489e; padding:0 20px; font-family:Hanna; color:#fff; font-size:25px; line-height:40px; letter-spacing:-1px; text-align:center; border-radius:20px;} #sub .sub_con .promotion .pro_date02{width:300px; margin:25px auto 0; background:#ff7e00; padding:0 20px; font-family:Hanna; color:#fff; font-size:25px; line-height:40px; letter-spacing:-1px; text-align:center; border-radius:20px;} #sub .sub_con .promotion .pro_date03{width:300px; margin:25px auto 0; background:#287259; padding:0 20px; font-family:Hanna; color:#fff; font-size:25px; line-height:40px; letter-spacing:-1px; text-align:center; border-radius:20px;} #sub .sub_con .promotion .pro_img{display:block; padding-top:60px; margin-bottom:40px; position:relative;} #sub .sub_con .promotion .pro_img p{width:1100px; position:absolute; left:0; bottom:80px; text-align:center; color:#fff; font-size:18px;} #sub .sub_con .promotion .pro_box01{margin:20px 45px 0; height:auto; overflow:hidden; background:#fff; border-radius:5px; position:relative;} #sub .sub_con .promotion .pro_box01 .ico_pro_special{position:absolute; top:15px; left:15px;} #sub .sub_con .promotion .pro_box01 .pro_car{width:400px; float:left; padding-left:20px;} #sub .sub_con .promotion .pro_box01 .pro_car img{width:350px; display:block; margin:0 auto; padding-top:15px;} #sub .sub_con .promotion .pro_box01 .pro_entry{width:550px; float:right; padding:40px 30px 35px 0;} #sub .sub_con .promotion .pro_box01 .pro_entry p.pro_car_info{font-size:16px; color:#000; line-height:30px; padding-bottom:10px;} #sub .sub_con .promotion .pro_box01 .pro_entry p.pro_car_info strong{font-weight:300; font-size:30px; padding-left:95px;} #sub .sub_con .promotion .pro_box01 .pro_entry p.pro_car_info .special_text01{background:url('pro_special_text01.png') no-repeat 0 center;} #sub .sub_con .promotion .pro_box01 .pro_entry p.pro_car_info .special_text02{background:url('pro_special_text02.png') no-repeat 0 center;} #sub .sub_con .promotion .pro_box01 .pro_entry p.pro_car_info .special_text03{background:url('pro_special_text03.png') no-repeat 0 center;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request{float:left;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl{display:block; height:40px; margin-top:10px; clear:both;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dt{width:55px; float:left; line-height:38px; font-size:14px; color:#555555; letter-spacing:-1px;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dd{width:350px; float:left;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dd input.name{width:338px; height:38px; line-height:38px; border:1px solid #d0d0d0; background:#f9f9f9; padding-left:10px; font-size:13px;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dd select.mobile1{width:110px; height:40px; display:block; line-height:40px; border:1px solid #d0d0d0; background:#f9f9f9; font-size:13px; float:left;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dd input.mobile2{width:108px; height:38px; display:block; line-height:38px; border:1px solid #d0d0d0; background:#f9f9f9; text-align:center; font-size:13px; float:left; margin-left:10px;} #sub .sub_con .promotion .pro_box01 .pro_entry .pro_request dl dd input.mobile3{width:108px; height:38px; display:block; line-height:38px; border:1px solid #d0d0d0; background:#f9f9f9; text-align:center; font-size:13px; float:right;} #sub .sub_con .promotion .pro_box01 .pro_entry .btn_pro{width:135px; height:70px; float:right; border-radius:2px; background:#e71828; margin-top:10px; padding-top:20px;} #sub .sub_con .promotion .pro_box01 .pro_entry .btn_pro a{display:block; color:#fff; text-decoration:none; text-align:center; font-size:17px;} /* 롯데오토리스 소개 - 탭, 공통영역 */ #sub .sub_con .about_tab{clear:both; background:#fff; margin-top:50px;} #sub .sub_con .about_tab ul.about_menu{height:43px; } #sub .sub_con .about_tab ul.about_menu li{width:219px; line-height:43px; background:#c0c0c0; color:#fff; font-weight:400; margin-left:1px; float:left; text-align:center;} #sub .sub_con .about_tab ul.about_menu li:first-child{width:220px; margin-left:0;} #sub .sub_con .about_tab ul.about_menu li a{display:block; text-decoration:none; font-size:16px;} #sub .sub_con .about_tab ul.about_menu li a.on{background:#ff6767;} #sub .sub_con .about_tab h5{background:url('bg_about_bar.png') repeat-x 0 bottom; color:#e71828; font-size:35px; line-height:80px; font-weight:400; padding-top:20px;} #sub .sub_con .about_tab h6{color:#000; font-size:23px; line-height:30px; font-weight:400; margin:0; padding-top:70px;} /* 롯데오토리스 소개 - 롯데 오토리스? */ #sub .sub_con .about_tab .about01 .lease_use{padding-top:10px; height:auto; overflow:hidden;} #sub .sub_con .about_tab .about01 .lease_use dl{width:550px; float:left; margin-top:20px; display:table;} #sub .sub_con .about_tab .about01 .lease_use dl dt{width:120px; display:table-cell;} #sub .sub_con .about_tab .about01 .lease_use dl dd{height:120px; display:table-cell; vertical-align:middle; padding-left:30px;} #sub .sub_con .about_tab .about01 .lease_use dl dd strong{display:block; font-size:20px; color:#000; font-weight:400;} #sub .sub_con .about_tab .about01 .lease_use dl dd p{padding-top:13px; font-size:15px; line-height:20px;} #sub .sub_con .about_tab .about01 .lease_pro_box{height:392px; background:url('about01_bg01.png') no-repeat 0 0; margin:25px 0 30px;} #sub .sub_con .about_tab .about01 .lease_pro_box p{color:#7f520f; font-size:22px; line-height:30px; text-align:center; padding-top:60px;} #sub .sub_con .about_tab .about01 .lease_pro_box p b{font-weight:500; color:#e41737;} #sub .sub_con .about_tab .about01 .maintenance_box{border:1px solid #ddd; background:#f9f9f9; padding:30px; border-radius:5px; margin-top:50px;} #sub .sub_con .about_tab .about01 .maintenance_box strong{font-weight:400; color:#e41737; font-size:16px;} #sub .sub_con .about_tab .about01 .maintenance_box p{padding-top:20px;} /* 롯데오토리스 소개 - 법인사업자리스, 개인사업자리스(공통) */ #sub .sub_con .about_tab .about02 .choice_lease{padding:10px 0 25px; height:auto; overflow:hidden;} #sub .sub_con .about_tab .about02 .choice_lease dl{width:550px; float:left; margin-top:20px; display:table;} #sub .sub_con .about_tab .about02 .choice_lease dl dt{width:98px; display:table-cell;} #sub .sub_con .about_tab .about02 .choice_lease dl dd{height:98px; display:table-cell; vertical-align:middle; padding-left:20px;} #sub .sub_con .about_tab .about02 .choice_lease dl dd strong{display:block; font-size:20px; color:#000; font-weight:400;} #sub .sub_con .about_tab .about02 .choice_lease dl dd p{padding-top:13px; font-size:15px; line-height:20px;} #sub .sub_con .about_tab .about02 .choice_box{background:#f9f9f9; border:1px solid #ddd; border-radius:10px; padding:30px 30px 30px 0; margin-top:20px;} #sub .sub_con .about_tab .about02 .choice_box dl{display:table;} #sub .sub_con .about_tab .about02 .choice_box dl dt{width:215px; display:table-cell; vertical-align:middle;} #sub .sub_con .about_tab .about02 .choice_box dl dt img{display:block; margin:0 auto;} #sub .sub_con .about_tab .about02 .choice_box dl dd{width:850px; display:table-cell; vertical-align:middle;} #sub .sub_con .about_tab .about02 .choice_box dl dd strong{display:block; color:#e51837; font-weight:400; font-size:20px;} #sub .sub_con .about_tab .about02 .choice_box dl dd p{color:#4c4c4c; font-size:15px; padding-top:13px;} #sub .sub_con .about_tab .about02 .choice_box dl dd div.choice_add{height:auto; overflow:hidden; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;} #sub .sub_con .about_tab .about02 .choice_box dl dd div.choice_add span{display:block; float:left; width:45%;} /* 롯데오토리스 소개 - 무보증리스 */ #sub .sub_con .about_tab .about04{} #sub .sub_con .about_tab .about04 p{font-size:15px;} #sub .sub_con .about_tab .about04 .no_guarantee{height:120px; background:url('about04_bg01.png') no-repeat 0 0; padding-left:395px; margin-top:30px; padding-top:20px;} #sub .sub_con .about_tab .about04 .zero_text{font-size:30px; color:#e71828; padding-top:35px; letter-spacing:-2px;} /* 롯데오토리스 소개 - 저신용자리스 */ #sub .sub_con .about_tab .about05{} #sub .sub_con .about_tab .about05 .lease_lowCredit_box{height:392px; background:url('about05_bg01.png') no-repeat 0 0; margin:25px 0 30px;} #sub .sub_con .about_tab .about05 .lease_lowCredit_box strong{display:block; color:#2d80c7; font-size:30px; line-height:30px; text-align:center; font-weight:400; letter-spacing:-2px; padding-top:60px;} #sub .sub_con .about_tab .about05 .lease_lowCredit_box p{color:#000; font-size:20px; line-height:28px; font-weight:300; text-align:center; padding-top:15px;} /* 자주하는질문 */ #sub .sub_con .accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden; border-top:2px solid #dfdfdf; margin-top:40px;} #sub .sub_con .accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0} #sub .sub_con .accordionWrapper div{width:1100px; margin:auto;} #sub .sub_con .accordionWrapper div.title{cursor:pointer; border-bottom:1px solid #dfdfdf; background:url('ico_q.png') no-repeat 15px 12px; padding:15px 0 15px 60px; font-size:15px;} #sub .sub_con .accordionWrapper div.content{display:none; background-color:#f9f9f9 !important; border-bottom:1px solid #dfdfdf; background:url('ico_a.png') no-repeat 17px 14px; padding:15px 15px 15px 60px; line-height:21px; font-size:15px;} /* speed service */ #sub .sub_con .speed_service{clear:both; border-top:2px solid #000; border-bottom:1px solid #dedede; height:auto; overflow:hidden; margin-top:100px;} #sub .sub_con .speed_service .request_box01{width:550px; height:250px; padding-top:50px; float:left; background:url('request_bg.png') no-repeat right bottom;} #sub .sub_con .speed_service .request_box01 p.request_title{font-size:38px; line-height:38px; color:#000; letter-spacing:-3px; padding:5px 0 13px;} #sub .sub_con .speed_service .request_box01 p.request_title b{font-family:NanumGothic; font-size:40px; font-weight:600;} #sub .sub_con .speed_service .request_box01 p.request_text{font-size:19px; color:#000; font-weight:300; letter-spacing:-1px;} #sub .sub_con .speed_service .request_box01 span{display:block; padding-top:20px; font-size:15px; line-height:21px; font-weight:300;} #sub .sub_con .speed_service .request_box02{width:450px; height:260px; padding:40px 50px 0; background:#f9f9f9; float:left;} #sub .sub_con .speed_service .request_box02 dl{display:block; height:40px; margin-top:10px; clear:both;} #sub .sub_con .speed_service .request_box02 dl dt{width:100px; float:left; line-height:29px; font-size:14px; color:#555555; letter-spacing:-1px;} #sub .sub_con .speed_service .request_box02 dl dd{width:348px; float:left;} #sub .sub_con .speed_service .request_box02 dl dd input.name{width:336px; height:38px; line-height:38px; border:1px solid #d0d0d0; padding-left:10px; font-size:13px;} #sub .sub_con .speed_service .request_box02 dl dd select.phone_num1{width:110px; height:40px; display:block; line-height:40px; border:1px solid #d0d0d0; font-size:13px; float:left;} #sub .sub_con .speed_service .request_box02 dl dd input.phone_num2{width:110px; height:38px; display:block; line-height:38px; border:1px solid #d0d0d0; text-align:center; font-size:13px; float:left; margin-left:7px;} #sub .sub_con .speed_service .request_box02 dl dd input.phone_num3{width:110px; height:38px; display:block; line-height:38px; border:1px solid #d0d0d0; text-align:center; font-size:13px; float:right;} #sub .sub_con .speed_service .request_box02 dl dd select.normal{width:348px; height:40px; display:block; line-height:40px; border:1px solid #d0d0d0; font-size:13px;} #sub .sub_con .speed_service .request_box02 p.agree_option{padding-top:20px; text-align:center;} #sub .sub_con .speed_service .request_box02 p.agree_option span.btn_view a{text-decoration:none; color:#777; font-size:13px;} #sub .sub_con .speed_service .request_box02 p.btn_request2{clear:both; margin:20px auto 0; width:300px;} #sub .sub_con .speed_service .request_box02 p.btn_request2 a{display:block; line-height:48px; border-radius:2px; color:#fff; background:#e71828; font-weight:400; font-size:18px; text-align:center; text-decoration:none; letter-spacing:-1px;} /* 차량정보 - 장기렌트 VS 신차할부 : 180914 추가(by.ksm) */ #sub .sub_con .detail_con .vs_box_n{display:table; clear:both; padding-bottom:60px;} #sub .sub_con .detail_con .vs_box p.tip_txt{clear:both; font-size:14px; color:#666; padding-top:15px;} #sub .sub_con .detail_con .vs_box_n .rentBox{width:500px; display:table-cell; background:#f04040; border-radius:20px; padding:50px 0; text-align:center; position:relative;} #sub .sub_con .detail_con .vs_box_n .rentBox p{margin:0; padding:0;} #sub .sub_con .detail_con .vs_box_n .rentBox strong{display:block; font-size:20px; color:#ffe56c; font-weight:400; line-height:35px; padding-top:20px; letter-spacing:-1.5px;} #sub .sub_con .detail_con .vs_box_n .rentBox em{font-style:normal; font-weight:600; font-size:30px;} #sub .sub_con .detail_con .vs_box_n .rentBox .art_item{border-top:1px solid #fff; padding:20px 0; margin:20px 40px 0; font-size:17px; font-weight:600; color:#fff;} #sub .sub_con .detail_con .vs_box_n .rentBox .pay_price{width:500px; position:absolute; bottom:-50px; text-align:center; color:#f04040; font-size:20px; line-height:30px; font-weight:600; letter-spacing:-1px;} #sub .sub_con .detail_con .vs_box_n .rentBox .pay_price span{font-size:25px;} #sub .sub_con .detail_con .vs_box_n .vsText{width:140px; display:table-cell; text-align:center; vertical-align:middle;} #sub .sub_con .detail_con .vs_box_n .newcarBox{width:500px; display:table-cell; background:#9f9f9f; border-radius:20px; padding:50px 0; text-align:center; position:relative;} #sub .sub_con .detail_con .vs_box_n .newcarBox p{margin:0; padding:0;} #sub .sub_con .detail_con .vs_box_n .newcarBox strong{display:block; font-size:20px; color:#fff; font-weight:400; line-height:35px; padding-top:20px; letter-spacing:-1.5px;} #sub .sub_con .detail_con .vs_box_n .newcarBox em{font-style:normal; font-weight:600; font-size:30px;} #sub .sub_con .detail_con .vs_box_n .newcarBox .art_item{border-top:1px solid #fff; padding:20px 0; margin:20px 40px 0; font-size:17px; font-weight:600; color:#fff;} #sub .sub_con .detail_con .vs_box_n .newcarBox .pay_price{width:500px; position:absolute; bottom:-50px; text-align:center; font-size:20px; line-height:30px; font-weight:600; letter-spacing:-1px;} #sub .sub_con .detail_con .vs_box_n .newcarBox .pay_price span{font-size:25px;} #sub .sub_con .detail_con .vs_compare{background:url('vs_arrow_up.png')no-repeat center 0; padding-top:20px;} #sub .sub_con .detail_con .vs_compare p{background:#ffd71b; color:#000; text-align:center; font-size:20px; border-radius:10px; font-weight:600; letter-spacing:-1px; margin:0;padding:20px 0;} #sub .sub_con .detail_con .vs_compare p span{color:#f04040;} #sub .sub_con .detail_con .vs_compare p span b{font-size:25px;} /* 선수금 보증금_181004 by.ksm*/ .money_box{width:1100px; background:#fff; border-radius:20px; text-align:center; position:relative; border:1px solid #cdcdcd; height:auto; overflow:hidden;} .money_box .car_name{width:100%; border-top-left-radius:20px; border-top-right-radius:20px; background:#f6f6f6; text-align:center; position:relative; border-bottom:1px solid #cdcdcd; line-height:65px; font-size:24px; } .money_box .car_mon01{float:left; position:relative; width:549px; text-align:center; position:relative; border-right:1px solid #cdcdcd; padding:30px 0; height:100px; line-height:50px;} .money_box .car_mon01 p{width:280px; border-radius:20px; background:#007bc2; text-align:center; line-height:42px; color:#fff; font-size:18px; margin: 0 auto;} .money_box .car_mon01 b{font-size:48px; font-weight:600;} .money_box .car_mon02{width:550px; text-align:center; position:relative; float:right; padding:30px 0;height:100px; line-height:50px;} .money_box .car_mon02 p{width:280px; border-radius:20px; background:#05ae6c; text-align:center; line-height:42px; color:#fff; font-size:18px; margin: 0 auto;} .money_box .car_mon02 b{font-size:48px; font-weight:600;} .money_box .car_text01 {float:left; position:relative; width:550px; border-bottom-left-radius:20px; background:#007bc2; text-align:center; color:#fff; padding:15px 0; line-height:22px;} .money_box .car_text02 {float:right; position:relative; width:550px; border-bottom-right-radius:20px; background:#05ae6c; text-align:center;color:#fff; padding:15px 0; line-height:22px;} /* 랜트료조건사항_181004 by.ksm*/ .rent_of{width:1100px; background:#fff;position:relative; border-top:2px solid #323232; height:auto; overflow:hidden;} .rent_of li{width:550px; background:#fff;position:relative; border-bottom:1px solid #cdcdcd; padding:15px 0; display:table; float:left; height:60px; } .rent_of li .lh60{line-height:60px;} .rent_of p{width:100px; display:table-cell; vertical-align:middle;} .rent_of b{font-size:18px; font-weight:600; color:#ff2627;} .rent_of span{display:table-cell; vertical-align:middle;} /* 빠른상담신청_190129 by.ksm*/ .lease_box{border:1px solid #ddd; background:#f7f7f7; padding:5%; margin-top:5%;} .lease_box .company_view{display:table; margin-top:3%;} .lease_box .company_view p.rank_ico{width:120px; display:table-cell; vertical-align:middle;} .lease_box .company_view p.rank_ico img{display:block; width:100%;} .lease_box .company_view .rank_info{width:75%; padding-left:5%;display:table-cell; vertical-align:middle;} .lease_box .company_view .rank_info p{width:100%; display:table;} .lease_box .company_view .rank_info p strong{width:50%; display:table-cell;} .lease_box .company_view .rank_info p strong img{width:100%;} .lease_box .company_view .rank_info p em{display:table-cell; width:50%; font-style:normal; text-align:right; font-size:14px; color:#e71828; font-weight:500;} .lease_box .company_view .rank_info progress{display:table-cell; width:100%; height:30px; background:#ddd; margin-top:4%; border:0; color:#ffa030;} .lease_box .company_view .rank_info progress::-webkit-progress-bar{height:30px; background:#ddd; border:0;} .lease_box .company_view .rank_info progress::-webkit-progress-value{background:#ffa030;} /* .lease_box .company_view .rank_info progress::-moz-progress-bar{height:30px; background:#ddd; border:0;} .lease_box .company_view .rank_info progress::-moz-progress-value{background:#ffa030;} */ .company_list{height:auto; overflow:hidden; padding:3% 0;} .company_list dl{width:30%; float:left; margin-right:5%; padding-top:3%;} .company_list dl:nth-child(3n){margin-right:0;} .company_list dl dt img{width:100%;} .company_list dl dd{text-align:center; font-size:14px; line-height:14px; background:#f7f7f7; border:1px solid #ddd; padding:5% 0; margin-top:2%;} .company_list dl dd.lotte{background:#fff6f6; border:1px solid #e71828; color:#e71828;} #sub .sub_con .footer{margin-top: 20px;text-align: center;}