/* ########################################################################################################### Main : ������� ����. ########################################################################################################### */ div.container.inner-main-search{border-bottom:0px solid #4677af;margin-bottom:10px;} body.main div.container.mid-search{position:relative;margin-top:0px;border-bottom:0px solid #ccd3d9;padding-bottom:10px;overflow:hidden;} div.container.mid-search{position:relative;margin-top:10px;} div.container.mid-search h2{font-size:26px;color:#3f9adc;margin-bottom:15px;padding-bottom:5px;} div.container.mid-search div.mid-search{float:left;padding:10px;} div.container.mid-search div.mid-search.quick-quest{width:140px;height:222px;position:relative;} div.container.mid-search div.mid-search.quick-quest dl{display:table;width:100%;margin-bottom:5px;} div.container.mid-search div.mid-search.quick-quest dl dt{font-size:12px;height:18px;line-height:18px;} div.container.mid-search div.mid-search.quick-quest dl dd{} div.container.mid-search div.mid-search.quick-quest dl dd input[type="text"], div.container.mid-search div.mid-search.quick-quest dl dd textarea{border:2px solid #bbcfdc;padding:2.5px;width:130px;} div.container.mid-search div.mid-search.quick-quest dl dd input[type="text"]:focus, div.container.mid-search div.mid-search.quick-quest dl dd textarea:focus{border:2px solid #429fe0;} div.container.mid-search div.mid-search.quick-quest dl dd input[type="text"]{height:16px;line-height:16px;} div.container.mid-search div.mid-search.quick-quest dl dd input[type="text"].tel3{width:25px;} div.container.mid-search div.mid-search.quick-quest dl dd input[type="text"].tel4{width:40px;} div.container.mid-search div.mid-search.quick-quest dl dd textarea{height:41px;} div.container.mid-search div.mid-search.quick-quest dl dd button{height:48px;margin-top:4px;} /* ���������� ��¥ */ div.banner-show{position:absolute;color:#fff;font-size:14px;} #show_count_counsel{top:167px;right:40px;font-weight:bold;} #show_date_counsel{top:153px;left:40px;font-size:11px;} div.container.mid-search div.mid-search.search-model.main-search-model{ width:280px;height:242px;padding:0; background-image:url("/img.autoclass/main/title.main.search.png"); background-repeat:no-repeat; background-position:24px 15px; background-color:#0186bf; border-color: #4677af; border-style:solid; border-width:0 0px 0px 0px; } div.container.mid-search div.mid-search.search-model.main-search-model h2{width: auto; color: #fff; text-align: center; margin: 0; padding-top: 4px; padding-bottom: 4px;text-indent:-2048px;} div.container.mid-search div.mid-search.search-model.main-search-model h2.no-bg{background:none;color:#444;text-align:left;text-indent:0;} div.container.mid-search div.mid-search.search-model.main-search-model div.search-tab{margin:10px;margin-bottom:0;} div.container.mid-search div.mid-search.search-model.main-search-model div.search-content{padding:10px 10px 5px;margin:0px 10px;background-color:#fff;} div.container.mid-search div.search-tab{display:table;width:100%;} div.container.mid-search div.search-tab a.search-tab{ display:block;text-align:center;float:left;padding:3px 0; font-size:14px;background-color:#444;color:#fff; border-style:solid; border-color:#fff; border-width:1px 0px 0px 1px; } div.container.mid-search div.search-tab a.search-tab.sel-model{width:74px;} div.container.mid-search div.search-tab a.search-tab.sel-price{width:78px;} div.container.mid-search div.search-tab a.search-tab.sel-refunds{width:104px;} div.container.mid-search div.search-tab a.search-tab:hover{background-color:#a4c2e1;} div.container.mid-search div.search-tab a.search-tab.end{border-width:1px 1px 0px 1px;} div.container.mid-search div.search-tab a.search-tab.active{background-color:#fff;color:#444;} div.container.mid-search div.search-content{} div.container.mid-search div.search-content .cap-search-content{display:none;} div.container.mid-search div.search-content .cap-search-content.active{display:block;} div.container.mid-search div.search-content .search-content-ul.model{display:table;width:100%;} div.container.mid-search div.search-content .search-content-ul.model li.search-content-li{ border:2px solid #ccc;font-weight:bold;color:#5da2c5;cursor:pointer; background-image:url("/img.autoclass/main/re_search_dis.png"); background-repeat: no-repeat; background-position:210px 18px; padding:16px 11px;font-size:18px;background-color:#fff; margin-bottom:10px; } div.container.mid-search div.search-content .search-content-ul.model li.search-content-li.active{border:2px solid #5da2c5; background-image:url("/img.autoclass/main/re_search_en.png"); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } div.container.mid-search div.search-content div.search-content-div{display:table;width:260px;height:109px;border:0px solid #ccc;} div.container.mid-search div.search-content div.search-content-div h2{text-align:center;font-size:13px;padding-bottom:0;border:0;margin:5px 0 10px;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select{display:block;width:150px;float:left;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select li{display:block;width:150px;float:left;height:50px;line-height:28px;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select li span.custom-combobox{display:block;width:140px;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select li span.custom-combobox input{width:85px;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select li span.custom-combobox a{right:0;} div.container.mid-search div.search-content div.search-content-div ul.ul-form-select li.li-form-select{margin:4px 2px;} div.container.mid-search .mid-search.search-model.main-search-model .cap-search-content.price input.custom-combobox-input{height:35px;line-height:35px;background-color:#fff;} div.container.mid-search div.search-content .cap-search-content.price button{ height:106px;width:78px;margin:4px 2px;padding:5px;background-color:#429fe0; background-image: url("/img.autoclass/common/icon.hand.png"); background-repeat: no-repeat; background-position: 30px 68px; } div.container.mid-search div.search-content .search-content-ul-refunds{display:table;width:100%;} div.container.mid-search div.search-content .search-content-ul-refunds li.search-content-li-refunds{ margin-bottom:10px;border:2px solid #ccc;font-weight:bold;color:#5da2c5;cursor:pointer; background-image:url("/img.autoclass/main/re_search_dis.png"); background-repeat: no-repeat; background-position:230px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -moz-opacity: 0.8; /* Netscape */ -khtml-opacity: 0.8; /* Safari 1.x */ opacity: 0.8; /* Good browsers */ padding:16px 11px;background-position:210px 18px;font-size:18px;background-color:#fff; } div.container.mid-search div.search-content .search-content-ul-refunds li.search-content-li-refunds.active{border:2px solid #5da2c5; background-image:url("/img.autoclass/main/re_search_en.png"); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } div.container.mid-search div.search-content button{height:32px;margin-top:9px;} div.container.mid-search div.mid-search.mid-banner{padding:0;width:533px;height:242px;overflow:hidden;} /*div.container.mid-search div.mid-search.mid-banner.right-main-banner{background-image:url("/img.autoclass/banner/main/banner.main.right.png");background-repeat: no-repeat;background-position:0 bottom}*/ div.container.mid-search div.mid-search.mid-banner.right-main-banner{background-image:url("/img.autoclass/banner/main/bg.main.banner.right.png");background-repeat: no-repeat;background-position:0 bottom} body.child div.container.mid-search div.mid-search.mid-banner.right-main-banner{background-image:url("/img.autoclass/banner/main/bg.main.banner.right.child.png");} #right-main-banner{position:relative;top:10px;} #right-main-banner dl.main-banner-right{position:absolute;left:20px;} #right-main-banner dl.main-banner-right dt{float:left;height:30px;} #right-main-banner dl.main-banner-right dt img{margin-top:3px;} #right-main-banner dl.main-banner-right dt img.item-title{display:none;} #right-main-banner dl.main-banner-right dd{float:left;height:30px;width:300px;margin-left:10px;position:relative;overflow:hidden;} #right-main-banner dl.main-banner-right dd img.item-banner-right{position:absolute;left:-300px;} #right-main-banner dl.main-banner-right.step-1{top:110px;} #right-main-banner dl.main-banner-right.step-2{top:150px;} div.container.mid-search #search-result{position:absolute;width:553px;height:238px;left:422px;top:0;background-color:#fff;border:2px solid #3f9adc;display:none;} div.container.mid-search #search-result h2{border-bottom:0;} div.container.mid-search #search-result img#search-result-arrow-left{position:absolute;left:-10px;top:73px;} div.container.mid-search #search-result img#search-result-arrow-left.manufacture{top:98px;} div.container.mid-search #search-result img#search-result-arrow-left.model{top:172px;} div.container.mid-search #search-result img#search-result-arrow-left.lineup{top:170px;} div.container.mid-search #search-result #search-result-content{padding:10px;} div.container.mid-search #search-result img.close-main-search{cursor:pointer;position:absolute;right:10px;top:10px;} div.container.mid-search #search-result h2#search-result-content-h2{color:#999;font-size:13px;} div.container.mid-search #search-result #search-result-content-h2 em{font-weight:bold;font-size:16px;font-style: normal;color:#3f9adc;} div.container.mid-search #search-result div.main_search_result{height:215px;overflow:auto;} div.container.mid-search #search-result div.main_search_result div.user_search_result_division{display:table;float:left;border-left:1px solid #ccc;} div.container.mid-search #search-result div.main_search_result div.user_search_result_division.no-result{width:495px;height:200px;line-height:200px;text-align:center;border:0;} div.container.mid-search #search-result div.main_search_result div.user_search_result_division.start{border-left:0;} div.container.mid-search #search-result div.main_search_result div.user_search_result_division.end{border-right:0;} div.container.mid-search #search-result div.main_search_result span.user_search_result{position:relative;display:block;padding:3px;border:2px solid #fff;cursor:pointer;width:105px;height:14px;line-height:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: 2px 4px;font-size:15px;} div.container.mid-search #search-result div.main_search_result span.user_search_result:hover{background-color:#a4c2e1;} div.container.mid-search #search-result div.main_search_result span.user_search_result.manufacture{} div.container.mid-search #search-result div.main_search_result span.user_search_result.model{} div.container.mid-search #search-result div.main_search_result span.user_search_result.lineup{width:235px;} div.container.mid-search #search-result div.main_search_result span.user_search_result.active{border:2px solid #0767ac;background-color:#429fe0;color:#fff;} div.container.mid-search #search-result div.main_search_result span.user_search_result span.user_search_result_price{font-weight:bold;color:#3f9adc;position:absolute;right:5px;} div.container.mid-search #search-result div.main_search_result span.user_search_result.active span.user_search_result_price{color:#fff;} div.container.mid-search #search-result-refunds{position:absolute;width:553px;height:238px;left:422px;top:0;background-color:#fff;border:2px solid #3f9adc;display:none;} div.container.mid-search #search-result-refunds img#search-result-arrow-left-refunds{position:absolute;left:-10px;top:73px;} div.container.mid-search #search-result-refunds img#search-result-arrow-left-refunds.model{top:98px;} div.container.mid-search #search-result-refunds img#search-result-arrow-left-refunds.lineup{top:169px;} div.container.mid-search #search-result-refunds #search-result-content-refunds{padding:10px;} div.container.mid-search #search-result-refunds img.close-main-search{cursor:pointer;position:absolute;right:10px;top:10px;} div.container.mid-search #search-result-refunds h2#search-result-content-h2-refunds{color:#999;font-size:13px;border:0;} div.container.mid-search #search-result-refunds #search-result-content-h2-refunds em{font-weight:bold;font-size:16px;font-style: normal;color:#3f9adc;} div.container.mid-search #search-result-refunds div.main_search_result_refunds{height:215px;overflow:auto;} div.container.mid-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division{display:table;float:left;border-left:1px solid #ccc;} div.container.mid-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.no-result{width:495px;height:200px;line-height:200px;text-align:center;border:0;} div.container.mid-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.start{border-left:0;} div.container.mid-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.end{border-right:0;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds{position:relative;display:block;padding:3px;border:2px solid #fff;cursor:pointer;width:105px;height:14px;line-height:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: 2px 4px;font-size:13px;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds:hover{background-color:#a4c2e1;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.manufacture{} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.model{} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.lineup{width:235px;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.active{border:2px solid #0767ac;background-color:#429fe0;color:#fff;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds span.user_search_result_price{font-weight:bold;color:#3f9adc;position:absolute;right:5px;} div.container.mid-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.active span.user_search_result_price{color:#fff;} div.container.event-list{margin-bottom:10px;} #event-tab-display{display:none;} div.container.event-list div.event-tab{display:table;width:980px;} #event-tab-display{display:none;} /*div.container.event-list div.event-tab.spe1{border-color:#48abd4;} div.container.event-list div.event-tab.spe2{border-color:#046e9c;} div.container.event-list div.event-tab.spe3{border-color:#0186bf;} div.container.event-list div.event-tab.spe4{border-color:#4cafd4;}*/ div.container.event-list div.event-tab a.event-tab{ display:block;text-align:center;float:left;padding:10px;background-color:#444;color:#fff;font-size:12px;margin-right:1px;letter-spacing:-0.03em; border-style:solid;border-color:#0087c1;border-width:0px 0px 1px 0px; } /*div.container.event-list div.event-tab a.event-tab.spe-1{background-color:#48abd4;border-color:#48abd4;} div.container.event-list div.event-tab a.event-tab.spe-2{background-color:#046e9c;border-color:#046e9c;} div.container.event-list div.event-tab a.event-tab.spe-3{background-color:#0186bf;border-color:#0186bf;} div.container.event-list div.event-tab a.event-tab.spe-4{background-color:#4cafd4;border-color:#4cafd4;}*/ /*div.container.event-list div.event-tab a.event-tab.spe-1.active{color:#48abd4;} div.container.event-list div.event-tab a.event-tab.spe-2.active{color:#046e9c;} div.container.event-list div.event-tab a.event-tab.spe-3.active{color:#0186bf;} div.container.event-list div.event-tab a.event-tab.spe-4.active{color:#4cafd4;}*/ div.container.event-list div.event-tab a.event-tab.active{background-color:#fff;font-weight:bold;color:#222;border-style:solid;border-color:#0087c1;border-width:1px 1px 0px 1px;} div.container.event-list div.event-tab a.event-tab.end{margin-right:0;} /*div.container.event-list div.event-tab.spe1 a.event-tab{border-bottom:1px solid #48abd4;} div.container.event-list div.event-tab.spe1 a.event-tab.spe-1{border-bottom:1px solid #fff;} div.container.event-list div.event-tab.spe2 a.event-tab{border-bottom:1px solid #046e9c;} div.container.event-list div.event-tab.spe2 a.event-tab.spe-2{border-bottom:1px solid #fff;} div.container.event-list div.event-tab.spe3 a.event-tab{border-bottom:1px solid #0186bf;} div.container.event-list div.event-tab.spe3 a.event-tab.spe-3{border-bottom:1px solid #fff;} div.container.event-list div.event-tab.spe4 a.event-tab{border-bottom:1px solid #4cafd4;} div.container.event-list div.event-tab.spe4 a.event-tab.spe-4{border-bottom:1px solid #fff;}*/ div.container.event-list div.event-content{width:975px;border-style:solid;border-width:0px 1px 1px 1px ;border-color:#0087c1;} /*div.container.event-list div.event-content.spe1{border-color:#48abd4;} div.container.event-list div.event-content.spe2{border-color:#046e9c;} div.container.event-list div.event-content.spe3{border-color:#0186bf;} div.container.event-list div.event-content.spe4{border-color:#4cafd4;}*/ div.container.event-list div.event-content ul.event-list-ul{display:table;height:199px;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li{float:left;width:223px;margin:10px;display:none;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li a{display:block;width:100%;height:100%;border:2px solid #fff;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li a:hover{border:2px solid #429fe0;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li span{display:block;text-align:center;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li span.event-list-img{display:block;height:135px;overflow:hidden;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li span.event-list-img img.event-list-img{width:100%;-ms-interpolation-mode: bicubic;image-rendering: -moz-crisp-edges;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li span.event-list-name{margin-top:5px;color:#126097;font-weight:bold;} div.container.event-list div.event-content ul.event-list-ul li.event-list-li span.event-list-price{margin-top:5px;color:#888;} div.container.main-bottom-content{border-style:solid;border-color:#d9d6d6;border-width:1px 1px 1px 1px;} div.container.main-bottom-content div.inner-container{float:left;} div.container.main-bottom-content div.inner-container.no-margin{margin:0;} div.container.main-bottom-content div.inner-container.container-bottom-left{width:299px;border-style:solid;border-color:#d9d6d6;border-width:0px 1px 0px 0px;} div.container.main-bottom-content div.inner-container.container-bottom-middle{width:360px;} div.container.main-bottom-content div.inner-container.container-bottom-right{width:320px;} div.container.main-bottom-content div.inner-container div.inner-content{height:330px;padding:10px;cursor:pointer;position:relative;overflow:hidden;border-style:solid;border-color:#ccd3d9;border-width:0px 1px 0px 0px;} div.container.main-bottom-content div.inner-container div.inner-content.no-bd-bt{border-bottom:0;} div.container.main-bottom-content div.inner-container div.inner-content.no-bd-rt{border-right:0;} div.container.main-bottom-content div.inner-container div.inner-content.row-2{height:155px;border-style:solid;border-color:#d9d6d6;border-width:0px 0px 1px 0px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-notice{background-image:url("/img.autoclass/main/bg.main.notice.png");background-repeat:no-repeat;background-position:20px 25px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-notice div.inner{margin-top:80px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-notice div.inner ul.inner-list li.item{color:#fff;border-top:0px solid #eee;padding:2px 0px 2px 10px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-faq{background-image:url("/img.autoclass/main/bg.main.faq.png");background-repeat:no-repeat;border-bottom:0;background-position:20px 25px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-faq div.inner{margin-top:80px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-faq div.inner ul.inner-list li.item{color:#fff;border-top:1px solid #eee;padding:2px 0px 2px 10px;} div.container.main-bottom-content div.inner-container div.inner-content.container-aftersotry{background-image:url("/img.autoclass/main/bg.main.afterstory.png");background-repeat:no-repeat;background-position:20px 25px;} div.container.main-bottom-content div.inner-container div.inner-content.container-aftersotry div.inner{margin-top:70px;} div.container.main-bottom-content div.inner-container div.inner-content.container-aftersotry div.inner ul.inner-list li.item{color:#fff;border-top:1px solid #eee;padding:5px 0;} div.container.main-bottom-content div.inner-container div.inner-content.container-reason{background-image:url("/img.autoclass/main/bg.main.reason.png");background-repeat:no-repeat;background-position:20px 40px;} div.container.main-bottom-content div.inner-container div.inner-content.container-high-price{background-image:url("/img.autoclass/main/bg.main.high.price.png");background-repeat:no-repeat;background-position:20px 40px;} div.container.main-bottom-content div.inner-container div.inner-content.container-dictionary{background-image:url("/img.autoclass/main/bg.main.word.png");background-repeat:no-repeat;background-position:20px 40px;} div.container.main-bottom-content div.inner-container div.inner-content.row-2 .inner .inner-list{width:275px;} div.container.main-bottom-content div.inner-container h2{font-size:24px;color:#2f3743;line-height:26px;margin-bottom:20px;display:none;} div.container.main-bottom-content div.inner-container h2 i{color:#2f3743;font-size:22px;} div.container.main-bottom-content div.inner-container h2 span.sml{font-size:12px;color:#6e7482;font-family:"Dotum";font-weight:normal;} div.container.main-bottom-content div.inner-container i{} /*div.container.main-bottom-content div.inner-container div.inner-content:hover{background-color:#87b9dc;} div.container.main-bottom-content div.inner-container div.inner-content:hover h2{font-size:24px;color:#fff;} div.container.main-bottom-content div.inner-container div.inner-content:hover h2 span.sml{color:#fff;} div.container.main-bottom-content div.inner-container div.inner-content:hover i{color:#fff;} div.container.main-bottom-content div.inner-container div.inner-content:hover ul.inner-list li{color:#fff;} div.container.main-bottom-content div.inner-container div.inner-content:hover ul.inner-list li span{color:#fff;}*/ .inner ul.inner-list{width:330px;} .inner ul.inner-list li{margin:0px;font-size:12px;/*background-image:url("/img.autoclass/common/list.dot.gif");background-repeat:no-repeat;background-position:0px 13px;*/} .container-aftersotry div.inner ul.inner-list{list-style:none;} .container-aftersotry div.inner ul.inner-list li{width:330px;height:55px;background:none;} .container-aftersotry div.inner ul.inner-list li span.after-img{position:relative;display:block;width:50px;height:50px;float:left;overflow:hidden;border:1px solid #ccc;padding:2px;margin-right:5px;} .container-aftersotry div.inner ul.inner-list li img.after-img{position:absolute;top:0;left:0;width:100px;float:left;} .container-aftersotry div.inner ul.inner-list li span.after-title{display:block;width:265px;float:left;color:#fff;font-size:12px;display:block;font-weight:;margin-bottom:5px;} .container-aftersotry div.inner ul.inner-list li span.after-title span.after-desc{display:block;margin-top:5px;width:265px;height:40px;overflow:hidden;color:#444;font-size:12px;font-weight: normal;} .main-banner.banner-left{ /* background-image:url("/img.autoclass/banner/banner.main.left.png"); background-position:0 0; background-repeat:no-repeat; */ } /* ########################################################################################################### LAYOUT - SUB-SEARCH : ���������� �ֿ��˻� ########################################################################################################### */ div.container.mid-search.sub-main-search{margin-top:0px;margin-bottom:10px;position:relative;} div.mid-search-container{width:265px;height:122px;float:left;border:2px solid #4677af;overflow:hidden;} div.container.mid-search.sub-main-search div.mid-search-container h2{width:auto;font-size:18px;color:#fff;background-color:#4677af;text-align:center;margin:0;padding-top:4px;padding-bottom:4px;letter-spacing:5px; } div.container.mid-search.sub-main-search div.mid-search{float:left;padding:0 5px;border-right:0;} div.container.mid-search.sub-main-search div.mid-search.quick-quest{width:95px;height:84px;border:0;padding:0;} div.container.mid-search.sub-main-search div.mid-search.quick-quest h2{color:#3f9adc;background-color:#fff;margin-top:5px;margin-bottom:5px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl{display:table;width:100%;margin-bottom:5px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dt{font-size:12px;height:18px;line-height:18px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd{} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd input[type="text"], div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd textarea{border:2px solid #bbcfdc;padding:2.5px;width:130px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd input[type="text"]:focus, div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd textarea:focus{border:2px solid #429fe0;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd input[type="text"]{height:16px;line-height:16px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd input[type="text"].tel3{width:25px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd input[type="text"].tel4{width:40px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd textarea{height:41px;} div.container.mid-search.sub-main-search div.mid-search.quick-quest dl dd button{height:48px;margin-top:4px;} div.container.mid-search.sub-main-search div.mid-search.search-model{width:160px;height:90px;border:0;border-left:0;background-color:#a4c2e1;} div.container.mid-search.sub-main-search div.search-tab{display:table;width:50px;border-bottom:0} div.container.mid-search.sub-main-search div.search-tab a.search-tab{display:block;width:90px;padding:6px 0;padding-left:5px;border-right:0;border:0;text-align:left;color:#429fe0;font-size:14px;background-color:#eee;} div.container.mid-search.sub-main-search div.search-tab a.search-tab i{color:#87b9dc;} div.container.mid-search.sub-main-search div.search-tab a.search-tab:hover{background-color:#a4c2e1;} div.container.mid-search.sub-main-search div.search-tab a.search-tab.end{border-right:0;} div.container.mid-search.sub-main-search div.search-tab a.search-tab.active{background-color:#a4c2e1;color:#fff;} div.container.mid-search.sub-main-search div.search-tab a.search-tab.active i{color:#fff;} div.container.mid-search.sub-main-search div.search-content{} div.container.mid-search.sub-main-search div.search-content .cap-search-content{display:none;} div.container.mid-search.sub-main-search div.search-content .cap-search-content.active{display:block;} div.container.mid-search.sub-main-search div.search-content .search-content-ul.model{display:table;width:100%;} div.container.mid-search.sub-main-search div.search-content .search-content-ul.model li.search-content-li{background-color:#fff;padding:11px;margin-top:5px;border:2px solid #ccc;font-weight:bold;color:#5da2c5;cursor:pointer; background-image:url("/img.autoclass/main/re_search_dis.png"); background-repeat: no-repeat; background-position:230px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -moz-opacity: 0.8; /* Netscape */ -khtml-opacity: 0.8; /* Safari 1.x */ opacity: 0.8; /* Good browsers */ } div.container.mid-search.sub-main-search div.search-content .search-content-ul.model li.search-content-li{padding:7px 11px;background-position:130px 5px;font-size:14px;} div.container.mid-search.sub-main-search div.search-content .search-content-ul.model li.search-content-li.active{border:2px solid #5da2c5; background-image:url("/img.autoclass/main/re_search_en.png"); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } div.container.mid-search.sub-main-search div.search-content div.search-content-div{display:table;width:247px;height:auto;margin-top:0px;border:0px solid #ccc;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div{padding:0;width:260px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div h2{text-align:center;font-size:13px;padding-bottom:0;border:0;margin:0;width:100%;color:#fff;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select{display:block;width:130px;float:left;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li{display:block;width:130px;float:left;height:28px;line-height:28px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox{display:block;width:130px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox input{width:76px;background-color:#fff;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox a{right:0;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li.li-form-select{margin:0;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div h2{margin:5px 0;letter-spacing:1px;background:none;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select{width:150px;margin-bottom:5px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li{padding:5px 0px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div li.li-form-select{margin:0px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div li.li-form-select-bt{width:20px !important;text-align:center;color:#fff;font-size:18px;} div.container.mid-search.sub-main-search div.search-content div.cap-search-content.price div.search-content-div #button-user-search-price-start{border:1px solid #fff;width:254px;height:28px;margin:0 auto;display:block;} div.container.mid-search.sub-main-search div.search-content .cap-search-content.price button{height:64px;width:64px;margin:4px 2px;padding:5px;} div.container.mid-search.sub-main-search div.search-content .search-content-ul-refunds{display:table;width:100%;} div.container.mid-search.sub-main-search div.search-content .search-content-ul-refunds li.search-content-li-refunds{background-color:#fff;padding:11px;margin-top:5px;border:2px solid #ccc;font-weight:bold;color:#5da2c5;cursor:pointer; background-image:url("/img.autoclass/main/re_search_dis.png"); background-repeat: no-repeat; background-position:230px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -moz-opacity: 0.8; /* Netscape */ -khtml-opacity: 0.8; /* Safari 1.x */ opacity: 0.8; /* Good browsers */ } div.container.mid-search.sub-main-search div.search-content .search-content-ul-refunds li.search-content-li-refunds{padding:7px 11px;background-position:130px 5px;font-size:14px;} div.container.mid-search.sub-main-search div.search-content .search-content-ul-refunds li.search-content-li-refunds.active{border:2px solid #5da2c5; background-image:url("/img.autoclass/main/re_search_en.png"); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } div.container.mid-search.sub-main-search div.search-content button{height:32px;margin-top:9px;} div.container.mid-search.sub-main-search{width:960px;position: relative;background-color:#414a68; /*background-image: url("/img.autoclass/banner/bg.main.banner.init.png");*/ padding:10px; } div.container.mid-search.sub-main-search div.mid-search.mid-banner{width:auto;} div.container.mid-search.sub-main-search div.mid-search.mid-banner img.mother-child-image{position:absolute;top:15px;right:5px;} /*div.container.mid-search.sub-main-search div.mid-search.mid-banner{ padding:0;width:710px;height:124px;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-left:0; background-image:url("/img.autoclass/banner/banner.sub.right.png"); background-repeat: no-repeat;position:relative; } body.child div.container.mid-search.sub-main-search div.mid-search.mid-banner{background-image:url("/img.autoclass/banner/banner.sub.right.child.png");}*/ div.container.mid-search.sub-main-search div.mid-search.mid-banner #show_count_counsel{top:29px;right:479px;font-weight:bold;letter-spacing: -1px;} div.container.mid-search.sub-main-search div.mid-search.mid-banner #show_date_counsel{top:50px;left:141px;font-size:14px;letter-spacing: -1px;} div.container.mid-search.sub-main-search #search-result{position:absolute;width:700px;height:122px;left:265px;top:10px;background-color:#fff;border:2px solid #3f9adc;display:none;} div.container.mid-search.sub-main-search #search-result h2{border-bottom:0;} div.container.mid-search.sub-main-search #search-result img#search-result-arrow-left{position:absolute;left:-10px;top:73px;} div.container.mid-search.sub-main-search #search-result img#search-result-arrow-left.manufacture{top:42px;} div.container.mid-search.sub-main-search #search-result img#search-result-arrow-left.model{top:90px;} div.container.mid-search.sub-main-search #search-result img#search-result-arrow-left.lineup{top:170px;} div.container.mid-search.sub-main-search #search-result #search-result-content{padding:10px;} div.container.mid-search.sub-main-search #search-result img.close-main-search{cursor:pointer;position:absolute;right:10px;top:10px;} div.container.mid-search.sub-main-search #search-result h2#search-result-content-h2{color:#999;font-size:13px;} div.container.mid-search.sub-main-search #search-result #search-result-content-h2 em{font-weight:bold;font-size:16px;font-style: normal;color:#3f9adc;} div.container.mid-search.sub-main-search #search-result div.main_search_result{height:100px;overflow:auto;} div.container.mid-search.sub-main-search #search-result div.main_search_result div.user_search_result_division{display:table;float:left;border-left:1px solid #ccc;} div.container.mid-search.sub-main-search #search-result div.main_search_result div.user_search_result_division.no-result{width:495px;height:200px;line-height:200px;text-align:center;border:0;} div.container.mid-search.sub-main-search #search-result div.main_search_result div.user_search_result_division.start{border-left:0;} div.container.mid-search.sub-main-search #search-result div.main_search_result div.user_search_result_division.end{border-right:0;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result{position:relative;display:block;padding:1px;border:2px solid #fff;cursor:pointer;width:100px;height:14px;line-height:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: 0px 2px;font-size:12px;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result:hover{background-color:#a4c2e1;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result.manufacture{height:auto;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result.model{height:auto;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result.lineup{width:235px;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result.active{border:2px solid #0767ac;background-color:#429fe0;color:#fff;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result span.user_search_result_price{font-weight:bold;color:#3f9adc;position:absolute;right:5px;} div.container.mid-search.sub-main-search #search-result div.main_search_result span.user_search_result.active span.user_search_result_price{color:#fff;} div.container.mid-search.sub-main-search #search-result-refunds{position:absolute;width:712px;height:115px;left:265px;top:0;background-color:#fff;border:2px solid #3f9adc;display:none;} div.container.mid-search.sub-main-search #search-result-refunds img#search-result-arrow-left-refunds{position:absolute;left:-10px;top:73px;} div.container.mid-search.sub-main-search #search-result-refunds img#search-result-arrow-left-refunds.model{top:42px;} div.container.mid-search.sub-main-search #search-result-refunds img#search-result-arrow-left-refunds.lineup{top:80px;} div.container.mid-search.sub-main-search #search-result-refunds #search-result-content-refunds{padding:10px;} div.container.mid-search.sub-main-search #search-result-refunds img.close-main-search{cursor:pointer;position:absolute;right:10px;top:10px;} div.container.mid-search.sub-main-search #search-result-refunds h2#search-result-content-h2-refunds{color:#999;font-size:13px;} div.container.mid-search.sub-main-search #search-result-refunds #search-result-content-h2-refunds em{font-weight:bold;font-size:16px;font-style: normal;color:#3f9adc;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds{height:100px;overflow:auto;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division{display:table;float:left;border-left:1px solid #ccc;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.no-result{width:495px;height:200px;line-height:200px;text-align:center;border:0;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.start{border-left:0;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds div.user_search_result_division.end{border-right:0;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds{position:relative;display:block;padding:1px;border:2px solid #fff;cursor:pointer;width:100px;height:14px;line-height:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: 0px 2px;font-size:13px;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds:hover{background-color:#a4c2e1;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.manufacture{} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.model{} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.lineup{width:235px;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.active{border:2px solid #0767ac;background-color:#429fe0;color:#fff;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds span.user_search_result_price{font-weight:bold;color:#3f9adc;position:absolute;right:5px;} div.container.mid-search.sub-main-search #search-result-refunds div.main_search_result_refunds span.user_search_result_refunds.active span.user_search_result_price{color:#fff;} div.container.mid-search.sub-main-search #search-result h2{margin:0;padding:0;} div.container.mid-search.sub-main-search #search-result-refunds h2{margin:0;padding:0;} /* ########################################################################################################### LAYOUT - SUB : ���������� �ֿ� ���̾ƿ� ########################################################################################################### */ /* ���� */ div.document-title{} div.document-title h1.document-title{display:block;overflow:hidden;padding:10px;border-top:2px solid #429fe0;border-bottom:2px solid #429fe0;} div.document-title h1.document-title span{display:block;float:left;height:24px;line-height:24px;} div.document-title h1.document-title span.h1{font-size:24px;color:#429fe0;} div.document-title h1.document-title span.title-sub-document{font-size:16px;color:#429fe0;margin-left:10px;float:right;} div.document-title h1.document-title i{color:#429fe0;border-right:2px solid #429fe0;padding-right:10px;} div.sub-navigator{} div.sub-contents{position:relative;} div.sub-contents h2.section-h2{font-size:16px;background-color:#444;padding:10px 10px;color:#fff;position:relative;} div.sub-contents h2.section-h2.ext{} div.sub-contents h2.section-h2.ext span.h2-explain{color:#FFEB3B;} div.sub-contents h2.section-h2.ext span.h2-explain em{color:#fff;} div.sub-contents h2.section-h2 span.h2-text{color:#fff;font-size:16px;} div.sub-contents h2.section-h2 i{float:right;color:#fff;} div.sub-contents h2.section-h2 i.left{float:left;margin-right:10px;font-size:16px;line-height:130%;} div.sub-contents div.section-contents{/*padding:10px;*/width:100%; text-align:center;overflow:hidden;} div.sub-contents div.section-contents.no-padding{padding:0;margin-bottom:20px;} div.sub-contents.fix-info-consultant h2.section-h2{} div.sub-contents.fix-info-consultant div.fix-view-contents{width:960px;padding:0 10px 10px;} div.sub-contents.fix-info-consultant div.fix-view-contents div.info-consultant img{width:100%;} div.sub-contents.transfer{} /*div.sub-contents div.section-contents.no-padding div.info-consultant img{width:auto !important;}*/ span.h2-explain{color:#ccc;/*position:absolute;right:30px;*/font-weight:normal;} span.h2-explain em{font-style:normal;color:#fff;} /* ########################################################################################################### SIDE LEFT RIGHT : Floating Menu �÷��� �޴� ########################################################################################################### */ div.sub-contents.side-search{position:relative;height:0;display:block;z-index:99;} div.side-content{position:absolute;top:-15px;width:124px;height:auto;} div.sub-contents.side-search.pos-left div.side-content{left:-130px;} div.sub-contents.side-search.pos-right div.side-content{right:-130px;} div.side-container{padding:5px;} div.side-container h2{font-size: 13px; color: #87b9dc;padding:0px 5px 0 2px;line-height:18px;} div.side-container h2 i{background-color:#3f9adc;color: #fff;font-size:14px;height:18px;width:18px;line-height:18px;text-align:center;padding:2px;border-radius:100% 100%;} div.side-container .search-content-ul{display:table;width:100%;} div.side-container .search-content-ul li.search-content-li{margin-top:3px;border:2px solid #ccc;font-weight:bold;color:#5da2c5;cursor:pointer; background-image:url("/img.autoclass/main/re_search_dis.png"); background-repeat: no-repeat; background-position:230px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -moz-opacity: 0.8; /* Netscape */ -khtml-opacity: 0.8; /* Safari 1.x */ opacity: 0.8; /* Good browsers */ padding:5px 11px;background-position:120px 2px;font-size:12px; } div.side-container .search-content-ul li.search-content-li.active{border:2px solid #5da2c5; background-image:url("/img.autoclass/main/re_search_en.png"); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } div.side-container .search-content-ul.model{display:table;width:100%;} div.side-container.price{position:relative;z-index:8;} /* SIDE SEARCH RESULT : ���̵� �˻� ���� */ div.side-result-search{display:none;padding:10px; position:absolute; width:500px;height:280px; border:2px solid #87b9dc; left:157px;top:-2px; background-color:#fff; } img.img-arrow-left{position:absolute;left:-10px;top:32px;} img.img-arrow-left.manufacture{top:32px;} img.img-arrow-left.model{top:62px;} img.close-side-search{position:absolute;right:10px;top:10px;cursor:pointer;} div.side-result-content{} div.side-result-content div.user_search_result_division{display:table;float:left;border-left:1px solid #ccc;} div.side-result-content div.user_search_result_division.no-result{width:495px;height:200px;line-height:200px;text-align:center;border:0;} div.side-result-content div.user_search_result_division.start{border-left:0;} div.side-result-content div.user_search_result_division.end{border-right:0;} div.side-result-content span.user_search_result{position:relative;display:block;padding:3px;border:2px solid #fff;cursor:pointer;width:100px;height:14px;line-height:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: 2px 4px;font-size:13px;} div.side-result-content span.user_search_result:hover{background-color:#a4c2e1;} div.side-result-content span.user_search_result.manufacture{} div.side-result-content span.user_search_result.model{} div.side-result-content span.user_search_result.lineup{width:235px;} div.side-result-content span.user_search_result.active{border:2px solid #0767ac;background-color:#429fe0;color:#fff;} div.side-result-content span.user_search_result span.user_search_result_price{font-weight:bold;color:#3f9adc;position:absolute;right:5px;} div.side-result-content span.user_search_result.active span.user_search_result_price{color:#fff;} /* ########################################################################################################### quick counsel ���� ���� ########################################################################################################### */ div.side-floating{border:1px solid #666;width:122px;margin-bottom:5px;} div.side-floating h2{color:#fff;padding:5px;font-size:16px;text-align:center;font-weight:bold;background-color:#666;border-bottom:1px solid #bbb;} div.side-floating div.inner{padding:5px;background-color:#fff;} div.side-floating div.inner.quick-counsel{} div.side-floating div.inner.quick-counsel dl{display:block;margin-bottom:3px;width:120px;} div.side-floating div.inner.quick-counsel dl dt, div.side-floating div.inner.quick-counsel dl dd{display:block;width:114px;line-height:20px;text-align:left;} div.side-floating div.inner.quick-counsel dl dt{text-align:left;color:#fff;} div.side-floating div.inner.quick-counsel dl dd{} div.side-floating div.inner.quick-counsel dl dd input{text-align:center;} div.side-floating div.inner.quick-counsel dl dd input.num3{width:32px;} div.side-floating div.inner.quick-counsel dl dd input.num4{width:33px;} div.side-floating div.inner.quick-counsel input, div.side-floating div.inner.quick-counsel textarea{border:1px solid #ccc;width:110px;font-size:11px;padding:3px 0;} div.side-floating div.inner.quick-counsel textarea{height:30px;} button.quick-button{display:block;font-size:16px;width:80px;margin:0 auto;padding:5px;margin-top:5px;} button.button-reservation{display:block;font-size:16px;width:80px;margin:0 auto;padding:5px;} .counsel-time{color:#f00;text-align:center;font-weight:bold;text-align:left;font-size:13px;} .counsel-time span{font-size:14px;color:#f00;font-weight:bold;} #counsel-phone{padding:5px;} #counsel-phone span{display:block;margin-bottom:5px;} #counsel-phone span.counsel-phone-name{font-weight:bold;margin-bottom:10px;} #counsel-phone span.counsel-phone-number{font-weight:bold;font-size:26px;color:#429fe0;letter-spacing:-3px;text-align:left;margin-bottom:10px;} #button-quick{ background-image:url("/img.autoclass/common/icon.hand.png"); background-repeat:no-repeat; background-position:5px 5px; background-color:#285472; padding-left:20px; width:100px; } div.side-floating.banner-20160321{border:0;} div.side-floating.banner-20160321 img{display:block;} /* ########################################################################################################### ��������. ########################################################################################################### */ div.side-floating div.inner.reservation-counsel{} div.side-floating div.inner.reservation-counsel button{background-color:#429fe0;color:#fff;width:110px;padding: 20px 11px;background-image:url("/img.autoclass/common/re_search_en_left.png"); background-repeat: no-repeat; background-position:10px 20px; text-align:right; } div.side-floating div.inner.reservation-counsel button i{color:#5da2c5;} div.side-floating div.inner.side-group-icons{} #section-group-icons{margin-top:10px;padding-top:10px;width:122px;margin:0 auto 5px;} #section-group-icons ul.side-group-icons{display:block;} #section-group-icons ul.side-group-icons li.item{display:block;text-align:center;margin-bottom:30px;cursor:pointer;} #section-group-icons ul.side-group-icons li.item img{} #section-group-icons ul.side-group-icons li.item span{display:block;text-align:center;color:#666;font-weight:bold;} #form-reservation{} /* form */ #form-reservation dl.reservation-item{display:block;width:290px;clear:both;} #form-reservation dl.reservation-item dt{display:block;float:left;width:80px;padding:5px;color:#87b9dc;} #form-reservation dl.reservation-item dd{display:block;float:left;padding:5px;} #form-reservation dl.reservation-item dd input{border: 1px solid #5da2c5; font-size: 11px; padding: 5px;width:170px;margin:3px;text-align:center;color:#666;} #form-reservation dl.reservation-item dd input.required{border: 1px solid #f00;} #form-reservation dl.reservation-item dd textarea{border: 1px solid #5da2c5; font-size: 11px; padding:3px;width:175px;color:#666;} #form-reservation dl.reservation-item dd input.num3{width:30px;} #form-reservation dl.reservation-item dd input.num4{width:50px;} #form-reservation dl.reservation-item dd input.reserve-date{width:70px;} #form-reservation dl.reservation-item dd span.add-servation-select-time{width:70px;} #form-reservation dl.reservation-item dd span.add-servation-select-time input.custom-combobox-input{width:50px;} #form-reservation dl.reservation-item dd span.add-servation-select-time a.ui-button{width:20px;height:20px;margin:2px;} #form-reservation div.reservation-item{display:block;width:290px;height:40px;line-height:40px;clear:both;border-top:1px dashed #5da2c5;} #form-reservation div.reservation-item .btn_PrivacyPolicy{color:#5da2c5;} div#ui-datepicker-div{} div#ui-datepicker-div .ui-corner-all{border:0 !important;} div.side-floating.consultant{position:relative;height:155px!important;} div.side-floating.consultant div.float-consult-img-man{height:125px;} div.side-floating.consultant div.float-consult-img-man img{width:122px;display:block;} div.side-floating.consultant div.float-consult-cnt-man{ height:35px; /* background:url("/renew.images/common/bg-right-float-consult.png") no-repeat; */ background-color:#677182; text-align:center; line-height:35px; } div.side-floating.consultant div.float-consult-cnt-man span{color:#fff;} div.side-floating.consultant div.float-consult-cnt-man span.float-consult-name{font-size:16px;font-weight:bold;} div.side-floating.consultant div.float-consult-cnt-man span.float-consult-title{font-size:12px;} /* ########################################################################################################### ����,����,���� ��Ȳ ########################################################################################################### */ div.inner.counter-status{} div.inner.counter-status ul.counter-status-list-ul{display:block;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li{display:block;height:20px;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel{float:none;width:110px;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel span{float:left;display:block;height:20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel span.name_counsel{width:60px;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel span.name_counsel span.impact-name{color:#429fe0;font-weight:bold;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel span.name_car{width:20px;display:none;} div.inner.counter-status ul.counter-status-list-ul li.counter-status-list-li span.cap_counsel span.status_counsel{width:45px;float:right;} div.inner.counter-status ul.counter-status-list-ul li.add{display:none;} /* ########################################################################################################### VIEW : �� ########################################################################################################### */ div.contents-sub-layout{display:table;*overflow:auto;min-height:500px;} div.sub-contents{margin-top:0px;/*display:table;*/width:100%;} div.sub-contents-container{border:2px solid #444;/*padding:10px 10px;*/margin-top:10px;width:975px;} div.sub-contents-container div.sub-contents{width:976px;} div.sub-contents-container div.sub-contents.top{width:956px;margin-top:0;margin:10px 10px;} div.sub-contents-container div.sub-contents h2.section-h2{background-color:#444;padding:10px;color:#f00;} div.sub-contents-container div.sub-contents h2.section-h2 i{color:#fff;} div.sub-contents-container div.sub-contents h2.section-h2 span.h2-text{color:#fff;} div.sub-contents div.detail-image{/*display:table;width:500px;float:left;*/} div.sub-contents div.detail-image div.detail-image-main{/*width:500px;height:290px;*/overflow:hidden;} div.sub-contents div.detail-image div.detail-image-main img.item{width:100%;} div.sub-contents div.detail-image div.detail-image-thumb{width:490px;margin-top:5px;background-color:#eee;padding:5px;overflow:hidden;} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb{} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item{width:154px;height:88px;overflow:hidden;float:left;margin-right:2px;margin-bottom:2px;padding:2px;border:2px solid #fff;cursor:pointer;} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item.end{margin-right:0;} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item.is-image:hover{border:2px solid #429fe0;} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item.no-image{} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item img.item{width:100%} div.sub-contents div.detail-explain{width:100%;float:right;background:#fff; margin-bottom: 30px;} div.sub-contents div.detail-explain div.detail-standard{color:#2f3743;position:relative;} div.sub-contents div.detail-explain div.detail-standard button.detail-counsel span{float:right;color:#fff;font-size:16px;} div.sub-contents div.detail-explain h2{font-size:30px;text-align:left;color:#222;font-weight:bold;/*border-bottom:2px solid #444;padding-bottom:10px;*/ margin-bottom:25px; line-height:1.5} div.sub-contents div.detail-explain h2 span{font-size:20px;color:#666;letter-spacing:-0.05em;} div.sub-contents div.detail-explain h2 span.name-lineup{color:#1f3743;} div.sub-contents div.detail-explain span.h2-sub{display:block;font-weight:normal;font-size:14px;color:#2f3743;text-align:right;margin:5px 15px;padding-bottom:5px;} div.sub-contents div.detail-explain span.h2-sub span{color:#2f3743;} div.sub-contents div.detail-explain span.h2-sub span.bt{color:#9bcff4;} div.sub-contents div.detail-explain div.detail-lineup{border-top:1px solid #c6c6c6;margin-top:5px;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul{display:block;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item{text-align:left;padding:12px 15px;display:block;cursor:pointer;border-bottom:1px dashed #e6e6e6;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item:hover{background-color:transparent;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item:hover .name-lineup{color:#999;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item:hover .price-lineup{color:#999;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item i{color:#ccc;margin-right:10px;display:none;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item span.name-lineup{color:#333;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item span.price-lineup{color:#444;float:right;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item.active{color:#000;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item.active i{color:#fff;margin-right:10px;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item.active span.name-lineup{color:#333;font-weight:600;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item.active span.price-lineup{color:#333;font-weight:600;float:right;} #view-page-scroll{background-color:#fff;} #view-page-scroll h2{color:#fff;font-size:18px;margin-bottom:10px;} #view-page-scroll ul{} #view-page-scroll ul li.scroll-top{font-weight:bold;} #view-page-scroll ul li{color:#999;font-size:12px;cursor:pointer;padding:5px;border-bottom:1px solid #eee;} #view-page-scroll ul li.none{display:none;} #view-page-scroll ul li i{color:#999;display:none;} #view-page-scroll ul li:hover{background-color:#ccc;color:#fff;} #view-page-scroll ul li:hover i{color:#fff;} #view-page-scroll ul li.active{background-color:#444;color:#fff;} #view-page-scroll ul li.active i{color:#fff;} /* ���ÿɼ� */ div.sub-contents div.section-contents.car-option-add{text-align:left;} ul.car-option-add{display:table;width:100%;} ul.car-option-add li.item{text-align:left;min-height:24px;padding:5px;/*width:400px;*/} ul.car-option-add li.item.no-item{width:100%;text-align:center;float:none;margin-right:0;} ul.car-option-add li.item.odd{margin:15px 0;} ul.car-option-add li.item.even{margin-right:0;} ul.car-option-add li.item span.item-align{float:left;display:block;} ul.car-option-add li.item span.item-align.input{/*width:20px;*/ width:5%; text-align:center;} ul.car-option-add li.item span.item-align.label{width:33.33%;text-align:start;} ul.car-option-add li.item span.item-align.price-option{width:23%;color:#444;font-weight:bold;float:right;text-align:right;} ul.car-option-add li.item input[type="checkbox"]{} ul.car-option-add li.item label{color:#000; font-size:12px;} div.car-option-add-price{display:block;clear:both;text-align:center;border-top:1px solid #e6e6e6;margin-top:15px;} div.car-option-add-price ul.car-option-add-price{} div.car-option-add-price ul.car-option-add-price li.item{margin:10px 0;height:20px;font-size:14px;text-align:center;} div.car-option-add-price ul.car-option-add-price li.item.focus{font-weight:bold;} div.car-option-add-price ul.car-option-add-price li.item.name{color:#999;float:left;line-height:27px;width:90px;} div.car-option-add-price ul.car-option-add-price li.item.value{color:#333;font-size:18px;/*width:170px;*/text-align:right;} div.car-option-add-price ul.car-option-add-price li.item.value span{color:#333;font-size:22px;} div.car-option-add-price ul.car-option-add-price li.item.sign{line-height:24px;/*width:50px;*/} div.car-option-add-price ul.car-option-add-price li.item.sign i{color:#999;position:relative;top:6px;} @media (max-width: 992px) { ul.car-option-add li.item {padding: 10px 5px;} ul.car-option-add li.item span.item-align.input {width:5%;} ul.car-option-add li.item span.item-align.label {width:95%; text-align:left;} ul.car-option-add li.item span.item-align.price-option {text-align:left; width:auto;float:left;} ul.car-option-add li.item.odd{margin:32px 0;} } @media (max-width: 480px) { ul.car-option-add li.item label{font-size:10px;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item{font-size:11px;} } div.car-option-select dl.car-option-select, div.car-option-select i.result{float:left;/*margin-right:25px;*/} div.car-option-select i.result{font-size:72px;margin-top:47px;color:#429fe0;margin-left:40px;} div.car-option-select dl.car-option-select dt.car-option-select-dt{width:200px;color:#429fe0;font-size:16px;height:26px;line-height:26px;color:#fff;background-color:#666;margin-bottom:5px;} div.car-option-select dl.car-option-select dd.car-option-select-dd{width:185px;border:2px solid #ccc;padding:5px;} /*div.car-option-select dl.car-option-select dd.car-option-select-dd:hover{border:2px solid #87b9dc;}*/ div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul{display:table;width:100%;margin:0;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item{padding:5px;cursor:pointer;border-bottom: 1px dashed #e6e6e6;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item:hover{background-color:#e6e6e6;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item.active{background-color:#429F83;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item.active span{color:#fff;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item.active i.left{color:#fff;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item i.left{margin-left:5px;float:left;color:#ccc;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item span.name-select{} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item span.name-select span.name-select-arrow{color:#fff;font-size:14px;line-height:150%;} div.car-option-select div.user-select-result{float:left;margin-top:60px;} div.car-option-select div.user-select-result div{height:42px;line-height:42px;float:left;margin:0px 5px;} div.car-option-select div.user-select-result div.user-select-result-title{color:#429fe0;font-size:16px;} div.car-option-select div.user-select-result div.user-select-result-price{color:#429fe0;font-size:26px;} div.car-option-select div.user-select-result div.price-view{color:#429fe0;font-size:42px;font-weight:bold;} #user-select-carLeaseDeposit{position:absolute; left:460px;top:48px;height:26px;color:#87b9dc; line-height:26px; text-align:left;} #user-select-carLeaseDeposit span.cap-posit{/*background-color:#444;*/color:#222;font-size:18px;margin-right:10px;display:block;float:left;text-align:center;} #user-select-carLeaseDeposit span.cap-posit.front{width:295px;height:33px;position:relative;} #user-select-carLeaseDeposit span.cap-posit.front span{position:absolute;font-size:18px;color:#222;top:3px;} #user-select-carLeaseDeposit span.cap-posit.front span.front{left:10px;} #user-select-carLeaseDeposit span.cap-posit.front span.end{right:10px;} #user-select-carLeaseDeposit span.cap-posit.retax{clear:both;margin-left:10px;color:#f00;} #user-select-carLeaseDeposit span.cap-posit.end{width:160px;margin-right:0;padding:3px 5px;} #user-reTax-price{clear:both;font-size:18px;color:#68A5D0;text-align:left;margin-left:150px;} #user-reTax-price strong{font-size:24px;color:#f00;} div.retax-top-line{border-top:2px solid #000;} #view-car-descript{position:absolute;position:absolute; right:0px;bottom:10px;text-align:left;width:525px;} #view-car-descript dl.item{display:block;height:18px;line-height:18px;color:#666;margin-bottom:5px;margin-bottom:1px;} #view-car-descript dl.item dt, #view-car-descript dl.item dd{float:left;} #view-car-descript dl.item dt{width:70px;font-size:12px;font-family:"Dotum",Arial;} #view-car-descript dl.item dd{width:455px;font-size:12px;font-family:"Dotum",Arial;} #view-car-descript span.impact{font-weight:bold;color:#429fe0;font-size:12px;font-family:"Dotum",Arial;} #view-car-descript span.impact.impact-red{color:#f00;} #button-print-estimate{position:absolute;right:10px;bottom:100px;cursor:pointer;} div.view-car.impact{} div.view-car.impact div.view-string-impact{text-align:center;font-size:24px;color:#444;font-weight:bold;padding:20px 0;} div.view-car.impact div.view-string-impact span.small-text{font-size:18px;display:block;} /* ����Ŭ���� ���� */ div.merit-sub{margin-left:-10px;margin-top: 10px;width:980px; display:table; border-collapse:collapse;} div.merit-sub button.merit-sub{display:table-cell;width:33.333%;padding:16px;background-color:#fff;color:#666;border:1px solid #e1e1e3;} div.merit-sub button.merit-sub.active{background-color:#265195;color:#fff;} /*div.merit-sub button.merit-sub{background-image: url("/img.autoclass/common/icon.hand.png"); background-repeat: no-repeat; background-position: 10px 10px; padding:13px 10px; padding-left:20px; }*/ /* ���� ���뱸�� */ .explain-autoclass-merit{padding-left:100px;position:relative;overflow:hidden;} .explain-autoclass-merit.top-line{border-top:1px solid #ccc;} span.explain-autoclass-merit-number{position:absolute;display:block;width:40px;height:50px;font-size:62px;font-weight:bold;left:22px;top:5px;color:#87b9dc;} .explain-autoclass-merit div.inner{margin-left:70px;text-align:left;} .explain-autoclass-merit div.inner p{line-height:175%;margin:10px 0;font-size:14px;} .explain-autoclass-merit div.inner p.impact{font-weight:bold;text-align:center;font-size:18px;} .explain-autoclass-merit dl{width:300px;float:left;display:block;margin-right:20px; /* IE 8 */ filter: alpha(opacity=90); /* IE 5-7 */ -moz-opacity: .9; /* Netscape */ -khtml-opacity: .9; /* Safari 1.x */ opacity: .9; /* Good browsers */ } .explain-autoclass-merit dl{padding:10px;} .explain-autoclass-merit dl.general{margin-left:70px;} .explain-autoclass-merit dl.autoclass{margin-left:120px;} .explain-autoclass-merit dl dt{font-size:24px;color:#429fe0;font-weight:bold;margin-bottom:10px;text-align:left;} .explain-autoclass-merit dl dd{display:block;font-size:18px;line-height:150%;padding:15px 10px;color:#fff;background-color:#87b9dc;margin-bottom:10px;text-align:left;} .explain-autoclass-merit dl dd.default{width:110px;position:relative;} .explain-autoclass-merit dl dd.default2{width:170px;position:relative;} .explain-autoclass-merit dl dd.default.none{background-color:#ccc;} .explain-autoclass-merit dl dd.default3{width:220px;position:relative;} .explain-autoclass-merit dl dd i.fa-plus-circle ,.explain-autoclass-merit dl dd i.fa-arrow-down{font-size:32px;color:#429fe0;} .explain-autoclass-merit dl.general dt{color:#666;} .explain-autoclass-merit dl.general dd{background-color:#ccc;color:#444;} .explain-autoclass-merit dl.general dd i{font-size:32px;color:#ccc;} .explain-autoclass-merit dl dd.dd-bt{background:none;padding:5px 0;text-align:left;padding-left:20px;} .explain-autoclass-merit img.img_explain{display:block;margin:20px auto;} .explain-autoclass-merit img.img_explain2{margin:20px;margin-left:0;} i.close-x{color:#f00;font-size: 127px;position:absolute;z-index:99;left:50px;top:-40px; } i.larger-right{position:absolute;left: 400px;top: 216px;font-size:150px;color:#666;} /* �غñ¼­·ï¿½ */ table.explain-ready-document{border-collapse: collapse;width:100%;} table.explain-ready-document ,table.explain-ready-document th ,table.explain-ready-document td{border: 1px solid black;text-align:center;vertical-align:middle;} table.explain-ready-document tr.th td{background-color:#ddd;font-weight:bold;} table.explain-ready-document td{padding:5px;} table.explain-ready-document td span.sml{color:#f30;font-size:11px;} /* .���� �̿����� */ div.view-car.view ul.merit.graph{display:block;margin:20px auto;width:850px;overflow:hidden; /* IE 8 */ filter: alpha(opacity=70); /* IE 5-7 */ -moz-opacity: .7; /* Netscape */ -khtml-opacity: .7; /* Safari 1.x */ opacity: .7; /* Good browsers */ } div.view-car.view ul.merit.graph li{float:left;margin-left:5px;margin-bottom:10px;height:55px;padding:10px;} div.view-car.view ul.merit.graph li.item-graph{width:120px;font-size:16px;line-height:150%;color:#fff;background-color:#429fe0;height:55px;border-radius:10px;text-align:center;} div.view-car.view ul.merit.graph li.item-graph.top{width:100px;} div.view-car.view ul.merit.graph li.item-graph.bottom{width:100px;} div.view-car.view ul.merit.graph li.item-graph.end{background-color:#4677af;} div.view-car.view ul.merit.graph li.item-bt{} div.view-car.view ul.merit.graph li.item-bt i{color:#87b9dc;font-size:36px;margin-top:8px;} /* .�ٰ��� �Ⱦ��� ���� */ .bagagi{} h3{font-size:18px;color:#444;} .bagagi p{font-size:12px;} .bagagi p.explain{border:1px solid #ccc;padding:10px;} .bagagi p.explain span{color:#f60;font-weight:bold;font-size:14px;} .bagagi p.txt-warning{color:#f00;font-weight:bold;} .bagagi p.txt-autoclass{color:#429fe0;font-weight:bold;} .bagagi div.bagagi-example{text-align:center;padding:20px;margin:20px 0;border:1px solid #ccc;} .bagagi img.bagagi-example{} /* �ܺ��Էµ� ����Ʈ ���� */ div.sub-contents div.section-contents table{width:100% !important;border:0 !important;border-collapse: collapse !important;} div.sub-contents div.section-contents table th{ width:auto !important; min-width: inherit !important; max-width: inherit !important; } div.sub-contents div.section-contents table td{ border-color:#888 !important;padding:20px;line-height:150% !important; width:auto !important; min-width: inherit !important; max-width: inherit !important; padding:10px !important; } div.sub-contents div.section-contents table th{background-color:#ccc;} /* View ���� 20151030 */ {} div.container-deposit-period{float:left;overflow:auto;/*width:370px;*/} div.section-contents.car-option-select{padding:0;} div.car-option-select dl.car-option-select{margin-right:2px;border:2px solid #444;border-bottom:0;width:50%;height:229px;overflow:auto;} div.car-option-select dl.car-option-select.left{border-left:0;width:181px;} div.car-option-select dl.car-option-select dt.car-option-select-dt , div.car-option-select div.car-option-select-dt{ width:auto;background-color:#444;height:41px;line-height:41px;margin:0; font-size:16px;color:#fff; } div.car-option-select dl.car-option-select dd.car-option-select-dd{width:auto;border:0px;padding:0;background-color:#fff;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item.active{background-color:#429F83;} div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item{border-bottom:0;color:#9c9595;} div.bottom_deposit_period{width:368px;background-color:#444;clear:both;padding:0;} div.car-option-select-monthly{float:left;padding:0;/*width:605px;*/} div.car-option-select-monthly{ height:229px; overflow:hidden; background-image:url("/images/fix-autoclass-detail-bg.png"); background-repeat:no-repeat; background-position:-1px bottom; } div.car-option-select-monthly.addTax{ /*background-image:url("/images/fix-autoclass-addTax-detail-bg.png");*/ background-image:url("/images/fix-autoclass-addTax-detail-bg-20171114.png"); } div.car-option-select div.user-select-result div{margin-top:30px;} div.car-option-select div.user-select-result div.price-view{margin-top:18px;font-size:60px;} div.car-option-select i.result{margin:0;} #user-select-carLeaseDeposit{position:static;height:auto;clear:both;overflow:auto;text-align:center; width:520px;margin:15px auto 10px;} div.car-option-select div.user-select-result{margin:0 auto 10px;width:520px;clear:both;float:none;overflow:hidden;} div.car-option-select div.user-select-result.retax{margin:0 auto -6px;} /* div.car-option-select div.user-select-result.retax{margin:40px auto 0;}*/ #button-print-estimate{position:static;float:right;} #view-car-descript{border-top:1px solid #8b8b8b; padding-top:15px; width:520px; clear:both; position:static;margin:0 auto;} /* ########################################################################################################### ����Ŭ������ ����, �̴��� �Ǹ�����, �ڵ����������� ########################################################################################################### */ div.view-contents{margin-top:0;} div.view-contents .front-content-round-descript-box div.head{overflow:hidden;height:178px;} div.view-contents div.front-content-round-descript-box{} /* ȸ���Ұ� */ div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company{width:933px;margin:20px auto;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company h2{margin:40px auto;padding-bottom:20px;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company p{margin-top:10px;line-height:175% !important;display:block;clear:both;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company p.txt-name{text-align:right;font-weight:bold;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company p.txt-name span{font-size:16px;color:#000 !important;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company p.impact{font-weight:bold;color:#444;font-size:16px;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company table{margin-top:20px;display:block;border-collapse: collapse;border:2px solid #b5c3df;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company table td{width:360px;padding:10px;line-height:175% !important;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company table td.th{color:#35538d;width:60px;font-weight:bold;text-align:center;} div.sub-contents.view-contents.info-company div.container-contents div.front-content-round-descript-box.info-company img.contents{display:block;margin:40px auto;} ul.group-sevice{display:block;width:600px;overflow:hidden;margin:20px auto;clear:both;} ul.group-sevice li{float:left;margin-right:20px;} ul.group-sevice li.end{margin-right:0;} /* ����Ŭ������ ���� */ img.no-1{display:block;margin:20px auto 40px;} div.view-contents.merit{} div.view-contents div.front-content-round-descript-box.merit{} div.view-contents div.front-content-round-descript-box.merit div.body.step-1{display:block;} div.view-contents div.front-content-round-descript-box.merit div.body.step-2{display:none;} div.view-contents div.front-content-round-descript-box.merit div.body.step-3{display:none;} div.view-contents div.front-content-round-descript-box.merit div.body.step-4{display:none;} div.view-contents.merit dl.contents{margin-bottom:50px;} div.sub-contents.view-contents.merit div.container-contents ul.view-content dl.contents dt span{color:#222 !important; font-size: 16px; font-weight:bold;} div.view-contents.merit dl.contents dd{margin-top: 10px; color: #666; line-height: 150%;} div.sub-contents.view-contents dd.merit-table{} div.sub-contents.view-contents dd.merit-table h2.merit-sub-h2{border:0;margin-bottom:5px;color:#f60;margin-top:10px;font-size:14px;} div.sub-contents.view-contents dd.merit-table table{border-collapse: collapse;width:100%;border:1px solid #ccc;margin-bottom:20px;} body.community div.sub-contents.view-contents div.container-contents ul.view-content li.view-contents dd.merit-table table th ,body.community div.sub-contents.view-contents div.container-contents ul.view-content li.view-contents dd.merit-table table td{padding:5px;border:1px solid #ccc !important;} body.community div.sub-contents.view-contents div.container-contents ul.view-content li.view-contents dd.merit-table table td{width:400px;} body.community div.sub-contents.view-contents div.container-contents ul.view-content li.view-contents dd.merit-table table td.th{font-weight:bold;width:170px;} div.sub-contents.view-contents dd.merit-table table th{text-align:center;background-color:#666;color:#fff;} body.community div.sub-contents.view-contents div.container-contents ul.view-content li.view-contents dd.merit-table table tr.even td{background-color:#eee;} ul.daigram{display:block;width:340px;margin:0 auto;} ul.daigram li{background-color:#666;width:300px;color:#fff;margin:10px;padding:10px;} .explain-img{display:block;margin:40px auto;} ul.merit.graph{display:block;margin:20px auto;width:835px;overflow:hidden; /* IE 8 */ filter: alpha(opacity=70); /* IE 5-7 */ -moz-opacity: .7; /* Netscape */ -khtml-opacity: .7; /* Safari 1.x */ opacity: .7; /* Good browsers */ } ul.merit.graph li{float:left;margin-left:5px;margin-bottom:10px;height:55px;padding:10px;} ul.merit.graph li.item-graph{font-size:16px;line-height:150%;color:#fff;background-color:#429fe0;width:120px;height:55px;border-radius:10px;text-align:center;} ul.merit.graph li.item-graph.end{background-color:#4677af;} ul.merit.graph li.item-bt{} ul.merit.graph li.item-bt i{color:#87b9dc;font-size:36px;margin-top:8px;} /* �̴��� �Ǹ����� */ div.view-contents.condition{} div.view-contents div.front-content-round-descript-box.condition{} div.view-contents.condition div.head{} div.view-contents.condition div.head ul.list{} div.view-contents.condition div.head ul.list li.item{margin-right:34px;width:140px;height:140px;padding:10px;text-align:center;float:left;cursor:pointer;border:2px solid #eee;} div.view-contents.condition div.head ul.list li.item.end{margin-right:0;} div.view-contents.condition div.head ul.list li.item.active{border:2px solid #429fe0;} div.view-contents.condition div.head ul.list li.item:hover{border:2px solid #ccc;} div.view-contents.condition div.head ul.list li.item img.item{height:100px;} div.view-contents.condition div.head ul.list li.item span.item{display:block;} #result-condition{} #result-condition table{border-collapse: collapse;margin-bottom:5px;} #result-condition table ,#result-condition th ,#result-condition td{border:1px solid #999 !important;} #result-condition th{background-color:#777;color:#fff;} #result-condition td.title{background-color:#444;color:#fff;} #result-condition td.title b ,#result-condition td.title li{color:#fff;} #result-condition img{width:100%;} /* �ڵ����������� */ div.view-contents.carinfo{} div.view-contents div.front-content-round-descript-box.carinfo{} dl.item.carinfo{display:block;clear:both;} dl.item.carinfo dt,dl.item.carinfo dd{float:left;display:block;padding:5px;padding-bottom:0;} dl.item.carinfo dd{width:935px;background-color:#eee;display:block;} dl.item.carinfo dd ul.list{display:block;height:58px;} dl.item.carinfo dd ul.list.english{height:116px;} dl.item.carinfo dd ul.list li.item{float:left;margin-right:5px;width:42px;height:33px;line-height:33px;font-size:24px;padding:10px;text-align:center;color:#4677af;background-color:#87b9dc;cursor:pointer;} dl.item.carinfo dd ul.list li.item:hover{color:#fff;font-weight:bold;} dl.item.carinfo dd ul.list li.item.active{background-color:#4677af;color:#fff;font-weight:bold;} dl.item.carinfo dd ul.list.english li.item{margin-right:5px;width:47px;margin-bottom:5px;} dl.item.carinfo dd ul.list li.item.end{margin-right:0;} #title-word-search{position:absolute;right:275px;font-size:16px;padding: 10px 11px;color:#5da2c5;font-size: 14px;} #input-word-search{position:absolute; right:0; width:250px; padding: 7px 11px; background-position: 130px 5px; font-size: 14px; border: 2px solid #5da2c5; color:#429fe0; } #result-word-list li.result-title{margin-top:20px;} #result-word-list li.result-title span{color:#222 !important; font-size: 16px; font-weight:bold; } #result-word-list li.result-descript{margin-top:10px;color:#666;font-size:14px;line-height:150%;font-family:"Dotum",Arial;} #result-word-list div.no-result{text-align:center;height:300px;line-height:300px;padding:20px;font-size:16px;color:#429fe0;font-weight:bold;} /* ########################################################################################################### SEARCH : ���� �˻� ���� ########################################################################################################### */ /* ########################################################################################################### SUB-MENU : ���� ī�װ��� ���� ���� ########################################################################################################### */ div.sub-contents.sub-menu{background-color:#eee;color:#fff; position:relative;margin-top:15px;} /*div.sub-contents.sub-menu ul.sub-menu{padding:10px 0 15px 0;}*/ div.sub-contents.sub-menu ul.sub-menu{padding:0px;display:table;border-collapse: collapse;} div.sub-contents.sub-menu ul.sub-menu li.sub-menu{padding:0px;text-align:center;line-height:150%;display:table-cell;border:1px solid #c5c5c5;} div.sub-contents.sub-menu ul.sub-menu li.sub-menu a{color:#999;} div.sub-contents.sub-menu ul.sub-menu li.sub-menu a img{float:left;} div.sub-contents.sub-menu ul.sub-menu li.sub-menu.active a{color:#229fe0;font-size:16px;font-weight:bold;} img#arrow-sub-menu{position:absolute;left:0px;bottom:-1px;display:none;} div.community-h2{padding:10px;padding-right:0;border-bottom:2px solid #ccc;margin-top:20px;} div.community-h2.Advantages{border-bottom:0;} div.community-h2 h2{font-size:24px;color:#444;position:relative;} .comm-subMenu{display:table;width:100%;height:51px;border-collapse: collapse;} .comm-subMenu li.comm-item{display:table-cell;border:1px solid #c5c5c5;} .comm-subMenu li.comm-item{background-image:url(/images/common/menu/comm-01.png);background-repeat:no-repeat;background-position:center center;} .comm-subMenu li.comm-item.active{background-color:#fff;} .comm-subMenu li.comm-item.INFOR_COMPANY{background-image:url(/images/common/menu/comm-01.png);} .comm-subMenu li.comm-item.INFOR_COMPANY.active{background-image:url(/images/common/menu/comm-01-over.png);} .comm-subMenu li.comm-item.Advantages{background-image:url(/images/common/menu/comm-02.png);} .comm-subMenu li.comm-item.Advantages.active{background-image:url(/images/common/menu/comm-02-over.png);} .comm-subMenu li.comm-item.FAQ{background-image:url(/images/common/menu/comm-03.png);} .comm-subMenu li.comm-item.FAQ.active{background-image:url(/images/common/menu/comm-03-over.png);} .comm-subMenu li.comm-item.NOTICE{background-image:url(/images/common/menu/comm-04.png);} .comm-subMenu li.comm-item.NOTICE.active{background-image:url(/images/common/menu/comm-04-over.png);} .comm-subMenu li.comm-item.AFTER_STORY{background-image:url(/images/common/menu/comm-05.png);} .comm-subMenu li.comm-item.AFTER_STORY.active{background-image:url(/images/common/menu/comm-05-over.png);} .comm-subMenu li.comm-item.MERIT{background-image:url(/images/common/menu/comm-06.png);} .comm-subMenu li.comm-item.MERIT.active{background-image:url(/images/common/menu/comm-06-over.png);} .comm-subMenu li.comm-item.CONDITIONSOFSALE{background-image:url(/images/common/menu/comm-07.png);} .comm-subMenu li.comm-item.CONDITIONSOFSALE.active{background-image:url(/images/common/menu/comm-07-over.png);} .comm-subMenu li.comm-item.CARINFO{background-image:url(/images/common/menu/comm-08.png);} .comm-subMenu li.comm-item.CARINFO.active{background-image:url(/images/common/menu/comm-08-over.png);} .comm-subMenu li.comm-item a{display:inline-block;width:100%;height:100%;} /* ########################################################################################################### LIST ���� �� �˻� ########################################################################################################### */ /*div.sub-contents.list-car.list-model{border-top:2px solid #429fe0;} div.sub-contents.view-contents{border-top:2px solid #429fe0;}*/ /* list title bar */ div.sub-contents.faq ,div.sub-contents.after-story{margin-top:1px;} ul.list-title-bar{display:block;overflow:hidden;background-color:#444;margin-bottom:5px;border-top:1px solid #000;} li.list-title-bar-item{float:left;padding:5px;border-right:1px solid #fff;color:#fff;text-align:center;} li.list-title-bar-item.end{border-right:0;} div.list-model li.list-title-bar-item.image{width:92px;} div.list-model li.list-title-bar-item.model{width:590px;} div.list-model li.list-title-bar-item.lease{width:266px;} div.list-model.faq li.list-title-bar-item.title{width:850px;} div.list-model.faq li.list-title-bar-item.readnumber{width:100px;} div.list-model.after-story li.list-title-bar-item.image{width:92px;} div.list-model.after-story li.list-title-bar-item.title{width:747px;} div.list-model.after-story li.list-title-bar-item.readnumber{width:100px;} /* list */ ul.list-model{display:block;} ul.list-model li.list-item{width:968px;height:64px;border-bottom:1px solid #e6e6e6;clear:both;cursor:pointer;padding:5px;} ul.list-model li.list-item:hover{border-bottom:1px solid #429fe0;background-color:#e6e6e6;} ul.list-model li.list-item ul.item-content-ul{display:block;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item{height:57px;margin:2px 5px;line-height:57px;overflow:hidden;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-image{width:80px;margin-left:10px;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-image img.item-image{width:84px;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-manufactureName{margin-left:10px;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-modelName{} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-salesMonthlyRange{margin-right:10px;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.item-salesPriceRange{} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.left{float:left;text-align:left;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.right{float:right;color:#777;text-align:right;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.right span.price{font-weight:bold;color:#198EC0;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.right.item-salesPriceRange{width:110px;text-align:left;} ul.list-model li.list-item ul.item-content-ul li.item-content-li-item.right.item-salesMonthlyRange{width:120px;} /* gallery */ ul.list-model.gallery{display:table;clear:both;} ul.list-model.gallery li.list-item{border:1px solid #fff;width:978px;float:left;width:200px;height:200px;clear:none;margin:10px 20px;padding:0px;} ul.list-model.gallery li.list-item.odd{} ul.list-model.gallery li.list-item.even{} ul.list-model.gallery li.list-item:hover{border:1px solid #429fe0;} ul.list-model.gallery li.list-item ul.item-content-ul{height:16px;} ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item{display:block;width:180px;height:16px;line-height:100%;text-align:left;padding:3px 5px;} ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item img.item-image{ width:100%;float:left; /*background-image: url('/renew.images/preload/preloader2.gif'); background-repeat: no-repeat; background-position: 50% 0%; background-size:80%;*/ } ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item span{float:left;} ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item span.price{text-align:right;color:#87b9dc;float:right;} ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item.trans-model-image{width:184px;height:120px;overflow:hidden;} ul.list-model.gallery li.list-item ul.item-content-ul li.item-content-li-item.trans-model-name{background-color:#444;color:#fff;} /* text list */ ul.list-model.text{display:table;clear:both;} ul.list-model.text li.list-item{height:auto;} ul.list-model.text li.list-item.odd{} ul.list-model.text li.list-item.even{} ul.list-model.text li.list-item:hover{border-bottom:1px solid #ccc;background-color:#eee;} ul.list-model.text li.list-item:hover ul.item-content-ul li span{color:#000;} ul.list-model.text li.list-item.active{border-bottom:1px solid #429fe0;background-color:#444;} ul.list-model.text li.list-item.active ul.item-content-ul li span{color:#fff;} ul.list-model.text li.list-item ul.item-content-ul{padding:5px 10px;display:block;height:18px;} ul.list-model.text li.list-item span{display:block;} ul.list-model.text li.list-item span.left{float:left;} ul.list-model.text li.list-item span.right{float:right;} ul.list-model.text li.list-item span.xb-title{} ul.list-model.text li.list-item span.xb-count{width:80px;} ul.list-model.text li.list-item span.xb-regdate{width:150px;} ul.list-model.text li.list-item.after-story ul.item-content-ul{height:64px;} ul.list-model.text li.list-item.after-story ul.item-content-ul li.item-content-ul-item{height:64px;line-height:64px;} div.af-thumb{width:80px;height:60px;float:left;overflow:hidden;border:1px solid #ccc;margin-right:20px;} img.af-thumb{width:76px;margin:2px;} /* text view */ div.sub-contents.view-contents div.container-contents{width:976px; border: 1px solid #e6e6e6; clear: both; margin: 2px 0 5px; } div.sub-contents.view-contents div.container-contents h2{font-size: 16px; color: #444; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #9dc6dc; } div.sub-contents.view-contents div.container-contents ul.view-content{padding:10px;display:block;} /* div.sub-contents.view-contents div.container-contents ul.view-content li div.contents{line-height:150% !important;min-height:500px;} div.sub-contents.view-contents div.container-contents ul.view-content li div.contents p, div.sub-contents.view-contents div.container-contents ul.view-content li div.contents span, div.sub-contents.view-contents div.container-contents ul.view-content li div.contents font{line-height:150% !important;color:#777 !important;} div.sub-contents.view-contents div.container-contents ul.view-content li div.contents strong{color:#222 !important;} div.sub-contents.view-contents div.container-contents ul.view-content li div.contents td{padding:5px 10px;border:0px !important;} */ /* pageing */ .list-paging{text-align:center;display:table;} .list-paging ul.list-paging-ul{display:inline-block;} .list-paging ul.list-paging-ul li.item{float:left;line-height:24px;margin:0 5px;color:#333;font-size:16px;} .list-paging ul.list-paging-ul li.item a{color:#999;font-size:16px;} .list-paging ul.list-paging-ul li.item.active{font-weight:bold;color:#000;} .list-paging a{} .list-paging i{font-size:12px;color:#9dd7ff;} .list-paging i.block{font-size:18px;margin-top:3px;} .list-paging i.page{font-size:10px;} .list-paging i.active{color:#429fe0;} .list-paging i.passive{color:#9dd7ff;} /* youtube */ div.sub-contents li.youtube-container{position:relative} img.explain-tab{position:absolute;left:139px;top:401px;z-index:99;} iframe#longlife-youtube{position:absolute;z-index:9;left:139px;top:401px;} div.sub-contents a.es_linker{position:absolute; height:20px;width:100px;} div.sub-contents a.es_linker.step-1{left:618px;top:363px;} div.sub-contents a.es_linker.step-2{left:206px;top:640px;} div.sub-contents a.es_linker.step-3{left:450px;top:640px;} /* youtube end */ /* fix ���� */ body.main div.container.mid-search{padding-bottom:0; } div.side-content{top:0px; } #show_count_counsel{top:200px; } #show_date_counsel{top:222px; } #right-main-banner{top:0; } #right-main-banner dl.main-banner-right.step-1{left:20px; } #right-main-banner dl.main-banner-right.step-2{left:20px; top:140px; } div.container.mid-search div.mid-search.mid-banner{width:539px; } div.container.mid-search.sub-main-search div.mid-search-container{border:2px solid #0186bf; } div.container.mid-search.sub-main-search div.mid-search-container h2{background-color:#0186bf; background-image: url("/img.autoclass/main/title.main.search.png"); background-repeat: no-repeat; background-position: 15px 4px; text-indent:-2048px; } div.container.mid-search.sub-main-search div.mid-search.mid-banner{border:0; height:126px; } div.container.mid-search.sub-main-search div.mid-search.mid-banner #show_count_counsel{top:116px; right:auto; left:409px; } div.container.mid-search.sub-main-search div.mid-search.mid-banner #show_date_counsel{top:117px; left:475px; letter-spacing: 1px; font-size:11px; } h2.container-title{width:980px;margin:0 auto 1px;color:#444;font-size:16px;} h2.container-title span.sml{color:#444;font-weight:normal;font-size:12px;} /*div.container.event-list{background-image:url("/img.autoclass/main/bg.event.png"); background-repeat: no-repeat; background-position:8px 2px; background-color:#3f9adc; padding:2px; }*/ div.container.event-list{/*background-image:url("/img.autoclass/main/bg.event.png"); background-repeat: no-repeat; background-position:8px 2px; */background-color:#fff; padding:2px; } div.container.event-list h2.container-title{width:953px;color:#666;font-size:18px;padding:10px 10px 10px;border-bottom:1px solid #ccc;} div.container.event-list h2.container-title span.sml{font-size:12px;} div.container.event-list{width:960px; } div.container.event-list div.event-tab{width:973px; } div.container.event-list div.event-content{width:971px; background-color:#fff; border-color:#fff;border-bottom:1px solid #ccc;padding:10px 0;} /* div.container.event-list div.event-tab a.event-tab{background-color:#757575; border-color:#666;width:222px !important; } */ div.container.event-list div.event-tab a.event-tab{background-color:#757575; border-color:#666;width:465px !important; } div.container.event-list div.event-tab a.event-tab.active{border-color:#fff; } div.container.event-list div.event-content ul.event-list-ul li.event-list-li{width:222px; } div.container.main-bottom-content div.inner-container.container-bottom-middle{width:358px; } div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-notice div.inner ul.inner-list li.item{border-top:0px solid #ccc; } div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-faq div.inner ul.inner-list li.item{border-top:0px solid #ccc; } div.container.main-bottom-content div.inner-container div.inner-content.container-aftersotry div.inner ul.inner-list li.item{border-top:0px solid #ccc; } div.side-floating{border:1px solid #a4c2e1; } div.side-floating.quick{background-color:#429fe0;border:0;width:124px;} div.side-floating.ex-longlife{border:0;} div.side-floating h2{background:none; border-bottom:0; text-align:left; width:103px; margin:0 auto; padding:10px 5px 8px; } div.no-bottom-padding{padding-bottom:0 !important;} button.detail-counsel{text-align:center; background-color:#429fe0; background-image: url("/img.autoclass/common/icon.hand.png"); background-repeat: no-repeat; background-position: 20px 10px; padding:5px; padding-left: 25px; width: 150px; height:45px; font-size:16px; } div.sub-contents div.detail-explain div.detail-standard.button{/*padding:5px 0px 5px 5px; border-top:1px solid #ccc;*/ text-align:right;position:relative; } div.sub-contents div.detail-explain div.detail-lineup{margin-top:0; } div.container.main-bottom-content{border:0; } div.container.main-bottom-content div.inner-container div.inner-content{height:340px; } div.container.main-bottom-content div.inner-container.container-bottom-left{width:289px; margin-right:10px; border:0; } div.container.main-bottom-content div.inner-container div.inner-content.row-2 .inner .inner-list{width:265px; } div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-notice{background-color:#4384b1;border-style:solid; border-color:#e2e2e2; border-width:0px; margin-bottom:10px; } div.container.main-bottom-content div.inner-container div.inner-content.row-2.container-faq{background-color: #285472;border-style:solid; border-color:#e2e2e2; border-width:0px; } div.container.main-bottom-content div.inner-container.container-bottom-middle{width:348px; margin-right:10px; border-style:solid; border-color:#e2e2e2; border-width:0px; } div.container.main-bottom-content div.inner-container div.inner-content{border:0;background-color:#99b6e2; } div.container.main-bottom-content div.inner-container div.inner-content.container-reason{background-color:#429fe0;height:94px;margin-bottom:10px;border-style:solid; border-color:#e2e2e2; border-width:0px; } div.container.main-bottom-content div.inner-container div.inner-content.container-high-price{background-color:#4384b1;height:92px;margin-bottom:10px;border-style:solid; border-color:#e2e2e2; border-width:0px; } div.container.main-bottom-content div.inner-container div.inner-content.container-dictionary{background-color:#285472;height:92px;border-style:solid; border-color:#e2e2e2; border-width:0px; } /* main banner */ .captionOrange, .captionBlack {color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; } .captionOrange {background: #EB5100; background-color: rgba(235, 81, 0, 0.6); } .captionBlack {font-size:16px; background: #000; background-color: rgba(0, 0, 0, 0.4); } a.captionOrange, A.captionOrange:active, A.captionOrange:visited {color: #ffffff; text-decoration: none; } a.captionOrange:hover {color: #eb5100; text-decoration: underline; background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } .bricon {background: url(../img/browser-icons.png); } div.header div.container.gnb div.grp-gnb a{margin-top:20px;} #button-gnb-counsel{cursor:pointer; margin-top:15px;margin-left:10px; } #value_counsel-price{position:absolute;top:0px;left:0px; color:#429fe0; font-size:28px;font-weight:bold; } #value_counsel-price span.txt-monthly{color:#429fe0;font-size:22px;} #value_counsel-price span.txt-monthly-explain{display:block;color:#429fe0;font-size:14px;position:absolute;top:35px;} /* ������ ���� ���� */ body.main div.container.mid-search{ position:relative; width:980px;height:272px; background-image:url("/img.autoclass/banner/bg.main.banner.init.png"); } .main-banner.banner-left{ background-image:url("/img.autoclass/banner/bg.main.left.init.png"); background-position:20px 15px; background-repeat:no-repeat; } #show_count_counsel{ top:220px; right:45px; } #show_date_counsel{ top:240px; } div.container.mid-search div.mid-search.search-model.main-search-model{ margin-top:15px; } div.container.mid-search #search-result{ top:15px; width:540px; } div.container.mid-search div.mid-search.mid-banner.right-main-banner{ background:none; /*background-image:url("/img.autoclass/banner/bg.main.right.init.png");*/ background-position:10px 0px; background-repeat:no-repeat; } body.child div.container.mid-search div.mid-search.mid-banner.right-main-banner{ /*background-image:url("/img.autoclass/banner/bg.main.right.child.init.png");*/ background:none; } /* �߰��� ������ */ div.usedcar-contents{} img.button.go-usedcar{} div.usedcar-contents dt, div.usedcar-contents dd, div.usedcar-contents caption, div.usedcar-contents th, div.usedcar-contents td{line-height:175%;} div.usedcar-contents img.no-1{margin-bottom:0px;} div.usedcar-contents div.inner-contents{padding:20px;} div.usedcar-contents dl.graph-contents{overflow:hidden;margin-bottom:40px;display:table;} div.usedcar-contents dl.graph-contents dt, div.usedcar-contents dl.graph-contents dd{display:table-cell;vertical-align:middle;height:120px;} div.usedcar-contents dl.graph-contents dt{width:120px;color:#fff;background-color:#cf3e4a;text-align:center;border-radius: 50%;} div.usedcar-contents dl.graph-contents dd{padding-left:20px;} div.usedcar-contents dl.graph-contents i.fa-arrow-circle-right{color:#cf3e4a;} div.usedcar-contents table.table-contents{border-collapse: collapse;margin-bottom:40px;width:100%;} div.usedcar-contents table.table-contents th, div.usedcar-contents table.table-contents td{padding:10px;border:1px solid #ccc;} div.usedcar-contents table.table-contents th{background-color:#f5f8fd;color:#7690ab;} div.usedcar-contents table.table-contents td{} div.usedcar-contents table.table-contents td.th{vertical-align: middle;text-align:center;} div.usedcar-contents dl.text-contents{overflow:hidden;margin-bottom:40px;} div.usedcar-contents dl.text-contents dl.item-contents{overflow:hidden;margin-bottom:10px;margin-left:10px;} div.usedcar-contents table.table-contents caption, dl.text-contents dt{text-align:left;color:#4380c5;margin-bottom:10px;font-weight:bold;font-size:14px;} /*div.usedcar-contents table.table-contents caption button{border-radius:5px;padding:5px 10px;float:right;width:auto;} div.usedcar-contents table.table-contents caption button i.fa-arrow-circle-right{color:#fff;font-size:16px;}*/ img.button.go-usedcar{float:right} dl.item-contents dt{color:#7fa9d8;} dl.item-contents dd{padding-left:20px;} div.usedcar-contents span.impact{font-weight:bold;} div.usedcar-contents span.ul{text-decoration: underline;} div.item-graph{overflow:hidden;margin:20px;} div.item-graph ul.item-graph{overflow:hidden;} div.item-graph ul.item-graph li{float:left;width:120px;height:80px;padding-top:40px;text-align:center;background-color:#414a68;color:#fff;border-radius:50%;margin:20px 20px;} div.item-graph ul.item-graph li.none{width:50px;background:none;font-size:16px;padding-top:45px;} dl.text-contents.seq{} dl.text-contents.seq div.item-graph ul.item-graph li{float:left;width:120px;height:80px;padding-top:40px;text-align:center;background-color:#414a68;color:#fff;border-radius:50%;margin:20px 0px;} dl.text-contents.seq div.item-graph ul.item-graph li.none{width:50px;background:none;font-size:16px;padding-top:45px;} dl.text-contents.seq div.item-graph ul.item-graph li.row1{height:70px;padding-top:50px;} dl.text-contents.seq div.item-graph ul.item-graph li.side{background-color:#cf3e4a;} img.item-images-contents{display:block;margin:20px auto 20px;} img.item-images-contents.left{margin:10px 0 30px;} /* ADD ���� ������ �˻� */ div.sub-contents.search-lease{margin:0px 0px 20px;padding:5px 10px;border-bottom:1px solid #ccc;/*background-image:url("/img.autoclass/bg/bg.search.lease.png");background-color:#415c68;*/background-color:#efefef;} .search-lease dl{overflow:hidden;margin-top:20px;} .search-lease dl dt{font-weight:bold;color:#444;font-size:14px;padding-left:5px;margin-bottom:5px;} .search-lease dl dt img{float:left;margin-left:5px;margin-right:10px;margin-top:7px;} .search-lease dl dd{} .search-lease dl dd ul.search-lease-list{} .search-lease dl dd ul.search-lease-list li.item{cursor:pointer;width:125px;height:30px;line-height:30px;text-align:center;float:left;margin:5px;border:1px solid #222;background-color:#888;color:#fff;} .search-lease dl dd ul.search-lease-list li.item:hover{border:1px solid #429fe0;background-color:#357bc0;color:#fff;} .search-lease dl dd ul.search-lease-list li.item.active{border:1px solid #357bc0;background-color:#429fe0;color:#fff;font-weight:bold;} div.image-banner-middle{margin:15px 0 10px;} /* ADD ����� : promotion */ div.renew-promotion{width:956px;padding:10px;border:2px solid #414a68;margin:10px 0 0;text-align:center;} div.renew-promotion table{display:block;background-color:#414a68;} div.renew-promotion table td{color:#fff;font-size:18px;text-align:left;padding:10px;} div.renew-promotion table td.th{font-weight:bold;text-align:center;} div.detail-image-main{position:relative;} img#detail-image-promotion{position:absolute;right:0;top:0;width:135px;height:137px;} /* ###################################################################### 2015.05.18 �ű� ������ ���� ���� */ /* �������� 1�� */ .renew.side-floating.banner-1st{border-radius:10px 10px 0 0;width:124px;height:292px;border:0; background-image:url("/renew.images/common/re-banner-1st.png"); position:relative; } .renew-release{position:absolute;color:#fff;} #renew-release-count{right:26px;top:252px;} #renew-release-date{left:21px;top:269px;} /* �������� ��û */ .renew.side-floating.reservation{} .renew.side-floating.reservation{width:124px;height:110px; background-image:url("/renew.images/common/re-reservation-bg.png"); background-repeat:no-repeat; position:relative; border:0px solid #f00; } .renew.reservation-button{position:absolute; left:7px;top:64px; cursor:pointer; } /* ������ ��ũ ��û */ .renew.side-floating.icons{} .renew.side-floating.icons dl{display:block;width:122px;height:317px;} .renew.side-floating.icons dt, .renew.side-floating.icons dd{float:left;} .renew.side-floating.icons dt{width:22px;height:317px;background-color:#429fe0;} .renew.side-floating.icons dt img{margin-left:7px;margin-top:102px;} .renew.side-floating.icons dd{background-color:#fff;height:317px;width:100px;} .renew.side-floating.icons dd ul{} .renew.side-floating.icons dd ul li{width:99px;height:78px;border-bottom:1px solid #e2e2e2;} .renew.side-floating.icons dd ul li.end{border-bottom:0;} .renew.side-floating.icons dd ul li img{margin-left:15px;margin-top:10px;} /* �ǽð� ��Ȳ */ .renew.realtime-status{} .renew.realtime-status h2{display:block;width:122px;height:33px;background-color: #429fe0 ;padding:0;} .renew.realtime-status h2 img{margin-left:30px;margin-top:9px;} /* ���� ���� ����ó */ .renew.side-floating.phone-number{border:0;margin-bottom:0;} .renew.side-floating.phone-number img#phone-kakao{border-radius:10px 10px 0 0} /* main search banner section modify */ div.main.renew.mid-search.container{height:292px;background-image:none; } div.main.renew.mid-search.container div.mid-search.search-model{width:303px;height:286px; background-image:none; background-color:#fff; border:3px solid #0041cd; margin-top:0; } div.main.renew.mid-search.container div.mid-search.search-model h2{width:250px;margin:22px auto 18px;padding:0; text-indent:0; text-align:left; } div.main.renew.mid-search.container div.mid-search.search-model h2.no-bg{margin:0 auto 12px; } div.main.renew.mid-search.container div.mid-search.search-model div.search-tab{width:250px; margin:0 auto 12px; } div.main.renew.mid-search.container div.mid-search.search-model div.search-tab a.search-tab{width:122px;height:30px;line-height:30px; background-color:#e2e2e2; border:1px solid #bfbfbf; border-bottom:1px solid #a3a3a3; color:#444; } div.main.renew.mid-search.container div.mid-search.search-model div.search-tab a.search-tab.active{background-color:#fff; border:1px solid #a3a3a3; border-bottom:1px solid #fff; color:#0040cc;font-weight:bold; } div.main.renew.mid-search.container div.mid-search.search-model div.search-content{width:250px; margin:0 auto; padding:0; } div.main.renew.mid-search.container div.mid-search.mid-banner.right-main-banner{width:666px !important; height:292px !important; background-image:none; float:right; } div.main.renew.mid-search.container div.search-content div.search-content-div ul.ul-form-select{width:167px} div.main.renew.mid-search.container div.search-content div.search-content-div ul.ul-form-select li span.custom-combobox{width:160px;} div.main.renew.mid-search.container div.search-content div.search-content-div ul.ul-form-select li span.custom-combobox input{width:104px;} /* main search result layer */ div.container.mid-search.renew.main div.main.renew.search-result{left:277px !important;top:10px !important; width:689px !important;height:268px !important; } div.container.mid-search.renew.main #search-result img#search-result-arrow-left.manufacture{top:133px !important; } div.container.mid-search.renew.main #search-result img#search-result-arrow-left.model{top:204px !important; } div.container.mid-search.renew.main #search-result div.main_search_result span.user_search_result{width:140px; padding:3.2px; } /* sub page search */ div.container.mid-search.sub-main-search.renew{width:980px;height:146px; background-color:#fff; padding:0; } div.container.mid-search.sub-main-search.renew div.mid-search{padding:0;} div.container.mid-search.sub-main-search.renew .mid-search-container{width:310px;height:146px;border:3px solid #8992a2;float:left;margin-right:6px;} div.container.mid-search.sub-main-search.renew div.mid-search-container h2{text-indent:0;background:none;padding:0;text-align:left;margin-left:70px;margin-top:20px;margin-bottom:12px;} div.container.mid-search.sub-main-search.renew div.mid-search.search-model{background-color:#fff;margin-left:6px;} div.container.mid-search.sub-main-search.renew div.search-tab a.search-tab{width:48px;height:30px;text-align:center;line-height:30px;color:#444;border:1px solid #a3a3a3;background-color:#e2e2e2;padding:0;margin-bottom:4px;} div.container.mid-search.sub-main-search.renew div.search-tab a.search-tab.active{background-color:#fff;font-weight:bold;color:#1677cb;} div.container.mid-search.sub-main-search.renew div.mid-search.quick-quest{margin-left:15px;width:50px;} div.container.mid-search.sub-main-search.renew div.search-content .search-content-ul.model li.search-content-li{width:205px;height:30px;line-height:30px; padding:0;margin:0;margin-bottom:4px; padding-left:10px; color:#959594; border:1px solid #d5d5d5;font-weight:normal; background:none; } div.container.mid-search.sub-main-search.renew div.search-content .search-content-ul.model li.search-content-li.active{border:1px solid #a3a3a3; color:#444; } div.container.mid-search.sub-main-search.renew div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li{padding:0px; } div.container.mid-search.sub-main-search.renew div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox{width:220px;height:30px; } div.container.mid-search.sub-main-search.renew div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox input{border-width:1px; width:190px;height:30px;padding:0;padding-right:20px; } div.container.mid-search.sub-main-search.renew div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li span.custom-combobox a{border-width:1px;margin-top:0px;height:30px; } div.container.mid-search.sub-main-search.renew #search-result img#search-result-arrow-left.model{top:81px;} div.container.mid-search.sub-main-search.renew .mid-search.mid-banner{width:664px;overflow:visible;float:left;} div.container.mid-search.sub-main-search.renew div.mid-search.mid-banner img.mother-child-image{position:static;margin-top:-16px;} div.container.mid-search.sub-main-search.renew div.search-content div.cap-search-content.price div.search-content-div ul.ul-form-select li.li-form-select{margin-bottom:8px;} /* ###################################################################### 2015.05.18 �ű� ������ ���� �� */ /* ������ #2 20150521 */ div.container.main-bottom-content.renew{width:980px;border-bottom:1px solid #ececec;} .main-bottom-item{float:left;} .main-bottom-item .main-bottom-item-title{height:50px;line-height:50px;background-color:#696b6a;color:#fff;text-align:center;font-size:14px;} .main-bottom-item.Information{width:326px;} .main-bottom-item.Information .inner-contents{background-color:#fff;text-align:left;padding-left:30px;padding-top:25px;padding-bottom:31px;position:relative;} .main-bottom-item.Information .inner-contents.faq{background-color:#e8f1f6;} .main-bottom-item.Information .inner-contents .inner-contents-title{width:300px;} .main-bottom-item.Information .inner-contents .inner-contents-contents{width:300px;margin-top:26px;} .main-bottom-item.Information .inner-contents .inner-contents-contents ul.inner-list{list-style-position: inside;} .main-bottom-item.Information .inner-contents .inner-contents-contents ul.inner-list li.item{height:22px;list-style-type: disc;list-style-position: inside;} .main-bottom-item.Epilogue{width:327px;} .main-bottom-item.Epilogue .main-bottom-item-title{background-color:#4f749d;} .main-bottom-item.Epilogue .inner-contents{background-color:#fff;text-align:left;padding-left:30px;padding-top:25px;padding-bottom:27px;} .main-bottom-item.Epilogue .inner-contents.faq{background-color:#e8f1f6;} .main-bottom-item.Epilogue .inner-contents .inner-contents-title{width:300px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents{width:300px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list{display:block;width:300px;height:300px;margin-top:20px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item{width:300px;height:74px;margin-bottom:5px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item a{display:block;width:270px;height:74px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item span.after-img{display:block;width:74px;height:74px;overflow:hidden;float:left;margin-right:13px;position:relative} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item span.after-img img.after-img{height:74px;position: absolute;left:-38px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item span.after-title{display:block;float:none;font-weight:bold;padding-top:7px;} .main-bottom-item.Epilogue .inner-contents .inner-contents-contents ul.inner-list li.item span.after-title span{font-weight:normal;} .main-bottom-item.Why{width:327px;} .main-bottom-item.Why li.item-link{} .main-bottom-item.Why li.item-link a{overflow:hidden;} .main-bottom-item.Why li.item-link img{display:block;} .main-bottom-item.Why li.item-link.end{margin-bottom:0;} .main-bottom-item .main-bottom-item-contents{text-align:center;} .main-bottom-item .main-bottom-item-contents img.renew-arrow{display:block;margin:0 auto;} /* contents modify */ .renew-contents{} .renew-contents li{margin-top:50px;} .renew-contents.transfer li{margin-bottom:100px;} div.sub-contents.view-contents div.container-contents ul.view-content li div.contents #contentsTAble td{border:1px solid #999 !important;} /* FAQ TAB */ body.community div.faq-tab{margin-left:-10px;margin-top:10px;} body.community div.faq-tab ul.faq-tab-group{display:table;width:100%;border-collapse: collapse;} body.community div.faq-tab ul.faq-tab-group li.item{display:table-cell;text-align:center;width:14.285%;border:1px solid #e1e1e3;padding:16px;cursor:pointer;} body.community div.faq-tab ul.faq-tab-group li.item:hover{background-color:#e1e1e3;} body.community div.faq-tab ul.faq-tab-group li.item.active{background-color:#265195;color:#fff;} body.community ul.list-faq-category{ display:block;width:980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.community li.faq-category{display:none;} body.community li.faq-category dl.faq-category-inner{width:100%;float:none;clear:both;overflow:hidden;display:block;} body.community li.faq-category dl.faq-category-inner dt, body.community li.faq-category dl.faq-category-inner dd{float:left;} body.community li.faq-category dl.faq-category-inner dt{padding:20px 15px;} body.community li.faq-category dl.faq-category-inner dd{padding:20px 15px;line-height:175%;} body.community li.faq-category dl.faq-category-inner.faq-category-title{border-bottom:1px solid #e1e1e1;} body.community li.faq-category dl.faq-category-inner.faq-category-title dd{color:#b70006;font-size:16px;} body.community li.faq-category dl.faq-category-inner.faq-category-contents{background-color:#f6f6f6;border-bottom:1px solid #e1e1e1;} /* ȸ���Ұ�-������Ʈ TAB */ body.community div.cominfo-tab{margin-left:-10px;margin-top:10px;} body.community div.cominfo-tab ul.cominfo-tab-group{display:table;width:100%;border-collapse: collapse;} body.community div.cominfo-tab ul.cominfo-tab-group li.item{display:table-cell;text-align:center;width:33%;border:1px solid #e1e1e3;padding:16px;cursor:pointer;} body.community div.cominfo-tab ul.cominfo-tab-group li.item:hover{background-color:#e1e1e3;} body.community div.cominfo-tab ul.cominfo-tab-group li.item.active{background-color:#265195;color:#fff;} #cnt-info-consultant{display:none;border:0;} .info-consultant{margin-top:20px;} /* ȸ���Ұ�-������Ʈ TAB */ body.community div.Advantages-tab{margin-left:-10px;margin-top:10px;} body.community div.Advantages-tab ul.Advantages-tab-group{display:table;width:100%;border-collapse: collapse;} body.community div.Advantages-tab ul.Advantages-tab-group li.item{display:table-cell;text-align:center;width:25%;border:1px solid #e1e1e3;height:48px;line-height:48px;cursor:pointer;} body.community div.Advantages-tab ul.Advantages-tab-group li.item a{display:inline-block;width:100%;height:100%;} body.community div.Advantages-tab ul.Advantages-tab-group li.item:hover{background-color:#e1e1e3;} body.community div.Advantages-tab ul.Advantages-tab-group li.item.active{background-color:#265195;color:#fff;} body.community div.Advantages-tab ul.Advantages-tab-group li.item.active a{color:#fff;} #cnt-info-partnership{display:none;border:0;} a#issueMaker{ position:absolute; left:240px;top:508px; width:225px;height:211px; text-indent: -10000px; } #autoclassSalesman{ width:980px;height:2100px; position:relative; background-image:url(/renew.images/contents/consultant/cnt-06-2.png); background-repeat:no-repeat; margin-top:0; } .autoclassSalesman-photo{ width:182px; position:absolute;left:156px;top:104px; } /* �⺻ �ֵ�ö */ .autoclassSalesman-photo div.admin-photo{ width:182px;height:182px; overflow:hidden; background-color:#fff; } .admin-explain{padding:5px 10px;} .admin-explain dt{font-size:18px;color:#fff;text-align:center;} .admin-explain dd{} .admin-explain dt span.admin-title{color:#fff;} .admin-explain ul{margin-top:5px;width:100%;display:block;} .admin-explain li{color:#fff;padding:1px 0 0;} .admin-explain li.etc{letter-spacing:-0.7px;font-weight:bold;text-align:center;padding:6px 2px;margin:6px 0;background-color:#285192;color:#fff;border-radius:4px;line-height:125%;} .admin-explain li span{color:#fff;font-size:14px;} .admin-explain ul.member_title_type_E{display:table;} .admin-explain ul.member_title_type_E li.etc{display:table-cell;height:76px;vertical-align:middle;} .autoclassSalesman-photo.dong7047{left:400px;top:153px;} /* �ֵ�ö */ .autoclassSalesman-photo.totquf{left:45px;top:528px;} /* �۽��� */ .autoclassSalesman-photo.makanixpichi{left:640px;top:528px;} /* ������ */ .autoclassSalesman-photo.gusrn{left:45px;top:859px;} /* ������ */ .autoclassSalesman-photo.zxcyuy{left:266px;top:859px;} /* ������ */ .autoclassSalesman-photo.kkh810926{left:532px;top:859px;} /* �DZ�ȯ */ .autoclassSalesman-photo.jyk9306{left:753px;top:859px;} /*������*/ .autoclassSalesman-photo.qkrxodyd11{left:753px;top:859px;} /*������*/ .autoclassSalesman-photo.mdatga{left:642px;top:1324px;} /* �Ӱ��� */ .autoclassSalesman-photo.imji2638{left:52px;top:1324px;} /* ������ */ .autoclassSalesman-photo.ky05897{left:287px;top:1765px;} /* ��ȿ�� */ .autoclassSalesman-photo.avatar2{left:272px;top:1324px;} /* �ǿ뱹 */ .autoclassSalesman-photo.jin0588{left:626px;top:1765px;} /* ������ */ .autoclassSalesman-photo.sangun{left:512px;top:1765px;} /* ������ */ .autoclassSalesman-photo.ChulMin{left:507px;top:1765px;} /* ��ö�� */ .autoclassSalesman-photo img{width:100%;} /* �ѱ� */ .faqisborder caption{text-align:left;color:#00f;} .faqisborder{border-collapse: collapse;} .faqisborder td{border:1px solid #bdbdbd;vertical-align:middle;padding:5px;} /* �ӽû��� : �߰������� ���� */ .renew.side-floating.icons dl{height:240px;} .renew.side-floating.icons dl dt, .renew.side-floating.icons dl dd{height:240px;} .renew.side-floating.icons dt img{margin-top:10px;} /* �ӽû��� : �߰������� �� */ /* fix 2015.11.05 */ div.header.fix20151105 div.container.gnb{margin-top:0;margin-bottom:0; padding-top:0;padding-bottom:0; } div.header.fix20151105 div.container.gnb div.gnb20151105-top{height:45px; margin-top:19px;margin-bottom:13px; } div.header.fix20151105 div.container.gnb div.gnb20151105-top a{display:block;float:left;} div.header.fix20151105 div.container.gnb div.gnb20151105-top a.pos-left{} div.header.fix20151105 div.container.gnb div.gnb20151105-top a.pos-middle{margin-left:233px;} div.header.fix20151105 div.container.gnb div.gnb20151105-top a.pos-right{float:right;} div.header.fix20151105 div.container.gnb div.gnb20151105{ height:46px; background-image:url("/renew.images/common/gnb/bg-gnb-fix.gif"); background-repeat:repeat-x; margin-bottom:11px; } ul.gnb20151105-group{display:block;padding-left:9px;} ul.gnb20151105-group li{float:left;display:block;height:28px;} ul.gnb20151105-group li.gnbEnd{width:95px;} ul.gnb20151105-group li a{overflow:visible;} ul.gnb20151105-group li img{} ul.gnb20151105-group li.item-space{width:2px;margin-left:5px;margin-right:5px;display:none;} ul.gnb20151105-group li.item-search{ float:right;margin-right:8px;margin-top:9px; width:190px;height:28px; background:url("/renew.images/common/gnb/bg-gnb-search.png") no-repeat; } input[name="gnb-search-model"]{margin-left:10px;margin-top:2px;height:24px;width:140px;font-size:14px;} /* ui complete */ ul.ui-autocomplete{border-radius:14px;} ul.ui-autocomplete > li{height:28px;padding:5px 0;font-size:14px;line-height:28px;border-radius:14px;} ul.ui-autocomplete.visible{display:block !important;} ul.ui-menu.ui-autocomplete li.ui-menu-item{text-align:left;} /* floating fix */ div.wrap.fix20151105 div.side-content{top:-58px;} /* fix 2015.11.05 End */ p.extimg{overflow:auto;} p.extimg img{float:left;} /* [12�� Ư�� �����] �߰� */ .container.spPromotion{margin-bottom:20px;margin-top:0px;} .container.spPromotion .spPromotion-title{height:37px;} .container.spPromotion .spPromotion-tab-contents{height:194px;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-tab{width:219px;height:194px;float:left;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-tab li.sp-item{height:48px;line-height:48px;background-color:#d9e3ee;text-align:center;border-bottom:1px solid #aecce4;cursor:pointer;color:#6a6a6a;font-size:16px;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-tab li.sp-item span{color:#6a6a6a;font-size:16px;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-tab li.sp-item.active{background-color:#4b97ce;color:#fff;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-tab li.sp-item.active span{color:#fff;} .container.spPromotion .spPromotion-tab-contents div#spPromotion-img-grp{width:759px;height:194px;float:left;border:1px solid #4b97ce;overflow:hidden;position:relative;} .container.spPromotion .spPromotion-tab-contents ul#spPromotion-img{position:absolute;top:0px;} /* [View Button] */ div#view-button-grp{ float:right;margin:0;padding:0; width:88px; } div#view-button-grp img{margin-top:5px;} img#button-view-inner-counsel{cursor:pointer;} /* [POPUP] */ .popLayer{ display:none; position:absolute; z-index:999; top:0;left:0; } .popLayer img{float:left;clear:both;} .popLayerClose{display:block;float:none;clear:both;text-align:center;background-color:#4C2901;cursor:pointer;padding:10px 0;color:#fff;} /* ������ ���� : ��������, �ǸŰ���; */ .sub-contents.view-car{/*margin-bottom:20px;*/} .sub-contents.view-car .price-table-style{width:880px;margin:0 auto !important;} .sub-contents.view-car .price-table-style .sort{width:100px !important;} .sub-contents.view-car .price-table-style .spec{width:440px !important;} /* �̹��� �߰�.*/ .sub-contents.view-car div.info-bottom{border-top:2px solid #000;} .sub-contents.view-car div.info-bottom img{display:block; width:100%;} /* Main New-fix */ div.container-deposit-period.new-fix{width:600px;} div.car-option-select dl.car-option-select.new-fix{margin-right:1px; margin:0;} div.car-option-select-monthly.new-fix{width:566px;} div.car-option-select-monthly.new-fix div.car-option-select-dt{border-bottom:2px solid #444;} /* Main View-5 2016-05-03 */ div.car-option-select-monthly.new-fix.view-5{background-image:url("/images/fix-autoclass-addTax-detail-bg.png"); } div.car-option-select-monthly.new-fix.view-5.fix20171114{background-size:100%;background-image:url("/images/fix-autoclass-addTax-detail-bg-20171114.png"); } /* div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content{margin-left:20px; width:570px;} */ div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content{margin-left:50px; width:460px;} div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span{font-size:20px; font-weight:bold;font-family: "Noto Sans KR", sans-serif;} div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span.view-5-small , div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span.view-5-small span{color:#000; font-size:16px; font-weight:normal; } div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span.view-5-noBold{font-weight:normal; } div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right{padding-top:7px; } div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span.newFix-Backend{margin-left:20px; } div.car-option-select-monthly.new-fix.view-5 #newFix-Monthly_Ready , div.car-option-select-monthly.new-fix.view-5 #newFix-Monthly{font-size:28px;} div.newfix-Container-Monthly{height:155px;} /*div.newfix-Container-Monthly-left{width:134px;height:114px;padding:20px 10px;float:left;background-color:#429f83;text-align:left;}*/ /*div.newfix-Container-Monthly-left{width:134px;height:114px;padding:20px 10px;float:left;text-align:left;}*/ div.newfix-Container-Monthly-left{width:213px;height:114px;padding:20px 10px;float:left;text-align:left;} div.newfix-Container-Monthly-left > ul{ margin-top:20px; } div.newfix-Container-Monthly-left > ul > li{ padding-left:13px;color:#484848;font-size:14px; /*background-image:url(/img.autoclass/main/arrow-left.png); background-repeat:no-repeat; background-position:left 5px;*/ margin-bottom:8px; } div.newfix-Container-Monthly-left > ul > li span{color:#484848;font-size:14px;font-weight:bold;} #newFix-show-deposit{display:block;text-align:right;} div.newfix-Container-Monthly-right{height:155px;float:left;position:relative;} /*div.newfix-Container-Monthly-right-content{border-bottom:1px solid #ebebeb;padding:13px 0;margin-left:15px;width:420px;text-align:left;overflow:auto;}*/ div.newfix-Container-Monthly-right-content{border-bottom:1px solid #ebebeb;padding:13px 0;margin-left:15px;/*width:340px;*/text-align:left;overflow:auto;} div.newfix-Container-Monthly-right-content span{color:#e11717;font-size:14px;} div.newfix-Container-Monthly-right-content span.newFix-Front{font-size:24px;float:left;line-height:25px;margin-top:12px;} /* div.newfix-Container-Monthly-right-content span.newFix-Backend{font-size:14px;margin-left:13px;float:right;} */ div.newfix-Container-Monthly-right-content span.newFix-Backend{font-size:14px;margin-left:13px;float:right;} div.newfix-Container-Monthly-right-content span.newFix-Backend span{font-size:32px;font-weight:bold;} div.newfix-Container-Monthly-right-content.bottom{border:0;} div.newfix-Container-Monthly-right-content.bottom span{color:#3296dd;} div.newfix-Container-Monthly-right div.view-button-grp{position:absolute;right:-12px;top:-38px;} div.newfix-Container-Monthly-right div.view-button-grp img{width:58px;height:22px;position:absolute;right:0;top:0;} #button-view-inner-counsel{right:63px;} div.sub-contents div.detail-explain div.detail-standard.new-fix{color:#e11717;} div.sub-contents div.detail-explain div.detail-standard.new-fix #value_counsel-price{color:#e11717;} div.sub-contents div.detail-explain div.detail-standard.new-fix #value_counsel-price span{color:#e20005;} /* fix 20170524 */ div.container.event-list.event-list-fix{margin-top:20px} div.container.event-list.event-list-fix #main-landing-fix{position:relative;width:977px;height:300px;border:0;margin-top:10px;} div.container.event-list.event-list-fix div.event-content{overflow:hidden;border:0;} div.container.event-list.event-list-fix #main-landing-fix .slide-item{height:240px!important;border:2px solid #fff;} div.container.event-list.event-list-fix #main-landing-fix .slide-item:hover{border:2px solid #429fe0;} div.container.event-list.event-list-fix #main-landing-fix .slide-item .cont_event_img{height:200px;text-align:center;position:relative;} div.container.event-list.event-list-fix #main-landing-fix .slide-item .cont_event_img img.event-list-img{width:100%;position:absolute;left:0;top:0;} div.container.event-list.event-list-fix #main-landing-fix .slide-item .cont_event_name{width:100%;text-align:center;color: #126097;font-weight:bold;} div.container.event-list.event-list-fix #main-landing-fix .slide-item .cont_event_sp{width:100%;text-align:center;color: #888;} /*.slide-item-landing a{border:2px solid #Fff;overflow:hidden;width:300px;height:300px;} .slide-item-landing a:hover{border:2px solid #f00;}*/ /* �������� ��ȣ��å */ .btn_PrivacyPolicy{color:#fff;padding:5px;cursor:pointer;} #section-quick input#agree_quick_private{float:left;margin:0;margin-top:3px;} #section-quick span.btn_PrivacyPolicy{color:#000;font-size:10px;padding:0;letter-spacing:-1.5px} div.agree_common_private{margin:20px auto;width:250px;clear:both;height:20px;overflow:hidden;} div.agree_common_private input#agree_common_private{float:left;margin:0;margin-right:10px;} div.agree_common_private span.btn_PrivacyPolicy{float:left;color:#f00;font-size:12px;padding:0;} .btn_PrivacyPolicy:hover{text-decoration:underline;} .ui-dialog.privacyPolicy{z-index:99999!important;} .ui-dialog.privacyPolicy .ui-dialog-titlebar{border:0; } .ui-dialog.privacyPolicy .ui-dialog-titlebar span.ui-dialog-title{font-size:18px;color:#5da2c5;} .ui-dialog.privacyPolicy p{display:block;margin:20px 0;} .ui-dialog.privacyPolicy p strong{color:#000;} .ui-dialog.privacyPolicy .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;} .ui-dialog.privacyPolicy button.confirmPrivacyPolicy{background:#5da2c5;border:0;} .ui-dialog.privacyPolicy button.confirmPrivacyPolicy span{color:#fff;font-weight:bold;} /* background-color: #429fe0; */ /* ftp://ac@autoclass.co.kr/images/fix-autoclass-detail-bg.png */ /* div.sub-contents div.detail-explain div.detail-standard.button{text-align:center;} #value_counsel-price{position:static;} #value_counsel-price span.txt-monthly-explain{position:static;text-align:center;margin-top:10px;margin-bottom:10px;} */ .n201712{text-align:left;margin:20px 0 10px;} div.sub-contents div.detail-explain div.detail-standard.button.n201712{text-align:center;} div.sub-contents div.detail-explain div.detail-standard.button.n201712 p{ text-align:justify; font-size:11px; line-height:1.75em; padding:1em; background-color:#e2e9f7; color:#000; } div.sub-contents div.detail-explain div.detail-standard.button.n201712 p:after{content:"";clear:both;display:block;} div.sub-contents div.detail-explain div.detail-standard.button.n201712 p a{ /* background-color:#5d87d5; */ text-align:center; font-size:11px; line-height:1.25em; padding:3px; color:#000; font-weight:bold; border-radius:3px; float:right; margin-top:-4px; } .n201712 #value_counsel-price{position:static;} .n201712 #value_counsel-price span.txt-monthly-explain{position:static;text-align:center;margin-top:10px;margin-bottom:10px;font-size:12px;} .n201712:after{display:block;content:'';clear:both;} .n201712 .monthly{display:block;text-align:center;margin-top:25px;/*float:left;margin-top:20px;*/} .n201712 .monthly-item{font-size:32px;} .n201712 .monthly-item.space{color:#aaa!important;} .n201712 span.monthly-item span{color:#aaa!important;} .n201712 button.detail-counsel{ background-image:url(/201711/images/pages/bg-btn-counsel.png); background-position:0 0; text-indent:-10000px; width:182px;height:31px; margin:10px 0 20px; } .after-history img{margin:0 auto;} /* ÇÁ¸°Æ® ¹öÆ°À» ¾÷¾Ú.*/ #button-view-inner-counsel{right:5px;} /* button.detail-counsel{position:absolute;right:0;top:36px;;} */ .expose{ position:relative; background-color:#fff; /*overflow:hidden;*/ } #overlay{ background:rgba(0,0,0,0.8); display:none; width:100%; height:2048px; position:absolute; top:0; left:0; z-index:99998; } .overlay_group{ width:1280px; margin:0 auto; height:100%; position:relative; } .close_view_help_item{position:absolute;top:162px;right:11px;cursor:pointer;} .view_help_item{position:absolute;top:317px;left:156px;} #view_help_item_01{top:317px;left:246px;} #view_help_item_02{top:571px;left:715px;} #view_help_item_03{top:877px;left:186px;} #view_help_item_04{top:1318px;left:-23px;} #view_help_item_05{top:1487px;left:160px;} #view_help_item_06{top:1097px;left:1124px;} #view_help_item_07{top:1277px;left:1135px;} .content.v2018_content_rent.img_btn_help_useage{} .content.v2018_content_rent.img_btn_help_useage .inner{width:980px;margin:0 auto;position:relative;overflow:visible;} #img_btn_help_useage{position:absolute;z-index:9;top:247px;left:-10px;cursor:pointer;} div.newfix-Container-Monthly{background-color:#fff;} div.container.mid-search.sub-main-search #search-result{z-index:99;} #button-view-inner-counsel{ width:58px;height:22px;position:absolute;right:8px;top:8px; } .n201712 .monthly-item{ font-family:Montserrat,'Noto Sans KR'; letter-spacing: 0; color: #ff0006; font-weight:bold; } div.sub-contents-container div.sub-contents h2.section-h2{ background-color:#fff; border-bottom:1px solid #ccc; padding:25px 10px 10px; } div.sub-contents-container div.sub-contents h2.section-h2 span{ color:#000!important; font-weight:400; } div.sub-contents-container div.sub-contents h2.section-h2 span.h2-explain{ right:10px; } div.sub-contents-container{ border:0; } div.car-option-add-price ul.car-option-add-price li.item.value span{ font-family:Montserrat,'Noto Sans KR'; letter-spacing: 0; color: #ff0006; font-weight:bold; line-height:25px; } div.inner.page-contents.car_detail.sub-contents-container > img.cls{width:100%;} div.container-deposit-period.new-fix{ /*width:366px;*/ } div.section-contents.car-option-select{ margin-top:10px; border:2px solid #fd502a; } div.car-option-select dl.car-option-select.left{ width:50%; } div.car-option-select dl.car-option-select.new-fix{ margin-right:0; } div.car-option-select dl.car-option-select{ border-width:0px 1px 0px 0px; } div.inner.page-title.sub-contents-title{ height:41px; background-image:url("/img.autoclass/common/sub-contents-car.png"); } #button-view-inner-counsel{ top:10px; width:70px;height:24px; } #img_btn_help_useage{ top:8px; left:270px; } div.car-option-select dl.car-option-select dt.car-option-select-dt, div.car-option-select div.car-option-select-dt{ height:43px; background-color:#fafafa; color:#000; border-bottom:1px solid #ccc!important; font-weight:400; } div.car-option-select-monthly.new-fix{ /*width:830px;*/ } div.car-option-select-monthly.new-fix.view-5 span#newFix-Monthly_Ready, div.car-option-select-monthly.new-fix.view-5 span#newFix-Monthly{ font-family:Montserrat,'Noto Sans KR'; letter-spacing: 0; font-weight:bold; } div.car-option-add-price ul.car-option-add-price li.item.value{ line-height:1.4; } .sub-contents.view-car div.info-bottom{ border-width:0 0 0 0; background-color:#5d87d5; } .n201712 button.detail-counsel{ position: relative; overflow: hidden; background:none; color:#fff; text-indent:0; background: linear-gradient(to bottom, #496ae5 0%,#3a57b2 100%); padding:0; padding-bottom:5px; width:100%; height:60px; line-height:65px; border: 0; border-radius:5px; font-weight:bold; text-align:center; font-size:18px; } /* @keyframes blink-effect { 50% { opacity: 0; } } .n201712 button.blink { animation: blink-effect 2s step-end infinite; } */ .n201712 button.detail-counsel span{ position: absolute; display: block; } .n201712 button.detail-counsel span:nth-child(1){ top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg,transparent,#002a59); animation: animate1 1s linear infinite; } @keyframes animate1{ 0%{ left: -100%; } 50%,100%{ left: 100%; } } .n201712 button.detail-counsel span:nth-child(2){ top: -100%; right: 0; width: 5px; height: 100%; background: linear-gradient(180deg,transparent,#002a59); animation: animate2 1s linear infinite; animation-delay: 0.25s; } @keyframes animate2{ 0%{ top: -100%; } 50%,100%{ top: 100%; } } .n201712 button.detail-counsel span:nth-child(3){ bottom: 0; right: 0; width: 100%; height: 5px; background: linear-gradient(270deg,transparent,#002a59); animation: animate3 1s linear infinite; animation-delay: 0.50s; } @keyframes animate3{ 0%{ right: -100%; } 50%,100%{ right: 100%; } } .n201712 button.detail-counsel span:nth-child(4){ bottom: -100%; left: 0; width: 5px; height: 100%; background: linear-gradient(360deg,transparent,#002a59); animation: animate4 1s linear infinite; animation-delay: 0.75s; } @keyframes animate4{ 0%{ bottom: -100%; } 50%,100%{ bottom: 100%; } } .n201712 button.detail-counsel:hover{background-color:#333;} div.sub-contents div.detail-explain div.detail-lineup ul.detail-lineup-ul li.item.active{ /*border:1px solid #1e47c3*/ background-color:#00a2e46b; } div.car-option-select dl.car-option-select dd.car-option-select-dd ul.car-option-select-ul li.item.active{ background-color: #00864b; } li.no-option{text-align:center;} div.sub-contents div.detail-image div.detail-image-thumb{width:100%;} div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item{ width:33%; height: 100%; } div.sub-contents div.detail-image div.detail-image-thumb ul.detail-image-thumb li.item:nth-child(3n){ margin-right:0; } /* #»ó´ã½Åû */ #layout-msg h2{ padding:10px; font-size:16px; } #layout-msg span.msg-close{ top:7px; right:7px; } #form-reservation dl.reservation-item{display:table;width:100%;} #form-reservation dl.reservation-item dt, #form-reservation dl.reservation-item dd{display:table-cell;vertical-align:middle;float:none;} #form-reservation dl.reservation-item dt{color:#000;font-size:14px;text-align:right;letter-spacing:-1px;} #form-reservation dl.reservation-item dd textarea, #form-reservation dl.reservation-item dd input{} #form-reservation dl.reservation-item dd input.num3{width:50px;} #form-reservation dl.reservation-item dd input.num4{width:54px;} div.area-button{padding:0;padding-bottom:10px;} button.button-submit-counsel{width:100px;} @media (max-width:992px) { div.car-option-add-price ul.car-option-add-price li.item.sign {clear:both;} span.h2-explain {position:static; clear:both; font-size:14px;} div.car-option-select-monthly {height:170px;} div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content {padding: 10px;} div.container-deposit-period.new-fix, div.car-option-select-monthly.new-fix {width:100%;} div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content {margin:0; width:100%; float:none;} div.newfix-Container-Monthly {float:none; height:100px;} div.newfix-Container-Monthly-right {float:none; height:auto;} .n201712 .newFix-Backend {margin:0;} div.car-option-select div.car-option-select-dt {border-top:1px solid #ddd;} div.newfix-Container-Monthly-right-content span.newFix-Front {margin-top:0;} div.car-option-select-monthly.new-fix.view-5 div.newfix-Container-Monthly-right-content span {font-size:14px;} div.car-option-select-monthly.new-fix.view-5 #newFix-Monthly_Ready, div.car-option-select-monthly.new-fix.view-5 #newFix-Monthly {font-size:16px;} } @media (max-width:500px) { div.car-option-add-price ul.car-option-add-price li.item.value{line-height:2.4;} div.car-option-add-price ul.car-option-add-price li.item.value span{line-height:45px;} } .t_white{color:#FFF;} .t_yellow{color:#FFCD00;} .t_blue{color:#1e47c3;} .t_emerald{ color:#21A1B7;} .t_red{ color:#C61D23;}.history_list_wrap::-webkit-scrollbar{height:10px;} .history_list_wrap::-webkit-scrollbar-track-piece{border-radius:8px;background-color:#eeeeee;} .history_list_wrap::-webkit-scrollbar-thumb{border-radius:8px;background-color:#1457a4;} .history_list{position:absolute;top:0;left:0;width:2700px;height:480px;overflow: hidden;text-align:center } .history_list > li{float: left;width:300px;} .detail_promotion_btn>a{ text-decoration: none !important;}.label_q_box{ vertical-align: top;margin-left:5px;margin-top:3px;cursor: pointer;}.q_togglebox{ display:block;width:108px;cursor: pointer;}.detail_spec_right{ position:absolute;right:0;top:0;}.detail_spec_condition{ margin-bottom:15px;} .detail_promotion{ position: relative;width:100%;height:40px;border-radius:0 0 5px 5px;border:2px solid #F1F1F1;box-sizing:border-box;padding:0 18px;} .detail_promotion p{ line-height:36px;} .detail_promotion_btn{ position:absolute;top:0;right:0;width:138px;height:37px;background: linear-gradient(to bottom, #496ae5 0%,#3a57b2 100%);border:none;border-top: none;border-right: none;border-radius:5px;box-sizing:border-box;text-align:center;line-height:36px;cursor: pointer;transition-duration:0.1s;} .detail_promotion_btn:hover{ background-color:#333 } .detail_promotion_btn a{ display:block;font-size:14px;color:#FFF;font-weight:500;} .detail_btn_box_style2{ position: relative;width:100%;margin-top:10px;height:60px;overflow: hidden;} .detail_btn_style2{ float: left;height:60px;border-radius:5px;text-align:center;} .detail_btn_style2>a{ display:block;cursor: pointer;font-size:20px;line-height:58px;text-decoration: none !important;color:#FFF;font-weight:bold;} .auto_estimate{ width:calc(50% - 5px);background-color:#21bcca;margin-right:10px;} .free_compare{ width:calc(50% - 5px);background-color:#1B57A4;}.purchase{ display: none;} .detail_btn_box_p_active .auto_estimate{ width:calc(40% - 5px);} .detail_btn_box_p_active .free_compare{ width:calc(40% - 5px);} .detail_btn_box_p_active .purchase{ display:block;width:calc(20% - 10px);margin-left:10px;background-color:#454545;} @media(max-width:991px){ p.detail_label{font-size:10px;} .detail_promotion_btn{width:80px;height:40px;} .detail_promotion_btn a{font-size:10px;} } /* ½ÅÂ÷ Áß°íÂ÷ View : ½ÅÂ÷View Step1*/ .lst_model{padding-top:40px;} .lst_model ul{ display: flex; flex-wrap: wrap; gap: 10px;} .lst_model ul li{ width: calc((100% - 10px) / 2); margin:0; border: 2px solid #00adfe;border-radius: 5px;} .lst_model ul li a{ cursor: auto; color: #083050; background-color: #fff; padding: 14px; position: relative; display:block; box-sizing:border-box; margin:0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .lst_model ul li a:after{display: block;clear: both;content: "";} .lst_model ul li .radioSt{float: left; margin-bottom:0;} .lst_model ul li .radioSt input[type="radio"]:checked{border: 2px solid #00adfe;} .lst_model ul li .radioSt input[type="checkbox"]:checked{border: 2px solid #00adfe;} .lst_model ul li .price{float: right; color: #999; font-size: 14px; font-family: 'Poppins'; letter-spacing: 0; margin-top: 2px; } .lst_model ul li.on a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 5px;-moz-border-radius: 5px; content: "";} .lst_model ul li.on .price{color: #47545c;} .radioSt{ position:relative;} .radioSt span{position:relative; display: block; padding-left:35px;font-weight: 400;color: #666;} .radioSt span:after{content:''; width: 20px;height: 20px;border: 1px solid #00adfe;position:absolute;left:0;top:2px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .radioSt input[type="radio"]{cursor: pointer;position:absolute;width:100%;height:100%;z-index: 1;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .radioSt input[type="radio"]:checked + span{color:#000; font-weight: bold; } .radioSt input[type="radio"]:checked + span:before{content:'';width: 12px;height: 12px;position:absolute;background:#00adfe;left: 4px;top: 6px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} .radioSt input[type="checkbox"]{cursor: pointer;position:absolute;width:100%;height:100%;z-index: 1;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .radioSt input[type="checkbox"]:checked + span{color:#000; font-weight: bold; } .radioSt input[type="checkbox"]:checked + span:before{content:'';width: 12px;height: 12px;position:absolute;background:#00adfe;left: 4px;top: 6px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;} /* ½ÅÂ÷ Áß°íÂ÷ View : ÇÕ°è±Ý¾× */ .viewCont .totalBx{margin-top: 40px; border: 2px solid #7e7168;background-color: #fff; box-shadow: 1px 1px 14px 0px rgb(0 0 0 / 43%); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .viewCont .totalBx dl{ width: 100%; height: 112px; display:flexdisplay: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap; } .viewCont .totalBx dl dt{padding: 45px 0; width: 219px; font-size: 30px; font-weight: bold; color: #fff; text-align: center; background-color: #7e7168;} .viewCont .totalBx dl dd{width: calc((100% - 219px) / 3) ; padding: 24px 60px; border-left: 1px solid #dddfe0; position: relative;} .viewCont .totalBx dl dd span{color: #999;display: inline-block; margin-bottom: 15px;} .viewCont .totalBx dl dd p{color: #7e7168; font-weight: bold; font-size: 26px;} .viewCont .totalBx dl dd p strong{display: inline-block; font-weight: 600; font-size: 26px; margin-right: 10px;} .viewCont .totalBx dl dd.prc2:after{position: absolute; top: 50%; left: -23px; margin-top: -23px; width: 46px; height: 46px; text-align: center; line-height: 43px; font-weight: 500; font-size: 35px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-color: #535e66; color: #fff; content: "+";} .viewCont .totalBx dl dd.prc2 p{color: #646c73;} .viewCont .totalBx dl dd.prc3 p{color: #d70000;} .viewCont .totalBx dl dd.prc3 span{color: #7e7168;} .viewCont .totalBx dl dd.prc3:after{position: absolute; top: 50%; left: -23px; margin-top: -23px; width: 46px; height: 46px; text-align: center; line-height: 43px; font-weight: 500; font-size: 35px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-color: #535e66; color: #fff; content: "=";} .contDt{padding: 30px 15px;} .contDt .inner2{ /* background-color: #fff; */} .contDt .inner2 p{color: #ff3c3c; font-weight: 300; font-size: 16px;} @media (max-width: 500px){ .viewCont .totalBx dl {height: auto;} .viewCont .totalBx dl dt { font-size: 20px; width:100%; } .viewCont .totalBx dl dd { padding: 15px 0; text-align: center; width: 50%; } .viewCont .totalBx dl dd span { font-size: 15px; margin-bottom: 5px; } .viewCont .totalBx dl dd p { font-size: 17px; } .viewCont .totalBx dl dd p strong { font-size: 17px; margin-right: 5px; } otalBx dl dd{padding: 15px 0; text-align: center; width: 50%;} .viewCont .totalBx dl dd.prc3{width: 100% ; border-top: 1px solid #dddfe0;} .viewCont .totalBx dl dd.prc2::after{ content: "+"; width: 24px; height: 24px; line-height: 23px; font-size: 20px; left: -13px; margin-top: -16px;} .viewCont .totalBx dl dd.prc3::after{ content: "="; width: 24px; height: 24px; line-height: 23px; font-size: 20px; left: 50%; top: 10px; transform: translateX(-50%);} .viewCont .totalBx dl dd span{font-size: 15px; margin-bottom: 10px;} }