/* CSS Document */ @font-face { font-family: 'notokr'; src: url('../css/font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../css/font/notokr-regular.woff') format('woff'), url('../css/font/notokr-regular.ttf') format('truetype'), url('../css/font/notokr-regular.svg#notokr-regular') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: 'notokr'; src: url('../css/font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../css/font/notokr-bold.woff') format('woff'), url('../css/font/notokr-bold.ttf') format('truetype'), url('../css/font/notokr-bold.svg#notokr-bold') format('svg'); font-style: normal; font-weight: bold; } /* ========================================================================================================= Reset ========================================================================================================= */ html {width:100%;height:100%;padding:0;margin:0;} body {width:100%;height:100%;padding:0;margin:0;overflow:hidden;} body {min-width:1240px;overflow:auto;} body.pop {min-width:auto;} .include body {overflow:auto;} html.iframe, .iframe body {min-width:auto;overflow:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} img {border:0 none;vertical-align:middle;} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} h1,h2,h3,h4,h5,h6 {font-weight:normal;*font-weight:normal;} a {color:#000;text-decoration:none} a:active {text-decoration:none} a:hover {text-decoration:underline;} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} caption {display:none;} table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;} *+html table {border-collapse:collapse;} div, input, form, legend, textarea, select, label, dl, dd, dt, li, span, p, th, td, h1, h2, h3, h4, h5, h6, b, strong {font-size:14px;letter-spacing:-.5px;font-family:'notokr';/*font-family:'맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif;*/} /* ========================================================================================================= form ========================================================================================================= */ input,select,textarea,button {display:inline-block;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;} button {outline:0;vertical-align:middle;border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;font-family:'notokr';*font-family:'notokr';} input[type=text], input[type=number], input[type=password], input[type=mail], input[type=address] {width:100%;height:30px;padding:0 7px;border-color:#b9bfc4;border-width:1px;border-style:solid;border-radius:0;background-color:#fff;color:#000;line-height:22px;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;} input[type=file] {height:24px;padding:0;border:1px solid #aaa;border-radius:0;background:#fff;color:#111;font-size:12px;font-weight:500;line-height:22px;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} input.date {width:100px;background-image:url(../images/icon_cal.png);background-repeat:no-repeat;background-position:right center;} .input_item {position:relative;border:1px solid #cacaca;border-radius:5px;padding:14px 5px;} .input_item input {background-color:transparent;border:0;font-size:16px;font-family:'notokr';} .input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:2px;padding:0 5px;margin-top:-13px;font-size:16px;color:#a9a9a9;z-index:-1;font-family:'notokr';-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;} .input_item label.filled, .input_item input:focus + label {top:0 !important;background:#fff;font-size:12px !important;z-index:1 !important;} .checkbox, .radiobox {position: relative; display: inline-block; } .checkbox input[type=checkbox], .radiobox input[type=radio], .price_choice input[type=checkbox], .price_choice input[type=radio] {right: 0;top: 0;left: 0;bottom: 0;} input + label input {display:none;margin-left:5px;} input:checked + label input {display:inline-block;} input[type=checkbox], input[type=radio] {position:absolute;width: 100%;opacity:0;-webkit-opacity:0;-moz-opacity:0;z-index:0;cursor:pointer;} input[type=checkbox] + label {display: inline-block;padding: 0 10px 0 20px;min-height: 20px;background-image: url('../images/icon_check.png');background-position: 0 2px;background-repeat: no-repeat;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0);letter-spacing: -1px;color: #222;font-size: 14px;line-height: 20px; } input[type=checkbox]:checked + label {background-position:0 -49px;color:#111;} input[type=radio] + label {display: inline-block;padding: 0 10px 0 25px;min-height: 20px;background-image: url('../images/icon_radio.png');background-position: 0 2px;background-repeat: no-repeat; box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0);letter-spacing: -1px;color: #222;font-size: 14px;line-height: 20px; } input[type=radio]:checked + label {background-position:0 -49px;color:#111;} @media \0screen { input[type=checkbox], input[type=radio] {margin-top:10px;} input[type=radio] + label {background:none !important;} input[type=checkbox] + label {background:none !important;} } input[type=checkbox][readonly] + label, input[type=radio][readonly] + label {background-position:0 -46px !important;color:#111;opacity:1 !important;} input[type=checkbox]:checked[readonly] + label, input[type=radio]:checked[readonly] + label {background-position:0 4px !important;color:#111;} input.must, select.must, textarea.must {background-color:#fce9e9 !important;} input.action, select.action, textarea.action {background-image:url(../images/input_action.png) !important;background-repeat:no-repeat;} input.white, select.white, textarea.white {background-color:#fff;} input.price {text-align:right;color:#dd042b !important;font-weight:bold;} th.color, td.color {color:#0084e9;} th.must_color {color:#0084e9;} textarea {width:100%;resize:none;padding:1px 3px;border:1px solid #b9bfc4;border-radius:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#111;font-size:14px;line-height:14px ;-webkit-appearance:none;-moz-appearance:none;appearance:none;} select::-ms-expand{display:none;} select {width:100%;height:30px;padding:0 35px 0 7px;border-color:#b9bfc4;border-width:1px;border-style:solid;border-radius:0;background-image:url(../images/icon_select.png);background-repeat:no-repeat;background-position:right center;background-color:#fff;color:#000;font-size:14px;line-height:30px;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} select:focus, input[type=text]:focus, input[type=password]:focus {border:1px solid #000;} label {display:inline-block;font-size:12px;line-height:30px; cursor:pointer;vertical-align:middle;} input:-ms-input-placeholder {color:#a9a9a9;} input::-webkit-input-placeholder {color:#a9a9a9;} input::-moz-placeholder {color:#a9a9a9;} textarea:-ms-input-placeholder {color:#a9a9a9;} textarea::-webkit-input-placeholder {color:#a9a9a9;} textarea::-moz-placeholder {color:#a9a9a9;} input:read-only, textarea:read-only {background-color:#f7f7f7;border-color: #f7f7f7 !important;} input[readonly=readonly], textarea[readonly=readonly] {background:#f7f7f7;} .select_item.readonly {background:#f7f7f7;border-color:#eee;} .select_item.readonly label {background:url(../images/icon_select_readonly.png) no-repeat right center;} select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .disable-styled {opacity:.3;} input:-webkit-autofill { -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;} @media \0screen { input[type=checkbox], input[type=radio] {margin-top:10px;} input[type=radio] + label {background:none !important;} input[type=checkbox] + label {background:none !important;} } fieldset {position:relative;padding:0;border:0;} /* 스크롤바 */ ::-webkit-scrollbar { width: 14px;height:14px;} ::-webkit-scrollbar-track { background-color: #ebebeb; } ::-webkit-scrollbar-thumb { background:#aaa; } ::-webkit-scrollbar-button { display: none; } /* ========================================================================================================= 레이아웃(공통) ========================================================================================================= */ .wrap {position:relative;width:100%;height:100%;min-width:1024px;min-height:300px;font-size:0;overflow:hidden;overflow-x:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .wrap.pop {min-width:auto;/*height:auto;*/background-color:transparent;transform:translateY(-2px);} .content {position:absolute;left:200px;top:65px;min-width:1040px;font-size:0;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100;/*-webkit-transition:left .3s ease;-ms-transition:left .3s ease;transition:left .3s ease;*/} .cont_wrap {padding:30px;display:inline-block;width:100%;box-sizing:border-box;} .wrap.pop .cont_wrap {padding:0 20px 20px;background-color:transparent;overflow:hidden;} .cont_wrap.max_width {/*max-width:1200px;*/} @media screen and (max-width: 1240px) { .content {overflow:auto !important;} } h1 {float:left;display:inline-block;height:65px;padding-left:200px;font-family:'notokr';letter-spacing:-2px;font-weight:bold;font-size:22px;line-height:65px;color:#5c5c5c;cursor:pointer;} h1 span {position:absolute;left:0;top:0;height:66px;width:200px;background:url(../images/logo_b.png) no-repeat 25px 18px #fff;/*#0a1034*/font-size:0;text-indent:-9999;transition:0.4s; -webkit-transition:0.4s;} h3 {font-size:16px;color:#000;letter-spacing:-1px;font-family:'notokr';font-weight:normal;;line-height:28px;} h3.first {padding-top:0 !important;} .t_header.first {padding-top:0 !important;} .main .t_header.first {padding-bottom:10px;} h3.h3 {padding-left:0;padding-top:30px;background:none;fnt-size:14px;} /*.pop h3 {font-size:16px;font-weight:bold;} .pop .t_header {height:22px;padding-top:10px;}*/ .txt_red {color:#ff1a43 !important;} .txt_lightblue {color:#14d597 !important;} .txt_blue {color:#0084e9 !important;} .txt_orange {color:#ef7b0b !important;} .txt_black {color:#2222 !important;} .txt_wait {font-weight:bold;color:#0060ff;} .txt_out {font-weight:bold;color:#ff003e;} .txt_end {font-weight:bold;color:#111;} .txt_outwait {font-weight:bold;color:#31bf00;} .t_right {text-align:right !important;} .t_left {text-align:left !important;} .f_right {float:right !important;} .f_left {float:left !important;} .fuc_flexWidth {width:20%;} .input100pc {width:100%;} .fc_red {color:#ed1c35; } .fc_blue {color:#2c2c87; } .fc_black {color:#000; } .bg_red { background:#d62d22; } .bg_blue {background:#262666; } .al_left {text-align:left;} .al_right {text-align:right;} .fl_left {float:left !important; } .fl_right {float:right !important; } .wid_30 {width:29.5%;} .wid_40 {width:39.5%;} .wid_45 {width:45.5%;} .wid_50 {width:49.5%;} .wid_55 {width:53.5%;} .wid_60 {width:59.5%;} .top105 {height:125px;} .top50 {height:50px;} .font14 {font-size:14px;} .paddT0 {padding-top:0 !important;} .paddL10 {padding-left:10px !important;} .hide {display:none;} .hangul { ime-mode:active; } .english { ime-mode:inactive; } .onlyenglish { ime-mode:disabled; } .uppercase { text-transform:uppercase; } .lowercase { text-transform:lowercase; } .loading {position:fixed;left:0;right:0;top:0;bottom:0;background:url(../images/loading.gif) no-repeat center 40% rgba(255,255,255,.4);background-size:auto 80px;} .icon {display:inline-block;width:27px;height:27px;vertical-align:middle;margin-left:-5px;margin-top:-3px;background-repeat:no-repeat;background-position:center center;vertical-align:middle;} .icon.icon_write {background-image:url(../images/icon_btn_write.png);} .icon.icon_print {background-image:url(../images/icon_btn_print.png);} .icon.icon_excel {background-image:url(../images/icon_btn_excel.png);} .icon.icon_del {background-image:url(../images/icon_btn_del.png);} .icon.icon_search {width:24px;height:24px;background-image:url(../images/icon_btn_search.png);} .icon_replay {display:inline-block;width:25px;height:15px;background:url(../images/icon_reply.png) no-repeat center center;font-size:0;} .icon_answer {display:inline-block;width:23px;height:23px;background:url(../images/icon_answer.png) no-repeat center center;font-size:0;vertical-align:middle;margin-right:10px;} .icon_notice {display:inline-block;width:45px;height:15px;padding-left:32px;border-radius:5px;background-position:10px center;background-repeat:no-repeat;line-height:17px;font-weight:bold;} .notice {background-image:url('../images/icon_notice.png');color:#0074f6;} .paper {background-image:url('../images/icon_paper.png');} .calc_height .t_header .btn_big {background-color:#1d1d1b;border-color:#1d1d1b;} .calc_height .t_header .btn.red, .calc_height .t_header .btn_big.red {border-color:#dd042b;background:#dd042b;} .calc_height .t_header .btn_big.disable {background-color:#777 !important;color:#fff !important;} .link {text-decoration:underline;color:#dd042b;} .link.salesList {color:#000;} a.file:hover {text-decoration:underline !important;} .data_empty {position:relative !important;width:100% !important;min-height:300px !important;height:100% !important;padding:0 !important;margin:0 !important;background:#f9f9f9 !important;line-height:100% !important;font-size:14px;color:#999;text-align:center !important;} .data_empty span {position:absolute;left:0;width:100%;top:48%;} /* ========================================================================================================= 로그인 ========================================================================================================= */ /*body.login {background:url(../images/login_bg.png) no-repeat center bottom #fff;background-size:100% auto;} .login_wrap {position:absolute; top:50%; left:50%; width:300px;height:586px;margin:-293px 0 0 -150px;z-index:10;} .login_wrap h1 {width:100%;height:90px;padding:80px 0 0;background:url(../images/login_logo.png) no-repeat center 0;font-family:'notokr';letter-spacing:-3px;font-size:38px;color:#9d9d9d;text-align:center;font-weight:normal;} .login_wrap h1.pass {height:60px;background:none;font-size:28px;} .login_box {width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .login_box .input_item {clear:both;margin-top:25px;border-width:0 0 1px 0;border-radius:0;border-color:#222;} .login_box .input_item input, .login_box label {font-family:'notokr';} .login_box .input_item input {border:0 !important;font-weight:bold;line-height:35px;height:35px;} .login_box input[type=checkbox] + label {font-size:13px;color:#1d1d1d;background-image:url('../images/icon_check2.png');} .login_box .icon {background-repeat:no-repeat;background-position:right center;} .login_box .auto {margin-top:17px;text-align:center;} .login_box a {line-height:26px;font-family:'notokr';font-size:14px;} .login_box .btn_box {clear:both;padding-top:40px;text-align:center;} .login_box .btn_box button {width:80%;height:55px;border-radius:100px;background:#14d597;line-height:53px;font-size:18px;color:#fff;} .login_box .btn_box.col2 button {width:49%;background-color:#999;border-color:#999;}*/ .input_cont {position:relative;padding:0 0 7px 0;} .input_cont input {outline:none;z-index:1;position:relative;background:none;width:100%;color:#333;} .input_cont label {position:absolute;top:6px;left:0;width:100%;background:#fff;color:#888;font-size:14px;font-weight:300;line-height:25px;text-indent:10px;} .input_cont input:valid, .input-cont input:focus {background:#fff;} .input_cont input:valid ~ label {display:none;} .input_cont input:focus ~ label {display:none;} .input_cont input:focus {color:#222;font-weight:500;border:1px solid #333;} .input_cont input:read-only ~ label {color:#999;} .input_cont input:disabled ~ label {color:#999;} .login_bg {height:100%;background:url('../images/login_bg.jpg') no-repeat center center;background-size:cover;} .login_box {position:relative;top:30%;width:470px;margin:0 auto;background:#eaeff2;} .login_box h1 {float:none;display:block;height:60px;padding:65px 0 17px;background:url('../images/login_title.png') no-repeat center 48% #fff;background-size:auto 50px;text-align:center;color: #777;font-size: 18px;letter-spacing:-1px;} .login_box .login_cont {padding:30px 65px 40px 75px;} .login_box .login_area {font-size:16px;} .login_box .login_area .sel {padding:5px 0 0 0;} .login_box .login_area .sel label {display:inline-block;} .login_box .input_cont input {height:38px;background:#fff;font-size:16px;line-height:38px;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;} .login_box .input_cont input:focus {background:#fff;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;} .login_box .input_cont label {top:1px;font-size:16px;line-height:37px;} .login_box .write_box {float:left;width:220px;padding-right:10px;} .login_box .btn_login {float:left;width:87px;height:83px;background:#3FCDFF;color:#fff;font-size:16px;text-align:center;} .login_box .login_area:after {content:'';clear:both;display:block;font-size:0;line-height:0;width:100%;height:0;} .login_box .join_link_box {clear:both;position:relative;padding:22px 0 0;border-top:1px solid #d8d8d8;font-size:14px;line-height:16px;text-align:center;color:#ccc;} .login_box .join_link_box a {padding:0 5px;} .login_box .join_link_box a.join {color:#ff6d1c;font-weight:500;} .login_box .copy {padding:0 0 50px 0;font-size:11px;line-height:14px;color:#999;text-align:center;} .login_box .txt {display:none;padding:3px 0;color:#999;} .login_box .txt.error {display:block;color:#ff0000;} /* ========================================================================================================= 헤더 ========================================================================================================= */ .header {position:relative;display:inline-block;width:100%;background:#fff;box-shadow: 5px 5px 10px rgba(0,0,0,.05);filter: drop-shadow(5px 5px 10px rgba(0,0,0,.05));z-index:200;} .header .navi {display:none;font-family:'notokr';letter-spacing:-1px;font-size:16px;line-height:65px;color:#777;} .header .header_info {position:absolute;right:0;top:0;text-decoration:none !important;letter-spacing:-1px;line-height:65px;} .header .header_info .info {float:left;padding-right:10px;color:#777;font-size:13px;} .header .header_info .name {float:left;display:inline-block;width:55px;height:55px;margin:0;border-style:solid;font-size:0;line-height:0;color:#fff;background:url('../images/icon_myinfo.png') no-repeat center center;text-decoration:none !important;overflow:hidden;} .header .header_info .name.on {/*background-color:#430c1f;*/} .header .header_info .btn_logout {float:left;display:inline-block;width:65px;height:65px;font-size:0;line-height:0;color:#fff;background:url('../images/icon_logout.png') no-repeat center center;text-decoration:none !important;overflow:hidden;} .header .header_info .btn_sitego {float:left;display:inline-block;width:150px;height:40px;margin-top:12px;border-radius:50px;border:1px solid #ccc;font-size:14px;text-align:center;line-height:0;color:#111;font-weight:bold;letter-spacing:-1px;text-decoration:none !important;overflow:hidden;} .header .header_info .btn_close {display:inline-block;width:50px;padding-left:10px;color:#fff;font-size:12px;background-image:url('../images/icon_close.png');background-repeat:no-repeat;background-position:center 3px;text-decoration:none !important;line-height:25px;overflow:hidden;vertical-align:middle;} .header .info_layer {display:none;position:absolute;right:50px;top:65px;width:195px;padding:20px;background:#fff;border:1px solid #888;0;box-shadow:3px 3px 10px rgba(0,0,0,.1);text-align:center;z-index:10;} .header .info_layer.on {display:block;} .header .info_layer .photo {width:40px;height:40px;margin:0 auto;border-radius:50%;background-color:#dbdbdb;background-repeat:no-repeat;background-position:center center;background-image:url(../images/myphoto_noimg.png);overflow:hidden;} .header .info_layer .myname {padding:10px 0 15px;border-bottom:1px solid #ebebeb;font-size:16px;line-height:20px;} .header .info_layer .log {line-height:34px;color:#999;font-size:11px;} .header .info_layer button {width:100%;margin-top:3px;} .quick_wrap {position:absolute;left:0;top:65px;bottom:0;width:200px;background:#0a1034;z-index:101;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .quick_wrap h2 {position:relative;height:50px;background:#1a2046;color:#d2d5d8;font-size:14px;font-weight:bold;line-height:50px;text-indent:20px;} .quick_wrap .menu_toggle {position:absolute;right:0;top:0;width:50px;height:50px;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-image:url(../images/btn_quick_close.png);font-size:0;text-indent:-9999px;} /* 메뉴 */ .quick_wrap {overflow-y:auto;} .quick_wrap .gnb li {position:relative;} .quick_wrap .gnb > ul {padding:20px 0;overflow:hidden;} .quick_wrap .gnb > ul > li > div, .quick_wrap .gnb > ul > li > a {position:relative;height:50px;color:#eee;letter-spacing:-1px;font-size:16px;line-height:50px;cursor:pointer;background-repeat:no-repeat;background-position:16px center;background-image:url('../images/gnb_icon1.png');white-space:nowrap;vertical-align:middle;text-indent:50px;z-index:11;} .quick_wrap .gnb > ul > li + li > div {background-image:url('../images/gnb_icon2.png');} .quick_wrap .gnb > ul > li + li + li > div {background-image:url('../images/gnb_icon4.png');} .quick_wrap .gnb > ul > li + li + li + li > a {background-image:url('../images/gnb_icon3.png');} .quick_wrap .gnb > ul > li + li + li + li + li > a {background-image:url('../images/gnb_icon5.png');} .quick_wrap .gnb > ul > li > div:hover, .quick_wrap .gnb > ul > li > a:hover { background-color:#39c7ea;color:#fff;} .quick_wrap .gnb > ul > li > div:after {content:'';position:absolute;right:0;top:0;width:50px;height:50px;background-position:center center;background-repeat:no-repeat;background-image:url('../images/header_icon3.png');} .quick_wrap .gnb > ul > li > div.toggle:after {background-image:url('../images/header_icon2.png');} .quick_wrap .gnb > ul > li > div.on {color:#fff;} .quick_wrap .gnb > ul > li > div.toggle.on:after {background-image:url('../images/header_icon.png');color:#fff;} .quick_wrap .gnb li ul {display:none;width:100%;padding:0 0 25px;} .quick_wrap .gnb li li {clear:both;display:block;padding:0;} .quick_wrap .gnb li > div, .quick_wrap .gnb li > a {display:block;height:35px;font-size:16px;color:#c3c6ca;line-height:35px;letter-spacing:-1px;text-decoration:none;text-indent:50px;font-family:'notokr';white-space:nowrap;box-sizing:border-sizing:border-box;cursor:pointer;} .quick_wrap .gnb li:hover li:hover > div, .quick_wrap .gnb li li.on > div, .quick_wrap .gnb li:hover li:hover > a, .quick_wrap .gnb li li.on > a, .quick_wrap .gnb li.on > a {background-color:#18c2eb;color:#fff;} .quick_wrap .gnb li li span {float:right;padding-right:5px;font-size:8px !important;color:inherit;} .quick_wrap > button {width:86%;margin:0 7% 20px;border:1px solid #0acc8e;color:#4df2bd;font-size:14px;line-height:40px;letter-spacing:-1px;} .quick_wrap .gnb li.on ul {display:block;} .wrap.quick_close .quick_wrap {width:50px;} .wrap.quick_close h1 span {background:url(../images/logo_b.png) no-repeat 25px 18px #fff;} .wrap.quick_close .content {left:50px;} .wrap.quick_close .quick_wrap h2 {font-size:0;} .wrap.quick_close .quick_wrap .menu_toggle {background-image:url(../images/btn_quick_open.png);} .wrap.quick_close .quick_wrap .gnb > ul > li > div {font-size:0;} .wrap.quick_close .quick_wrap .gnb > ul > li > div:after {display:none;} .wrap.quick_close .quick_wrap .gnb li ul, .wrap.quick_close .quick_wrap > button {display:none !important;} /* 하단 */ #footer_wrap {display:block; width:100%; float:left; } #footer_wrap { clear:both; padding:0 0 30px 0; background:#303136; color:#fff;} #footer_wrap .banner { clear:both; border-bottom:1px solid #90000b;margin:0; letter-spacing:-1px;} #footer_wrap .banner a { color:#e3e2e2; padding:0 30px 0 10px; font-size:14px; font-weight:normal; line-height:55px;} #footer_wrap .conts {position:relative;min-width:1000px;max-width:1200px; margin:0 auto;padding:40px 0 20px 0px;overflow:hidden;line-height:22px; font-size:14px;box-sizing:border-box; color:#e3e2e2;} #footer_wrap .conts span{ display:inline-block; padding:0 25px 0 0; vertical-align:middle;} #footer_wrap .conts .logo {position:absolute;right:0;top:35px;width:160px;height:58px;background:url(../images/inc/logo_w.png) no-repeat center center;background-size:auto 100%;font-size:0;text-indent:-9999px; opacity:0.4} #footer_wrap .copyright { color:#fff; opacity:0.5; } /* skip_top */ #footer_wrap .skip_top {position:fixed;bottom:25.5%;right:50px; z-index:333;transition:300ms ease-out 0ms;} #footer_wrap .skip_top .skip_top_btn {width:65px; height:65px; line-height:16px; padding-top:15px; background:#18c2eb; color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.05);} #footer_wrap .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; font-family:'xeicon';font-size:23px; color:#fff;} #footer_wrap .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:14px;} @media screen and ( max-width:1100px ) { #footer_wrap .skip_top {bottom:0;right:0px; } #footer_wrap .skip_top .skip_top_btn {width:45px; height:45px; padding-top:7px; } #footer_wrap .skip_top .skip_top_btn:before{font-size:18px; } #footer_wrap .skip_top .skip_top_btn span { ; font-size:13px;} } /*공통*/ .navbg { /*border-bottom:1px solid #eee; background:#f4f4f4; */} .navi {max-width:1200px; min-width:1000px; margin:0 auto;padding-right:15px; font-size:14px; color:#777; font-weight:400; 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:14px;color:#222; font-weight:normal} .subTitle {font-size:45px; padding:0px 0 30px;letter-spacing:-4px;font-family:'ScoreDream';font-weight:100; text-align:center; /* */ display:none;} .subTitle.line {border-bottom:1px solid #fc092c;} .subTitle.right {text-align:right;} .subTitle span{padding-left:10px;font-weight:normal;font-size:16px; color:#999;letter-spacing:-1px;} .sub_subtitle {font-size:20px; padding-bottom:5px;letter-spacing:-1px;} .sub_subtext {display:inline-block;padding-left:30px;font-size:14px;color:#777;letter-spacing:0;vertical-align:top;} .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;margin-right:5px;border:1px solid #ccc; font-size:16px; line-height:50px; display:block;font-weight:bold;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:860px; min-height:500px; box-sizing:border-box;} /* @media screen and ( max-width:1360px ) { #total_content {padding-right:90px;} }*/ @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:#fc092c} .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: 38px;background:#1a2046;color:#fff;cursor:pointer;} .btn_line { color:#fff; background:#18c2eb;cursor:pointer;} .btn_line2 {border:1px solid #555; color:#fff; background: linear-gradient(to bottom right, #555 0%, #333 100%);cursor:pointer;} .btn_red {background:#575965; color:#fff; color:#fff;} .btn_done {background:#18c2eb; color:#fff; color:#fff;} .btn_orange {background:#ff6809; color:#fff; color:#fff;} .btn_input { border:none; font-size:14px; } .btn_compare {background:#333; color:#fff; font-size:12px; padding:5px; border-radius:2px;cursor:pointer;} .btn_grey {background:#888; color:#fff;} .btn_big {line-height: 55px; width:145px; text-align:center; font-size: 16px; letter-spacing: -1px; display: inline-block;cursor:pointer;} .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;font-weight:bold;color:#fc092c;cursor:pointer;} .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;cursor:pointer;} .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;cursor:pointer;} .big_big input {display: inline-block; background:#18c2eb; color:#fff; color:#fff; border:none; padding:0 50px; line-height:50px;cursor:pointer;} .big_big_grey input {display: inline-block; background:#434343; color:#fff; border:none; padding:0 50px; line-height:50px;cursor:pointer;} .btn_point input {display: inline-block; background:#18c2eb; 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:250px; width:100%; text-align:center; } .sub_visual h2 { display:block; color:#fff; font-size:45px; line-height:1.6em; padding-top:90px; font-family:'ScoreDream'; font-weight:400; letter-spacing:-.07em; } .sub_visual h2 span{padding-left:5px;font-weight:normal;font-size:17px; color:#fff;letter-spacing:-1px;} .sub_visual:after {content:''; clear:both; display:block;} .sbg_01 { background:url(../images/sub/s_bg1.jpg) no-repeat center ; background-size:cover; } .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_06 { background:url(../images/sub/s_bg6.jpg) no-repeat center ; background-size:cover; } /*페이징*/ #paging, .page { 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:normal; line-height:35px; text-decoration:none; margin:0; } #paging a:hover, .page a:hover { color:#fc092c;} #paging a.on, .page a.on { background:#18c2eb; color:#fff; color:#fff; font-weight:bold; } #paging a.pre, .page a.pre {margin-right:30px;} #paging a.next, .page a.next {margin-left:10px;} /*마이페이지 */ .mypage_menuwrap .sub_tabbox {font-size:0; max-width:1200px; min-width:1000px; position: relative; margin: 0 auto;} .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:#18c2eb; 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:bold;} .mypage_submenu li.on .menubar {width: 100%; display: block; background:#18c2eb; 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: #18c2eb;font-size: 16px;} .requestBox .t_from { border-top: 2px solid #fc092c; 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%;} .requestBox .price_choice.ht {line-height:35px;} .requestBox .price_choice {position:relative; padding:10px 0;} .requestBox .price_choice.red label {color:#fc092c !important;} .requestBox .Bprice p {margin:5px 0;} .mainArea {position:relative;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: 14px;} .mainArea li .subject span {font-size:11px;} .right_btn {text-align:right; margin-bottom:3px; float:right;} .regi {line-height:1.5;font-size:13px;color:#888;} .price_btn {position:absolute; top:10px; left: 220px} .price_btn li {width:70px; display:inline-block; text-align:center; background:#18c2eb; 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;} .listSesarch .btnArea select, .listSesarch .btnArea input {width:auto;} .listSesarch .btnArea a {line-height:30px;} .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:1px solid #999; 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:#2098ec;font-size:inherit;} .search_title strong {font-size:inherit;} .btn_sort {position:relative;display:inline-block;width:130px;z-index:1;} .btn_sort span { display:block;padding:0 35px 1px 0;border:1px solid #dfdfdf;margin:0 4px 4px 0;/*border-radius:3px;*/background:url(../images/icon_sort.png) 102px 8px no-repeat;line-height:35px; color:#333; text-align:right;cursor:pointer;} .btn_sort.type2 span {background:url(../images/inc/arrow.png) 92px 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:normal;} .btn_sort li:hover, .btn_sort li.on { background:#f0f0f0;font-weight:bold;} .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:bold;} .mycar td.carName a strong {font-size:17px;} .mycar td.carName a strong span {font-size:inherit;} .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:normal;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:#ff2c2a;} .mycar td.right strong.red {font-size:16px; color:#ff2c2a;line-height:25px;} .mycar td.right .blue {font-size:16px;color:#1679ff;} .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;padding:10px 0; z-index: 20; width:160px; 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: 35px; color: #333; font-size:15px; display:block;} .mycar td.manage .manage_menu li:hover {background:#f0f0f0;font-weight:bold;} .full { z-index:19; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%; } .t_list.mycar td .txt_comment {white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:13px} .t_list.mycar td .txt_comment.type2 {color:#ff5400; line-height:1.5;} .t_list.mycar td .txt_comment.type3 {color:#777; margin-bottom:5px; padding: 0;font-size:14px} .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.mycar .center input[type=checkbox] + label {padding:0 10px;margin-bottom:5px;} .t_list.mycar td select, .t_list.mycar td input {display:inline-block;width:auto;} .t_list.mycar td input[type=checkbox], .t_list.mycar td input[type=radio] {width:100%;} .t_list.mycar td #c_cho {} .t_list.mycar td #c_bmNo {} .t_list.mycar td #c_boNo {} .t_list.mycar td #c_bsNo {} .t_list.mycar td #c_bdNo {} .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:bold;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:bold !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:#fc092c;} .num_view .pop_sub {background:#f8f8f8; margin-top:10px; padding:10px; } .num_view .pop_sub .red {color:#fc092c;} .num_view .pop_cont { margin: 20px; padding:0; } .num_view .pop_text {padding:10px;} /*회사소개*/ .companywrap {min-height:700px;position:relative; padding-bottom:30px; /* background:url(../images/company.jpg) no-repeat right 0;background-size:auto 100%;*/} .company_greeting {padding-right:50%;letter-spacing:-1px; font-family:'NanumSquare'; word-break: keep-all; text-align: justify; } .company_greeting.bg {background:#18c2eb; color:#fff; width:40%; padding:70px; position:absolute; right:0; top:65px } .company_greeting.full{width:100%;} .company_greeting.bg p { color:#dfdfdf;} .company_greeting p.text1 {font-size:32px; font-weight:normal; line-height:1.4; letter-spacing:-2px;} .company_greeting p.text2 {font-size:24px;} .company_greeting p.text3 {font-size:20px; padding:30px 0 10px;} .company_greeting p.text4 {padding-bottom:20px;font-size:18px; line-height:1.5;text-align: left; } .company_greeting p.sign {padding-top:50px; text-align:right; font-size: 20px;} .company_greeting .red {color:#fc092c;} .company_greeting strong {font-weight:bold;} .company_greeting .underline {text-decoration:underline; padding-bottom:5px;} .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 #fc092c;} .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 #fc092c;} .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:bold; 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:bold; width:65px; float:left; padding:4px 0 0 0; color:#333; } .car_searchoption dd { display:inline-block; float:left; } .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; } .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:5px; } .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:46%; float:left;display: inline-block; padding-right:10px;vertical-align:middle; } .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:#0a1034; padding:0 30px; border:0;color:#fff;text-align:center; font-size:16px; line-height:45px;*line-height:45px;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; } #subject_autosave {padding:5px;} #subject_autosave > span {color:#00a8ff;font-size:16px;font-weight:bold;} .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;} .m12_step1 li a {display:block;width:100%;margin-top:5px;padding:57px 0px 25px 0px;height:20px;font-size:16px;text-align:center;} .m12_step1 li a:hover {color:#fc092c;} .m12_step1 li.c1 a {background:url(../images/main/searchClass.png) left 11px no-repeat;} .m12_step1 li.c2 a {background:url(../images/main/searchClass.png) -132px 11px no-repeat;} .m12_step1 li.c3 a {background:url(../images/main/searchClass.png) -264px 11px no-repeat;} .m12_step1 li.c4 a {background:url(../images/main/searchClass.png) -396px 11px no-repeat;} .m12_step1 li.c5 a {background:url(../images/main/searchClass.png) -528px 11px no-repeat;} .m12_step1 li.c6 a {background:url(../images/main/searchClass.png) -660px 11px no-repeat;} .m12_step1 li.c7 a {background:url(../images/main/searchClass.png) -797px 11px no-repeat;} .m12_step1 li.c8 a {background:url(../images/main/searchClass.png) -908px 11px no-repeat;} .m12_step1 li.on a {border:1px solid #fc092c; color:#fc092c;} .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:normal; 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:#fff;border:1px solid #aaa;margin-left:-1px;color:#111;font-size:12pt;line-height:60px;text-align:center;font-weight:500;letter-spacing:-1px;} .sub_tabbox li:first-child a {margin-left:0;} .sub_tabbox li:hover a {background:#39c7ea;color:#fff;} .sub_tabbox li.on a {color:#fff;background:#0a1034; } .sub_tabbox li a span {padding:0 5px;color:inherit;font-weight:bold;} .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:bold; letter-spacing:-1px; } .bigcar_list li:hover strong { color:#6480ff; font-weight:bold; } .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:bold; 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:bold; letter-spacing:-1px; } .salecar_list li:hover strong { color:#6480ff; font-weight:bold; } .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:bold; } .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 { border-bottom:1px solid #efefef;} #news_list li .news_img { float:left; padding:16px 0; } #news_list li > img {width:25%;height:auto;max-height:152px;} #news_list li .textbox{width:75%;box-sizing: border-box; padding: 22px 25px; display: inline-block; } #news_list li .news_name { color:#ccc; } #news_list li .news_title { font-size: 18px; } #news_list li p {padding-top: 15px;font-size: 14px;color: #999;} .t_view { border-top:1px solid #999; width:100%; } .t_view th { background:#f9f9f9; padding:15px 0; text-align:center; font-size:22px;color:#111;font-weight:bold;} .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:normal !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:24px;margin-bottom:20px;} .view_content p.subguide {font-size:18px; padding-top:10px; color:#fc092c; font-weight:700;} .view_content p.guide {font-size:16px; line-height:1.5; margin-bottom:10px;} .view_content p, .view_content div, .view_content span { font-size:16px;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:bold; 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: 20px 0 5px 0px; 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:bold; } .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 #999;} .t_list.guide td {padding:0px;} .t_list.guide td a {display:block;padding:20px;} .t_list th { background:#f9f9f9;border-bottom:1px solid #efefef;padding:10px 0; color:#333; text-align:center; font-size:14px; line-height:20px; letter-spacing:-1px; } .t_list th > a {font-size:13px;} .t_list td.left a, .t_list td.left span {font-size:16px;color:#111;} .t_list td.carName {padding-left:20px;text-align:left;} .t_list td.carName > a {font-size:16px;} .t_list td { text-align:center; padding:12px 0 12px 0; margin:0; color:#555; border-bottom:1px solid #efefef;font-size:14px; line-height:17px; font-family:'OpenSans-Semibold','NotoSans'} .t_list td .txt_comment { color:#999; padding:10px 0 0 0; line-height:1.3; font-size:14px;font-family:'NotoSans'} .t_list td .txt_comment span {display:inline-block;padding:0px 3px;color:#ededed;} .t_list td .txt_comment.type2 {padding-top:4px;color:#ff5400;} .t_list td a.btn { margin:0 0 4px 0;} .t_list td .txt_price { font-size:20px; color:#f00; font-family:'OpenSans-Semibold','NotoSans'} .t_list td .unit { font-size:15px; color:#555; font-family:'OpenSans-Semibold','NotoSans'; 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 {border:none !important;} @media screen and ( max-width:1024px ) { #news_list li .textbox{width:80%;} } /* 회원가입 */ .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:normal;} .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:#18c2eb; color:#fff; color:#fff !important; border:1px solid #fc092c;} .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:bold; 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:#18c2eb; color:#fff; text-align:center;border:none; margin-top:10px; color:#fff; font-size:18px; font-weight:bold; 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 { padding:6px 0 0; color:#7791e4 !important; letter-spacing:-1px; } .ex { padding:6px 0 0; 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:bold; } .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:bold; 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:bold; 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:bold; 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:bold; 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:bold; 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:bold; 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:bold; 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:bold; 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:bold; 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:bold; letter-spacing:-1px; } .goodcar_list li:hover strong { color:#6480ff; font-weight:bold; } .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:20px;color:#fc092c;} .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 {display:none;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:bold; display:inline-block; width:200px; padding:0 0 5px 0; } .t_comment td .c_name span { color:#999999; font-size:11px; font-weight:normal !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:bold; } .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:bold; } .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:bold; letter-spacing:-1px; color:#222222; } /* 상세보기 */ .detail_btnbox {position:relative; padding:10px 0 10px 0; border-bottom:1px solid #555; } .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: 30px;} #detail_box .detailtitle > div {display:inline-block;} #detail_box .detailoption {width:75%;} #detail_box .detailoption h3 {font-size:30px; letter-spacing:-1px;margin-bottom: 5px;} #detail_box .detailoption strong {color:#ff5400; margin-top:10px;} #detail_box .price {width:25%; text-align:right; vertical-align: bottom;} #detail_box .price span {display:inline-block; color:#fff; background:#18c2eb; 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:#fc092c;line-height:60px; } #detail_box .left { float:left; width:50%; padding:0; margin:0; box-sizing:border-box; } #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:normal; 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:bold; text-align:center;text-decoration:none;} .right .cartitle {font-size:16px;font-weight:bold;color:#222; padding-bottom:10px;} .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:#fc092c !important; } .right .detailCarContWrap .carContTop ul li {float:left; width:49%; box-sizing:border-box; margin-left:1%; padding:17px 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;} .right .detailCarContWrap .carContTop ul li .txt {padding-left:15px;border-left: 1px solid #e9e9e9; font-size:16px;} .right .detailCarContWrap .carContBottom { box-sizing:border-box; padding-top:20px; } .right .detailCarContWrap .carContBottom .seller{font-size:0; box-sizing:border-box;padding:20px;border:1px solid #dfdfdf;} .right .detailCarContWrap .carContBottom .name {padding-bottom:10px;font-size:24px; color:#333; font-weight:500;} .right .detailCarContWrap .carContBottom .name .phone {padding-left:10px;color:#fc092c; font-size: 22px; font-family:'NanumSquare'; letter-spacing:0; padding-top: 10px;} .right .detailCarContWrap .carContBottom .company {display:inline-block; width:70%; box-sizing:border-box; } .right .detailCarContWrap .carContBottom .btnbox {position:absolute;top:565px;right:10px;display:inline-block; width:15%; } .right .detailCarContWrap .carContBottom .btnbox a {text-align: center; padding: 18px 10px; box-sizing:border-box;line-height:20px; width:100%; display: block; font-size:15px;letter-spacing:-1px; font-weight:bold; border:1px solid #dfdfdf;color:#fc092c;} .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:#fc092c;} .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 100px 0;font-size:0;} .detail_bottombtn.d_right {text-align: right;} .detail_bottombtn a {display:inline-block; margin-right:1px;text-align:center;line-height:60px;color:#fff;font-size:16px;letter-spacing:-1px;} .detail_bottombtn a.btn1 {background:#999;width:15.3%;} .detail_bottombtn a.btn2 {background:#333;width:15%;} .detail_bottombtn a.btn3 {background:#18c2eb; color:#fff; width:20%;} .detail_bottombtn .btn4 {display:inline-block;width:13.8%;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:#f5f5f5;color:#111;font-size:11pt;line-height:47px;text-align:center;font-weight:500;letter-spacing:-1px;} .detail_tabbox li:hover a {color:#fc092c;} .detail_tabbox li.on a {color:#fff;background:#18c2eb; 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:bold; 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:bold; height:18px; padding:5px 0 5px 0; background:#f5f5f5; text-align:center; color:#4e4e4e; font-weight:normal; } .detail_option tbody th { color:#000000; font-weight:normal; 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:bold; 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:bold; } .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:bold;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:bold; 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:bold; 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:#fc092c; 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:bold; 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:bold; } .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:bold; 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:bold; 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:bold; 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:#18c2eb; color:#fff; margin:0;color:#fff;font-size:16px;font-weight:bold;} .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:normal; } .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:bold; 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:bold; 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:bold; letter-spacing:-1px; vertical-align:top; } #mail_box dd ul li span.option { width:225px !important; color:#4e4e4e; font-weight:normal; 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:bold; 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:bold; 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:bold; 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:bold; font-family:Dotum, Gulim; letter-spacing:-1px; } .btnSet {text-align:center;padding:15px;} /* 차량뷰 수정 */ /* 중고차시세 */ .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:bold;} /* 매매가이드 검색 */ .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:bold;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 { padding:80px 80px 400px; } .guide_list ul {font-size:0;} .guide_list li {display:inline-block; width:20%; box-sizing:border-box; text-align:center; border-right:1px solid #f6f6f6;} .guide_list li:last-child {border-right:0; background-color:#f3f3f3;} .guide_list li a {display:block; height:190px;background-image:url(../images/inc/arrow_more.png);background-position:center 110px;background-repeat:no-repeat;background-color:rgba(255,255,255,.7); background-size:55px auto; padding:33px 0 0; font-size:24px;letter-spacing:-2px;box-sizing:border-box;} .guide_list li span {display:block; font-size:14px;line-height:30px;color:#999} .guide_list li:hover a {background-color:#fc092c;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/sellbg.png) no-repeat;background-size:cover;} .guide_list.type2 {padding:400px 80px 80px;background:url(../images/sub/buybg.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 #fc092c;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 #fc092c;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:bold;} .carSearchBox_wrap { position:relative;padding:0 0 15px 0;} .carSearchBoxS { position:relative;margin:0 auto;width:100%;display:table;background:#f8f8f8;margin-top:10px;/*height:175px;min-height:205px;*/border:1px solid #dfdfdf;border-bottom:0;box-sizing:border-box;} .carSearchBoxS select, .carSearchBoxS input[type=text] {vertical-align:middle !important; height:25px; font-size:13px;line-height:25px;} .carSearchBoxS label {line-height:25px;} /*.carSearchBoxS select {width:115px;font-size:11px;padding:4px !important; height:28px;}*/ .carSearchBoxS select.width80{width:80px;} .carSearchBoxS select.width100{width:100px;} .carSearchBoxS select.width120{width:120px;} .carSearchBoxS select.width140{width:140px;} .carSearchBoxS .selectCont {padding:5px 5px 0px 5px;height:125px;} .carSearchBoxS.fixed {height:274px;z-index:10;bordeR:0;background:none;} .carSearchBoxS.fixed form {position:fixed;top:50px;height:274px;width:90%;min-width:980px;max-width:1100px;background:#f8f8f8;border:1px solid #999;border-bottom:0;box-sizing:border-box;} .search_etc_wrap.fixed {position:relative;margin:0 auto;max-width:1100px;width:90%;min-width:980px;height:25px;z-index:11;} .search_etc_wrap.fixed .etc {position:fixed;top:324px;width:100%;max-width:1099px;z-index:13;} /*.carSearchBox_wrap.board {border-bottom:3px solid #eee}*/ .carSearchBox_wrap.board {padding-top:15px;} .carSearchBox_wrap.board .carSearchBoxS {height:60px;border:solid 0 #e5e5e5;background:#f0f0f0;} .carSearchBox_wrap.board .carSearchBoxS fieldset {padding-bottom:2px !important;padding-top:12px !important;} .carSearchBox_wrap.board .carSearchBoxS .carSelectWrap {border-left:0;} .carSearchBox_wrap.board .carSearchBoxS .btn {margin:12px 0 0 10px;height:34px;line-height:34px;} .carSearchBox_wrap.board .carSearchBoxS input[type=text], .carSearchBox_wrap.board .carSearchBoxS input[type=password], .carSearchBox_wrap.board .carSearchBoxS input[type=number] {height:32px;line-height:32px;font-weight:bold;} .carSearchBox_wrap.board .carSearchBoxS select {height:25px;background:url(../images/icon_select_board.png) no-repeat right 0 #FFF;font-weight:bold;} .carSearchBox_wrap.board legend {float:left;padding:4px 20px 0;} .carSearchBoxS .leftright { float:left; width:100%;overflow:hidden;} .carSearchBoxS .leftright .partDiv { /*height:140px; padding-top:1px;overflow:hidden;*/} .carSearchBoxS .left { float:left; width:10%; } .carSearchBoxS .left2 { float:left; width:7%; } .carSearchBoxS .partTitle { } .carSearchBoxS .partTitle h2 { width:100%; padding:11px 0 4px 0; text-align:center;background:none !important; } .carSearchBoxS .right { float:left; width:90%; } .carSearchBoxS .right .partDiv { padding:5px; border-left:solid 1px #e5e5e5; overflow:hidden;} .carSearchBoxS .right .partDiv .tit{display:inline-block;width: 65px; line-height:24px; text-align:center; font-weight:bold; color:#002e66;font-family:'??: ??';} @media screen and ( max-width:1190px ) { .carSearchBoxS .left2 {display:none; } .carSearchBoxS .right {width:100%;} } .carSearchBoxS .right.mysearch {width:100%;} .carSearchBoxS .right.mysearch .partDiv {padding:0;border-left:0;} .carSearchBoxS .right.mysearch .partDiv .tit{width:80px;} .carSearchBoxS .right.mysearch .carSearchPartWrap {padding:5px 0;} .carSearchBoxS .partDiv.searchpart {padding:15px 0 0; box-sizing:border-box; font-size:0;} .carSearchBoxS .partDiv .tit {display:inline-block; width:100px;text-align: right; padding: 0 20px 0 0;} .carSearchBoxS .partDiv .partDiv_left {clear:both; float:left; width:50%; } .carSearchBoxS .partDiv .partDiv_right { float:right; width:65%; } .carSearchBoxS .partDiv .partDiv_50 { display:inline-block; width:50%; height:30px;} .carSearchBoxS .partDiv .partDiv_25 { display:inline-block; width:25%; height:30px;} .carSearchBoxS .partDiv .partDiv_25 input {width:170px;} .carSearchPartWrapTitle div {box-sizing:border-box;border-bottom: 1px solid #dfdfdf;background: #f6f7f7;text-align: center;line-height: 40px;padding: 0;font-size: 14px;letter-spacing: -1px;} .carSearchPartWrapTitle div.left {width:24%; border-right:1px solid #e5e5e5;} .carSearchPartWrapTitle div.right{ float:left; width:76%;} .carSearchPartWrap {display:table;width:100%;border-bottom:1px solid #e5e5e5;} /*.carSearchBoxS .carSelect select { float:left;height:142px; width:85px; border:none; } .carSearchBoxS .carSelect ul {}*/ .carSearchBoxS .carSelectWrap {float:left; padding:0;border-left:1px solid #ced2da;box-sizing:border-box;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area1 {position:relative;width:150px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area1 select {width:48%;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area2 {width:750px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect1, .carSearchBoxS .carSelectWrap .carselect2, .carSearchBoxS .carSelectWrap .carselect3, .carSearchBoxS .carSelectWrap .carselect4, .carSearchBoxS .carSelectWrap .carselect5, .carSearchBoxS .carSelectWrap .carselect6 {float:left;background:#2b2e39;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect1 {width:50px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect2 {width:90px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect3 {width:90px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect4 {width:130px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect5 {width:160px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap .carselect6 {width:200px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area3 {width:100%;/*position:absolute;top:10px;right:0;width:350px;margin-right:5px;*/} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area3 legend {display:none !important;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area3 > div {float:left;width:33.3%;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area3 > div.full {width:66%;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area4 {position:absolute;top:10px;right:0;width:150px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .carSelectWrap.area4 input {width:100px;} .carSearchBox_wrap.mainsearch .carSearchBoxS .fuelSelect {display:inline-block;width:83%;vertical-align:top;} .carSearchBox_wrap.mainsearch .checkbox_box label {padding-right:15px;font-weight:bold;} /*.carSearchBoxS .carSelectWrap.area4 {width:430px;}*/ .carSearchBoxS fieldset {position:relative;padding:0 7px 7px !important;border:0 solid #616571;} .carSearchBoxS legend {display:block !important;line-height:22px;color:#28bdef;letter-spacing:-1px;font-family:'??: ??';} .carSearchBoxS .carSelectWrap input {margin-bottom:2px;} .carSearchBoxS .carSelectWrap select {height:22px;margin-bottom:2px;} .carSearchBoxS .carSelectWrap .checkbox_box {margin-bottom:7px;} /*.carSearchBoxS .carSelectWrap input {border:0;background:#2b2e39;margin-bottom:2px;color:#fff;} .carSearchBoxS .carSelectWrap input[type=checkbox], .carWonbuBoxS input[type=checkbox] {border:0;background:url(../images/icon_check_search.gif) 0 -50px repeat-x !important;} .carSearchBoxS .carSelectWrap input[type=radio] {border:0;background:url(../images/icon_radio_search.png) 0 0 repeat-x !important;} .carSearchBoxS .carSelectWrap input[type=radio]:checked {background-position:0 -17px !important;} .carSearchBoxS .carSelectWrap .checkbox_box input[type=checkbox]:checked, .carWonbuBoxS input[type=checkbox]:checked {background-position:0 0 !important;} .carSearchBoxS .carSelectWrap select {border:0;background:url(../images/icon_select_search.png) no-repeat right 0 #2b2e39;margin-bottom:2px;color:#fff;} .carSearchBoxS .carSelectWrap select option {background:#2b2e39;} .carSearchBoxS .carSelectWrap select option[selected] {background:#28bdef !important;} .carSearchBoxS .carSelectWrap .checkbox_box {margin-bottom:2px;} .carSearchBoxS .carSelectWrap .checkbox_box label {padding:0 10px 0 0;letter-spacing:-1px;color:#ccc;}*/ .carSearchBoxS .carSelectWrap.area4 input {/*width:85px;*width:78px;*/} .carSearchBoxS .carSelectWrap.area2 select {width:100% !important;} .carSearchBoxS .carSelectWrap.area3 select {margin-bottom:7px;} .carSearchBoxS .carSelectWrap.area3 .addSelect {border:1px solid #2b87ef;background:#fff;padding:0 15px;line-height:23px !important;margin-bottom:7px;} .carSearchBoxS .carSelectWrap.area3 .tit, .carSearchBoxS .carSelectWrap.area4 .tit, .carSearchBoxS .carSelectWrap .subtitle { display:inline-block;width:50px; letter-spacing:-1px; color:#333;font-weight:bold;font-family:'??: ??';} .carSearchBoxS .carSelectWrap#a_areaWrap { width:7%;border-left:0; } .carSearchBoxS .carSelectWrap#c_aNoWrap { width:70px; } .carSearchBoxS .carSelectWrap#a_gugunWrap { width:7%;} .carSearchBoxS .carSelectWrap.mycar#a_gugunWrap { width:10%;} .carSearchBoxS .carSelectWrap#c_acNoWrap { width:10%; } .carSearchBoxS .carSelectWrap.mycar#c_acNoWrap { width:14%; } .carSearchBoxS .carSelectWrap#c_choWrap { width:6%; } .carSearchBoxS.self .carSelectWrap#c_choWrap { width:12%; } .carSearchBoxS .carSelectWrap#c_choWrap ul {height:130px;} .carSearchBoxS .carSelectWrap#c_bmNoWrap { width:9%; } .carSearchBoxS.self .carSelectWrap#c_bmNoWrap { width:15%; } .carSearchBoxS .carSelectWrap#c_boInitNoWrap { width:10%; } .carSearchBoxS.self .carSelectWrap#c_boInitNoWrap { width:15%; } .carSearchBoxS .carSelectWrap#c_boNoWrap { width:13%; } .carSearchBoxS .hwamul#c_boNoWrap { width: 14%;} .carSearchBoxS.self .carSelectWrap#c_boNoWrap { width:18%; } .carSearchBoxS .carSelectWrap#c_bsNoWrap { width:18%; } .carSearchBoxS.self .carSelectWrap#c_bsNoWrap { width:20%; } .carSearchBoxS .carSelectWrap#c_bdNoWrap { width:20%;*width:18% !important; } .carSearchBoxS.self .carSelectWrap#c_bdNoWrap { width:20%; } .carSearchBoxS .carSelectWrap#c_exCate1Wrap {width:19%;} .carSearchBoxS .carSelectWrap#c_exCate2Wrap {width:18%;} .carSearchBoxS .carSelectWrap#c_exCate3Wrap {width:19%;} .carSearchBoxS .carSelectWrap#dealerWrap {border-left:1px solid #ced2da;width:24%;background:#f8f8f8;} .carSearchBoxS .carSelectWrap #dealerLayer {padding:5px 0 5px 10px;box-sizing:border-box;} .carSearchBoxS .carSelectWrap #dealerLayer > span {width:33.33%;} .carSearchBoxS .carSelect .carSelectWrap {background:#fff;overflow:hidden;overflow-y:auto;height:130px;} .carSearchBoxS .carSelect #a_areaWrap, .carSearchBoxS .carSelect #a_gugunWrap, .carSearchBoxS .carSelect #c_acNoWrap {background:#fafafa;} .carSearchBoxS .carSelect ul#c_bmNoLayer { width:100%; } .carSearchBoxS .carSelect ul#c_boInitNoLayer { width:100%; } .carSearchBoxS .carSelect ul#c_boNoLayer { width:100%; } .carSearchBoxS .carSelect ul#c_bsNoLayer { width:100%; } .carSearchBoxS .carSelect ul#c_bdNoLayer { width:100%; } .carSearchBoxS ul.single li {clear:both;padding:2px 5px; box-sizing:border-box;width:100%;cursor:pointer;white-space:nowrap;} .carSearchBoxS ul.single li:hover {background:#f6f6f6;} .carSearchBoxS ul.single li.on {color:#FFF;background:#1a2046;} .carSearchBoxS ul.multi {height:120px;border:0; box-sizing:border-box;} .carSearchBoxS ul.multi li {clear:both;width:100%;cursor:pointer; padding:5px 10px 5px 23px;line-height:1.2; background-image:url('../images/icon_check.png');background-repeat:no-repeat; background-size:18px auto; background-position:5px 6px; box-sizing:border-box;} .carSearchBoxS ul.multi li:hover {background-color:#ddd;} .carSearchBoxS ul.multi li.on { background-color:#efefef !important; background-position:5px -36px; } .carSearchBoxS ul.multi li label{white-space: nowrap;} .carSearchBoxS ul li.empty { clear:both;padding:2px 0px 0px 0px; text-align:center; width:100%; padding-top:50px; margin-right:10px; cursor:auto;white-space:normal;color:#999;background:none;line-height:1.2; } .carSearchBoxS ul li.empty:hover {background:none;} .carSearchBoxS ul.on li.empty { display:none; } .carSearchBoxS .left .part1 { height:40px; line-height:40px; } .carSearchBoxS .left .part2 { height:140px; line-height:140px; } .carSearchBoxS .left .part3 { height:75px; line-height:75px;} .carSearchBoxS .left .part4 { height:21px; line-height:21px;} .areaSelectBox{display:inline-block;width:440px;border:solid 1px #ddd; background:#fff; padding:3px 3px 0px 3px; } .areaSelectBox span {display:inline-block; padding:5px 23px 1px 8px;background-color:#c5daf9; background-image:url(/image/btn_complexclose.png); background-repeat:no-repeat; background-position:right; background-size:15px; margin:0px 3px 3px 0px; } .areaSelectBox span.empty {padding:5px 8px 1px 8px;background-color:#c5daf9; background-image:none; } .areaListBox{width:436px; padding:5px 5px 0px 5px; border:solid 1px #fca1aa; background:#fef7f9; position:Absolute; right:87px; top:90px; z-index:99999;} .areaListBox span{display:inline-block; padding:5px 7px 1px 7px;background:#e9edf3; border:solid 1px #ccc; margin:0px 3px 5px 0px;} .areaListBox span.all{background:#777; border:solid 1px #777; color:#fff;} .areaSelectBox_btn{display:inline-block; width:60px; text-align:center; border:none; padding:8px 0px 4px 0px; color:#fff; background:#1c3863;} .checkLabel{display:inline-block; position:relative; text-indent:18px; line-height:18px; margin-right:15px;} .checkLabel input[type=checkbox]{display:inline-block; position:absolute; top:0; left:0;} .carSearchBoxS .areaTitleSelect {float:left;width:90px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .carSearchBoxS .areaSelect {float:left; width:747px; height:26px; border-bottom:1px solid #e5e5e5;} .carSearchBoxS .areaSelect .selectContN { padding:3px 0px 0px 3px; } .carSearchBoxS .carTitleSelect {float:left;width:90px; height:100px; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .carSearchBoxS .carSelectM {float:left;width:381px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .carSearchBoxS .carSelectM select {float:left;margin:0px 2px 0px 0px;} .carSearchBoxS .carSelectM select.item {width:40px;} .carSearchBoxS .carSelectM select.maker {width:85px;} .carSearchBoxS .carSelectM select.model {width:130px;} .carSearchBoxS .carSelectM select.series {width:105px;} .carSearchBoxS .carSelectM ul {overflow:hidden;float:left;margin:5px 3px 0px 0px;border:1px solid #ced2da;padding:3px 0px;height:91px;overflow-y:scroll;background:#FFF;} .carSearchBoxS .carSelectM ul.carClass1 {width:135px;} .carSearchBoxS .carSelectM ul.carClass2 {width:166px;} .carSearchBoxS .carSelectM ul li {clear:both;padding:2px 5px 0px 5px;width:100%;cursor:pointer;white-space:nowrap;} .carSearchBoxS .carSelectM ul li:hover {background:#f6f6f6;} .carSearchBoxS .carSelectM ul li.on {color:#FFF;font-weight:bold;background:#3f6fc3;} .carSearchBoxS .detailSelect {float:left;float:left;width:260px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .carSearchBoxS .detailSelect .selectCont {line-height:25px;letter-spacing:-1px;} .carSearchBoxS .detailSelect .selectCont span.tit {display:inline-block;width:41px;letter-spacing:-1px;} .carSearchBoxS .detailSelect .selectCont select {width:90px;} .carSearchBoxS .detailSelect .selectCont input[type=checkbox] {margin:0px !important;padding:0px !important;border:none !important;vertical-align:middle;} /* ????? */ .carSearchBoxS .detailSelect .selectCont .fuel {display:inline-block;width:45px;vertical-align:top;} .carSearchBoxS .detailSelect .selectCont .fuelSelect {position:relative;letter-spacing:-1px;z-index:1000000;} .carSearchBoxS .detailSelect .selectCont .fuelSelect a {display:inline-block;margin:0px;color:#647bb3;font-weight:bold;letter-spacing:-2px;} .carSearchBoxS .detailSelect .selectCont .fuelSelect .selectBox {overflow:hidden;position:absolute;left:0px;top:20px;border:2px solid #555;padding:5px 10px;width:200px;color:#333;font-weight:normal;background:#FFF; z-index:100000000;} .carSearchBoxS .detailSelect .selectCont .fuelSelect .selectBox .close {position:absolute;right:0px;top:0px;z-index:2000000;} .carSearchBoxS .detailSelect .selectCont .fuelSelect .selectBox li {float:left;width:50%;} /* 내차관리 지역선택 숨김 */ .noarea #a_gugunWrap {display:none;} .noarea #c_acNoWrap {display:none;} .noarea .carSearchBoxS .carSelectWrap#c_bmNoWrap {width:10%;} .noarea .carSearchBoxS .carSelectWrap#c_boInitNoWrap {width:12%;} .noarea .carSearchBoxS .carSelectWrap#c_boNoWrap {width:20%;} .noarea .carSearchBoxS .carSelectWrap#c_bdNoWrap {width:34%;} /* ?????? */ .addSelect{ display: inline-block;padding:0 10px 0 8px;border:1px solid #aaa;line-height:20px; background:#eee; text-decoration:none !important;/* font-weight:bold;*/ box-sizing:border-box; letter-spacing:-1px;font-family:'??: ??','gulim';} .selectBox{position:absolute; background:#fff; border:1px solid #555;box-shadow:2px 2px 10px rgba(0,0,0,0.1);z-index:10000;} .selectBox ul{ width:100%; background:#fff; padding:10px;box-sizing:border-box; overflow:hidden;} .selectBox ul li{float:left;padding:0 0 0 10px; width:90px;display:inline-block;} .selectBox .close{position:absolute; top:10px; right:10px;} .selectBox label {color:#333 !important;} .selectBox .pop_header {background:#eee;} .selectBox.optselect {width:800px;right:0;} .selectBox.optselect ul li {width:23.3%;} /* ???? */ .carSearchBoxS .detailSelect .selectCont .colorSelect {position:relative;z-index:10000;} .carSearchBoxS .detailSelect .selectCont .colorSelect .btn_colorSelect {display:inline-block;width:25px;border:1px solid #5a71a8;padding:2px 15px 0px 5px;line-height:16px;color:#FFF;background:url(/image/btn_arrow.gif) 30px center no-repeat #6887c3;} .carSearchBoxS .detailSelect .selectCont .colorSelect .colorInfo {position:absolute;left:50px;top:-3px; padding:0px 0px 0px 10px;width:90px; letter-spacing:-1px;} .carSearchBoxS .detailSelect .selectCont .colorSelectList {position:absolute;left:60px;top:-3px;color:#F60;width:140px;letter-spacing:0px;} .carSearchBoxS .detailSelect .selectCont .colorSelect .selectBox {overflow:hidden;position:absolute;left:0px;top:19px;border:2px solid #647bb3;padding:5px 10px;width:350px;color:#333;font-weight:normal;background:#FFF; z-index:1000;} .carSearchBoxS .detailSelect .selectCont .colorSelect .close {position:absolute;right:0px;top:0px;z-index:20000;} .carSearchBoxS .detailSelect .selectCont .colorSelect .selectBox li {float:left;width:25%;} .btn_colorSelect{ display:inline-block; padding:3px 5px 0px 5px; border:solid 1px #bbb; background:#eee; text-decoration:none !important;} .btn_colorSelect:hover{border:solid 1px #7087bf; background:#7087bf;color:#fff;} .colorSelectList {vertical-align:middle;} .carSearchBoxS select {/*height:22px;*/margin-bottom:2px;} /* ???? ?а?*/ .carSearchBoxS .detailSelect .selectCont .colorSelectB {position:relative;} .carSearchBoxS .detailSelect .selectCont .colorSelectB .btn_colorSelect {display:inline-block;width:25px;border:1px solid #5a71a8;padding:2px 20px 0px 5px;line-height:16px;color:#FFF;background:url(/image/btn_arrow.gif) 35px center no-repeat #6887c3;} .carSearchBoxS .detailSelect .selectCont .colorSelectB .colorInfo {padding:0px 0px 0px 10px;width:90px;} .carSearchBoxS .detailSelect .selectCont .colorSelectBList {color:#F60;width:140px;letter-spacing:0px;} .carSearchBoxS .detailSelect .selectCont .colorSelectB .selectBox {overflow:hidden;position:absolute;left:0px;top:19px;border:2px solid #647bb3;padding:5px 10px;width:550px;margin-left:-300px;color:#333;font-weight:normal;background:#FFF; z-index:1000;} .carSearchBoxS .detailSelect .selectCont .colorSelectB .close {position:absolute;right:0px;top:0px;z-index:20000;} .carSearchBoxS .detailSelect .selectCont .colorSelectB .selectBox li {float:left;width:16%;} .carSearchBoxS .inputSelect {float:left;width:103px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} .carSearchBoxS .inputSelect .selectCont {line-height:25px;} .carSearchBoxS .inputSelect .selectCont span {display:inline-block;width:41px;letter-spacing:-1px;} .carSearchBoxS .inputSelect .selectCont input {width:40px;} .carSearchBoxS .regSelect {float:left;width:60px;border-bottom:1px solid #e5e5e5;} .carSearchBoxS .regSelect .selectCont {line-height:25px;letter-spacing:-2px;} .carSearchBoxS .regSelect .selectCont span {display:inline-block;width:40px;} .carSearchBoxS .regSelect .selectCont input {border:none;padding:0px;margin:0px;vertical-align:middle;} .carSearchBoxS .searchList {margin:0px;padding:0px;list-style:none;} .carSearchBoxS .searchList li {float:left;} .carSearchBoxS .searchList li h2 {padding:10px 0px 5px 0px;text-align:center;background:none;} .carSearchBoxS .searchList .selectList {overflow:hidden;overflow-y:scroll;margin:0px 5px 0px 0px;border:1px solid #ced2da;padding:5px 0px;height:130px;background:#FFF;} .carSearchBoxS .searchList .selectList li input {border:none;} .carSearchBoxS .searchList li.subdivide {width:70px;} .carSearchBoxS .searchList li.maker {min-width:80px;/* max-width:100px; */} .carSearchBoxS .searchList li.model {min-width:100px;/* max-width:130px; */} .carSearchBoxS .searchList li.class {min-width:120px;/* max-width:250px; */} .carSearchBoxS .searchList li.year {width:115px;} .carSearchBoxS .searchList li.fuel {max-width:90px;min-width:80px;} .carSearchBoxS .searchList li.color {width:70px;} .carSearchBoxS .searchList li.gearbox {max-width:90px;min-width:80px} .carSearchBoxS .searchList li.mileage {width:175px;} .carSearchBoxS .searchList li.option {max-width:120px;min-width:60px;display:none;} .carSearchBoxS .searchList li.area {width:135px;} .carSearchBoxS .searchList li.year .selectList {float:left !important;width:50px !important;} .carSearchBoxS .searchList li.mileage .selectList {float:left !important;width:80px !important;} .carSearchBoxS .searchList li.area .selectList {float:left !important;width:60px !important;} .search_etc_wrap { clear:both; } .search_etc_wrap .etc {clear:both;position:relative;margin:0 auto;max-width:1100px;min-width:980px;width:90%;height:25px; line-height:25px; color:#999;/* border-top:solid 1px #e5e5e5;*/} .search_etc_wrap .etc .allbtn {margin:0px 15px 0px 0px;padding:4px 7px 1px 7px;} .search_etc_wrap .etc .allbtn.setting {padding:2px 15px;font-size:12px;} .search_etc_wrap .etc .searchListView {position:absolute;left:0;top:0px;display:block;width:100%;padding:0;border-radius:3px;border:1px solid #182747;background:#FFF;z-index:10000;box-sizing:border-box; box-shadow:0 0 7px rgba(0,0,0,.3);} .search_etc_wrap .etc .searchListView ul { position:relative;} .search_etc_wrap .etc .searchListView ul li {padding:0 28px;line-height:30px; font-weight:bold; color:#333;} .search_etc_wrap .etc .searchListView ul li:hover {background:#e5f3ff;} .search_etc_wrap .etc .condition {color:#636a7b;} .search_etc_wrap .etc .btnSearch {position:absolute;right:0;top:-35px; font-size:0;z-index:3;} .search_etc_wrap .etc .btnSearch .btnReset {display:inline-block;padding:0px 10px 0px 20px;line-height:30px;background:url(/image/sub/icon_reset.gif) left 5px no-repeat;} .search_etc_wrap .etc .btnSearch .btnSave {display:inline-block;padding:0px 10px 0px 15px;color:#516faa;font-weight:bold;line-height:30px;background:url(/image/sub/icon_save.gif) left 6px no-repeat;} .carSearchBox_wrap.write {padding:0;} .carSearchBox_wrap.write label { font-weight:bold; color:#c6434c; line-height:40px;} .carSearchBox_wrap.write .carSearchBoxS { display:inline-block;width:100%;/*padding:7px 0 7px 7px;*/} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap {box-sizing:border-box;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap.area1 {width:7% !important;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap.area2 {width:16% !important;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap.area3 {width:24% !important;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap.area4 {width:24% !important;*width:305px !important;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap.area5 {width:28.5% !important;*width:272px !important;} .carSearchBox_wrap.write .carSearchBoxS .carSelectWrap select {width:100%;height:160px;} .carSearchBox_wrap .carSearchBoxS .carSelectWrap .subtitle {display:inline-block;padding-right:15px;} /* ??? */ .carSearchBox_wrap.bg {padding-top:30px;background:#01c0f7;} .carSearchBox_wrap .carWonbuBoxS {position:relative;margin:0 auto;width:1100px;padding:15px 0;box-sizing:border-box;overflow:hidden;} .carSearchBox_wrap .carWonbuBoxS .box_float {float:left;width:49%;padding:10px 0;} .carSearchBox_wrap .carWonbuBoxS .box_float .guide {padding:10px 0 10px 15px;font-size:12px;line-height:19px;color:#fff;letter-spacing:-1px;font-family:??: ??, dotum} .carSearchBox_wrap .carWonbuBoxS .box_float .count {padding-top:28px;font-size:20px;text-align:center;font-family:??: ??, dotum} .carSearchBox_wrap .carWonbuBoxS .box_float .count span {display:inline-block;padding:0 40px;background:rgba(255,255,255,.8);border-radius:50px;overflow:hidden;margin:-5px 10px 0;line-height:60px;color:#009de9;font-size:40px;vertical-align:middle;} .carSearchBox_wrap .carWonbuBoxS .box_float .inputbox {position:relative;border-bottom:2px solid #fff;margin:0 0 0 40px;width:440px;} .carSearchBox_wrap .carWonbuBoxS .box_float .inputbox:before {content:'';position:absolute;left:0;bottom:0;height:10px;width:2px;background:#fff;} .carSearchBox_wrap .carWonbuBoxS .box_float .inputbox:after {content:'';position:absolute;right:0;bottom:0;height:10px;width:2px;background:#fff;} .carSearchBox_wrap .carWonbuBoxS .box_float .inputbox button {width:40px;height:40px;margin-top:10px;background:url(../images/icon_search_big.png) no-repeat center center;font-size:0;line-height:0;} .carSearchBox_wrap .carWonbuBoxS .box_float .quickinput {width:390px;border:0;height:70px;line-height:70px;letter-spacing:-3px;background:none;font-size:34px;padding-left:20px;} .carSearchBox_wrap .carWonbuBoxS .box_float .quickinput::placeholder {color:rgba(255,255,255,.4);} .carSearchBox_wrap .carWonbuBoxS .box_float .checkbox {padding:8px 0 0 15px;} .carSearchBox_wrap .carWonbuBoxS .box_float .checkbox label {color:#fff;} /*.carSearchBox_wrap .search_bar {height:14px;background:url(../images/search_bar.png);}*/ .info_guide {position:relative;margin:0 auto;width:960px;padding:27px 0 27px 140px;font-size:14px;color:#757575;letter-spacing:-1px;font-family:??: ??, dotum} .info_guide p {position:absolute;left:0;top:27px;} .btn_open_show { position:absolute;left:48%;display:inline-block;padding:0 25px 0 13px;border:1px solid #e5e5e5;border-top:0;margin-right:-554px;background:url(../images/btn_show.png) no-repeat 90% center #f6f6f6; font-size:12px;cursor:pointer; font-size:11px;color:#333;line-height:25px;letter-spacing:-1px; z-index:10;} .btn_open_show.on { background:url(../images/btn_hide.png) no-repeat 90% center #f6f6f6;bottom:0;} .btnPhotoReg a {display:inline-block;padding:0 25px;line-height:40px;} /* ========================================================================================================= 달력 ========================================================================================================= */ .helloCalenderDiv {padding:10px 15px 15px 15px;margin-top:3px;background:#fff;border:1px solid #440c1f;box-shadow:3px 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.2);z-index:10001;} .hcTable {width:300px;border-collapse:collapse;} .hcTitle {padding:0 45px;} .hcControlBar {padding:17px 0 !important;} .hcTable th {padding:2px 0;color:#999;font-weight:normal;} .hcTable td { padding:8px; text-align:center;font-weight:bold; } .hcTable td:hover {background:#dfdfdf !important;color:#333 !important;} .hcTable tr:hover td {background:none;} .hcTable tr:hover td.hcControlBar {background:none !important;} .hcTable .Year {min-width:auto;width:26%;padding:0 5px;margin-right:2px;background-color:#fff;line-height:20px;font-size:12px;font-weight:bold;} .hcTable .Month {min-width:auto;width:21%;padding:0 5px;margin-right:2px;background-color:#fff;line-height:20px;font-size:12px;font-weight:bold;} .hcTable .mouseOver { background-color:#eaedf0; cursor:pointer; } .hcTable .hcSun { color:#FF0000; } .hcTable .hcSat { color:#1c4fb9; } .hcTable .selectDay { background-color:#0ac29b !important;color:#fff !important;overflow:hidden;} .hcPrev {display:inline-block;width:60px;height:30px;margin-right:5px;padding:0 6px;border-width:0;background:#aaa;line-height:20px;font-weight:bold;color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;} .hcNext {display:inline-block;width:60px;height:30px;margin-left:5px;padding:0 6px;border-width:0;background:#aaa;line-height:20px;font-weight:bold;color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;} .hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white;color: #6C6C6C;padding-top:4px; } .hcToday { margin-right:25px; } .hcTable .noSelect { background-color:#EAEAEA; } .date-picker-wrapper {border-width:1px !important} .date-picker-wrapper .drp_top-bar .apply-btn {width:80px !important;background:#ffe800 !important;color:#222 !important;font-weight:bold;} .date-picker-wrapper .drp_top-bar .date-picker-close {width:50px !important;background:#1a2046 !important;font-size:12px !important;} .date-picker-wrapper .drp_top-bar .apply-btn:after {content:'저장';position:absolute;right:0;top:0;font-size:14px;font-weight:bold;background-image:none;z-index:1;}