/*공통*/ .column {position: relative;max-width: 1200px;min-width: 910px;margin: 0 auto;} .navbg {position: relative;margin-top: -45px;} .navi {max-width:1200px; min-width:1000px; margin:0 auto;padding-right:15px; font-size:12px; color:#aaa; font-weight:400;letter-spacing:-.5px;line-height:45px; text-align:right;} .navi span {width:16px; height:16px; display:inline-block; background:url(/images/inc/icon_navi.png) no-repeat center 3px;} .navi strong {font-size:inherit;color:#ccc; font-weight:300} .subTitle {font-size:45px; padding:0px 0 30px;letter-spacing:-4px; text-align:center; } .subTitle.line {border-bottom:1px solid #e41a38;} .subTitle.right {text-align:right;} .subTitle span{display:block;padding-left:10px;font-weight:300;font-size:16px; color:#999;letter-spacing:-1px;} .sub_subtitle {font-size:28px; margin-bottom:30px;letter-spacing:-1px;} .sub_subtext {padding-top:5px;font-size:16px;color:#888;letter-spacing:0} .left_wrap {padding:30px 0 0 0;} #leftmenu {max-width:1200px; min-width:1000px; margin:0 auto;text-align:center; } #leftmenu ul {font-size:0;} #leftmenu ul li {display:inline-block; } #leftmenu ul li a {padding: 0;border:1px solid #ccc; font-size:16px; line-height:50px; display:block;font-weight:600;color:#888;} #leftmenu ul li.on a {border-color:#333;background:#fff; color:#333;} #leftmenu ul.col2 li {width:50%;} #leftmenu ul.col3 li {width:33.33%;} #leftmenu ul.col4 li {width:25%;} #leftmenu ul.col5 li {width:20%;} #total_content {max-width:1200px;min-width:1000px; min-height:500px;padding-top:50px;padding-bottom:70px;margin:0 auto; position:relative;box-sizing:border-box;} @media screen and ( max-width:1024px ) { #total_content {padding:0 10px;} } .map-w { width:100% !important} .txt_blue { color:#ff5400; } .txt_grey { color:#999999; } .txt_red { color:#e41a38} .clear {clear:both;} .gotab {clear:both;position:absolute;padding-top:100px;} /*버튼*/ .btn.right {text-align:right;} .btn, .btn a {display: inline-block; padding:0 20px; line-height:30px; vertical-align: middle; line-height: 34px;} .btn_line {border:1px solid #ffcb00; color:#000; background:#ffcb00;font-family: 'Black Han Sans';font-size:16px;} .btn_line2 {border:1px solid #292d35; color:#fff; background:#292d35;} .btn_red {background:#777;color:#fff; } .btn_done {background:#3c5ac8;color:#fff;} .btn_orange {background:#f55813;color:#fff;} .btn_input { border:none; font-size:14px; } .btn_compare {background:#333; color:#fff; font-size:12px; padding:5px; border-radius:2px;} .btn_grey {background:#434343; color:#fff;} .btn_big {line-height: 55px; width:145px; text-align:center; font-size: 16px; letter-spacing: -1px; display: inline-block;} .btn_01 {display: inline-block; width: 110px; text-align: center; line-height: 30px; border: 1px solid #e3e3e3; background: #f5f5f5; font-size: 14px; letter-spacing: -1px;} .allbtn { display: inline-block; border: 1px solid #aaa; padding: 0 10px; line-height: 20px; background: #eee; text-decoration: none !important; box-sizing: border-box; letter-spacing: -1px;} .btn_small_grey {margin-right: 2px !important;float: right; font-size:12px; background:#777; color:#fff; border:1px solid #777; padding:0 10px; line-height:1.5;} .big_big input {display: inline-block; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; color:#fff; border:none; padding:0 50px; line-height:50px;} .big_big_grey input {display: inline-block; background:#434343; color:#fff; border:none; padding:0 50px; line-height:50px;} .btn_point input {display: inline-block; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; color:#fff; border:none; padding:0 40px; line-height:40px;font-size:18px;} .btn_default input {display: inline-block; background:#434343; color:#fff; border:none; padding:0 40px; line-height:40px;font-size:18px;} .mini_btn {display:inline-block; background:#434343; color:#fff; padding:0 5px; margin-top:3px;} .view_btn.center{text-align: center;} /* sub-visual */ .sub_visual {position:relative; height:300px; width:100%; text-align:center; } .sub_visual h2 { display:block; color:#fff; font-size:45px; line-height:1.6em; padding-top:155px; font-weight:100; letter-spacing:-.07em; } .sub_visual h2 span{padding-left:5px;font-weight:300;font-size:17px; color:#fff;letter-spacing:-1px;} .sub_visual:after {content:''; clear:both; display:block;} .sbg_01 {height:145px;background:url(/images/sub/s_bg1.jpg) no-repeat center ; background-size:cover; } .sbg_01 h2 {display:none;} .sbg_01.recom {height:300px} .sbg_01.recom h2 {display:block;} .sbg_03 { background:url(/images/sub/s_bg3.jpg) no-repeat center ; background-size:cover; } .sbg_04 { background:url(/images/sub/s_bg4.jpg) no-repeat center ; background-size:cover; } .sbg_05 { background:url(/images/sub/s_bg5.jpg) no-repeat center ; background-size:cover; } .sbg_job { background:url(/images/sub/s_bg5.jpg) no-repeat center ; background-size:cover; } .sbg_06 { background:url(/images/sub/s_bg6.jpg) no-repeat center ; background-size:cover; } /*페이징*/ #paging, .page {clear:both;margin:0; padding:15px 0 0 0; text-align:center; } #paging img, .page img {padding:0 13px;} #paging a img, .page a img {padding:0;} #paging a, .page a {padding:0 13px; display:-moz-inline-box;display:inline-block;_position:relative; border-radius:50px;color:#666; font-size:16px; font-weight:300; line-height:35px; text-decoration:none; margin:0; } #paging a:hover, .page a:hover { background:#f1f1f1;color:#000;} #paging a.on, .page a.on { background:#ffcb00; color:#000f; font-weight:500; } #paging a.pre, .page a.pre {margin-right:30px;} #paging a.next, .page a.next {margin-left:10px;} /*마이페이지 */ .mypage_menuwrap { padding-top:0px; } .mypage_menuwrap .sub_tabbox {font-size:0; max-width:1200px; min-width:1000px; position: relative; margin: 5px auto 0;} .mypage_menuwrap .sub_tabbox li {display:inline-block; position: relative;} .mypage_menuwrap .sub_tabbox li a { font-size:15px; font-weight:500; display: block;} .mypage_menuwrap .sub_tabbox li.on .menubar {width: 100%; display: block; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; height:3px; position:absolute; left:0; bottom:0; } .mypage_submenuwrap {border-bottom:1px solid #e2e2e2; } .mypage_submenu {max-width:1200px; min-width:1000px; height:55px; position: relative; margin: 0 auto;display:block !important;} .mypage_submenu li {float: left; position: relative; margin:0 25px;} .mypage_submenu li a {line-height:69px; font-size:16px; line-height:55px; display: block;font-weight:600;} .mypage_submenu li.on .menubar {width: 100%; display: block; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; height:3px; position:absolute; left:0; bottom:0; } .requestBox .subtitle { position: relative; margin: 0; padding: 10px 0 5px 0; font-weight: bold; color: #222; font-size: 14px;} .requestBox .t_from { border-top: 2px solid #e41a38; margin: 0px 0px 10px 0px;} .requestBox .t_from th {font-size:12px !important; padding: 10px; border-bottom: 1px solid #e2e2e2; font-weight: normal; text-align: left; color: #000; background: #efefef; line-height: 20px; letter-spacing:-1px;} .requestBox .t_from td {font-size:12px !important; padding: 10px; border-bottom: 1px solid #e2e2e2; color: #000; line-height: 20px;} .requestBox .t_list .option_list > li {padding:10px 0;} .requestBox .t_list .option {font-size:0; background:#f8f8f8; padding:15px;} .requestBox .t_list .option li {display:inline-block; width:25%;} .t_list.mycar .center input[type=checkbox] + label {background-position: center -33px;} .t_list.mycar .center input[type=checkbox]:checked + label {background-position:center 2px;} .checkbox {position: relative; display: inline-block; } .requestBox .price_choice.ht {line-height:35px;} .requestBox .price_choice input, .checkbox input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; border: 0; background: none; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;} .requestBox .price_choice {position:relative; padding:10px 0;} .requestBox .price_choice input:checked + label { background-position: 0 -38px; font-weight: 500;} .requestBox .price_choice.red label {color:#e41a38 !important;} .requestBox .Bprice p {margin:5px 0; font-size:12px;} .requestBox .Bprice p select {font-size:12px; color:#000;} .mainArea {font-size:0;} /*.mainArea li {display:inline-block; width:12.5%; text-align:center; margin-bottom: 5px;}*/ .mainArea li {float:left; width:122px; text-align:center; margin:0 4px; height: 122px;} .mainArea .car_ptext {width:50%; height:118px; vertical-align: top; text-align:left; position:relative;box-sizing:border-box; padding-left:4px;} .bg_photo {background:#f8f8f8; padding:15px;} .mainArea li strong{ font-size: 14px; padding: 5px 0; display: block;} .mainArea li .regi b {color:#333;} .mainArea li .subject {padding:5px 0; text-align:left; font-size: 11px;} .mainArea li .subject span {font-size:11px;} .right_btn {text-align:right; margin-bottom:3px; float:right;} .regi {font-size:11px; color:#888;} .price_btn {position:absolute; top:10px; left: 220px} .price_btn li {width:70px; display:inline-block; text-align:center; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; color:#fff; line-height: 35px; cursor:pointer;} .color_chip {position:relative; border:1px solid #d9dbdc; width:40px; height:33px; display:inline-block; cursor:pointer; margin:0 3px;} .color_chip span { width:80px; height:80px; background:#fff; border:1px solid #d9dbdc; left:-1px; top:-1px; position:absolute;} .color_chip:hover span{ display:block !important; } .listSesarch { overflow: hidden; margin: 15px 0px ; border: 1px solid #efefef; padding: 10px; background: #f9f9f9;} .listSesarch .btnArea { float: right; padding-right:20px;} .listSesarch .searchArea {float:left; line-height: 35px; padding-left:20px;} .listbtn {margin:20px 0 5px; text-align:right;} .boardViewWrap { position: relative;} .boardViewWrap .boardHeader { padding: 30px 0; border-bottom: 1px solid #efefef;} .boardViewWrap .boardHeader .subject { font-size: 26px; color: #333; letter-spacing: -1px;} .boardViewWrap .boardHeader .boardInfo { position: relative; padding: 10px 0px 0px 0px; color: #777;} .boardViewWrap .boardHeader .boardInfo span { display: inline-block; padding: 0px 5px; color: #ccc; vertical-align: middle;} .consult_ing { display: inline-block; height: 18px; margin: 0px auto; width: 50px; border: 1px solid #777; color: #333; letter-spacing: -1px; font-size: 11px; line-height: 19px; text-align: center;} .t_consutForm td.cousult_counting { padding: 15px 20px; background: #efefef;} .t_consutForm td.cousult_counting span { font-weight: 500; font-size: 20px; line-height: 30px;} .boardViewWrap .boardCont { padding: 20px 0; line-height: 1.7;} .comment { overflow: hidden; padding: 20px 0px 0px 0px; border-top: 1px solid #e2e2e2;} .comment .inputArea { margin: 5px 0px 20px; border: 1px solid #e2e2e2; background: #efefef; padding: 10px; box-sizing:border-box;} .comment .inputArea textarea {margin:0; border: 1px solid #e2e2e2; width: 85%; height: 50px;} .comment .inputArea input { border: 0; background: #777; width: 15%;float: right; line-height: 50px; cursor: pointer; font-weight: bold; color: #fff;} .comment form > span {font-size:12px; padding:0; display:inline-block;} .comment .repl {border-top: 1px solid #e2e2e2;} .comment .repl .tit {font-size:16px; padding:20px 0 0px; } .comment .repl .tit span {font-size:12px; } .comment ul li { padding: 25px 20px; border-top: 7px solid #fff; background: #efefef; color: #888; line-height: 1.4;} .comment .commontInfo { overflow: hidden; position: relative; margin: 10px 0px 0px 0px; padding: 5px 0px; font-size: 12px; vertical-align: middle;} .comment .commontInfo span { display: inline-block; margin: 0px 20px 0px 0px;} .t_consutForm { border-top: 2px solid #e41a38; margin: 0px 0px 10px 0px;} .t_consutForm th { font-size:14px !important; padding: 3px 10px; border-bottom: 1px solid #e2e2e2; background: #efefef; font-weight: normal; text-align: left; color: #000; line-height: 30px; letter-spacing:-1px;} .t_consutForm td { font-size:14px !important; padding: 3px 10px; border-bottom: 1px solid #e2e2e2;} .search_title {font-size:20px; margin:20px 0 10px;} .search_title b {color:#e41a38;} .btn_sort {position:relative;display:inline-block;width:140px;z-index:1;} .btn_sort span { display:block;padding:0 35px 1px 10px;border:1px solid #dfdfdf;margin:0 4px 4px 0;/*border-radius:3px;*/background:url(/images/icon_sort.png) 112px 8px no-repeat;line-height:35px; color:#333; text-align:right;cursor:pointer;} .btn_sort.type2 span {background:url(/images/inc/arrow.png) 102px center no-repeat; background-size: 30px auto;} .btn_sort:hover ul {display:block;} .btn_sort ul { display:none;position:absolute;top:0;right:0;width:100%;box-shadow:2px 2px 7px rgba(0,0,0,0.3); background:#fff;z-index:20;} .btn_sort li { line-height:35px;padding:0 20px;color:#333;cursor:pointer;font-weight:300;} .btn_sort li:hover, .btn_sort li.on { background:#f0f0f0;font-weight:600;} .search_btnwrap {height: 35px;} .left_btnwrap {float:left; width:50%;} .right_btnwrap {float:left; width:50%; text-align:right;} .w35 {line-height:35px; height:35px} .mycar.t_list td {text-align:left; padding-left:10px;} .mycar td.photo {padding:10px 0;} .mycar td.carName {padding:10px 0 10px 15px !important; text-align:left;} .mycar td.carName a {/*color:#009aea;*/font-weight:600;} .mycar td.carName a:hover { text-decoration:none;} .mycar td.carName .icon img {margin:0px 10px 0px 0px;} .mycar td .year_2 { font-size:11px; color:#aaa;line-height:14px;} .mycar td.area span {display:block;text-align:center;line-height:14px !important;} .mycar td.phone {padding:5px 0 !important;line-height:14px !important;} .mycar td.phone strong {font-weight:300;display:block;/*color:#3f6fc3;*/} .mycar td.left {text-align:left;padding-left:3px;padding-right:3px;} .mycar td.right {text-align:right;padding-right:10px;} .mycar td.center {text-align:center;} .mycar td.center .red {color:#e41a38;} .mycar td.right strong.red {font-size:14px; color:#e41a38; } .mycar td.right .blue {color:#0082f0;} .mycar td.manage {position:relative;} .mycar td.manage > a { display:block !important;width:100%; height:68px; background:url(/images/icon_dot.png) center center no-repeat; background-size:15px auto;} .mycar td.manage.on .manage_menu {display:block !important;} .mycar .manage_menu {position:absolute; right:0; top:0; background:#fff; z-index: 20; width:125px; box-shadow:2px 2px 7px rgba(0,0,0,0.3);} .mycar .manage_menu li {cursor:pointer; text-align:center; padding: 0 14px; line-height: 30px; color: #333; font-size:12px; display:block;} .mycar td.manage .manage_menu li:hover {background:#f0f0f0;font-weight:600;} .full { z-index:19; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .t_list.mycar td .txt_comment {max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:12px} .t_list.mycar td .txt_comment.type2 {color:#ff5400; line-height:1.5;} .t_list.mycar td .txt_comment.type3 {color:#888; margin-bottom:5px; padding: 0;} .t_list.mycar td .txt_comment.type3 span {font-size:10px; color:#ddd; display:inline-block; padding:0 5px;} .t_list.mycar td .txt_comment.type3 b {color:#28b4ef;} .t_list td.carName {padding:10px 0 10px 15px !important; text-align:left;} .t_list td.carName .hot img{margin-right:3px;} .t_carList .td_key td {padding-right:10px;text-align:right;font-weight:600;background:#eaeff2;} .t_carList .td_key td .btn {width:auto;text-indent:0;} .t_carList .td_key td .btn.btn_back {background:#999;} .t_carList .td_key:hover {background:#eaeff2 !important;} .t_carList .btn_optiondetail {position:relative;text-align:center;} .t_carList .btn_optiondetail img {width:40px;width:15px;height:15px;cursor:pointer;} .t_carList .btn_optiondetail .selectBox {display:none;width:800px;bottom:50px;right:35px;transform:translateY(40px);text-align:left;} .t_carList .btn_optiondetail .selectBox .option_cont {padding:15px;overflow:auto;} .t_carList .btn_optiondetail .selectBox .option_cont span {display:inline-block;letter-spacing:-1px;} .t_carList .btn_optiondetail img:hover + .selectBox {display:block;} .t_carList .opt_icon {display:inline-block;padding:0 15px;margin:2px 0 10px;border-radius:50px;border:1px solid #ff5400;height:20px;line-height:18px;color:#ff5400;} .t_carList .opt_icon.black {border:1px solid #ccc;color:#ccc;} /*.t_carList tr.last_style .btn_optiondetail .selectBox {top:auto;bottom:50px;right:35px;}*/ .t_carList td .carnum {display:inline-block;padding:0 5px;margin-right:8px;background:#534746 !important;color:#fff !important;font-weight:600 !important;line-height:20px;} .t_carList .repair_check_wrap{display:inline-block;position:relative;} /*.t_carList .repair_check_wrap:hover .repair_check {display:block;}*/ .t_carList .repair_check {display:none;position: absolute;right: 0;width: 340px;bottom:35px;background: #fff;border: 1px solid #7c7c7c;z-index:10;} .t_carList .repair_check .p_ex {;font-size: 12px;line-height: 1.8;background: #f8f8f8;} .t_carList .repair_check .p_ex strong {font-size: 14px;} .t_carList .repair_check p {padding:10px 20px;} .t_carList .repair_check p strong {font-size:12px;word-break:keep-all;} .t_carList .repair_check button {width: 100%;line-height: 40px;border: 0;background: #737e86;color: #fff;font-size:14px;} /*팝업*/ .num_view {position: fixed; left:0px; right: 0px; top: 0px; bottom:0; width: 100%; height: 100%; z-index: 9999;} .pop_view.on {display: block !important;} .num_view .pop_check { background:#fff; border:1px solid #e2e2e2; position: absolute; left: 50%;top: 50%; width:410px; height: auto; margin: 0 0 0 -327px; padding: 0; z-index: 9999; overflow: hidden;} .num_view .pop_header { min-width: 200px; padding: 0 0 0 30px; color: #fff; font-size: 16px; font-weight: bold; line-height: 50px !important; background: #333; } .num_view .pop_check .close {position: absolute; right: 30px; top: 0px; color: #fff; font-size: 40px; display:block; cursor: pointer;} .num_view .pop_cont strong {color:#e41a38;} .num_view .pop_sub {background:#f8f8f8; margin-top:10px; padding:10px; } .num_view .pop_sub .red {color:#e41a38;} .num_view .pop_cont { margin: 20px; padding:0; } .num_view .pop_text {padding:10px;} /*회사소개*/ .greeting {padding:360px 40px 0 40px;background:url(/images/sub/company_bg.png) no-repeat right 10%;background-size:100% auto;} .greeting p {padding:10px 410px 10px 0;color:#555;font-size:17px;letter-spacing:0;line-height:1.6;font-family: 'Recipekorea';word-break:keep-all;} .greeting p.title {padding:40px 0;font-size:36px;font-weight:100;letter-spacing:-1px;line-height:1.3;color:#222;} .greeting p.title b { font-size:110%;letter-spacing:-1px;font-weight:500;} .greeting p.title img {margin-top:10px;} .greeting2 {padding:80px 0;} .greeting2 img {max-width:100%;} @media screen and (max-width:1300px){ .greeting p.title {font-size:32px;} .greeting p {padding-right:340px;} } .greetingwrap { background:url(/images/sub/greetingbg.png) bottom center no-repeat #f7fdf8; height: 250px; } .systemwrap {text-align:center;} .mapwrap .address {display:block; margin:20px 0;} .mapwrap p { color:#777; margin-bottom: 20px; font-size: 16px; line-height: 1.8;} .mapwrap p span.icon_home { padding:0; vertical-align: middle; margin-right: 15px; display: inline-block; width: 70px; height: 70px; border-radius: 70px; background: url(/images/sub/icon_home.png) center center no-repeat #e41a38;} .mapwrap p span.icon_call {padding:0; vertical-align: middle; padding: 0; margin-right: 15px; display: inline-block; width: 70px; height: 70px; border-radius: 70px; background: url(/images/sub/icon_call.png) center center no-repeat #e41a38;} .mapwrap .bold { color: #494949; font-weight: 500;} .mapwrap .bold span { padding: 0 70px;} .rulewrap {text-align: justify; line-height: 1.8;} /* 인사말 */ .sub_greeting {letter-spacing:-.08em;} .sub_greeting:after {content:''; clear:both; display:block;} .sub_greeting .block-left {display:inline-block; float:left; width:50%; padding-right:50px; padding-left:30px; clear:both; margin:20px 0;} .sub_greeting .block-right {display:inline-block; float:right; width:50%; padding-left:30px;padding-top:10px; padding-right:20px; } .sub_greeting h2 {font-size:30px; font-weight:300; line-height:1.3em; color:#333; margin:20px 0; letter-spacing:-.07em;} .sub_greeting p {display:block; font-size:17px; color:#555; font-weight:400; line-height:1.7em; margin:20px 0; } .sub_greeting .img-wrap {position:relative; overflow:visible; } .sub_greeting .img-wrap img {width:100%;} .sub_greeting .img-wrap:after {content:''; position:absolute; width:300px; height:400px; right:-20px; bottom:-20px; background:#f4f4f4; z-index:-1;} .sub_greeting em {font-size:115%} /*차검색*/ .tab_wrap { padding:0; margin:0 0 20px 0; overflow:hidden; width:100%; } .tab_wrap span { position:absolute; padding:13px 0 0 90px; color:#fff; font-size:14px; font-weight:600; text-align:center; width:98px; } .subsearch_total_wrap { position:relative; background:#f9f9f9; border:1px solid #dfdfdf; padding:0; overflow:hidden; } .subsearch_wrap { border-left:0; border-top:0; border-right:0; } .subsearch_wrap .subsearch { display:inline-block; float:left; } .subsearch_wrap .subsearch dl { display:block; border-right:1px solid #d0d0d0; } .subsearch_wrap .step5 dl { border-right:0px solid !important; } .subsearch_wrap .step1 { width:13.5%; } .subsearch_wrap .step2 { width:17.5%; } .subsearch_wrap .step3 { width:25.5%; } .subsearch_wrap .step4 { width:26%;*width:25.7%;} .subsearch_wrap .step4 dl {border-right:0 !important;} .subsearch_wrap .step5 { width:22%; *width:21.8%; } .subsearch_wrap .subsearch dt { border-bottom:1px solid #dfdfdf; background:#f6f7f7; text-align:center; line-height:40px; padding:0; font-size:14px; letter-spacing:-1px; } .subsearch_wrap .subsearch dd { position:relative;background:#fff; height:150px; padding:0px 0px; } .subsearch_wrap .subsearch dd .listing { position:relative;overflow-y:scroll;height:150px; z-index:1; } .subsearch_wrap .subsearch .nothing { position:absolute;left:0;top:0;right:0;vertical-align:middle; text-align:center; color:#bbb; letter-spacing:-1px; padding:55px 0 0 0; z-index:0;} .subsearch_wrap .subsearch li a { display:block; background:#fff; padding:6px 0 0 6px; line-height:12px; height:13px; } .subsearch_wrap .subsearch li a:hover { background:#666; color:#fff !important; text-decoration:none; } .subsearch_wrap .subsearch dd #seriesDiv, .subsearch_wrap .subsearch dd #sdetailDiv {height:150px;overflow:auto;} .subsearch .sdOff, .subsearch .sdOn {box-sizing:border-box; padding:5px 10px;cursor:pointer;} .subsearch.step4 .sdOff, .subsearch.step4 .sdOn {padding:1px 10px;} .subsearch .sdOn {background:#555060;color:#fff;} .car_searchoption { clear:both; position:relative; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; line-height:12px; padding:15px 0;} .car_searchoption dl { padding:0 0 0 12px; letter-spacing:-1px; } .car_searchoption .condition { clear:both;float:left; width:45%; padding:5px 0 0 16px; display:block !important; } .car_searchoption .condition2 { float:left; width:51%; padding:5px 0 0 16px; display:block !important; } .car_searchoption dt { display:inline-block; font-weight:600; width:65px; float:left; padding:4px 0 0 0; color:#333; } .car_searchoption dd { display:inline-block; float:left; } /*.car_searchoption input[type=checkbox], .car_searchoption input[type=radio] { height:12px; vertical-align:middle; line-height:12px; padding:0 2px 3px 0; margin:0 3px 0 0; font-size:0; }*/ .car_searchoption input[type=checkbox] + label {padding:0 10px 0 20px;background-size:16px auto;background-position:0 -31px;line-height:25px;} .car_searchoption input[type=checkbox]:checked + label {background-position:0 5px;} .subsearch input[type=checkbox] + label {width:100%;padding:0 10px 0 20px;background-size:16px auto;background-position:0 -31px;line-height:25px;font-size:14px;} .subsearch input[type=checkbox]:checked + label {background-position:0 5px;} @media \0screen { .car_searchoption input[type=checkbox] + label {line-height:15px !important;} .car_searchoption input[type=checkbox] {margin-top:2px;} .subsearch input[type=checkbox] + label {line-height:15px !important;} .subsearch input[type=checkbox] {margin-top:2px;} } .car_searchoption select { width:100px; height:25px;font-size:13px; } .car_searchoption .condition input[type=text] { width:92px; border:1px solid #858585; } .car_searchoption:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:"";} .car_search_btn { position:relative; clear:both; background:#f0f2f2;font-size:13px;line-height:50px; } .car_search_btn .car_search_btn_right {position:absolute;right:0;top:0;font-size:0;} .car_search_btn.con1 {padding-left:30px; } .car_search_btn .car_search_text { padding-top:10px; } .car_search_btn .car_search_text div { width:24.5%; display:inline-block; padding:5px 0 5px;} .car_search_btn .car_search_text .tit {text-align: right;width:49%; float:left;display: inline-block; padding-right:10px} .car_search_btn .car_search_text input {width:50%; float:left; display: inline-block;vertical-align:middle; } .car_search_btn input {border:1px solid #d9dbdc;} .car_search_btn input.button2 {width:100px;background:#333; padding:0 30px; border:0;color:#fff;text-align:center; font-size:16px; line-height:50px;*line-height:32px;letter-spacing:-1px;cursor:pointer;} .sub_search_text {width:23%;} .car_search_btn .search_wrap {position:absolute;right:0;top:0;font-size:0;} .car_search_btn .search_wrap span { font-size:13px; line-height:49px; padding:0 0 0 15px; } .car_search_btn .search_wrap span strong { color:#db0c02;} .car_search_btn .search_wrap input {padding:0 30px; border:0;color:#fff;text-align:center; font-size:16px; line-height:50px;*line-height:32px;letter-spacing:-1px;cursor:pointer;} .car_search_btn .search_wrap .button {background:#ccc;} .car_search_btn .search_wrap .button2 {width:100px;background: #333; color:#fff; } .m12tab { height:37px; overflow:hidden; } .m12tab li { float:left; width:399px; height:37px; overflow:hidden; } .m12tab li a { margin:0; display:block; } .m12tab li.on a { margin:-37px 0 0 0; } .m12wrap {background:#f9f9f9; } .m12_step1 {display:block;overflow:hidden;background:#fff;padding:10px 20px;} .m12_step1 li {float:left;width:12.5%;padding:0;marign:0;text-align:center;} .m12_step1 li a {display:inline-block;position:relative;margin:0 auto;width:115px;margin-top:5px;padding:60px 0px 15px 0px;font-size:15px;font-weight:600;text-align:center;letter-spacing:-.5px;} .m12_step1 li a:hover {color:#231f20;} .m12_step1 li.c1 a {background:url(/images/main/searchClass.png) -10px 11px no-repeat;} .m12_step1 li.c2 a {background:url(/images/main/searchClass.png) -144px 11px no-repeat;} .m12_step1 li.c3 a {background:url(/images/main/searchClass.png) -275px 11px no-repeat;} .m12_step1 li.c4 a {background:url(/images/main/searchClass.png) -407px 11px no-repeat;} .m12_step1 li.c5 a {background:url(/images/main/searchClass.png) -539px 11px no-repeat;} .m12_step1 li.c6 a {background:url(/images/main/searchClass.png) -671px 11px no-repeat;} .m12_step1 li.c7 a {background:url(/images/main/searchClass.png) -808px 11px no-repeat;} .m12_step1 li.c8 a {background:url(/images/main/searchClass.png) -919px 11px no-repeat;} .m12_step1 li.on a {border:1px solid #e41a38; color:#e41a38;} .m12_step2, .m12_step1, .m12_step3 { clear:both; } .m12_step2 {border-top:1px solid #dfdfdf; padding:15px; } .m12_step2 label {width:185px; color:#111;font-size:13px !important; letter-spacing:-.07em !important; white-space:nowrap;} .m12_step3 th { font-weight:300; text-align:right; color:#636363; width:100px; padding:0 20px 0 0; } .m12_step3 td label {font-size:13px;color:#111;} .sub_tabbox { padding:0; margin:0 0 20px 0;overflow:hidden; width:100%; } .sub_tabbox ul {font-size:0;} .sub_tabbox li {display:inline-block; width:50%;} .sub_tabbox li a {display:block; background:#000;color:#ddd;font-size:16.5pt;line-height:60px;text-align:center;font-family: 'Black Han Sans';} .sub_tabbox li:hover a {background:#000;color:#eee;} .sub_tabbox li.on a {background:#ffcb00;color:#000;} .sub_tabbox.col3 li {width:33.3%;} .sub_tabbox.col4 li {width:25%;} .sub_tabbox.col5 li {width:20%;} .sub_tabbox.col6 li {width:16.6%;} .bigcar_list { padding:0; margin:0; font-size:0; } .bigcar_list ul { padding:0; margin:0; } .bigcar_list ul li { float:left; width:240px; padding:15px 25px 0 0; font-size:12px; height:300px; color:#222; border-bottom:1px solid #e7e6e6; } .bigcar_list ul li a { color:#333333; font-family:gulim; dotum; } .bigcar_list li .photo { border:4px solid #fff; margin:-4px 0 0 -4px; } .bigcar_list li:hover .photo { border:4px solid #6480ff; margin:-4px 0 0 -4px; } .bigcar_list li:hover .li_txt { color:#6480ff; font-weight:600; letter-spacing:-1px; } .bigcar_list li:hover strong { color:#6480ff; font-weight:600; } .bigcar_list ul li .title { padding:8px 0 0 0; } .bigcar_list ul li .car_option { padding:0 0 2px 0; color:#a8a8a8; line-height:1.4; } .bigcar_list ul li .car_price { color:#a3a3a3; padding:0 0 6px 0; } .bigcar_list ul li .car_price strong { color:#676767; } .bigcar_list ul li .car_price strong span { color:#5069e7; font-size:16px; padding:0 3px 0 0; } .bigcar_list ul li .km { color:#999999; font-weight:600; border:1px solid #e3e3e3; display:inline-block; padding:3px 5px 0 5px; margin:14px 0 0 0; line-height:1.3; } .salecar_list { padding:0; margin:0; font-size:0; } .salecar_list ul { padding:0; margin:0; } .salecar_list ul li { float:left; width:240px; padding:35px 25px 0 0; font-size:12px; height:310px; color:#222; border-bottom:1px solid #e7e6e6; } .salecar_list ul li a { color:#333333; font-family:gulim; dotum; } .salecar_list li a img { border:4px solid #fff; margin:-4px 0 0 -4px; } .salecar_list li:hover a img { border:4px solid #6480ff; margin:-4px 0 0 -4px; } .salecar_list li:hover .li_txt { color:#6480ff; font-weight:600; letter-spacing:-1px; } .salecar_list li:hover strong { color:#6480ff; font-weight:600; } .salecar_list ul li .saleicon { position:absolute; width:56px; height:57px; text-align:center; background:url(/images/sub/icon_sale.gif) no-repeat 0 8px; color:#fff; font-family:Verdana, dotum; font-size:12px; padding:15px 0 0 0; } .salecar_list ul li .saleicon span { font-size:24px; font-weight:600; } .salecar_list ul li .title { padding:8px 0 0 62px; letter-spacing:-1px; } .salecar_list ul li .car_option { padding:0 0 2px 62px; color:#a8a8a8; line-height:1.4; } .salecar_list ul li .car_price { color:#484848; padding:0 0 6px 62px; letter-spacing:-1px; } .salecar_list ul li .car_price strong { color:#676767; } .salecar_list ul li .car_price strong span { color:#5069e7; font-size:16px; padding:0 3px 0 0; letter-spacing:0; } .salecar_list ul li .btn { padding:0 0 0 63px; } .salecar_list ul li .btn img { border:0 !important; } /*커뮤니티*/ #news_list { font-size:0; display:inline-block; display:-moz-inline-box; border-top:1px solid #dfdfdf; } #news_list li a {display:block;overflow:hidden;ofnt-size:0;} #news_list li {clear:both;position:relative;border-bottom:1px solid #efefef;} #news_list li .news_img {float:left;display:inline-block;width:22%;height:auto;min-height:162px;margin-right:3%;padding:0;vertical-align:middle;} #news_list li > img {width:25%;height:auto;max-height:152px;} #news_list li .textbox{float:left;display:inline-block;width:74%;box-sizing: border-box; padding: 22px 2% 22px 0;vertical-align:middle;} #news_list li .news_name { color:#ccc; } #news_list li .news_title { font-size: 20px;letter-spacing:-1px;font-weight:500;} #news_list li p {padding-top: 15px; font-size: 15px; color: #555;} .t_view { border-top:1px solid #999; width:100%; } .t_view th { background:#f9f9f9; padding:25px 0; text-align:center; font-size:24px;color:#111;font-weight:400;letter-spacing:-1px;} .t_view td .view_cate { display:inline-block; width:50%; color:#999; line-height:28px; } .t_view td .view_name { display:inline-block; width:50%; text-align:right;color:#999; } .t_view td .view_name span { font-weight:300 !important;} .t_view td { padding:10px; border-bottom:1px solid #efefef; } .t_view.small th {font-size:14px !important;} .view_content { padding:30px 0; font-size:14px; min-height:500px;} .view_content h3 {font-size:28px;margin-bottom:20px;letter-spacing:-1px;} .view_content p.subguide {font-size:18px; padding-top:10px; color:#ff0d31; font-weight:600;} .view_content p.guide {font-size:15px; line-height:1.5; margin-bottom:10px;} .view_content p, .view_content div, .view_content span { font-size:15px;line-height:1.5;} .view_content .photo { text-align:center; padding:0 0 20px 0; } .view_content .circle, .view_content .text {display:inline-block;} .view_content .right_arrow{display:inline-block; width:15px; height:15px; background:url(/images/inc/next.png) center center no-repeat; opacity: 0.3; padding:0 10px;} .view_content .arrow {display:block; background:url(/images/sub/guide_arrow.png) 60px center no-repeat; width:100%; height:15px;} .view_content .circle {background:#f9f9f9; line-height:150px; width:150px; text-align:center; font-size:16px; font-weight:600; border-radius:100px;} .view_content .text {margin:0 20px; font-size:17px;} .t_comment_box { border:1px solid #8290db; background:#f9f9f9; color:#777777; padding:20px 0 20px 25px; } .t_comment_box div { text-align:right; padding:4px 22px 0 0; } .list_btn_wrap {position:relative;margin:0; padding:0 0 5px; line-height: 35px;} .list_btn_wrap .txt_sort { position:absolute; right:10px; color:#5d5d5d; letter-spacing:-1px;font-size:16px; } .list_btn_wrap .txt_sort strong { font-size:14px; font-weight:600; } .list_btn_wrap .list_btn_searchbox { position:absolute; right:0px; } .t_list { width:100%; margin:0; padding:0; line-height:1.5; border-top:1px solid #333;} .t_list.guide td {padding:0px;} .t_list.guide td a {display:block;padding:20px;} .t_list th { background:#f9f9f9; padding:10px 0; color:#333; text-align:center; font-size:14px; line-height:20px; letter-spacing:-1px; } .t_list td.left a, .t_list td.left span {font-size:18px;font-weight:400;} .t_list td.left .l_preview {padding-top:10px;font-size:16px} .t_list td.carName {padding-left:20px;text-align:left;} .t_list td.carName > a {font-size:18px;} .t_list a img { width: 200px;height:auto;} .t_list a .listPhoto img {width:100%;} .t_list th.photo_th {width:230px} .t_list.gall .left a {font-size:20px;} .t_list td.imgtd {padding:0;} .t_list td.imgtd .img {width:215px;height:160px;background-position:center center;background-color:#eee;background-image:url('/images/nophoto/nophoto_640x480.png');background-size:cover;} .t_list td { text-align:center; padding:20px 0; margin:0; color:#555; border-bottom:1px solid #efefef;font-size:14px; line-height:17px; font-family:'Century Gothic','NotoSans'} .t_list td .txt_comment { color:#999; padding:10px 0 0 0; line-height:1.3; font-size:14px;font-family:'Gothic A1','NotoSans';} .t_list td .txt_comment span {display:inline-block;padding:0px 3px;color:#ededed;} .t_list td .txt_comment.type2 {/* display:none; */ padding-top:4px;color:#c29700;} .t_list td a.btn { margin:0 0 4px 0; display:block; padding:0; } .t_list td .txt_price { font-size:22px; color:#fa0c00; font-family:'Gothic A1','NotoSans'} .t_list td .unit { font-size:15px; color:#555;font-weight:500;} .t_list td.price { text-align:right; padding:3px 5px 6px 0; } .t_list td.left { text-align:left; padding-left:10px; } .t_list th.left { text-align:left; } .t_list .listPhoto {position:relative;width:115px;} .t_list .listPhoto .icon {display:none;position:absolute;left:0px;top:0px;} .t_list .listPhoto .icon img {height:50px;border:none !important;} .t_list td .hot .hot {color:#e41a38;font-weight:bold;} .t_list td .hot .clean {color:#0fce2e;font-weight:bold;} .t_list.gallery {font-size:0;} .t_list.gallery li {float:left;width:25%;padding:2% 1% 0;} .t_list.gallery li:nth-child(4n+1) {clear:both;} .t_list.gallery li .img {width:100%;height:200px;background-position:center center;background-repeat:no-repeat;background-color:#eee;background-image:url('/images/nophoto/nophoto_640x480.png');background-size:cover;-webkit-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;border:0 solid;} .t_list.gallery li .img:hover {border:10px solid #ffcb00;} .t_list.gallery li a + a {display:block;padding:10px 0;font-size:18px;font-weight:500;letter-spacing:-.5px;} .t_list.gallery li .l_preview {height:39px;overflow:hidden;} .hot {padding:5px 0 0;} .hot > span {display:inline-block;padding:0 10px;margin-right:3px;border:1px solid #eee;border-radius:3px;line-height:26px;font-size:12px;} .hot > span.recom {background:#000;border-color:#000;color:#eee;} /* 회원가입 */ .join_title { text-align:center; padding:45px 0 10px 0; } .join_txt { padding:0 0 30px 0; width:690px; position:relative; margin:0 auto; } .join_box { margin:0; background:#f9f9f9; padding:15px 25px; } .join_box h3 {margin-bottom:5px;} .join_box dt { padding:0; margin:0; } .join_box dd { margin:0; border:1px solid #d9dbdc; background:#fff !important; padding:0; height:100%;font-size:14px;} .join_box dd.none { margin:0; border:0px solid !important; background:none !important; padding:10px 15px 0 15px; text-align:right; } .join_wrap { position:relative; margin:0 auto; padding: 70px 0px; font-size:0;} .join_wrap a {text-align:center; display:inline-block; box-sizing:border-box; } .join_wrap .joinL {width:50%; border-right:1px solid #ccc;} .join_wrap .joinR {width:50%;} .join_wrap a h3 {font-size:30px; font-weight:300;} .join_wrap a span {display:block;width:100%;padding:10px 0px 70px 0px;line-height:20px; font-size:14px;} .join_wrap a img{width: 150px;} .join_wrap a .btn {display:block; margin:70px auto;width:30%; font-weight:500; line-height:50px; font-size:18px; background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; color:#fff !important; border:1px solid #e41a38;} .join_wrap .agree {float:left;width:50%;} .join_wrap .agree label {display:block;padding:10px 0px 0px 0px;line-height:20px;} .join_wrap .agree label input {display:inline-block;margin:-2px 0px 0px 0px;vertical-align:middle;} .join_wrap .agree textarea {margin:10px 0px 0px 0px;padding:5px;border:1px solid #CCC;width:95%;line-height:20px;} .join_wrap .agreeInfor {padding:10px 0px 0px 0px;} .join_box .join_ti {font-size:18px; font-weight:600; color:#999; padding:25px;} /* 로그인 */ .login_wrap {overflow:hidden;width:460px; margin:0 auto; min-height:700px; } .login_wrap input[type=text], .login_wrap input[type=password] { width:100%;height:50px;padding:0 20px;border:1px solid #dedede; box-sizing:border-box; margin-bottom:10px; font-size:18px;line-height:50px; } .login_wrap input[type=button] { width:100%;padding:20px;border:1px solid #dedede; box-sizing:border-box; margin-bottom:10px; font-size:18px;} .login_wrap .loginBtn {background: linear-gradient(to bottom right, #fb5831 0%, #fd002c 100%); color:#fff; text-align:center;border:none; margin-top:10px; color:#fff; font-size:18px; font-weight:600; cursor:pointer;} .login_wrap .line, .join_wrap .line{background:#dedede; margin:30px 0; width:100%; height:1px;} .login_wrap .login_find {border:1px solid #dedede; text-align: center; box-sizing:border-box; padding:20px 30px; background:#f0f2f2; font-size:16px; line-height:2; color:#444;} .login_wrap .login_find strong {font-size: 20px;} .login_wrap .login_find b {color:#0050b0;} .login_wrap .login_find span {display:inline-block; width:15px;} .login_wrap .id_save {position: relative; } .login_wrap .id_save .input_none {width:30px; height: 30px; position: absolute; left: 0px; bottom: 0px; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; vertical-align: middle; display:none; } .login_wrap .id_save .input_none:checked + .name {background:url(/images/sub/checkbox_checked.png) left center no-repeat; background-size:25px auto; z-index:2; } .login_wrap .id_save .input_none + .name {background:url(/images/sub/checkbox_nochecked.png) left center no-repeat; background-size:25px auto; z-index:2;} .login_wrap label .name { position: relative; display: block; line-height:30px; padding:0 35px; font-size:14px; } .finderWrap {overflow:hidden;width:460px; margin:0 auto; min-height:700px;} .t_form { border-top:1px solid #ededed; width:100%; } .t_form thead th { background:#cbcbd0; padding:7px 0 10px 20px; color:#fff; text-align:left; } .t_form tbody th { background:#fcfcfc; border-bottom:1px #efefef solid; border-right:1px #efefef solid; padding:10px 10px 0 0; margin:0; text-align:right; color:#999999; width:20%; vertical-align:top; } .t_form td { border-bottom:1px #efefef solid !important; margin:0; text-align:left; padding:10px 20px 8px 20px; font-size:12px; } .t_form td input[type=text], .t_form td input[type=password], .t_form td select { margin:0 0 4px 0; vertical-align:middle; } .ex_blue { font-size:11px !important; padding:6px 0 0 15px; color:#7791e4 !important; letter-spacing:-1px; } .ex { font-size:11px; padding:6px 0 0 15px; color:#666666; letter-spacing:-1px; } .joindate { color:#999; font-size:11px; padding:0 0 0 100px; } .scroll { overflow-y:scroll; height:200px; padding:15px; } .scroll_500 { float:left; overflow-y:scroll; height:210px; padding:15px; width:574px; border-left:1px solid #e2e2e2; } .scroll_400 { float:left; overflow-y:scroll; height:78px; padding:10px; width:606px; border-left:1px solid #e2e2e2;font-size:12px; } .btn_bottomwrap { text-align:center; padding:20px 0 50px 0;} .mypage_info { border:1px solid #1d1d1d; background:#f2f2f2; margin:0 0 25px 0; } .mypage_box { border:1px solid #444444; background:#f9f9f9; color:#777777; padding:20px 0 20px 25px; } .mypage_box strong { color:#939393; font-weight:600; } .mypage_box img { vertical-align:middle; } .mypage_box div { padding:7px 0 0 0; } .mypage_box .s_btn { padding:0; font-size:0; } .mypage_box .s_btn a { display:inline-block; background:url(/images/sub/btn_blank.gif) no-repeat; text-decoration:none; margin:0 2px 7px 0; color:#7b7c81; font-size:11px; font-family:dotum; width:22px; height:19px; text-align:center; padding:3px 0 0 0; } .mypage_box .s_btn a:hover, .mypage_box .s_btn a.on { background:#212a63; color:#fff; } .mypage_box .s_btn img { vertical-align:top; } .myinfo_bg { display:inline-block; width:155px; height:89px; vertical-align:top; } .myinfo_bg1 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#6a84e8; background:url(/images/sub/mypage_info_bg1.gif) no-repeat; } .myinfo_bg2 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#6a84e8; background:url(/images/sub/mypage_info_bg2.gif) no-repeat; } .myinfo_bg3 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#6a84e8; background:url(/images/sub/mypage_info_bg3.gif) no-repeat; } .myinfo_bg4 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#5c5c5c; background:url(/images/sub/mypage_info_bg4.gif) no-repeat; } .myinfo_bg5 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#b3a478; background:url(/images/sub/mypage_info_bg5.gif) no-repeat; } .myinfo_bg6 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#6a84e8; background:url(/images/sub/mypage_info_bg6.gif) no-repeat; } .myinfo_bg7 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#6a84e8; background:url(/images/sub/mypage_info_bg7.gif) no-repeat; } .myinfo_bg8 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#5c5c5c; background:url(/images/sub/mypage_info_bg8.gif) no-repeat; } .myinfo_bg9 { display:inline-block; width:123px; text-align:center; height:32px; padding:45px 0 0 0; font-size:14px; font-weight:600; color:#b3a478; background:url(/images/sub/mypage_info_bg9.gif) no-repeat; } .myinfo_wrap { height:224px; } .myinfo_wrap ul { padding:12px 0 18px 0; } .myinfo_wrap ul li { background:url(/images/main/icon_list.gif) no-repeat 25px 6px; padding:0 0 0 38px; width:330px; } .myinfo_wrap ul li a { line-height:1.7; } .myinfo_wrap ul li span { float:right; color:#999; font-size:11px; } .m_ask { position:absolute; border-top:2px solid #151515; border-bottom:1px solid #696969; width:400px; } .m_councel { position:absolute; left:612px; border-top:2px solid #151515; border-bottom:1px solid #696969; width:399px; border-left:1px solid #e2e2e2; } .goodcar_list { padding:0; margin:0; border:1px solid #d0d0d0; height:230px; } .goodcar_list dt { border-bottom:2px solid #000000; text-align:center; } .goodcar_list dd { padding:17px 0 0 12px; margin:0; } .goodcar_list li { float:left; width:132px; padding:0 10px 0 12px; font-size:12px; } .goodcar_list li a img { border:4px solid #fff; margin:-4px 0 0 -4px; } .goodcar_list li:hover a img { border:4px solid #6480ff; margin:-4px 0 0 -4px; } .goodcar_list li:hover .li_txt { color:#6480ff; font-weight:600; letter-spacing:-1px; } .goodcar_list li:hover strong { color:#6480ff; font-weight:600; } .goodcar_list li .li_txt { padding:4px 0 0 0; color:#666666; line-height:1.3; } .goodcar_list li strong { padding:0 5px 0 0; display:inline-block; color:#333333; } .favorite_list { border-top:2px solid #000000; border-bottom:1px solid #cccaca; padding:10px 0 10px 0; } .favorite_list li { padding:4px 0 4px 10px; } .label_inputbox { width:112px; display:inline-block; padding:0 0 8px 0; letter-spacing:-1px; color:#777777; } .color_bg { display:inline-block; width:30px; height:16px; margin:0 5px 0 0; } .color_bg_half { display:inline-block; width:15px; height:16px; margin:0 0 0 0; } .color_bg_half2 { display:inline-block; width:15px; height:16px; margin:0 5px 0 0; } .t_table { border-top:1px solid #dfdfdf; border-bottom:1px solid #cccaca; padding:10px 0 10px 0; width:100%; } .t_table thead th { background:#cbcbd0; padding:7px 0 5px 20px; color:#fff; text-align:center; } .t_table tbody th { background:#fcfcfc; border-bottom:1px #efefef solid; padding:12px 10px 0 0; margin:0; text-align:right; color:#999999; width:120px; vertical-align:top; } .t_table td { border-bottom:1px #efefef solid !important; margin:0; text-align:left; padding:10px 20px 8px 20px; font-size:12px; border-left:1px #efefef solid; vertical-align:top; } .t_table td input[type=text], .t_form td input[type=password], .t_form td select { margin:0 0 4px 0; vertical-align:middle; border:1px solid #d9dbdc !important; } .t_table td textarea { margin:0 0 4px 0; line-height:1.3; } .t_table td.memostyle { border:0 !important; background:#fcfcfc; padding:15px 0 10px 20px; } .t_table td.memostyle2 { border:0 !important; background:#fcfcfc; padding:0 20px 0 20px; } .t_table td.memostyle3 { border:0; background:#fcfcfc; padding:10px 20px 15px 0; text-align:right; } /* 좁게 */ .t_tableShort { border-top:1px solid #dfdfdf; border-bottom:1px solid #cccaca; padding:10px 0 10px 0; width:100%; } .t_tableShort thead th { background:#cbcbd0; padding:7px 0 5px 20px; color:#fff; text-align:center; } .t_tableShort tbody th { background:#fcfcfc; border-bottom:1px #efefef solid; padding-right:20px; margin:0; text-align:right; color:#777;font-size:16px; width:200px; vertical-align:middle; } .t_tableShort td { border-bottom:1px #efefef solid !important; margin:0; text-align:left; padding:10px 20px; font-size:16px; border-left:1px #efefef solid; vertical-align:top; } .t_tableShort td input[type=text], .t_form td input[type=password], .t_form td select { margin:0; vertical-align:middle; border:1px solid #d9dbdc !important; } .t_tableShort td.memostyle { border:0 !important; background:#fcfcfc; padding:15px 0 10px 20px; } .t_tableShort td.memostyle2 { border:0 !important; background:#fcfcfc; padding:0 20px 0 20px; } .t_tableShort td.memostyle3 { border:0; background:#fcfcfc; padding:10px 20px 15px 0; text-align:right; } .t_photo { border-top:2px solid #000000; border-bottom:1px solid #cccaca; padding:10px 0 10px 0; width:100%; } .t_photo td.txt { color:#444444; text-align:left; padding:18px 0 20px 20px; } .t_photo td.txt2 { color:#444444; text-align:left; padding:0 0 0 20px; } .t_photo td { margin:0; text-align:left; padding:20px 0 20px 25px; font-size:12px; color:#999999; } .t_photo td td { padding:0 35px 10px 0 !important; } .t_photo .photo { border:1px solid #d9d9d9; margin:0 0 4px 0; } .t_photo .btnright { position:absolute; right:20px; } .t_photo .btnright2 { float:right; } .list_no { color:#333333; padding:15px 0 15px 0; font-size:16px;} .list_no strong {padding-left:5px;font-size:22px;} .listbottom_btn_wrap { margin:0; padding:0; padding:20px 0 0 10px; } .listInfor {font-size:16px;padding:10px 0;} #big_imgTags > a {min-height:435px;background:#f1f1f1;} #big_imgTags .icon {position:absolute;left:0px;top:0px;} .t_comment { width:100%; margin:0; padding:0; line-height:1.5; border-top:1px solid #cccaca; } .t_comment td { padding:16px 0 18px 20px; margin:0; color:#676767; border-bottom:1px solid #efefef; } .t_comment td .c_name { color:#5065d6; font-weight:600; display:inline-block; width:200px; padding:0 0 5px 0; } .t_comment td .c_name span { color:#999999; font-size:11px; font-weight:300 !important; padding:0 0 0 10px; } .t_comment td .c_btn { display:inline-block; width:570px; text-align:right; padding:0 0 6px 0; } .t_comment td div { padding:0 20px 0 0; } .t_comment td.comment_total { background:#f9f9f9; padding:8px 0 4px 15px; color:#222222; } .salebox { border:1px solid #adadad; background:#fafafa; padding:10px 0 10px 30px; color:#636363; font-weight:600; } .subbox { border:1px solid #dfdfdf; background:#fff; margin:0 0 30px 0; } .subbox .searchtext { background:#f5f5f5; padding:10px 0 10px 25px; color:#1a1a1a; font-size:11px; } .subbox .searchtext strong { letter-spacing:-1px; } .subbox .searchtext span { display:inline-block; width:600px; } .subbox .searchtext span.width { width:680px !important; } .subbox .searchtext strong.text_no { letter-spacing:0; color:#5169e7; font-size:12px; } .m11_wrap { overflow:hidden; white-space:nowrap; height:185px; width:690px; padding:0; margin:0 0 0 65px; } .m11 { height:150px; margin:0; } .m11 dl, .m16 dl { float:left; } .m11 dt, .m16 dt { padding:20px 0 10px 13px; } .m11 dd { border-right:1px solid #e5e4e4; padding:0 0 0 13px; height:120px; overflow:auto; color:#636363; } .m11 dd select { border:0; } .m11 dd label, .m16 dd label { display:block; } .m11_prev { position:absolute; left:232px; top:135px; } .m11_next { position:absolute; right:20px; top:135px; } .m16 { height:175px; margin:0; white-space:nowrap; padding:5px 0 0 25px; } .m16 dd { border-right:1px solid #e5e4e4; padding:0 0 0 13px; height:105px; overflow:auto; color:#636363; } .m16 dd.none { border:0; } .m16 dd.float label { display:inline-block; width:75px; } .m16 dd .txt_reange { border:0; text-align:center; width:160px; color:#636363; font-weight:600; } .m16 dd .arrow { padding:8px 0 12px 0; text-align:center; } .m16 dd span.txt_width { display:inline-block; width:125px; } .m16 dd .range_wrap { padding:0 14px 0 0;} .m14_wrap { height:335px; } .m14_wrap .tm { display:block; height:101px; overflow:hidden; } .m14_wrap .tm img { margin:0; } .m14_wrap .tm:hover img, .m14_wrap li.on img { margin:-101px 0 0 0; } .m14_wrap li { float:left; display:inline-block; } .m14_wrap li ul { display:none; } .m14_wrap li.on ul, .m14_wrap li:hover ul, .m14_wrap li.on:hover ul { display:block; padding:20px 0 0 0; position:absolute; left:250px; } .m14_wrap li:hover li,.m14_wrap li.on li { float:left; display:inline-block; width:123px; padding:3px 0 0 0 !important; } .m14_wrap li li a { color:#636363; } .m14_wrap li li a:hover { text-decoration:underline; font-weight:600; letter-spacing:-1px; color:#222222; } /* 상세보기 */ .detail_btnbox {position:relative;overflow:hidden;} .detail_btnbox .btn_sns { position:absolute; right:0; bottom:10px; } .detail_btnbox .btn_prev {display:block;position:absolute; left:0; bottom:10px;} #detail_box {position:relative;padding:30px 0 0 0; overflow:hidden; } #detail_box .detailtitle {font-size:0; border-bottom:1px solid #777;margin-bottom:20px;color:#222; padding-bottom:10px;} #detail_box .detailoption h3 {min-height:80px;margin-bottom: 5px;font-size:28px; letter-spacing:-1px;font-weight:600;} #detail_box .detailoption strong {display:none;color:#ff5400; margin-top:10px;font-weight:300;} #detail_box .price {text-align:right; vertical-align: bottom;} #detail_box .price span {display:inline-block; color:#fff; background:#ff300a; color:#fff; width:30px; height:30px; border-radius:50px; line-height:35px; text-align:center; margin-right:10px; font-size:16px;} #detail_box .price strong {font-size:28px;color:#ff300a;line-height:60px; } #detail_box .left { float:left; width:50%; padding:0; margin:0; box-sizing:border-box;background:#000;} #detail_box .left a.photobig { position:absolute; z-index:100; } #detail_box .left .photopage { background:#050505; color:#b7b7b7; text-align:right; padding:0 10px 0 0; line-height:35px; margin-bottom:2px;} #detail_box .right { float:right; width:50%; box-sizing:border-box;} #detail_box .detailprice { border-top:1px solid #e8e8e8; padding:20px 0 15px 0; } #detail_box .right table { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; margin:7px 0 20px 0; } #detail_box .right th { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; background:#f9f9f9; padding:15px 0 15px 20px; width:70px; font-weight:300; color:#9d9d9d !important; font-size:11px !important; vertical-align:top; } #detail_box .right td { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; padding:14px 0 16px 15px; vertical-align:top; } #detail_box .right li a.btn { color:#6f7dca; font-size:11px; letter-spacing:-1px; text-decoration:underline; } #detail_box .rightoption { border-top:1px solid #555;border-bottom:1px solid #555;margin:0 0 20px 0; } #detail_box .rightoption li { float:left;width:25%;} #detail_box .rightoption li a.btn {display:block;color:#222; font-size:17px;line-height:65px;letter-spacing:-1px;font-weight:600; text-align:center;text-decoration:none;} .right .cartitle {font-size:16px;font-weight:600;padding-bottom:10px;letter-spacing:-1px;} .right .cartitle.bg {background:#f7f7f7;padding:25px;} .right .detailCarContWrap {overflow:hidden;padding-left: 40px;} .right .detailCarContWrap .carContTop { box-sizing:border-box;} .right .detailCarContWrap .carContTop .point {color:#f50024 !important; } .right .detailCarContWrap .carContTop ul li {float:left; width:49%; box-sizing:border-box; margin-left:1%; padding:7px 0;/* border-bottom: 1px solid #eee;*/} /*.right .detailCarContWrap .carContTop ul li.c1 {border-top:1px solid #dfdfdf;}*/ .right .detailCarContWrap .carContTop ul li span {display: inline-block;} .right .detailCarContWrap .carContTop ul li .tit {width:26%;color:#999;letter-spacing:-1px;} .right .detailCarContWrap .carContTop ul li .txt {padding-left:10px;border-left: 1px solid #f1f1f1;font-size:14px;color:#000;} .right .detailCarContWrap .carContBottom {position:relative;box-sizing:border-box; padding-top:20px; } .right .detailCarContWrap .carContBottom .seller{font-size:0; box-sizing:border-box;padding:30px;background:#f5f5f5;} .right .detailCarContWrap .carContBottom .name {padding-bottom:10px;font-size:18px; color:#333; font-weight:500;} .right .detailCarContWrap .carContBottom .name .phone {display:block;color:#f50024; font-size: 22px;letter-spacing:0; padding-top:5px;} .right .detailCarContWrap .carContBottom .company {display:inline-block; width:70%; box-sizing:border-box; } .right .detailCarContWrap .carContBottom .btnbox {position:absolute;top:60px;right:10px;display:inline-block; width:35%; } .right .detailCarContWrap .carContBottom .btnbox a {text-align: center; padding:30px 10px; box-sizing:border-box;line-height:20px; width:100%; display: block; font-size:16px;letter-spacing:-1px; border:1px solid #dfdfdf;background:#fff;color:#000;} .right .detailCarContWrap .carContBottom .btnbox .btn {margin-bottom:5px;} .seller .company p .com_name{color:#999; margin-right:10px;} .seller .company p {padding:1px 0;line-height:1.4; color:#333;} .seller .company p a:hover {color:#e41a38;} .right .detailCarContWrap .carContBottom .company .cominfo{font-size:10px;} .right .install {clear:both;float:right;font-size:14px;color:#333;} .right .install span { line-height:16px;} #carSImgPart1Layer td img {width:100%;height:75px;} #carSImgPart1Layer td {padding:0 1px 1px 0;} .detail_bottombtn {clear:both;position:relative;padding-top:20px;margin:10px 0 0 0;font-size:0; display:flex;justify-content: space-between; flex-wrap: nowrap; } .detail_bottombtn.d_right {text-align: right;} .detail_bottombtn a {position:relative;width:50%; display:inline-block;text-align:center;line-height:70px;color:#fff;font-size:16px;letter-spacing:-1px;} .detail_bottombtn a.btn1 {background:#777; color:#fff;} .detail_bottombtn a.btn2 {background:#000; color:#eee;} .detail_bottombtn a.btn3 {background:#e41a38; color:#fff; } .detail_bottombtn a:after {content:'';position:absolute;right:0;top:0;bottom:0;width:1px;height:100%;background:#999;} .detail_bottombtn .btn4 {display:inline-block; text-align:center;line-height:60px;border:1px solid #e3e3e3;background:#f5f5f5;padding: 0 20px;font-size:16px;letter-spacing:-1px;color:#333;} .detail_tabbox { padding:0; margin:80px 0 0; overflow:hidden; width:100%; } .detail_tabbox li { float:left;width:25%;padding:0; margin:0; overflow:hidden; } .detail_tabbox li a {display:block;background:#fff;border:1px solid #aaa;margin-left:-1px;color:#111;font-size:11pt;line-height:60px;text-align:center;font-weight:500;letter-spacing:-1px;} .detail_tabbox li:first-child a {margin-left:0;} .detail_tabbox li:hover a {color:#e41a38;} .detail_tabbox li.on a {border-color:#e41a38;color:#fff;background:#e41a38; color:#fff; } .detail_category { border:1px solid #e3e3e3; margin:0; width:100%; } .detail_category td { border-right:1px solid #e3e3e3; vertical-align:top; padding:15px 0 15px 25px; } .detail_category td.non { border:0; } .detail_category th { border-right:1px solid #e3e3e3; font-weight:600; height:18px; padding:8px 0 8px 0; background:#f5f5f5; text-align:center; } .detail_category th.left { text-align:left; padding:8px 0 8px 8px; } .detail_category td img { margin:0 6px 3px 0; } .detailbox { padding:15px; margin:0; border:1px solid #e3e3e3; min-height:150px; } .detailbox_c { padding:30px; margin:0; border:1px solid #e3e3e3; text-align:center; } .detailbox_top { text-align:right; padding:8px 10px 50px 0; } .detail_btnwox { padding:50px 0; text-align:center; } .detail_option { border:1px solid #a8a8a8; margin:10px 0 0 0; width:100%; } .detail_option thead th { border-right:1px solid #e3e3e3; font-weight:600; height:18px; padding:5px 0 5px 0; background:#f5f5f5; text-align:center; color:#4e4e4e; font-weight:300; } .detail_option tbody th { color:#000000; font-weight:300; text-align:center; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px 0 5px 0; } .detail_option tbody th.t { color:#333; font-weight:600; text-align:center; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:10px 0 10px 0; background:#fbfbfb;} .detail_option tbody th.color { background:#fbfbfb; text-align:left; padding:0 0 0 15px;} .detail_option tbody th.color strong { color:#333; } .detail_option td { border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;padding:5px 0 5px 15px; vertical-align:middle; font-size:14px;} .detail_option td span { color:#afafaf; } .detail_option td.right { text-align:right; padding:5px 15px 5px 0; } .detail_option input {vertical-align:middle;} .detail_option td dd .txt_reange { border:0; text-align:center; width:160px; color:#636363; font-weight:600; } .detail_option td dd span.txt_width { display:inline-block;margin:5px 0 0 0; width:270px; } @media screen and ( max-width:400px ) { .detail_option td dd span.txt_width {width:70%;} } .detail_option td dd .range_wrap { padding:0 14px 0 0;} .detail_option td .month {font-size:18px;font-weight:600;color:#5169e7;} #detail_historybox { height:240px; border-bottom:2px solid #ececec; padding:10px 0 0 0; } #detail_historybox .btn, #detail_map .map { position:absolute; } #detail_historybox dl { position:absolute; left:406px; } #detail_historybox dt, #detail_map dt { padding:10px 0 20px 0; } #detail_historybox dd ul li, #detail_map dd ul li { display:block; padding:3px 0 0 20px; background:url(/images/sub/icon_history.gif) no-repeat 5px 8px; font-size:15px;} #detail_historybox dd ul li span { display:inline-block; width:270px; color:#b9b9b9; font-size:11px; font-weight:600; letter-spacing:-1px; } #detail_map { height:300px; padding:42px 15px; border:1px solid #e3e3e3; box-sizing:border-box;} #detail_map dl { position:absolute; left:595px; } #detail_map dd ul li span { display:inline-block; width:70px; color:#b9b9b9; font-size:11px; font-weight:600; letter-spacing:-1px; } .detail_carlist { padding:0; margin:0; border:1px solid #e3e3e3; overflow:hidden; } .detail_carlist dt { text-align:center; } .detail_carlist dd { margin:0; } .detail_carlist ul {text-align:center; padding:30px;} .detail_carlist li { float:left; width:20%; font-size:12px;padding: 20px 0; } .detail_carlist li .li_txt { padding:12px 0 0 0; color:#111; line-height:1.3; font-size:17px; } .detail_carlist li strong { padding:7px 5px 0 0; display:inline-block; color:#e41a38; font-size:18px;vertical-align:middle; } .detail_carlist li .btn { padding:7px 0 0 0; } .pass_pop { border:1px solid #2b2d3e; position:absolute; left:50%; top:350px; width:280px; background:#fff; display:none; } .pass_pop dd input[type=password] { border:1px solid #abadb3; vertical-align:middle; line-height:1.4; } .detail_pop { border:1px solid #2b2d3e; position:absolute; left:729px; top:290px; width:280px; background:#fff; display:none; } .detail_pop dt, .pass_pop dt { padding: 10px 0 10px 22px; background:#2b2d3e; margin:0;color:#fff;font-size:14px;} .detail_pop dt .close, .pass_pop dt .close { position:absolute; left:250px; } .detail_pop dd, .pass_pop dd { padding:15px; color:#4e4e4e; } .detail_pop dd input[type=text], .detail_pop dd textarea { border:1px solid #abadb3; vertical-align:middle; line-height:1.4; } .detail_pop dd .btn, .pass_pop dd .btn { text-align:center; padding:10px 0 0 0; } .detail_pop input[type=text], .detail_pop input, .detail_pop input[type=password], .detail_pop select, .detail_pop textarea {font-size:14px;background:#f7f7f7;} .detail_pop2 { border:1px solid #2b2d3e; position:absolute; left:0; top:290px; width:1015px; background:#fff; height:305px; display:none; z-index:200;} .detail_pop2 dt { padding: 10px 0 10px 22px; background:#2b2d3e; margin:0;color:#fff;font-size:14px;} .detail_pop2 dt .close { position:absolute; left:985px; } .detail_pop2 dd .map { float:left;/*position:absolute;*/background:#f8f8f8 } .detail_pop2 dd { padding:20px 0 30px 25px; color:#4e4e4e;overflow:hidden;} .detail_pop2 dd dl { /*position:absolute; left:625px;*/float:left;padding-left:30px;width:370px; } .detail_pop2 dd dt { padding:0 0 10px 0 !important; background:none; } .detail_pop2 dd dd { padding:0 0 15px; } .detail_pop2 dd dd ul li { display:block; padding:1px 0 0 20px; color:#4e4e4e; background:url(/images/sub/icon_history.gif) no-repeat 5px 8px; } .detail_pop2 dd dd ul li span { display:inline-block; width:70px; color:#b9b9b9; font-size:11px; font-weight:600; letter-spacing:-1px; } .carmanager { height:100px; border:1px solid #1d1d1d; margin:0 0 35px 0; } .carmanager li { float:left; width:88px; } .carmanager li img { filter:gray()alpha(opacity=40); } .carmanager li:hover img, .carmanager li.on img { filter:alpha(opacity=100); } .carmanager li span { display:none; } .carmanager li:hover span, .carmanager li.on span { width:88px; height:114px; padding:0; display:block; position:absolute; background:url(/images/sub/dealeron_bg.gif) no-repeat; cursor:pointer; } .comment_box { border:1px solid #111111; background:#fafafa; color:#9e9e9e; padding:20px 0 20px 25px; margin:0 0 20px 0; height:90px; } .comment_box textarea { border:1px solid #111b5f; padding:10px; width:535px; height:38px; vertical-align:middle; margin:0 !important; } .comment_box input[type=image] { margin:0 !important; padding:0 !important; } .comment_box span { padding:0 0 6px 0; line-height:2; } .comment_box dt { float:left; width:84px; } .comment_box dd { float:left; padding:0 0 0 12px; width:660px; } .comment_box strong { color:#2a2a2a; font-weight:600; } .word_list { display:inline-block; border-top:1px solid #cccaca; padding:25px 0 0 0; } .word_list li { float:left; padding:0 0 20px 0; color:#606060; border:1px solid #dedede; margin:0 18px 20px 0; width:140px; height:150px; } .word_list li span { display:block; padding:6px 10px 0 10px; } .word_list li:hover { background:#4a4ed6; color:#fff; cursor:pointer; border:1px solid #4a4ed6; } .word_viewlist_wrap { float:left; width:180px; margin:0 18px 0 0; padding:0 0 10px 0; border:1px solid #ccc; } .word_viewlist_wrap .title { background:#6074e9; font-size:24px; font-weight:600; color:#fff; padding:10px 0 4px 10px; } .word_viewlist { font-size:0; display:inline-block; display:-moz-inline-box; border-top:2px solid #111111; width:100%; } .word_viewlist li { padding:0 10px 0 0; color:#606060; border-bottom:1px solid #efefef; margin:0; color:#999; cursor:pointer; } .word_viewlist li .news_img { float:left; border:0px solid #fff; margin:0 10px 0 0; padding:0; filter:gray()alpha(opacity=70); } .word_viewlist li:hover .news_img, .word_viewlist li.on .news_img { filter:alpha(opacity=100); } .word_viewlist li .right { margin:0; line-height:1; padding:10px 0 0 0; font-size:11px; font-family:dotum; } .word_viewlist li.on, .word_viewlist li:hover { background:#f7f7f7; color:#999999 !important; } .word_viewlist li.on a { color:#5067fe !important; } .word_viewlist li .right span { letter-spacing:-1px; margin:0; font-size:12px; font-weight:600; line-height:1.2; } .word_viewcont_wrap { float:left; width:599px; border-left:1px solid #eeeeee; } .word_viewcont { padding:40px 0 0 40px; } .word_viewcont .title { font-size:24px; font-weight:600; color:#6074e9; padding:0 0 10px 0; } .word_viewcont .view { color:#999; font-size:11px; font-family:dotum; text-align:right; padding:0 7px 15px 0; } .guide_wrap { float:left; width:184px; margin:0 15px 0 0; padding:0 0 10px 0; } .guide_wrap ul { margin:0 0 30px 0; } .guide_wrap li { padding:0 0 7px 0; margin:0; } .guide_contwrap { float:left; width:550px; border-left:1px solid #eeeeee; padding:18px 0 0 49px; } .t_guide { margin:20px auto; } .t_guide thead th { background:#b6b8bc; color:#fff; text-align:center; border-left:1px #d9dbdc solid;line-height:30px;} .t_guide tbody th { background:#fcfcfc; border-bottom:1px #eaeaea solid; margin:0; color:#222222; width:65px; text-align:center; border-right:0; vertical-align:middle; } .t_guide td { border-bottom:1px #eaeaea solid !important; margin:0; text-align:left; padding:10px 0 8px 10px; border-left:1px #eaeaea solid; vertical-align:top; letter-spacing:-1px; } .t_guide td.center { text-align:center; padding:10px 0 8px 10px; letter-spacing:0; } .t_guide.map {width:100%;} .t_guide.map tbody th {width:180px;line-height:30px;font-size:14px;} .t_guide.map td {padding:12px 0;font-size:16px;} .pop_bg { /*border:1px solid #333;*/ background:#fff; } .pop_title { padding: 10px 0 10px 22px; background:#999; color:#fff; margin:0;color:#fff;font-size:16px;font-weight:600;} .pop_title .close { position:absolute; right:20px; } .pop_title .right_btn { position:absolute; right:50px; top:8px; } .pop_cont { margin:0; padding:0; background:url(/images/sub/pop_bg_right.gif) repeat-y right 0; padding:20px 30px 20px 30px; } .pop_cont input[type=text] { max-width:76%;border:2px solid #333; vertical-align:top; } .pop_cont .small { color:#777777; font-size:11px; font-family:돋움, 굴림; } .pop_bottom { margin:0; padding:0; background:url(/images/sub/pop_bottom_right.gif) no-repeat right 0; } .pop_bottom div { background:url(/images/sub/pop_bottom_left.gif) no-repeat left 0; height:30px; padding:20px 0 10px 0; text-align:center; } .pop_tab {overflow:hidden;height:58px;background:url(/images/sub/bg_tab.gif) left top repeat-x;} .pop_tab li {float:left;width:150px;} .pop_tab li a {display:block;width:150px;height:58px;} .pop_tab li a span {visibility:hidden;} .pop_tab li a.tab1 {background:url(/images/sub/tabMenu.gif) left top no-repeat;} .pop_tab li a.tab2 {background:url(/images/sub/tabMenu.gif) -150px top no-repeat;} .pop_tab li a.tab3 {background:url(/images/sub/tabMenu.gif) -300px top no-repeat;} .pop_tab li a.tab1:hover, .pop_tab li.on a.tab1 {background:url(/images/sub/tabMenu.gif) left -58px no-repeat;} .pop_tab li a.tab2:hover, .pop_tab li.on a.tab2 {background:url(/images/sub/tabMenu.gif) -150px -58px no-repeat;} .pop_tab li a.tab3:hover, .pop_tab li.on a.tab3 {background:url(/images/sub/tabMenu.gif) -300px -58px no-repeat;} .pop_cont #detail_box { padding:20px 0 0 0 !important; border-bottom:2px solid #333333; } .pop_cont #detail_box .left { width:405px !important; } .pop_cont #detail_box .right { margin:-10px 0 0 0; left:463px !important; } .pop_cont #detail_box .rightoption { width:475px; background:#f9f9f9; border-top:2px solid #666666; border-bottom:1px solid #e3e3e3; padding:16px 0 15px 25px; margin:0 0 10px 0; } .pop_cont #detail_box .rightoption li { float:left; display:block; padding:1px 20px 0 0; color:#000000; width:190px; } .pop_cont #detail_box .rightoption li.liright { float:left; padding:1px 0 0 25px; border-left:1px solid #e5e4e4; } .pop_cont #detail_box .right th { padding:10px 0 10px 20px !important; } .pop_cont #detail_box .right td { padding:10px 0 10px 15px !important; } .pop_cont #detail_map dl { left:615px !important; } .pop_cont #detail_map dd ul li span { width:90px !important; } .pop_subtitle { padding:30px 0 10px 5px; margin:0; border-bottom:1px solid #333333; } .pop_subtitle2 { padding:15px 0 10px 0; margin:0; border-bottom:1px solid #333333; } .pop_compare { border-top:1px solid #333; border-bottom:1px solid #333; width:800px; margin:0 0 30px 0; } .pop_compare th { background:#f5f5f5; padding:165px 0 0 10px; width:90px; font-weight:300; } .pop_compare th td { padding:5px 0 6px 0 !important; color:#666666; } .pop_compare td { padding:20px; vertical-align:top; } .pop_compare td table { border:0; } .pop_compare td table th { padding:0 0 15px 0 !important; text-align:center; width:130px !important; height:150px; background:none !important; border-bottom:1px solid #e3e3e3; vertical-align:top; } .pop_compare td table th a {display:inline-block;width:100%;border:0px solid #ccc;line-height:25px;letter-spacing:-1px;font-size:12px;} .pop_compare td table th .photo { border:1px solid #eeeeee; } .pop_compare td table th div { padding:4px 0 4px 0; } .pop_compare td table td { border-bottom:1px solid #e3e3e3; padding:5px 0 5px 10px !important; } .pop_ex { color:#999999; padding:20px 0 20px 0; } .option_wrap { padding:10px 0 20px 0; } .option_wrap .title { font-size:24px; font-weight:600; color:#6074e9; padding:0 0 5px 0; border-bottom:2px solid #333333; margin:0 0 25px 0; } .option_wrap .photo { float:left; padding:0 25px 15px 0; } .option_wrap .btn { padding:10px 0 0 0; text-align:center; } .option_wrap .view { overflow:auto; width:480px; height:200px; padding:0 20px 0 0; } #mail_box { padding:10px 0 10px 0; border-bottom:1px solid #333333; } #mail_box .left { float:left; width:235px; padding:10px 0 0 0; margin:0; } #mail_box .left table { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; margin:7px 0 20px 0; } #mail_box .left table th { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; background:#f9f9f9; padding:10px 0 10px 10px; width:50px; } #mail_box .left table td { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; padding:14px 0 10px 15px; } #mail_box .right { float:left; padding:0 0 0 30px; width:300px; } #mail_box .right .detailtitle { padding:10px 0 10px 0; margin:0; color:#111b5f; font-size:18px; font-weight:600; letter-spacing:-1px; line-height:1.3; } #mail_box .right .rightoption { background:#f9f9f9; border-top:2px solid #666666; border-bottom:1px solid #e3e3e3; padding:16px 0 15px 25px; margin:0 0 15px 0; } #mail_box dt { padding:25px 0 10px 0; } #mail_box dd ul li { display:block; padding:1px 0 0 0; color:#4e4e4e; } #mail_box dd ul li span { display:inline-block; width:70px; color:#b9b9b9; font-size:11px; font-weight:600; letter-spacing:-1px; vertical-align:top; } #mail_box dd ul li span.option { width:225px !important; color:#4e4e4e; font-weight:300; font-size:12px; } .t_sum { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; margin:7px 0 20px 0; width:100%; } .t_sum th { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; background:#f9f9f9; padding:10px 20px 10px 0; width:150px; text-align:right; } .t_sum td { border-bottom:1px solid #e0e0e0; border-left:1px solid #cdcdcd; padding:14px 20px 10px 0; text-align:right; } .sitemap { float:left; margin:0 20px 50px 0; width:230px; } .sitemap dt { font-size:20px;border-top:2px solid #333; border-bottom:1px solid #8f8f8f; padding:20px 0 15px 0; text-align:center; } .sitemap dd { padding:15px 0 0 15px; } .sitemap dd li { background:url(/images/sub/icon_history.gif) no-repeat 0 5px; padding:0 0 0 15px; } .sitemap dd a { text-decoration:none; line-height:1.8; } .sitemap dd a:hover { font-weight:600; letter-spacing:-1px; } .list_banner { background:url(/images/sub/list_banner_bg.jpg) no-repeat; height:84px; text-align:left; color:#646464; font-size:11px; letter-spacing:-1px; } .list_banner .ex { position:absolute; right:40px; width:240px; padding:20px 0 0 0; line-height:1.4; } .list_banner .photo { position:absolute; right:485px; } .list_banner .info { position:absolute; padding:18px 0 0 65px; color:#fff; font-size:19px; font-family:Verdana, dotum; font-weight:600; line-height:1.1; } .list_banner .info span { display:block; font-size:12px; color:#d6e3ff; } .list_banner .info .btn { padding:1px 0 0 0; } #event_list { font-size:0; display:inline-block; display:-moz-inline-box; border-top:2px solid #2b2b2b; } #event_list li { padding:20px 10px 20px 10px; color:#606060; border-bottom:1px solid #efefef; margin:0; } #event_list li .event_img { float:left; border:1px solid #e4e4e4; margin:0 25px 0 0; padding:0; } #event_list li ul { margin:0; line-height:1; padding:0; font-family:Verdana, dotum; } #event_list li li { padding:3px 0px 3px 0; letter-spacing:-1px; margin:0; border-bottom:0px solid; margin:0; font-size:12px; line-height:1.6; } #event_list li li.cont { padding:0 0 4px 0; color:#999; } #event_list li li.title { padding:14px 0 10px 0; margin:0; color:#444444; font-weight:600; font-size:18px; line-height:1.3; } #slides { display:block !important; padding:22px 0 0 22px; overflow:hidden; width:778px; height:375px; background:url(/images/sub/event_bg.jpg) no-repeat; } #slides .slides_container { overflow:hidden; height:335px; display:block !important; width:756px; } .pagination { position:absolute; left:580px; top:435px; margin:0; width:70px; display:block; z-index:1200; } .pagination li { float:left; margin:0 3px; list-style:none; } .pagination li a { width:20px; height:20px; padding-top:0; background:url(/images/sub/event_page.png) -20px 0 no-repeat; float:left; overflow:hidden; margin:0; text-align:center; font-size:0; } .pagination li.current a { background-position:0 -20px; background:url(/images/sub/event_page.png) no-repeat; text-align:center; font-size:0; } #slides a { color:#fff; font-weight:600; font-family:Dotum, Gulim; letter-spacing:-1px; } .btnSet {text-align:center;padding:20px;} /* 차량뷰 수정 */ /* 중고차시세 */ .topsearch_box {border:1px solid #1d1d1d;padding:20px;background:#f5f5f5;} .topsearch_box select {border:1px solid #CCC;padding:3px;} .t_usedprice {table-layout:unset;border-collapse:collapse;} .t_usedprice thead th {padding:5px;border:1px solid #dfdfdf;background:#eee;} .t_usedprice tbody th {padding:5px;border:1px solid #dfdfdf;background:#f6f6f6;} .t_usedprice td {padding:5px;border:1px solid #dfdfdf;text-align:center;font-size:14px;} .carClass {font-weight:600;} /* 매매가이드 검색 */ .searchBox {padding:10px 0px;} .searchBox.bg {text-align:center; background:#f0f2f2; padding:30px 0;} .searchBox span {display:inline-block;padding:0px 10px 0px 20px;font-weight:600;font-size:15px;} .searchBox select {width:150px; background-size: 30px auto;} .searchBox select, .searchBox button, .searchBox input, .searchBox a {height:35px;line-height:35px;font-size:16px;vertical-align:middle;} .guideInfo {position:relative;padding:15px 0px 25px 25px;font-size:13px;background:url(/images/sub/icon_guideInfo.gif) left 18px no-repeat;} .guideInfo strong {color:#666; text-decoration:underline;} .guideInfo .sel {position:absolute;right:0px;top:10px;} .inforBox {margin:10px 0px;border:1px solid #CCC;padding:10px;text-align:center;background:#f6f6f6;} .searchBox input, .searchBox select {margin-bottom:0;} .guide_list {font-size:0; padding:80px 80px 420px;} .guide_list li {display:inline-block; width:18%; box-sizing:border-box; margin:0 1%; text-align:center;} .guide_list li a {display:block;width:160px;height:160px;background-image:url(/images/inc/arrow_more.png);background-position:center 115px;background-repeat:no-repeat;background-color:#fff; background-size:30px auto; border-radius:160px; padding:33px 0 0; font-size:20px;font-weight:600;letter-spacing:-2px;color:#000;box-sizing:border-box;} .guide_list li span {display:block; font-size:14px;line-height:30px;color:#888;} .guide_list li:hover a {background-color:#000;background-image:url(/images/inc/arrow_more_on.png);color:#fff;} .guide_list li:hover a span {color:inherit;} .guide_list.type1 {padding:400px 80px 80px;background:url(/images/sub/guide_img1.png) no-repeat;background-size:cover;} .guide_list.type2 {background:url(/images/sub/guide_img2.png) no-repeat;background-size:cover;} /* 검색 */ .car_searchoption .condition .select_btn { position:relative; z-index:1;} .car_searchoption .condition .select_btn:hover {z-index:10;} .car_searchoption .condition .select_btn .btn { display:inline-block;border:1px solid #ccc;background:#fff;width:80px;text-align:center;font-size:13px;color:#111;line-height:30px;} .car_searchoption .condition .select_btn .select_layer {display:none;} .car_searchoption .condition .select_btn:hover .select_layer {display:block;position:absolute;left:0;top:0;width:700px;background:#fff;border:1px solid #e41a38;padding:10px 15px;} .car_searchoption .condition .select_btn .select_layer label { display:inline-block;width:23%;padding:0 !important;font-size:14px;line-height:20px; letter-spacing:0;} .btn_search {padding-left:40px;background:url('/images/icon_btn_search.png') no-repeat 15px center #e41a38;vertical-align:middle;} .company_work h3 {font-size:17px;} .company_work h3.first {padding-top:6px;} .company_work p, .company_work li {font-size:14px;} .company_work li {padding-left:20px;} /* 상품용차량 검색 */ .searchList{width:800px; overflow:hidden;margin-top:10px; border:solid 1px #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; } .searchList .slCont {clear:both;} .searchList .w6{width:6%;} .searchList .w8{width:auto;} .searchList .w10{width:11%;} .searchList .w15{width:15%;} .searchList .w16{width:16%;} .searchList .w17{width:17%;} .searchList .w18{width:18%;} .searchList .w19{width:28%;} .searchList .w20{width:31%;} .searchList .w21{width:21%;} .searchList .slTit{ background:#eee;height:40px; border-bottom:solid 1px #ddd;} .searchList span{display:block;float:left;text-align:center; width:16%; padding:10px;font-size:14px;} .searchList .slCont span{ height:40px;border-right:solid 1px #ddd;} .PS{display:block;clear:both; padding:10px 0 0 0;} .PS span{color:#c70125; font-weight:600;} /* 트럭 종류 */ .main_search {clear:both;position:relative;padding:0;background:#ffcb00;z-index:34;} .main_search .searchArea > ul > li {display:inline-block; } .main_search .searchArea .class {font-size:0; padding:5px 0 0; display:flex;} .main_search .searchArea .class li{ box-sizing:border-box; text-align:center; width:20%;text-align:center;} .main_search .searchArea .class li.on {background-color:#fff;} .main_search .searchArea .class li em {display:inline-block;width:132px;height:62px;background-repeat:no-repeat;background-image:url(/images/main/makerSearch2.png);background-position:center 0;background-size:99px auto;} .main_search .searchArea .class li.c1 em {background-position:center 0;} .main_search .searchArea .class li.c2 em {background-position:center -72px;} .main_search .searchArea .class li.c3 em {background-position:center -149px;} .main_search .searchArea .class li.c4 em {background-position:center -222px;} .main_search .searchArea .class li.c5 em {background-position:center -298px;} .main_search .searchArea .class li a {display:block;padding:20px 0;font-size:25pt;font-family: 'Black Han Sans';} .main_search .searchArea .class li a span {display:block;}