@charset "utf-8"; .detailCon, .step-cont {position:relative;padding: 1.25rem;border-radius: 1.25rem;background:#fff;/*background-color: rgba(255, 255, 255, .8);*/} .gap10 {display:flex;flex-direction:column;gap:.625rem;} .container {padding-top:1rem;padding-bottom:2rem;} .container, .container .row .column, .sub_container {display:flex;flex-direction:column;gap:.625rem;} .container .row {width:100%;} .row:after, .row:before {display:none;} .ul_list, .txtonly ul {padding:0 .375rem;} .ul_list > li, .txtonly ul > li {display:flex;padding:.375rem 0 !important;} .ul_list > li > span, .txtonly ul > li > span {flex:none;width:5.75rem;color:#566067;font-size:0.875rem;line-height:1.3 !important;} .ul_list > li > div, .txtonly ul > li > div {flex:auto;color:#212121;font-size:1rem;line-height:1.3;} .ul_list > li .impact, .txtonly ul > li .impact {font-size:1.125rem;} .ul_list > li i.count, .txtonly ul > li i.count {font-style:normal;} .ul_list > li.opt_price {flex-direction:column;} .ul_list > li.opt_price > span {width:auto;} .ul_list.predict li div {font-size:1.125rem;text-align:right;} .ul_list.predict li div b {font-size:1.35rem;} .txtonly ul > li > div {position: relative !important;top:auto !important;right:auto !important;line-height: 1.3 !important;} .ul_list.price {position:relative;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem !important;padding-left:1.5rem !important;} .ul_list.price > li {position:relative;display:block;padding:.75rem 1.125rem !important;border-radius:.5rem;/*background-color:#f1f4f7;*/border:1px solid #e3e8ef;box-shadow:0 0 .75rem rgba(0,0,0,.05);} .ul_list.price > li span {width: auto;font-size:.95rem;color:#212121;} .ul_list.price > li div {display:inline-block;padding-left:.5rem;padding-top:.25rem;color: #87878c;font-size:.875rem;} .ul_list.price > li:before {content:'';position:absolute;left:-1.5rem;top:50%;display:inline-block;flex:none;width:2rem;height:2rem;border-radius:.75rem;margin-top:-1rem;background-color:#EDF2F9;background-repeat:no-repeat;background-position:center;background-size:auto 70%;background-image: url("data:image/svg+xml,%3Csvg width='182' height='174' viewBox='0 0 182 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110.77 36.97H39.23C34.1324 36.97 30 41.1024 30 46.2V133.74C30 138.838 34.1324 142.97 39.23 142.97H110.77C115.868 142.97 120 138.838 120 133.74V46.2C120 41.1024 115.868 36.97 110.77 36.97Z' fill='white'/%3E%3Cpath d='M73.9301 65.6299H59.3301C57.1201 65.6299 55.3301 63.8399 55.3301 61.6299C55.3301 59.4199 57.1201 57.6299 59.3301 57.6299H73.9301C76.1401 57.6299 77.9301 59.4199 77.9301 61.6299C77.9301 63.8399 76.1401 65.6299 73.9301 65.6299Z' fill='%23A2CDFF'/%3E%3Cpath d='M90.1903 65.6299H86.8604C84.6504 65.6299 82.8604 63.8399 82.8604 61.6299C82.8604 59.4199 84.6504 57.6299 86.8604 57.6299H90.1903C92.4003 57.6299 94.1903 59.4199 94.1903 61.6299C94.1903 63.8399 92.4003 65.6299 90.1903 65.6299Z' fill='%23A2CDFF'/%3E%3Cpath d='M101.3 82.95H48.7002C46.4902 82.95 44.7002 81.16 44.7002 78.95C44.7002 76.74 46.4902 74.95 48.7002 74.95H101.3C103.51 74.95 105.3 76.74 105.3 78.95C105.3 81.16 103.51 82.95 101.3 82.95Z' fill='%23A2CDFF'/%3E%3Cpath d='M92.3003 96.5798H65.5703C63.3603 96.5798 61.5703 94.7898 61.5703 92.5798C61.5703 90.3698 63.3603 88.5798 65.5703 88.5798H92.3003C94.5103 88.5798 96.3003 90.3698 96.3003 92.5798C96.3003 94.7898 94.5103 96.5798 92.3003 96.5798Z' fill='%23A2CDFF'/%3E%3Cpath d='M52.85 96.5798H48.71C46.5 96.5798 44.71 94.7898 44.71 92.5798C44.71 90.3698 46.5 88.5798 48.71 88.5798H52.85C55.06 88.5798 56.85 90.3698 56.85 92.5798C56.85 94.7898 55.06 96.5798 52.85 96.5798Z' fill='%23A2CDFF'/%3E%3Cpath d='M92.3002 110.22H48.7002C46.4902 110.22 44.7002 108.43 44.7002 106.22C44.7002 104.01 46.4902 102.22 48.7002 102.22H92.3002C94.5102 102.22 96.3002 104.01 96.3002 106.22C96.3002 108.43 94.5102 110.22 92.3002 110.22Z' fill='%23A2CDFF'/%3E%3Cpath d='M95.3 123.86H86C83.79 123.86 82 122.07 82 119.86C82 117.65 83.79 115.86 86 115.86H95.3C97.51 115.86 99.3 117.65 99.3 119.86C99.3 122.07 97.51 123.86 95.3 123.86Z' fill='%23A2CDFF'/%3E%3Cpath d='M73.3702 123.86H48.7002C46.4902 123.86 44.7002 122.07 44.7002 119.86C44.7002 117.65 46.4902 115.86 48.7002 115.86H73.3702C75.5802 115.86 77.3702 117.65 77.3702 119.86C77.3702 122.07 75.5802 123.86 73.3702 123.86Z' fill='%23A2CDFF'/%3E%3Cpath d='M91.0001 47.95H59.0001C55.0401 47.95 51.8301 44.74 51.8301 40.78V34.41C51.8301 31.98 53.8001 30 56.2401 30H93.7701C96.2001 30 98.1801 31.97 98.1801 34.41V40.78C98.1801 44.74 94.9701 47.95 91.0101 47.95H91.0001Z' fill='%230C7DFF'/%3E%3Cpath d='M127.05 141.53C119.15 135.87 102.31 121.31 102.31 100.08V93.79C111.56 92.06 120.09 87.83 127.05 81.54C134.01 87.83 142.55 92.07 151.8 93.79V100.08C151.8 121.31 134.95 135.87 127.05 141.53Z' fill='%230C7DFF'/%3E%3Cpath d='M125.53 123.43C124.53 123.43 123.58 123 122.91 122.25L114.8 113.12C113.52 111.67 113.65 109.46 115.09 108.18C116.53 106.9 118.75 107.03 120.03 108.47L125.31 114.42L136.44 99.7701C137.61 98.2301 139.81 97.9301 141.34 99.1001C142.88 100.27 143.18 102.47 142.01 104L128.3 122.04C127.67 122.87 126.69 123.38 125.65 123.42C125.6 123.42 125.56 123.42 125.52 123.42L125.53 123.43Z' fill='white'/%3E%3C/svg%3E%0A");z-index:2;} .ul_list.bohum > li div {text-align:right;font-size:1rem;} /*.ul_list.bohum > li div b {color:#0064FF;}*/ .ul_repair {padding:0 .25rem 1.5rem;} .ul_repair li {position:relative;padding:.5rem 0 1rem 1.5rem;} .ul_repair li:last-of-type {padding-bottom:.5rem;} .ul_repair li:before {content:'';position:absolute;left:.5rem;top:2.125rem;bottom:0;width:0;border-right:1px dashed #bbb;} .ul_repair li:after {content:'';position:absolute;left:.25rem;top:.875rem;width:.5rem;height:.5rem;border-radius:50%;background:#2c2c2c;z-index:1;} .ul_repair li .date {padding-right:.5rem;font-size:1rem;background:none;font-weight:bold;} .ul_repair li .km {display:inline-block;padding:.125rem 1rem .125rem 1.5rem;border-radius:10rem;border:1px solid #efefef;font-size:.75rem;color:#566067;background:url(/images/icon_km.png) no-repeat .5rem center;background-size:auto .75rem;vertical-align:middle;} .ul_repair li .history {margin-top:.5rem;color:#566067;font-size:.875rem;line-height:1.5;} .ul_repair li .history i.count {font-style:normal;color:#878787;font-size:inherit;} .ul_repair li .history i.count:nth-of-type(2) {display: inline-block;margin-top:.5rem;} /* 상태 */ .status { display:none;/*display:flex;*/gap:.5rem;font-size:0;padding:1.25rem 0;} .status li {position:relative;/*float:left;width:19%;*/flex:1;font-size:.8125rem;color:#53535C;letter-spacing:-.04em;box-sizing:border-box;cursor:pointer;text-align:center;} .status li span {display:block;padding-bottom:.25rem;font-weight:bold;font-size:1.625rem;line-height:1;} .status li:first-child {margin-left:0} .status li:nth-child(4) span, .status li.impact span {color:#00C8FF;} .status.bg {background-color:rgba(72,125,163,.05);border-radius:1.25rem;} #header .titlebar-right a {background:url(../images/icon/search.png) center center no-repeat;background-size:1rem auto} html.search-result #header .titlebar-right a {background:url(../images/icon/toggle_album.png) center center no-repeat;background-size:1.5rem} html.search-result.album #header .titlebar-right a {background:url(../images/icon/toggle_list.png) center center no-repeat;background-size:1.5rem} .detailcheck body {background:#fff;} .detailcheck .header.fixed .titlebar-left {background-color:rgb(255 255 255 / 80%);} .detailcheck .container {padding-bottom:0;gap:0;} .detailcheck .menu-list.no-padding {padding-left:0 !important;padding-right:0 !important;} /*.detailcheck .header .titlebar, .searchsise .header .titlebar {background:transparent !important;}*/ .detailcheck .header .titlebar, .searchsise .header .titlebar {background:#fff !important;} .menu-list.no-padding {padding-left:var(--padd-column) !important;padding-right:var(--padd-column) !important;} .menu-list .article-list.emblem-list li.active {background:#f1f6fb;} .menu-list .article-list.scrolling {height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;} .menu-list .article-list.car-list, .menu-list .article-list.model-list {position:absolute;top:0;left:100%;height:100%;background-color:#fff;border-left:1px solid #eaeaea;box-sizing:border-box;transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;} .menu-list .article-list li a {background-image:none} .menu-list .article-list.car-list li {padding-left:0;} .menu-list .article-list.model-list li a {padding-left:0.625rem;} .menu-list .input-item .article-name {vertical-align:middle !important;} .menu-list .input-item input[type=text], .menu-list .input-item input[type=tel] {display:inline-block;width:calc(100% - 75px);border:0;margin:0;} .menu-list .input-item .button, .menu-list .input-item .button {margin:0;} .menu-list select {margin:0;border:0;} .article-item span {display:inline-block;/*float:left;*/box-sizing:border-box} .article-item span em.count {display:inline-block;margin-left:5px;background:#f7f7f7;padding:0 8px;border-radius:50px;font-style:normal;line-height:22px;font-size:11px;} /*html.search-detail .article-item span.article-name.article-selected {float:none}*/ .article-icon {width:4.575rem;height:3.025rem;padding:0.3625rem 1rem} html.search-detail .article-icon {padding:0 0 0 4px} .menu-list .article-list .article-icon {width:4rem;height:3.125rem;text-align:center;padding:0.625rem 0} .menu-list.step2 .article-list.emblem-list li, .menu-list.step3 .article-list.emblem-list li {opacity:.4;} .menu-list.step2 .article-list.emblem-list li.active, .menu-list.step3 .article-list.emblem-list li.active {opacity:1;} .menu-list.step2 .article-list.car-list {left:4rem !important;width:calc(100% - 4rem);} .menu-list.step2 .article-list.car-list li a .article-icon {width:3.8rem;height:auto;padding:0.3625rem .3rem 0 .7rem;} .menu-list.step2 .article-list.car-list li a .article-name {padding-right: .2rem;} .menu-list.step2 .article-list.car-list li.total a .article-name {padding-left: 1rem;} .menu-list.step3 .article-list.car-list {width:10.5rem;left:4rem !important;} .menu-list.step3 .article-list.car-list .article-icon {display:none;} .menu-list.step3 .article-list.car-list .article-name {display:block;} .menu-list.step3 .article-list.car-list .article-date {height:1.2rem;line-height:1.2rem;} .menu-list.step3 .article-list.car-list li {opacity:.4;} .menu-list.step3 .article-list.car-list li.active {background:#f1f6fb;opacity:1;} .menu-list.step3 .article-list.car-list li a {padding-left:0.625rem;line-height:1;} .menu-list.step3 .article-list.model-list {left:14.5rem;width:calc(100% - 14.5rem);} .detailcheck .menu-list.step3 .article-list.car-list li a {padding-top:0.625rem;line-height:1.4;} .detailcheck .menu-list.step3 .article-list.car-list li .article-name {display:block;} .detailcheck .menu-list.step3 .article-list.car-list li .article-name {display:block;height:auto;line-height:1;} .detailcheck .menu-list.step3 .article-list.car-list li.total .article-name {display:block;height:3.125rem;line-height:3.125rem;} .detailcheck .menu-list.step3 .article-list.car-list li.total a {padding-top:0;} .detailcheck .menu-list.step3 .article-list.model-list li a {min-height:3.125rem;line-height:2.8rem;height:auto;overflow:hidden;} .detailcheck .menu-list.step3 .article-list.model-list li a input[type=checkbox] + label {padding-top:.9rem;padding-bottom:.9rem;font-size:1rem;line-height:1.3;} /*.detailcheck .button-group-fixed {height:3.75rem;}*/ .searchsise .menu-list.step3 .article-list.model-list li a {padding-top:0.625rem;line-height:1.4;} .searchsise .menu-list.step3 .article-list.model-list li .article-name {display:block;height:auto;line-height:1;font-size:.9rem;} .searchsise .menu-list.step3 .article-list.model-list li .article-date {height:auto;line-height:1;} .opt-wrap {display:inline-block;width:calc(100% - 100px);padding:0.5rem 0;z-index:10;line-height:2.1rem;} .opt-wrap.right {width:calc(100% - 70px);text-align:right;} .opt-wrap.right .date_picker {width:90px;text-align:right;} .opt-wrap.right .date_picker:first-child {margin-right:0;} .opt-wrap .opt-item {display:inline-block;padding-right:10px;line-height:18px;letter-spacing:-0.03em;color:#000;font-size:1rem;} .opt-wrap .opt-item.etc {color:#714dfd;font-size:.9rem;} .opt-wrap .opt-item .btn-del {display:inline-block;width:28px;height:28px;;background:url('../images/btn_item_del.png') center center no-repeat;background-size:14px auto;vertical-align:middle;} .opt-wrap .opt-item i {font-style:normal;color:#999;font-size:12px;font-weight:normal;} .opt-wrap input[type=text], .opt-wrap input[type=number] {display:inline-block;margin:0;width:90px;} .opt-wrap > div {position:relative;padding-left:1.5rem;} .opt-wrap > div::before {content:'';position:absolute;left:0;top:50%;height:1px;width:10px;background:#ccc;} .opt-wrap .price {color:#f52f46 !important;text-align:right;font-weight:bold;} .opt-wrap .txt_info {padding:0;white-space:norwrap;} .article-icon img {max-width:100%;max-height:100%} .article-name {display:inline-block;height:3.125rem;line-height:3.125rem;font-size:15px;letter-spacing:-1px;} .menu-list .article-list .article-name {font-size:1rem;color:#212121;letter-spacing:-0.05rem;margin-right:7px} .article-date {height:3.125rem;line-height:3.125rem;font-size:12px;color:#777;} .menu-list .article-list .article-date {font-size:0.6875rem;color:var(--txt-888)} .detail-option {margin-bottom:0} .detail-option tr {background-color:#fff!important} .detail-option th {width:5.25rem;padding-left:0.625rem;padding-right:0} .detail-option td {padding-left:0;padding-right:0.625rem} .detail-option th, .detail-option td {height:3.125rem;border-bottom: 1px solid #eceff1} .detail-option tr:last-child th, .detail-option tr:last-child td {border-bottom:0} .detail-option th, .detail-option th a {color:#333;font-weight:400;text-align:left} .detail-option td, .detail-option td a {font-size:0.875rem;color:#e51c23;margin-right:0.3125rem} .detail-option td a {display:block;background:url(../images/icon/menu_icon.png) right center no-repeat;background-size:0.6875rem 1.375rem} .detail-option td a span {color:#e51c23;white-space:nowrap;word-break:keep-all;padding-right:0.3125rem} .detail-option td a span:last-child {padding-right:0} /* 등급 선택 */ .trim-list li {padding: 0 1.125rem !important} /* search detail */ .menu-list .article-list.option-list a.empty { background:url(../images/icon/menu_icon.png) right center no-repeat;background-size:0.6875rem 1.375rem} .menu-list .article-list.detail-list {border-radius:1.25rem;} .menu-list .article-list.detail-list li {position:relative;padding:.2rem var(--padd-column);} .menu-list .article-list.detail-list li input[type=text], .menu-list .article-list.detail-list li input[type=tel],.menu-list .article-list.detail-list li select {font-size:1rem;} .menu-list .article-list.detail-list li .opt-wrap .button {display:inline-block;height:2.5rem;padding:0 1.5rem;line-height:2.2rem;font-size:.95rem;font-weight:normal;} .menu-list .article-list.detail-list li .opt-wrap .opt-item + .button {margin-top:.5rem !important;} .menu-list .article-list.detail-list li .opt-wrap .opt-item + .button + .button {margin-top:.5rem !important;} .menu-list .article-list.detail-list li.detail-model a {height:auto;background-position: right 1rem;} .menu-list .article-list.detail-list li.detail-model .article-name {vertical-align:top;} .menu-list .article-list.option-list .item-emblem .article-icon {width:4rem;height:3.125rem;padding:0.3125rem 0;text-align:left;} .menu-list .article-list.option-list .item-car .article-icon {padding:0.625rem 0} html.search-detail .menu-list .article-list.option-list .item-car .article-icon {width:4rem;height:3.125rem;text-align:left;padding:0.625rem 0} .menu-list .article-list.option-list .item-car .article-name {font-weight:bold;margin-right:0.625rem} .menu-list .article-list.option-list .item-car .article-date {color:#757575;font-size:14px;} .menu-list .article-list.option-list .item-car.empty .article-name {font-weight:normal !important;} .menu-list .article-list.detail-list li textarea {margin-bottom:20px !important;} .selected-wrapper {float:left;width:76%} .menu-list .article-list.detail-list .article-name {width:63px;vertical-align:top;color:var(--txt-subtitle);font-size:.938rem;} .menu-list .article-list.option-list a.empty .article-name.article-selected2 {color:#e51c23;margin-left:2rem; } .menu-list .article-list.detail-list .article-name.article-selected {width:auto;height:initial;line-height:initial;color:#e31837;margin-right:0.5rem} .menu-list .article-list.detail-list .article-name.article-selected:last-child {margin-right:0} .menu-list .article-list.detail-list li.li_form {display:flex;font-size:0;} .menu-list .article-list.detail-list li.li_form span {width:30%;vertical-align:middle;} .menu-list .article-list.detail-list li.li_form input {width:70%;height:3rem;border-width:0 0 1px 0;margin-bottom:0;vertical-align:middle;} .menu-list .article-list.detail-list li .date_picker {font-size:1rem;} .menu-list .article-list.detail-list li label {padding-top:0;padding-bottom:0;margin-right:0;} .menu-list .article-list.detail-list li .position_right {position:absolute;right:1rem;top:.5rem;} .menu-list .article-list.detail-list li .position_right::before {display:none;} /* 주차 */ .menu-list .article-list.fee-list li {position:relative;padding:0 1.125rem;} .menu-list .article-list.fee-list .article-name {width:93px;vertical-align:top;} .mypoint {line-height:3rem;text-align:center;} .mypoint > span {display:inline-block;padding-right:.8rem;font-size:.9rem;letter-spacing:-1px;font-weight:bold;} .mypoint strong {color:#ff1c1c;font-size:1.1rem;font-weight:bold;} .menu-list .article-list.check-list li {padding:0 var(--padd-column);} .menu-list li.noselected .opt-wrap > span {color:#ccc;} .menu-list li.noselected > .opt-wrap {display:none;} .menu-list li.selected > .opt-wrap {position:absolute;left:86px;top:0;width:auto;z-index:1;} .menu-list li.detail-model.selected > .opt-wrap {position:relative !important;margin-top:-50px;left:69px;} .menu-list .detail-list li.selected:nth-child(3) {overflow:hidden;} .menu-list .detail-list li.selected:nth-child(3) > .opt-wrap {float:left;position:relative !important;margin-top:-3rem;left:69px;} .menu-list .detail-list li.selected:nth-child(3) > .opt-wrap .opt-item {display:block;} .menu-list li.no-arrow {background:#f5f5f5;} .menu-list li.no-arrow a {background:none !important;} .menu-list li.selected a .opt-wrap {display:none} .menu-list li .opt-wrap {width:calc(100% - 75px);} .menu-list li .opt-wrap.wfull .opt-item {width:100%;} .menu-list li .btn_select {border-radius:50px;} html.search-detail .menu-list li {padding: 0.25rem 1.125rem} html.search-detail .menu-list li .check_area_img label {line-height:37px;font-size:14px;} .slider-item {position:relative;padding-top:.5rem !important;padding-bottom:.5rem !important;} .slider-item .article-tag {position:absolute;right:1.2rem;top:1.2rem;font-size:1rem;color:#212121} .slider-item .article-tag:after {content:'';display:block;clear:both} .slider-item li {padding:0.25rem 1.125rem} .slider-item label {float:left;font-size:0.8125rem;color:#9e9e9e} .slider-item .slide-value {float:right} .slider-item .slider-area {margin:1rem 0.6rem 2rem;} .slider-item .slider-min, .slider-item .slider-max {font-size:1.1rem;color:#212121;font-weight:bold;} /* search option */ .option-selector .description {background-size:3rem 3rem;background-position:1rem center;background-repeat:no-repeat;padding:1.275rem 0;text-align:center;line-height:1.2;} .option-selector.option-ton .description {background-image:url(../images/icon/bg_option_ton.png)} .option-selector .description span {font-size:0.9rem;color:#777;line-height:1.2;} /*.option-list {margin-bottom:1.125rem !important}*/ .option-list:after {content:'';display:block;clear:both} .option-list li {float:left;position:relative;width:100%;text-align:center;box-sizing:border-box;padding:10px 0;} html.search-detail .option-list li {padding: 0 1rem} .option-selector.option-ton .option-list li, .option-selector.option-listbox .option-list li {border:1px solid #ddd;margin-bottom:5px;padding:0;} .option-selector .option-list li.selected {border-color:#eb6671;} /*.option-selector.option-listbox .option-list.option-4 li:nth-child(3n+3), .option-selector.option-ton .option-list li:nth-child(4n+4), .option-selector.option-ton .option-list li:last-child, .option-selector.option-listbox .option-list li:last-child {border-right:2px solid #b0bec5;} .option-selector.option-listbox .option-list li:nth-child(3n+1), .option-selector.option-ton .option-list li:nth-child(4n+1) {border-top-left-radius:5px;border-bottom-left-radius:5px} .option-selector.option-listbox .option-list.option-4 li:nth-child(3n+1) {border-top-left-radius:5px;border-bottom-left-radius:5px}*/ .option-selector.option-ton .option-list li .selected-tag, .option-selector.option-listbox .option-list li .selected-tag {position:absolute;top:-2px;left:-2px;border:2px solid #f32222;} .option-list.option-12 li {width:100%;} .option-list.option-6 li {width:50%} .option-list.option-4 li {width:33.3%} .option-list.option-3 li {width:25%} .option-list li a {display:block;margin:0 auto} .option-selector.option-ton .option-list li a, .option-selector.option-listbox .option-list li a {display:block;height:2.9rem;line-height:2.9rem;color:#777;} .option-selector.option-ton .option-list li.selected a, .option-selector.option-listbox .option-list li.selected a {color:#f32222;font-weight:bold;} .option-color .option-list li a {position:relative;color:#fff;width:44px;height:44px;border-radius:100%;border:2px solid #fff;font-size:15px;line-height:44px;} .option-color .option-list li.selected a:before {content:'';position:absolute;right:-.25rem;top:-.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#00C8FF;z-index:4;} .option-color .option-list li.selected a:after {content:'';display:block;position:absolute;top:.5rem;right:.36rem;width:.4rem;height:.6rem;margin:-.4rem 0 0 0;border-color:#fff;border-style:solid;border-width:0 .15rem .15rem 0 !important;transform:rotate(45deg);z-index:5;} /*.option-color .option-list li.selected a:before {content:'';width:115%;height:115%;position:absolute;bottom:-3px;left:-3px;background:url(../images/icon/checked.png) 90% 6% no-repeat;background-size:40% auto;}*/ .option-list li a.color-light {color:#000;border:2px solid #000} html.option-gps h3 {height:2rem;line-height:2rem;font-size:0.75rem;color:#9e9e9e;font-weight:600;background-color:#eceff1;margin-bottom:0;padding:0 1.125rem} html.option-gps .titlebar-right {background:url(../images/icon/delete_menu_white.png) center center no-repeat;background-size:0.8125rem} .current-position {min-height:3rem} .current-position span {display:inline-block;font-size:1rem;color:#e51c23;background:url(../images/icon/header_pin_red.png) 0.875rem center no-repeat;background-size:auto 1rem;padding:1rem 1rem 1rem 3rem} .current-position.black span {color:#212121;background:url(../images/icon/header_pin_black.png) 0.875rem center no-repeat;background-size:auto 1rem} html.option-gps .subtitle {height:3rem;line-height:3rem;text-align:center;font-weight:600} /* search result */ html.search-result .titlebar-left .menu-icon.btn-back {background-image:url(../images/icon/header_back.png);background-size: 1rem 0.9375rem} html.search-result #my-option {height:40px;padding-left:.5rem;padding-right:0;background-color:#eee;} html.search-result #my-option a, html.search-result #my-option span {float:left;height:40px;line-height:40px;font-size:0.75rem;color:#212121} html.search-result #my-option .emblem {width:2rem;background-position:center center;background-size:contain;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin-right:1rem} html.search-result #my-option .option-text {position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:70px} html.search-result #my-option .option-text:after {content:'재검색';display:inline-block;position:absolute;top:5px;right:0;width:70px;height:30px;line-height:26px;font-size:14px;color:#e8193c;font-weight:bold;text-align:center;border:1px solid #eb6671;border-radius:20px} /* 검색폼 */ html.search-result #my-option.my-search {height:40px} html.search-result #my-option.my-search input {float:left;width:80%;height:40px;background-color:transparent;background-image:url(../images/icon/btn_search_gray.png);background-position:5px center;background-size:20px;background-repeat:no-repeat;border:0;padding-left:32px;margin-bottom:0} html.search-result #my-option.my-search a {float:left;width:20%;height:30px;line-height:26px;font-size:14px;color:#e51c23;font-weight:600;text-align:center;border:1px solid #e51c23;border-radius:20px;margin:5px 0} html.search-result #featured-product {position:relative;height:13.13rem;background-position:center center;background-repeat:no-repeat;background-size:cover} html.search-result #featured-product a {position:absolute;display:block;top:0;left:0;width:100%;height:100%} html.search-result #featured-product .text-wrapper {position:absolute;bottom:0;left:0;width:100%;height:2.5rem;background-image:url(../images/gradation_bg.png);background-position:center center;background-repeat:no-repeat;background-size:auto 160%} html.search-result #featured-product .text-wrapper span {display:inline-block;height:2rem;line-height:2rem;color:#fff;box-sizing:border-box} html.search-result #featured-product .text-wrapper .ftxt-name {float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:1.125rem} html.search-result #featured-product .text-wrapper .ftxt-price {float:right;/*width:5.313rem;*/padding-right:1rem;font-size:1.5rem;} /* 테마차량 */ .tab-thema {overflow:hidden;} .tab-thema .column {background:url(../images/icon/thema_bg.jpg) no-repeat 53% center;background-size:cover;} .tab-thema .title_wrap {padding:2rem 0 5rem 1rem;text-align:left;} .tab-thema h2, .sellcar03 h2 {color:#fff;font-size:1.7rem;letter-spacing:-2px;} .tab-thema h2:before, .sellcar03 h2:before {display:none;} .tab-thema .h2_txt {padding:0;color:#ccc;} .tab-thema .btn_wrap {padding-bottom:2rem;font-size:0;} .tab-thema button {width:24%;padding:0;border:1px solid rgba(255,255,255,.7);margin:0 1% 1% 0;text-align:center;color:#fff;font-size:.8rem;font-weight:bold;line-height:2.4rem;letter-spacing:-1px;} .tab-thema button.selected {background-color:#3bcc99;border-color:#3bcc99;} .tab-mycar {background:#fff;margin:0 !important; margin-bottom:7px !important;overflow:hidden; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07);} .tab-mycar .column {padding:0;} .tab-mycar ul {width:100%;display:inline-flex;padding:0.6rem 0.5rem;} .tab-mycar li {display:inline-block; position:relative;border-radius:12px; padding:0.8rem 0 0.6rem; width:23%; margin:0 1%; background-repeat:no-repeat;background-size:auto 26px;background-position:center .6rem;font-size:.8rem;text-align:center;color:#000;line-height:1.2;word-break:keep-all;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-right:1px solid rgba(255,255,255,.1);} .tab-mycar li strong {position:relative;display:inline-block;padding-top:5px;color:inherit;font-size:1.5rem;font-weight:normal;} .tab-mycar li.active {color:#fff; background:#17044a} .tab-mycar li.active strong::after {background:#42c095;} .tab-caredit {height:90px;background:#f7f7f7;} .tab-caredit .column {position:fixed;left:0;top:3.125rem;width:100%;padding:0;margin:0 !important;background:#f7f7f7;z-index:11;} .tab-caredit ul {width:100%;display:inline-flex;} .tab-caredit li {display:inline-block;width:25%;padding:3.3rem .5rem 1rem;background-repeat:no-repeat;border-top:3px solid transparent;background-size:auto 30px;background-position:center 1.1rem;font-size:.8rem;text-align:center;letter-spacing:-1px;line-height:1.2;word-break:keep-all;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .tab-caredit li.active {border-bottom:3px solid #42c095;color:#42c095;font-weight:bold;} .tab-caredit li.icon1 {background-image:url(../images/icon/ico_caredit1.png);} .tab-caredit li.icon2 {background-image:url(../images/icon/ico_caredit2.png);} .tab-caredit li.icon3 {background-image:url(../images/icon/ico_caredit3.png);} .tab-caredit li.icon4 {background-image:url(../images/icon/ico_caredit4.png);} /* 옵션 아이콘 */ .usedcar-opt {color:#566067;font-size:.875rem;word-break:keep-all;vertical-align:middle;} .usedcar-opt span {padding:0 10px;color:inherit;font-size:inherit;} .usedcar-opt span:first-child {padding-left:0;} .usedcar-opt * {color:inherit;font-size:inherit;} .usedcar-icon {display:inline-block;width:auto;padding:5px 0;font-size:0;vertical-align:middle;} .usedcar-icon > span {display:inline-block;padding:0 10px;margin-right:5px;background:#9e8f6d;border-radius:3px;line-height:25px;color:#fff;font-size:.75rem;overflow:hidden;} .usedcar-icon {display:inline-block;width:auto;padding:5px 0;font-size:0;vertical-align:middle;} .usedcar-icon > span {display:inline-block;padding:.2rem .8rem;margin-right:.2rem;border-radius:2rem;border:0 solid #ddd;background:var(--bgcolor-default);color:var(--txt-impact);font-size:.75rem;overflow:hidden;} /*.usedcar-icon > span.pro {}*/ .car-icon {position:absolute;top:0;left:10px;} .car-icon .label {display:table-cell;width:40px;height:50px;padding:10px;text-align:center;color:#fff;vertical-align:middle;word-break:keep-all;font-weight:normal;font-size:15px;line-height:16px;padding-bottom:20px;background-size:40px auto !important;} .car-icon .label.l1 {background:url("/app/images/icon/label1.png") 0 0 no-repeat;} .car-icon .label.l2 {background:url("/app/images/icon/label2.png") 0 0 no-repeat;} .car-icon .label.l3 {background:url("/app/images/icon/label3.png") 0 0 no-repeat;font-size:0 !important;} .btn-favorite {overflow:hidden;width:2.5rem;height:2.5rem;background-position:center center;background-repeat:no-repeat;background-size:auto 2rem;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_16425)'%3E%3Cpath d='M16.3815 9.47378L15.0588 10.8374L13.7361 9.47378C11.9797 7.6656 9.13246 7.6656 7.3761 9.47378C5.61973 11.282 5.61973 14.2138 7.3761 16.0247C9.5 18.1486 11.5936 20.006 15.0588 22.3643C18.4759 20.006 20.5 18.2662 22.7415 16.0247C24.4979 14.2165 24.4979 11.2847 22.7415 9.47378C20.9852 7.6656 18.1379 7.6656 16.3815 9.47378Z' stroke='%23ccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_16425'%3E%3Crect width='19.6364' height='18' fill='white' transform='translate(5 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} .btn-favorite span {display:none !important;} .btn-favorite.on {background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.522 9.05288L15.2727 10.3408L14.0235 9.05288C12.3647 7.34515 9.67561 7.34515 8.01682 9.05288C6.35803 10.7606 6.35803 13.5295 8.01682 15.2398L15.2727 23.2273L22.5286 15.2398C24.1874 13.5321 24.1874 10.7632 22.5286 9.05288C20.8698 7.34515 18.1808 7.34515 16.522 9.05288Z' fill='%2300C8FF'/%3E%3C/svg%3E%0A") !important} .bigimg {position:relative;overflow:hidden;border-radius:5px;background:#eee;font-size:0;text-align: center; } .bigimg img {margin:0 !important;} .bigimg .icons { position:absolute; bottom:.5rem;right:.2rem;color:#ccc;z-index:5;} .bigimg .icons span {display:inline-block;vertical-align:middle;} .bigimg .icons button {vertical-align:middle;} .bigimg .expand {position:absolute; bottom:2.5rem; left:.5rem; z-index:5;} .bigimg .expand a {display:inline-block; width:2rem; height:2rem;background:url(/app/images/icon/expand.png) no-repeat center;background-size:auto .7rem;} .bigimg.detail {background:#757574;border-radius:0;} .bigimg.detail .swiper-slide {position:relative;} .bigimg.detail .btn-favorite, .mydetail .bigimg .btn-favorite {position:absolute;right:1rem;bottom:2.25rem;width:2.5rem;height:2.5rem;background-position:center center;background-repeat:no-repeat;background-size:auto 2rem;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_16425)'%3E%3Cpath d='M16.3815 9.47378L15.0588 10.8374L13.7361 9.47378C11.9797 7.6656 9.13246 7.6656 7.3761 9.47378C5.61973 11.282 5.61973 14.2138 7.3761 16.0247C9.5 18.1486 11.5936 20.006 15.0588 22.3643C18.4759 20.006 20.5 18.2662 22.7415 16.0247C24.4979 14.2165 24.4979 11.2847 22.7415 9.47378C20.9852 7.6656 18.1379 7.6656 16.3815 9.47378Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_16425'%3E%3Crect width='19.6364' height='18' fill='white' transform='translate(5 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");z-index:3;} .bigimg .swiper-wrapper {min-height:200px;max-height:380px;background:#757574;} .bigimg .swiper-container .swiper-slide:before {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.2);z-index:1;} .bigimg .swiper-container {z-index:1;} .swiper-container {position:relative;background:var(--txt-555);overflow:hidden;} .swiper-container .photo_num {position:absolute; right:unset; left:.25rem; bottom:2.5rem;width:auto;height:2rem;padding:0 .7rem 0 2.75em;background:rgba(0,0,0,.15);border-radius:5rem;line-height:2rem;font-size:.75rem;font-weight:normal; color:#fff;text-align:left;z-index:4;} .swiper-container .photo_num span {font-size:11px !important;color:#fff !important;font-weight:normal !important;} .swiper-container .photo_num span.swiper-pagination-total {font-weight:normal;} .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {background-size:10px auto !important;} .bigimg.review {margin-bottom:15px !important;} .bigimg.review .expand {bottom:10px;} .bigimg.review .btn-favorite {display:none;} .bigimg.review img {margin-bottom:0 !important;} .label-area {display:block;font-size:0;} .label-area span {display:inline-block;padding:.2rem .8rem;margin-right:.2rem;border-radius:10rem;border:0 solid ;background:#ddd;color:#fff;font-size:.65rem;overflow:hidden;vertical-align:middle;} .label-area span.pro {padding:.0 .75rem;background-color:#2C2C2C;line-height:1.8;} .label-state {display:inline-block;border:1px dashed #aaa;padding:.0 .75rem;border-radius:10rem;color:#2c2c2c;} .label-state.pro {border-color:#0064FF;color:#0064FF;} .label-pro {display:flex; flex-wrap: wrap; gap:3px; padding-bottom:0.125rem; } .label-pro span { display:inline-flex; height:1.3rem; line-height:1.3rem; padding:0 .8rem;font-weight:bold; border-radius:6rem; border:1px solid #1E9AFF; font-size:.75rem; color:#1E9AFF; background-color:#fff; } .label_promotion { border:1px solid #FF6D1F !important; color:#fff !important; background-color:#FF6D1F !important; } .label_virtual {border:1px solid #0064FF !important; color:#fff !important; background-color:#0064FF !important; } .label_disable {border:1px solid #2f3845 !important; color:#fff !important; background-color:#2f3845 !important; } /* 차량리스트 */ .usedcar-list{position:relative;} .usedcar-list:after{display:block;content:'';clear:both;} .usedcar-list>li {position:relative;float:left;width:48.8%;margin-right:2.4%;margin-bottom:2%;} .usedcar-list li:nth-child(2n) {margin-right:0;} .usedcar-list>li a{display:block;} .usedcar-list>li .check {position:absolute;left:.5rem;top:.5rem;z-index:2;} .usedcar-list>li .check input[type=checkbox] + label {zoom:1.75;} .usedcar-list>li .check input[type=checkbox] + label:before {border:0;} .usedcar-list>li .check input[type=checkbox]:checked + label:after {left:.45rem;} .usedcar-list>li.off {opacity:.3;} .usedcar-list .thumb{position:relative;display:block;width:100%;height:8rem;padding:0;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;} .usedcar-list .timebar-wrap .timebar {width:100%;} .usedcar-list .info-wrap {position:relative;} .usedcar-list .info-wrap .label-area {padding-top:.5rem;} .usedcar-list .pdt-info {position:relative;padding:1rem 0;} .usedcar-list .pdt-info .pdt-name{display:block;padding-bottom:0.5rem;color:#222;line-height:1.3rem;word-break:keep-all;} /*.usedcar-list .pdt-info .label-area {position:absolute;top:-2.5rem;left:-.5rem;z-index:10;} .usedcar-list .pdt-info .label-area span.pro {background:rgba(0,0,0,.5);border:0;color:#fff;}*/ .usedcar-list .bigimg .price{position:absolute;left:0;bottom:5px;display:inline-block;padding:0 10px;border-radius:0 5px 0 0;background:#714dfd;font-size:0;color:#fff;overflow:hidden;z-index:10;} .usedcar-list .bigimg .price em{font-size:.9rem;color:inherit;} .usedcar-list .usedcar-ex {min-height:1.2rem;color:#25c18b;font-size:.75rem;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .usedcar-list .icon {position:absolute;right:.5rem;top:-5rem;display:inline-block;border-radius:50px;width:70px;height:70px;background-color:#42c095;line-height:70px;color:#fff !important;font-size:.9rem;font-weight:bold;text-align:center;} .usedcar-list .icon.end {background-color:#999;} .usedcar-list .icon_kind {display:inline-block;width:1.2rem;height:1.2rem;line-height:1.2rem;background:#f4f4f4;margin-right:5px;color:var(--txt-black);border:1px solid #bbb;border-radius:50%;text-align:center;font-size:.7rem;} .usedcar-list .icon_kind.out {background:#f4f4f4;} .usedcar-list .bigimg .icons .btn-view {display:none;overflow:hidden;width:1.5rem;height:1.5rem;background-position:0 center;background-repeat:no-repeat;background-image:url(/app/images/icon/icon_view.png);background-size:auto .8rem;} .usedcar-list .bigimg .icons .btn-dealer {overflow:hidden;height:1.5rem;padding:0 .5rem 0 1rem;background-position:0 center;background-repeat:no-repeat;background-image:url(/app/images/icon/icon_dealer.png);background-size:auto .9rem;font-size:.9rem;font-weight:bold;color:#fff;} .usedcar-list .state {display:none;padding:0 19px;min-width:120px;border:1px solid #714dfd;border-radius:50px;margin:.8rem 0;color:#714dfd;font-size:.9rem;font-weight:bold;line-height:2.1;text-align:center;} .usedcar-list .state i {display:inline-block;margin-left:3px;border:1px solid rgba(255,255,255,.5);border-radius:50px;padding:0 5px;font-size:80%;color:#ccc;vertical-align:middle;} .usedcar-list .state.type1 {color:var(--txt-777);border-color:var(--txt-777);} .usedcar-list .state.type2 {background:#272727;border-color:#272727;color:#fff;} .usedcar-list .btn-bid { display:block; border-radius:60px; height:32px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; background-color:#fc6500; color:#fff; margin-top:0.45rem; } .usedcar-list .auc-state {display:block;margin:0 1rem 1rem;border-radius:var(--radius-default);border:.12rem dashed #0064FF;line-height:2.7rem;text-align:center;font-size:1.125rem;color:#0064FF;} .usedcar-list .auc-state.type5 {border-color:#272727;color:#272727;} .usedcar-list li .button-group {display: flex;gap: .25rem;align-items: center;padding-bottom:0;} .usedcar-list li .button-group:before, .usedcar-list li .button-group:after {display:none;} .usedcar-list li .button-group .button {flex:1;height:3.125rem;} .usedcar-list li .button-group .flex2 {flex:2;} .usedcar-list li .btn-wrap { position:absolute; bottom:1rem;left:1rem;color:#ccc;z-index:5;} .usedcar-list li .btn-wrap { position:absolute; bottom:1rem;left:1rem;color:#ccc;z-index:5;} .usedcar-list li .usedcar-opt {padding-right:1rem;} @media all and (max-width:360px){ .usedcar-list .state {display:none;padding:0 10px;} } /* 1위표시 삭제 .usedcar-list li .bigimg .icon_first {position:absolute;left:0;top:0;right:0;bottom:0;background:url(/app/images/icon/icon_1st.png) no-repeat center center rgba(0,0,0,0.4);background-size:auto 52px;z-index:1;}*/ .usedcar-list li.view .gradation, .usedcar-list li.end .gradation {display:none;} .usedcar-list li.view .bigimg .icons .btn-view {display:inline-block;} .usedcar-list li.view .bigimg:before, .usedcar-list li.end .bigimg:before, .usedcar-list li.ing .bigimg:before, .usedcar-list li.ing .bigimg:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:var(--radius-default) var(--radius-default) 0 0;background:rgba(0,0,0,.35);; z-index:1;} .usedcar-list li.end .timebar-wrap, .usedcar-list li.end .icons, .usedcar-list li.end .price {display:none;} .usedcar-list li.end .bigimg:after {content:'경매종료';position:absolute;left:1rem;bottom:.75rem;font-size:.875rem;color:#ddd;text-align:center;z-index:2;} .usedcar-list li.ing .timebar-wrap, .usedcar-list li.ing .icons, .usedcar-list li.ing .price {display:none;} .usedcar-list li.ing .bigimg:after {content:'경매 대기중'; position:absolute;left:0;right:0;top:45%;font-size:1.05rem;color:#eee;text-align:center;z-index:2;} .usedcar-list.mine .timebar-wrap, .usedcar-list.mine li .icons, .usedcar-list.mine li .icon_first {display:none;} .usedcar-list.mine li .state {display:inline-block;} .usedcar-list.my_end .timebar-wrap, .usedcar-list.my_end li .icons, .usedcar-list.my_end li .icon_first {display:none;} .usedcar-list.my_end li .price {bottom:0;background:transparent; height:auto;} .usedcar-list.my_end li .state {display:inline-block;} .usedcar-list.my_end .state.type1 {width:140px;} .usedcar-list.review .pdt-info .pdt-name {font-size:1rem;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .usedcar-list.review .pdt-info .txt {min-height:2.1875rem;font-size:.9rem;color:#828792;} .usedcar-list.review .pdt-info .price {padding:1.5rem 0 1rem;font-size:1.25rem;font-weight:bold;} .usedcar-list.review .pdt-info .price em {font-size:inherit;} .usedcar-list.jjim li .btn-wrap {/*bottom:auto !important;left:auto !important;*/top:.5rem;right:.5rem;bottom:auto;right:auto;} .usedcar-list.jjim li .btn_del {width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgba(0,0,0,.75);background-size:auto 3.5rem !important;background-position:center -.35rem !important;background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1342_16890)'%3E%3Cpath d='M50.5996 46.6L40.9996 37L50.5996 27.4' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.4004 27.4L41.0004 37L31.4004 46.6' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1342_16890' x='-8' y='-8' width='98' height='98' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='14.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1342_16890'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1342_16890' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");font-size:0;z-index:10;} .usedcar-list.jjim li .btn-favorite {display:none;} @media all and (max-width:360px){ .usedcar-list .btn-box button {font-size:1rem;} } @media all and (max-width:320px){ .usedcar-list .btn-box button {font-size:.9rem;} } .paging-wrap {height:3rem;} .paging-wrap .paging {display:none;position:fixed;left:50%;bottom:1.5rem;width:auto;height:1.2rem;padding:0 .7rem;text-align:center;line-height:1rem;font-size:0.8rem;color:#fff;border-radius:50px;background:rgba(0,0,0,.4);transform:translateX(-50%);z-index:100;} .paging-wrap .paging span {font-size:inherit;color:inherit;} @media all and (max-width:20rem){ /* 320px */ .usedcar-list.list-view .thumb {width:120px;} .usedcar-list.list-view .usedcar-opt {font-size:.8rem;} .usedcar-list.list-view .info-wrap {width:calc(100% - 145px);} } /* 찜버튼 */ .btn-favorite {overflow:hidden;width:2.5rem;height:2.5rem;background-position:center center;background-repeat:no-repeat;background-size:auto 2rem;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_16425)'%3E%3Cpath d='M16.3815 9.47378L15.0588 10.8374L13.7361 9.47378C11.9797 7.6656 9.13246 7.6656 7.3761 9.47378C5.61973 11.282 5.61973 14.2138 7.3761 16.0247C9.5 18.1486 11.5936 20.006 15.0588 22.3643C18.4759 20.006 20.5 18.2662 22.7415 16.0247C24.4979 14.2165 24.4979 11.2847 22.7415 9.47378C20.9852 7.6656 18.1379 7.6656 16.3815 9.47378Z' stroke='%23bbb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_16425'%3E%3Crect width='19.6364' height='18' fill='white' transform='translate(5 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} .btn-favorite span {display:none !important;} .btn-favorite.on {background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.522 9.05288L15.2727 10.3408L14.0235 9.05288C12.3647 7.34515 9.67561 7.34515 8.01682 9.05288C6.35803 10.7606 6.35803 13.5295 8.01682 15.2398L15.2727 23.2273L22.5286 15.2398C24.1874 13.5321 24.1874 10.7632 22.5286 9.05288C20.8698 7.34515 18.1808 7.34515 16.522 9.05288Z' fill='%2300C8FF'/%3E%3C/svg%3E%0A") !important} /* 내차팔기 리스트 */ .usedcar-list.selltype {display:flex;flex-direction:column;gap:1rem;} .usedcar-list.selltype > li {width:100%;margin:0;border-radius:1.25rem;background:#fff;overflow:hidden;} .usedcar-list.selltype .pdt-info {padding:1.25rem;padding-bottom:4rem;} .usedcar-list.selltype .pdt-info .pdt-name{font-size:1.125rem;font-weight:bold;} .usedcar-list.selltype .bigimg {border-radius:0;} .usedcar-list.selltype .thumb {height:13rem;} .usedcar-list.selltype .button-group {padding:0 1rem 1rem;} .usedcar-list.selltype > li .btn-wrap { /*position:absolute; bottom:1rem;left:1rem;*/color:#ccc;z-index:5;font-size:0;} .usedcar-list.selltype > li .price_wrap { position:absolute; bottom:1rem;right:1.25rem;} .usedcar-list.selltype > li.end .pdt-info {padding-bottom:1.25rem;} .usedcar-list.selltype > li .time-remain {padding-bottom:.75rem;font-size: .875rem;color:#989c99;} .usedcar-list.selltype > li .time-remain b {color:var(--bgcolor-btn);} /* 가격 */ .price_wrap {/*min-height:3rem;padding:0 1.25rem 1rem;*/text-align:right;} .price_wrap .total_price {font-size:1.125rem;color:#0064FF;} .price_wrap .total_price b {font-size:1.75rem;} /* 시세 */ .marketPrice { display:block; font-size:0; } .marketPrice h3 {display:block; font-size:15px; line-height:1.3em; font-weight:500; color:#333;} .marketPrice .carMart {display:block;width:100%; } .marketPrice .carMart ul {font-size:0;position:relative; } .marketPrice .carMart ul li {display:inline-block; width:calc(50% - 8px);margin-left:16px; vertical-align:top; text-align:center; } .marketPrice .carMart ul li:first-child {margin-left:0 } .marketPrice .carMart ul li dl dt { display:inline-block; font-size:16px; font-weight:500;} .marketPrice .carMart ul li dl dt a.info{display:inline-block; vertical-align:middle; margin-left:2px; margin-top:-3px; width:19px; height:19px; border-radius:25px; background-color:#bbb; border:1px solid #999 } .marketPrice .carMart ul li dl dt a.info:before {content:"?"; display:inline-block; vertical-align:top; font-size:13px; line-height:17px; font-weight:bold; color:#fff; } .marketPrice .carMart ul li dl dd { font-size:15px; line-height:1.5em; letter-spacing:0; padding-top:2px; font-weight:500; } .marketPrice .carMart ul li dl dd strong {font-size:20px;} .marketPrice .carMart ul li dl dt a{display:block;line-height:24px;font-size:14px;color:#bdbdbd;} .marketPrice .carMart ul li dl dt a.active{color:#333;} .marketPrice .carMart ul li dl dt a.tip {padding-left:0; } .marketPrice .carMart ul li dl dt a.tip + div {display:none;position:absolute;left:0; top:30px; width:100%;padding:15px 15px;border:1px solid var(--txt-888); background:#fff;font-size:13px; color:#333; line-height:1.5em; text-align:left; box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:1;} /*.marketPrice .carMart ul li dl dt a.tip + div:after {content:'';position:absolute;left:-6px;top:14px;width:10px;height:10px;border-width:0 0 1px 1px;border-color:#999;border-style:solid;background:#fff;z-index:2;transform:rotate(45deg);}*/ .marketPrice .carMart ul li dl dt a.tip:hover + div {display:block;} .marketPrice .carMart.hide{display:none;} .marketPrice .carMart p {display:block; padding-top:0px;font-size:13px; color:var(--txt-888); line-height:1.4em; } .marketPrice .graph_wrap * {font-size:.6rem;} .marketPrice .graph_wrap .legend {text-align:right;font-size:.6rem;} .marketPrice .graph_wrap .unit {display:block;padding-top:1rem;text-align:right;font-size:.6rem;color:var(--txt-888);} .marketPrice .graph_wrap .legend .line {display:inline-block;width:.5rem;height:.5rem;margin:0 .3rem 0 .5rem;border-radius:50%;background:#33bbff;} .marketPrice .graph_wrap .legend .line + .line {background:#1350f7;} .marketPrice .change {margin-top:10px;} .paging-wrap {height:3rem;} .paging-wrap .paging {display:none;position:fixed;left:50%;bottom:1.5rem;width:auto;height:1.2rem;padding:0 .7rem;text-align:center;line-height:1rem;font-size:0.8rem;color:#fff;border-radius:50px;background:rgba(0,0,0,.4);transform:translateX(-50%);z-index:100;} .paging-wrap .paging span {font-size:inherit;color:inherit;} @media all and (max-width:20rem){ /* 320px */ .usedcar-list.list-view .thumb {width:120px;} .usedcar-list.list-view .usedcar-opt {font-size:.8rem;} .usedcar-list.list-view .info-wrap {width:calc(100% - 145px);} } .usedcar-top {clear:both;position:relative;font-size:.85rem;color:#777;line-height:2.5rem;} .usedcar-top .column {display:block !important;} .usedcar-top strong {padding:0 .5rem;} .usedcar-top .usedcar-action .button {height:2.5rem;font-size:.875rem;} .sortbox {position:absolute;right:var(--padd-half-column);top:0;font-size:0;} .sortbox button {position:relative;display:inline-block;width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-position:center center;background-size:auto 1.75rem;vertical-align:middle;font-size:0;} .sortbox .btn-quicksearch {background-size: auto 2.5rem;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8622 21.7246C17.6522 21.7246 20.7245 18.6522 20.7245 14.8623C20.7245 11.0723 17.6522 7.99999 13.8622 7.99999C10.0723 7.99999 6.99995 11.0723 6.99995 14.8623C6.99995 18.6522 10.0723 21.7246 13.8622 21.7246Z' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8064 19.3147L23.4785 22' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .sortbox .btn-quicksearch.close {background-image:url(../images/icon/ico_openclose.png) !important;background-size:1.2rem auto !important;} .sortbox .btn-filter {background-image:url(../images/icon/btn_filter.png);background-size:auto 1.5rem;} .usedcar-top .right-btn button {position:absolute;right:1rem;top:50%;margin-top:-.6rem;margin-bottom:0;padding:.5em 1rem;border:1px solid #FC6500;background-color:#fff;border-radius:50px;overflow:hidden;color:#FC6500;font-size:.8rem;font-weight:normal;} .usedcar-top .right-btn select {position:absolute;right:1rem;top:50%;width:100px;height:2rem;margin-top:-1rem;margin-bottom:0;padding:0 0 0 1rem;border:1px solid #ddd;background:url(../images/icon/ico_open.png) no-repeat 90% center #fff;background-size:auto .8rem;border-radius:50px;overflow:hidden;color:#555;line-height:1;font-size:.8rem;font-weight:normal;} .sortbox .btn-sort {width:auto;padding:0 .5rem 0 1rem;background:url(../images/icon_sort.png) no-repeat 0 center;background-size:auto 1.3rem;color:var(--txt-888);font-size:.75rem;} .dropdown { display:none; position:absolute; top:2rem;left:-2rem;width:120px;overflow:hidden; z-index:9999; padding:.5rem 0;border-radius:var();background:#fff;border:1px solid #dfdfdf;border-radius:.5rem;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .dropdown li {display:block; } .dropdown li:last-child { border-bottom:none; } .dropdown li a { display:block;height:100%;padding:0 0 0 15px;color:#777;line-height:2.5rem;font-size:.8125rem;} html.search-result.album #search-result {background-color:#eceff1} html.search-result.album #search-result .product-list > li {border-top:2px solid #e2e3e3;margin-bottom:1.563rem} html.search-result.album #search-result .product-list > li:first-child {border-top:0} html.search-result.album #search-result .content-inner {background-color:#fff} html.search-result.album #search-result .dealer td.dealer-img {padding:0} html.search-result.album #search-result .dealer td.dealer-img div {width:48px;height:48px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} html.search-result.album #search-result .dealer {margin-bottom:0} html.search-result.album #search-result .dealer tbody {border:0} html.search-result.album #search-result .dealer td {background-color:transparent!important} html.search-result.album #search-result .dealer td.dealer-info {padding:0 0 0 5px} html.search-result.album #search-result .dealer td.dealer-info p {color:#212121;font-weight:600} html.search-result.album #search-result .dealer td.dealer-info span {font-size:0.875rem;color:#616161} html.search-result.album #search-result .dealer td.dealer-info span:after {content:'|';font-size:0.5rem;color:#bdbdbd;margin:0 0 0 4px} html.search-result.album #search-result .dealer td.dealer-info span:last-child:after {content:none} html.search-result.album #search-result .content-meta {display:block} html.search-result.album #search-result .content-meta ul:after {content:'';display:block;clear:both} html.search-result.album #search-result .content-meta ul li {float:left;width:33.3%;height:auto;background-color:#fff} html.search-result.album #search-result .content-meta ul li a {display:block;width:100%;height:2rem;text-align:center;background:url(../images/icon/content_meta_spacer.png) right top repeat-y;margin:0.5rem 0} html.search-result.album #search-result .content-meta ul li:last-child a {background-image:none} html.search-result.album #search-result .content-meta ul li a span {display:inline-block;height:2rem;line-height:2rem;color:#212121;background-position:left center;background-repeat:no-repeat;background-size:1rem;padding-left:1.5rem} html.search-result.album #search-result .content-meta ul li.p-zzim span {background-image:url(../images/icon/meta_zzim.png)} html.search-result.album #search-result .content-meta ul li.p-memo span {background-image:url(../images/icon/meta_memo.png)} html.search-result.album #search-result .content-meta ul li.p-tel span {background-image:url(../images/icon/meta_tel.png)} /* ================================================================================================================================ 차량상세 ================================================================================================================================ */ /* 차량정보 */ .cardetail .titlebar-right .menu-icon.icon-close {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5996 21.6L11.9996 12L21.5996 2.40002' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.40039 2.39998L12.0004 12L2.40039 21.6' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .cardetail .container {padding-left: var(--padd-column);padding-right: var(--padd-column);} .cardetail .column {padding:0;} .cardetail .detailCon.bg, .mydetail .detailCon.bg {padding:1rem 0;background:#fff;} .cardetail .detailCon.cartitle:before, .mydetail .detailCon.cartitle:before {display:none;} /*.cardetail .txt_info, .mydetail .txt_info {margin-top:1rem;}*/ .cardetail .bigimg.detail{margin:-1.25rem -1.25rem .5rem -1.25rem;border-radius:0 0 1rem 1rem;} .cardetail h4 {padding-top:1rem;} .cardetail h4.link {background:none;} .cardetail h4.link:before {content:'전체보기';position:absolute;right:2rem;bottom:1rem;font-size: .75rem;font-weight: normal;line-height: 1.5rem;color: #5c5c5c;} .cardetail h4.link:after {content:'';position:absolute;right:0;bottom:.75rem;width:2rem;height:2rem;background-repeat:no-repeat;background-size:auto 1rem;background-position:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");transform:rotate(180deg);z-index:2;} .cardetail.mydetail .bigimg.detail .btn-favorite {display:none;} .mydetail .detailCon.carinfo .button {display:none;} .cardetail .carinfo .button {position:absolute;right:0;top:.25rem;height:2.5rem;padding:0;background:transparent;font-size:.8rem;color:var(--txt-gray);font-weight:normal;text-decoration:underline;} /* 외부 iframe용 관리자용 상세페이지 */ .outside .cardetail .header {display:none;} .outside .cardetail .container {padding-left:2rem;padding-right:2rem;gap:1rem;} .outside .cardetail .bigimg.detail {margin-left:-2rem;margin-right:-2rem;} .outside .cardetail .expand {display:none;} .outside .mydetail .cardetail .btn-favorite {display:none;} .outside .cardetail .swiper-container .photo_num {padding-left:.7rem;} .outside .cardetail .detailCon, .step-cont {padding:2rem;} .outside .cardetail .button-group-fixed .button-group .button {background-color:#0064FF;} .outside .bigimg .swiper-wrapper {max-height:none;} /*.detailCon {position:relative;padding:var(--padd-row) 0;border:0 !important;margin-top:var(--divide-height);}*/ .detailCon.cartitle {margin-top:-3rem;z-index:1;} /*.detailCon:before, .detailCon.row:before {content:'';position:absolute;top:var(--divide-margin);display:block;height:var(--divide-height);background:var(--bgcolor-default);}*/ .detailCon .table_01 {margin:0;padding:0 .375rem;} .detailCon.bg {background:var(--bgcolor-default)} .detailCon .marketPrice .txt_info {text-align:center;} .detailCon h3 {padding:.5rem .25rem;} .detailCon .h4, .detailCon h4 {padding-bottom:1rem;} .detailCon h5 {position:relative;padding:1rem 0 .25rem .375rem;font-size:1rem;font-weight:bold;font-size:1.05rem;} .detailCon .detail_box {position:relative;padding:1.6rem 2rem 2rem; } .detailCon .detail_cartitle{font-size:1.25rem;word-break:keep-all;font-weight:bold;letter-spacing:-1px;} .detailCon .car-explain {padding:.7rem .5rem 1rem;word-break:break-all;line-height:1.8;} .detailCon .car-explain button {margin-bottom:1rem;width:100%;} .detailCon .car-explain { .ul-list-wrap .ul-list {margin-top:-1rem !important;} .ul-list-wrap .ul-list li {display: flex;flex: none;align-items: flex-start;padding: .25rem .5rem .25rem .25rem;} .ul-list-wrap .ul-list li span {flex:auto;padding-top: .125rem;font-size: .875rem;color: #74787B;} .ul-list-wrap .ul-list li .color-blue {color: #004DDB} .ul-list-wrap .ul-list li div.off {opacity: .3;} .ul-list-wrap + .txt_info {display:none;} } .detailCon .usedcar-icon {padding:0;} .detailCon .button {margin:0;} .detailCon .ul_list {padding-top:.5rem;padding-bottom:.5rem;} .detailCon.cardetail_title {padding:1.75rem;margin-top: -2rem;margin-bottom:1rem;z-index:2;} .detailCon .auction-info {position:relative;width:100%;padding:1rem var(--padd-box) 0;display:inline-flex;} .detailCon .auction-info li {flex:1;padding:0;} .detailCon .auction-info li i {display:block;color:var(--txt-subtitle);font-size:.85rem;} .detailCon .auction-info li strong {display:inline-block;font-size:1.7rem;} .detailCon .auction-info li strong.kor {font-size:1.5rem;} .detailCon .auction-info li + li {text-align:right;} .detailCon .auction-info li + li strong {width:2.5rem;text-align:center;} .detailCon .auction-info li + li strong.color {color:#0064FF;} .detailCon .auction-info li span {display:inline-block;width:24px;text-align:center;font-size:12px;color:#ddd;vertical-align:text-top;} .detailCon .timebar-wrap {/*padding-bottom:2rem;*/margin:0 var(--padd-box);} .detailCon .timebar-wrap .timebar {height:.15rem;} .detailCon .button-group {padding:0;} .detailCon .button-group .button {height:3.125rem;} .carcheck .detailCon .button-group .button {height:3.75rem;} /* 그래프 */ /* .graph-area {margin:0 var(--margin-column);font-size:0;} .graph-area .graph {position:relative;display:inline-block;width:100%;min-width:300px !important;min-height: 200px;padding-bottom:1.2rem;padding-left:0;margin:0 auto;} .graph-area .price-pt { position:absolute; left:0; width:100%;top:0px;} .graph-area .price-pt dl{display:inline-block; width:33.3%;vertical-align:bottom; padding-left:15px; padding-top:10px;} .graph-area .price-pt dl dt { font-size:14px; color:#888 } .graph-area .price-pt dl dd { font-size:17px; color:#333; padding-top:0px; letter-spacing:0;} .graph-area .graph_tooltip {position:relative;width:160px;padding:10px;font-size:16px;letter-spacing:0;color:#000;} .graph-area .graph_tooltip span {display:block;padding:3px 0;font-size:12px;line-height:1.2;white-space:pre-wrap;word-break:break-all;color:#333;} .graph-area .graph_tooltip span b {padding-left:5px;word-break:keep-all;font-size:13px;} .graph-area .graph_tooltip span.outprice {padding:10px 0;margin-top:12px;border-top:1px solid #eee;font-size:13px !important;color:#000;} .graph-area .graph_tooltip span.outprice b {font-size:14px !important;} .graph-area .graph_tooltip:before {content:'시장';display:block;padding:0 0 7px;font-size:13px;font-weight:bold;letter-spacing:-2px;color:#00a9e0;} .graph-area .graph_tooltip2 {position:relative;width:120px;background:#177ee7;border:1px solid #177ee7;padding:10px;font-size:16px;letter-spacing:0;color:#fff;} .graph-area .graph_tooltip2:before {content:'적정시세';display:block;padding:0 0 7px;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-2px;} .graph-area .x-km {position:absolute; right:.7rem; bottom:0;font-size:12px; color:#999;letter-spacing:-1px;z-index:55;} .graph-area .y-price {position:absolute; left:.7rem; top:.7rem;font-size:12px; color:#999;letter-spacing:-1px;z-index:55;} .graph-area .scatter_graph div div {width:300px !important; } .graph-area .scatter_graph div div svg {width:300px !important; }*/ /* 20231106 - 딜러앱 그래프 넓이값 추가 */ .graph-area {/*margin:0 var(--margin-zero-column);padding:var(--padd-column);background:#f3f4f5;*/font-size:0;} .graph-area.box {padding:0 !important;background-color:transparent !important;} .graph-area .graph {position:relative;display:inline-block;width:100%;min-width:18rem;min-height: 140px;padding:1.75rem 0 1rem;margin:0 auto;} .graph-area .price-pt { position:absolute; left:0; width:100%;top:0px;} .graph-area .price-pt dl{display:inline-block; width:33.3%;vertical-align:bottom; padding-left:15px; padding-top:10px;} .graph-area .price-pt dl dt { font-size:14px; color:#888 } .graph-area .price-pt dl dd { font-size:17px; color:#333; padding-top:0px; letter-spacing:0;} .graph-area .graph_tooltip {position:relative;width:10rem;padding:10px;font-size:.8rem;color:#777;} .graph-area .graph_tooltip span {display:block;font-size:1rem;color:#111;font-weight:bold;line-height:1.2;} .graph-area .graph_tooltip span b {font-size:1.3rem;} .graph-area .graph_tooltip.type2 {background:var(--bgcolor-btn);border:0;color:rgba(255,255,255,.7);} .graph-area .graph_tooltip.type2 span {color:#fff;} .graph-area .x-km {position:absolute; right:.25rem; bottom:0;font-size:.8125rem; color:#8E8E8E;letter-spacing:-1px;z-index:55;} .graph-area .y-price {position:absolute; left:.25rem; top:0;font-size:.8125rem; color:#8E8E8E;letter-spacing:-1px;z-index:55;} .scatter_graph svg > rect {fill:transparent;} .scatter_graph path {fill-opacity:.6;fill: #e0f6f9;} .scatter_graph circle {fill-opacity:.15;fill:#212121;} .scatter_graph circle:last-of-type {fill-opacity:1;} .scatter_graph:after {content:'';position: absolute;left:3.125rem;bottom: 2.25rem;right: 0;height: 1px;background-color: #E1E3EB;} /* 시세 */ .sise_wrap .box {padding: .625rem;background: #F4F5F9;border-radius: .5rem;} .sise_wrap .legend {padding-top:0;line-height:1.4;font-size:.75rem;text-align:right;color:#5B5B5B;} .sise_wrap .legend span {display:inline-block;width:8px;height:8px;margin-left:.5rem;margin-right:.25rem;border-radius:50%;background:#212121;} .sise_wrap .legend span:first-child {background:#212121;opacity:.3;} .sise_wrap .legend span:last-child {width:15px;background:#e0f6f9;border-radius:0;} .sise_wrap {display:flex;flex-direction:column;gap:1rem;} .sise_wrap .proper_price {position:relative;font-weight:bold;font-size:1.875rem;text-align:right;line-height:5rem;} .sise_wrap .proper_price .siselabel {position:absolute;left:0;top:0;padding:0 1rem;border-radius:100rem;background:#212121;color:#fff;font-size:.75rem;line-height:1.375rem;} .sise_wrap .box .ul_list {padding-top: .5rem;padding-bottom: .5rem;} .sise_wrap .box .ul_list li div {font-size:1.125rem;text-align:right;} .level-price {position:relative;display:inline-block;width:100%;padding:.25rem 0 1.625rem;font-size:0;text-align:center;} .level-price .bar {display:inline-block;width:100%;height:.35rem;border-radius:20rem;background:#F5F6FA;} .level-price .bar_pregress {width:1px;height:100%;background:#212121;border-radius:20rem;} .level-price .price {position:absolute;top:1.25rem;font-size:.8125rem;color:#5B5B5B;letter-spacing:0;} .level-price .price1 {left:0;} .level-price .price2 {left:auto;right:0;} .level-price .auto-price {position:absolute;width:.8rem;height:.8rem;margin:-.5rem 0 0 -.4rem;border-radius:50%;font-size:0;} .level-price .auto-price:after {content:'';position:absolute;bottom:0;width:2rem;height:2.5rem;margin:0 0 0 -1rem;background-repeat:no-repeat;background-position:center;background-size:100% auto;background-image: url("data:image/svg+xml,%3Csvg width='32' height='37' viewBox='0 0 32 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16344 0 0 7.16345 0 16C0 20.7416 3 24.5919 6.33947 27.9314L15.9463 36.5382L24.9686 28.5159C28.9844 24.5 32 21.0672 32 16C32 7.16345 24.8366 0 16 0Z' fill='%23566067'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.34424 11.1909C8.84186 11.3574 8.56692 11.908 8.73014 12.4207L9.81448 15.826H8.9586C8.34072 15.826 7.83984 16.3371 7.83984 16.9676C7.83984 17.5981 8.34072 18.1092 8.9586 18.1092H10.0774C10.2319 18.1092 10.379 18.0772 10.5129 18.0194L11.8501 22.2188C11.9822 22.6338 12.361 22.8967 12.7671 22.8934C13.1731 22.8967 13.5517 22.6338 13.6839 22.2188L16.0123 14.9063L18.3408 22.2188C18.4729 22.6338 18.8517 22.8967 19.2577 22.8934C19.6637 22.8967 20.0424 22.6338 20.1746 22.2188L21.5199 17.9938C21.6681 18.0677 21.8347 18.1092 22.0107 18.1092H23.1295C23.7473 18.1092 24.2482 17.5981 24.2482 16.9676C24.2482 16.3371 23.7473 15.826 23.1295 15.826H22.2102L23.2945 12.4207C23.4578 11.908 23.1828 11.3574 22.6804 11.1909C22.1781 11.0243 21.6385 11.3048 21.4752 11.8175L19.2577 18.7817L17.0401 11.8175C16.896 11.3649 16.4585 11.0932 16.0123 11.1504C15.5661 11.0932 15.1287 11.3649 14.9845 11.8175L12.767 18.7817L10.5494 11.8175C10.3862 11.3048 9.84662 11.0243 9.34424 11.1909Z' fill='white'/%3E%3C/svg%3E%0A");} .graph_ex {padding-bottom:1rem;font-size:.875rem;color:#5B5B5B;line-height:1.3;} /* 보험이력 */ .bohum_list {display:flex;margin:0 0 1rem !important;padding:.25rem 0 1rem;border-bottom:1px solid #eee;} .bohum_list li {flex:1;color:var(--txt-subtitle);font-size:0.813rem;text-align:center;} .bohum_list li span {display:inline-block;width:3rem;height:3rem;border-radius:50%;background-color:#606c77;background-image:url('/app/images/icon/icon_bohum_1.png');background-position:center 45%;background-repeat:no-repeat;background-size:auto 60%;} .bohum_list li span.icon2 {/*background-color:#3787f3;*/background-image:url('/app/images/icon/icon_bohum_2.png');} .bohum_list li span.icon3 {/*background-color:#37a6f3;*/background-image:url('/app/images/icon/icon_bohum_3.png');} .bohum_list li span.icon4 {/*background-color:#29b3ca;*/background-image:url('/app/images/icon/icon_bohum_4.png');} .bohum_list li b {display:block;font-size:1.125rem;color:var(--txt-black);line-height:2.5;} .table_01 {border-collapse:inherit;margin:0;line-height:35px;color:var(--txt-black);} .table_01 tbody {background-color:transparent;border:0;} .table_01 th, .table_01 td {padding:.375rem 0;/*height:2.25rem;padding-top:0;padding-bottom:0;*/} .table_01 th {/*padding:.5rem 0 0;*/text-align:left;color:var(--txt-subtitle);font-weight:normal;font-size:0.9rem;vertical-align:top;} .table_01 tr:nth-child(even) {background:transparent;} .table_01 td {/*padding:0;*/color:var(--txt-black);font-weight:bold;font-size:1rem;text-align:right;} .table_01 td button.modi {margin-left:.3rem;} .table_01 td .impact {color:var(--txt-impact);} .detail_tab{clear:both;height:3.3rem; text-align:center; color:var(--txt-888)888; border-bottom:1px solid #e6e6e6;border-top:1px solid #555; } .detail_tab li{float:left;width:33.33%;line-height:3.3rem;font-size:16px;font-weight:bold;letter-spacing:-qpx;} .detail_tab .on{height:3.3rem; border-bottom:2px solid #e8193c; padding-bottom:3px; color:#e8193c;} .cardate span {margin-left:5px;} /*상세아이콘*/ .car_icon {clear:both;position:relative;font-size:0;} .car_icon li{width: 33.33%; display: inline-block;padding:0 0 1.5rem;color: var(--txt-black);text-align: center;line-height:1;vertical-align:top;} .car_icon li:nth-child(3n+1) {clear:both;} .car_icon li span {display:inline-block;width:55px;height:55px;background-image:url(/app/images/icon/sub_icon1.png);background-repeat:no-repeat;background-position:center center;background-size:auto 2.5rem !important;} .car_icon li span.icon01 {background-image:url(/app/images/icon/sub_icon1.png);} .car_icon li span.icon02 {background-image:url(/app/images/icon/sub_icon2.png);} .car_icon li span.icon03 {background-image:url(/app/images/icon/sub_icon3.png);} .car_icon li span.icon04 {background-image:url(/app/images/icon/sub_icon4.png);} .car_icon li span.icon05 {background-image:url(/app/images/icon/sub_icon5.png);} .car_icon li span.icon06 {background-image:url(/app/images/icon/sub_icon6.png);} .car_icon li span.icon07 {background-image:url(/app/images/icon/sub_icon7.png);} .car_icon li span.icon08 {background-image:url(/app/images/icon/sub_icon8.png);} .car_icon li span.icon09 {background-image:url(/app/images/icon/sub_icon9.png);} .car_icon li span.icon10 {background-image:url(/app/images/icon/sub_icon10.png);} .car_icon li span.icon11 {background-image:url(/app/images/icon/sub_icon11.png);} .car_icon li span.icon12 {background-image:url(/app/images/icon/sub_icon12.png);} .car_icon li.on span.icon01 {background-image:url(/app/images/icon/sub_icon1_on.png);} .car_icon li.on span.icon02 {background-image:url(/app/images/icon/sub_icon2_on.png);} .car_icon li.on span.icon03 {background-image:url(/app/images/icon/sub_icon3_on.png);} .car_icon li.on span.icon04 {background-image:url(/app/images/icon/sub_icon4_on.png);} .car_icon li.on span.icon05 {background-image:url(/app/images/icon/sub_icon5_on.png);} .car_icon li.on span.icon06 {background-image:url(/app/images/icon/sub_icon6_on.png);} .car_icon li.on span.icon07 {background-image:url(/app/images/icon/sub_icon7_on.png);} .car_icon li.on span.icon08 {background-image:url(/app/images/icon/sub_icon8_on.png);} .car_icon li.on span.icon09 {background-image:url(/app/images/icon/sub_icon9_on.png);} .car_icon li.on span.icon10 {background-image:url(/app/images/icon/sub_icon10_on.png);} .car_icon li.on span.icon11 {background-image:url(/app/images/icon/sub_icon11_on.png);} .car_icon li.on span.icon12 {background-image:url(/app/images/icon/sub_icon12_on.png);} .car_icon li p {padding:0;font-size:.85rem;color:#aaa;} .car_icon li.on p {color:#111;} .car_icon.mycar li img {width:65px;} /* 확대보기 타이틀 */ .detail_title{height:50px; color:#fff; background:#e8193c; text-align:center; font-size:20px; font-weight:700; line-height:50px;} .detail_title .prev{position:absolute; left:15px; width:18px; top:16px; height:17px; background:url(../images/icon/header_back.png) no-repeat left top; background-size:auto 17px;} .detail_title .prev a{height:100%; display:block; } .detail_title.photo_zoom {height:120px; font-size:48px; line-height:120px;} .detail_title.photo_zoom .prev{height:40px; background-size:auto 40px; top:36px; left:30px;} .detailCon06_Wrap{height:3.2rem;} .detailCon06{clear:both; width:100%;z-index:10;} .detailCon06 li{float:left; text-align:center; width:50%;} .detailCon06 li.car-loc {width:100%;background-color:#26bf8b;} .detailCon06 li a{ line-height:3.2rem; font-size:1.05rem; color:#fff; font-weight:bold;} .detailCon06 .massage{background:#17044a;} .detailCon06 .massage a:before{content:'';display:inline-block;left:0;top:0;width:28px;height:18px;background-image:url('../images/icon/message.png');background-repeat:no-repeat;background-position:0px 0;background-size:20px 18px; padding:6px 12px 0 0; vertical-align:middle;} .detailCon06 .car-loc a:before{content:'';display:inline-block;left:0;top:0;width:28px;height:18px;background-image:url('../images/icon/icon_car_w.png');background-repeat:no-repeat;background-position:0px 0;background-size:20px 18px; padding:6px 12px 0 0; vertical-align:middle;} .detailCon06 .massage a, .detailCon06 .tel a{display:block;} .detailCon06 .tel{background-color:#26bf8b;} .detailCon06 .tel a:before{content:'';display:inline-block;left:0;top:0;width:24px;height:18px;background-image:url('../images/icon/call.png');background-repeat:no-repeat;background-position:0 0;background-size:18px 18px; padding:6px 12px 0 0; vertical-align:middle;} .menu-list h3 a {color:#e51c23} .menu-list .carinfo-list .car-name {font-size:1.125rem;color:#212121;font-weight:600;padding:0.625rem 0} .menu-list .carinfo-list li {position:relative;background-color:#fff;padding:6px 0.625rem} .menu-list .carinfo-list li:after, .menu-list .carinfo-list p:after {content:'';display:block;clear:both} .menu-list .carinfo-list span {display:inline-block;line-height:2rem;font-size:1rem;color:#212121} .menu-list .carinfo-list span.article-tag {width:6.25rem;color:#9e9e9e} .menu-list .carinfo-list span span {font-size:14px;color:#9e9e9e} .menu-list .carinfo-list .big {font-size:1.25rem} .menu-list .carinfo-list .red {color:#f52f46} .menu-list .carinfo-list a {position:absolute;top:6px;right:0.625rem;height:2rem;line-height:2rem;color:#e51c23;border:1px solid #e51c23;border-radius:1.5rem;padding:0 0.5rem} .menu-list table.carinfo-list tbody {border:0;border-top:1px solid #eceff1;border-right:1px solid #eceff1} .menu-list table.carinfo-list th {font-size:1rem;color:#d6d6d6;font-weight:400;text-align:left;background-color:#5f5f5f;border-bottom:1px solid #828282} .menu-list table.carinfo-list td {font-size:1rem;color:#212121;background-color:#f7f7f7;border-bottom:1px solid #eceff1} .menu-list table.carinfo-list td span {font-size:14px;color:#9e9e9e} /* 상세품목 보기 */ html.option-detail .option-detail-nav {width:100%} html.option-detail .option-detail-nav:after{content:'';display:block;clear:both} html.option-detail .option-detail-nav li {float:left;width:33.3%;background-color:#484b51;border-bottom:0;padding:0} html.option-detail .option-detail-nav li a {height:2.25rem;line-height:2.25rem;font-size:1rem;color:#9e9e9e;text-align:center;background:none} html.option-detail .option-detail-nav li a.active {color:#fff} html.option-detail .car-name {font-size:1rem;background:url(../images/icon/open_dealer.png) right center no-repeat;background-size:1rem;padding: 1.125rem 2rem 1.125rem 0} html.option-detail .menu-list .carinfo-list li {padding: 0.75rem 1.125rem} html.option-detail .menu-list .carinfo-list li p {font-size:0.875rem} /* 판매자 정보 */ .seller-info {position:relative;padding-left:6rem;} .seller-info .photo {position:absolute;left:1rem;top:0;width:4rem;height:4rem;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center !important;} .seller-info li {padding:0.5rem 0;border-bottom:1px solid #e6e6e6;font-size:.9rem;} .seller-info li span {display:inline-block;width:80px;color:inherit;font-size:0.8rem;letter-spacing:-1px;} .seller-info li.phone {border:0;} .seller-info li .title {font-size:1.1rem;color:#7c7c7c;letter-spacing:-1px;} .ex-box {clear:both;padding:.5rem 0;} .ex-box h4 {font-size:.9rem;font-weight:bold;color:#000;} .ex-box p, .ex-box li {padding:0.3rem .5rem;font-size:0.75rem;color:#566067;line-height:1.35;word-break:keep-all;} .ex-box .s2 {font-size:0.7rem;letter-spacing:-.1em;} .ex-box .ico-info {display:inline-block; vertical-align:middle; margin-right:3px; width:16px; height:16px; text-align:center; border-radius:30px; background-color:#999; color:#fff; font-size:10px; font-weight:bold; } .ex-box li {position:relative;padding-left:1rem;} .ex-box li::before {content:'';position:absolute;left:0.2rem;top:.8rem;width:6px;height:1px;background:#999;} .ex-box strong {font-size:inherit;font-weight:normal;} .ex-text {padding:0.2rem 0 0.5rem;font-size:0.8rem;color:#888;line-height:1.35;word-break:keep-all;} .ex-box.leave {padding:0} .ex-box.leave p {font-size:0.85rem} .ex-box.leave input[type=checkbox] + label {font-size:0.85rem; padding-left:1.6rem} .ex-box.leave input[type=checkbox] + label:before {width:18px;height:18px;} .ex-box.leave input[type=checkbox] + label:after {left:6px;width:6px;height:10px;margin:-7px 0 0 0;} .ex-box.fix {padding:.3rem 0 .3rem 1.5rem;background:url('/app/images/icon/icon_info.png') no-repeat 0 .4rem;background-size:auto 1rem;font-size:0.85rem;color:#999;line-height:1.4em;word-break:keep-all;} #card-visual {background:#e8193c;} #card-visual .visual-area {min-height:6rem;max-height:11.25rem} /* 차랑 기본정보 */ .car-image {padding:1rem 0} .car-image table {margin-bottom:0} .car-image tbody {border:0} .car-image td {padding-top:0;padding-bottom:0} .car-image p {font-size:1.25rem;font-weight:600;letter-spacing:-1px} .car-image span {color:#9e9e9e;letter-spacing:-1px} /* 헤더 영역의 신차출고가격 */ #header .option-selected {background-color:#2b2e35} #header .option-selected table {margin-bottom:0} #header .option-selected tbody {background-color:transparent;border:0;border-bottom:1px solid #f1f1f1} #header .option-selected tr {background-color:transparent!important} #header .option-selected tr:last-child th, #header .option-selected tr:last-child td {border-bottom:0} #header .option-selected th {width:6rem;font-size:14px;color:#9e9e9e;font-weight:400;text-align:left} #header .option-selected td {height:3.125rem;text-align:right;font-size:0.875rem;color:#e51c23;margin-right:0.3125rem;padding-left:0;padding-right:0.625rem} #header .option-selected td p.car-name {color:#fff} #header .option-selected td p.car-price {font-size:26px;color:#ff3a41;font-weight:600;border:0} #header .option-selected td p.car-price span {font-size:12px;color:#757575;font-weight:400;margin-left:5px} /*********** [ Media Queries ] ************************************************/ @media all and (min-width:40rem){ /* 640px */ .option-color .option-list li.selected a:before {width:110%;height:110%;bottom:-4px;left:-4px} } @media all and (max-width:20rem){ /* 320px */ .option-color .option-list li.selected a:before {width:120%;height:120%} } .btn_toggle {clear:both;display:block;width:100%;height:3.5rem;line-height:2.5rem;font-size:.8rem;color:#53535C;text-align:center;} .btn_toggle::after {content:'보기';display:inline-block;padding:0 2rem 0 0.3rem;background:url(../images/icon/ico_open.png) no-repeat right center;background-size:1rem auto;font-size:inherit;color:inherit;} .btn_toggle.open::after {content:'닫기';background-image:url(../images/icon/ico_openclose.png);font-size:inherit;color:inherit;} .btn_toggle.whtie {height:4rem;border-top:1px solid #eee;background-color:transparent;line-height:1.5rem;} .btn_toggle.whtie::after {content:'' !important;display:block;height:1rem;background-position:center center;} .fuc_wrap {display:none;} .btn_qmk {display:inline-block;width:18px;height:22px;background:url(../images/icon/icon_qmk.png) no-repeat center center;background-size:auto 15px;font-size:0;vertical-align:middle;} /* 계산기 */ .calc-area {padding:1.5rem 0;} .article-list.default-list li {clear:both;overflow:hidden;padding:0 1.25rem;} .article-list.default-list li .right {float:right;max-width:calc(100% - 100px);line-height:3.125rem;font-weight:bold;} .article-list.default-list li .right input {margin:0;} .article-list.default-list li .right button {margin:0;} .article-list.default-list li .ex-text {clear:both;text-align:right;} .article-list.default-list li .article-name {font-weight:normal;} .article-list.default-list li .btn_toggle {border:0;} .article-list.default-list li.total {border:0;} .article-list.default-list li.total span {height:auto;font-weight:bold;line-height:4rem;} .article-list.default-list li.total .right {font-size:1.4rem;color:#ff1c1c;} .article-list.default-list li .slider-area {margin:.5rem .3rem 1.5rem;} .article-list.default-list li input[readonly] {background-color:transparent;border:0;} .article-list.default-list li input {display:inline-block;width:100px;text-align:right;} .article-list.default-list li .article-name .btn-mini {margin-left:7px;} .article-list.default-list li label {display:inline-block;} .t_normal th {background:#f8f8f8;border-bottom:1px solid #eee;line-height:2rem;letter-spacing:-1px;font-size:0.8rem;color:var(--txt-888);} .t_normal th.color {background:#1a254d;color:#eee;} .t_normal td {border-bottom:1px solid #eee;} .t_normal tr:nth-child(even) {background:none;} .t_normal tr.selected td {background:#333;color:#fff;} .t_normal td {border-bottom:1px solid #eee;} .t_normal.font14 td {font-size:.9rem;text-align:center;} .t_normal.font12 th {text-align:center;border-right:1px solid #eee;} .t_normal.font12 thead th {padding:.2rem 0;} .t_normal.font12 td {font-size:.8rem;border-right:1px solid #eee;word-break:keep-all;} .t_normal.font12 td span {font-size:inherit;} .t_normal .line_right {border-right:1px solid #eee;} .t_normal.calc td {text-align:center;line-height:2rem;font-size:.9rem;} .t_normal.calc td input[type=text] {display:inline-block;width:70%;margin-bottom:0;} .t_normal.calc th.cal_th {position:relative;line-height:1rem;color:#000;} .t_normal.calc th.cal_th::before {content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#aaa;} .t_normal.calc .text-price {font-size:1.05rem;} /* SNS */ #sns li {float:left;width:33.33%;text-align:center;} #sns li a {display:block;padding-bottom:0.6rem;font-size:0.8rem;color:#333;letter-spacing:-1px;} #sns li span {position:relative;margin:3px auto 0; display:block;width:45px;height:45px;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;text-indent:-9999px;font-size:1rem;overflow:hidden} #sns li .sns-line {background-image:url(../images/icon/sns_line.png)} #sns li .sns-kakaotalk {background-image:url(../images/icon/sns_kakaotalk.png)} #sns li .sns-facebook {background-image:url(../images/icon/sns_facebook.png)} #sns li .sns-twitter {background-image:url(../images/icon/sns_twitter.png)} #sns li .sns-band {background-image:url(../images/icon/sns_band.png)} #sns li .sns-sms {background-image:url(../images/icon/sns_sms.png)} #sns li .sns-email {background-image:url(../images/icon/sns_email.png)} #sns li .sns-memo {background-image:url(../images/icon/sns_memo.png)} #sns li .sns-kakaostory {background-image:url(../images/icon/sns_kakaostory.png)} /*================================================================================================================== 성능점검상태 ==================================================================================================================*/ .cardetail .checkcar_circle_wrap .circle_cont .checkcar_circle_mark:before {display:none;} .cardetail .detailCon .check-car-wrap {position:relative;width:auto;} .check-pop .sub-nav {display:inline-flex;width: 100%;justify-content: center;padding-top:0;} .check-pop .check-car-wrap {overflow:auto;padding-top:1rem;padding-bottom:2rem;} .check-pop .check-car-wrap .check-car {zoom:.85 !important;} .code-wrap { display:block; position:relative; clear:both; padding:1rem 0 0; text-align:center; } .code-wrap .i-mark {width: 1rem;height: 1rem;font-size:.75rem;line-height:1rem;font-weight:normal;} .code-wrap li {display:inline-block; vertical-align:top; margin:0 2px; font-size:0.8rem;color:#888;} /*.i-mark {display:inline-block;padding:0;width:26px; height:26px;line-height:26px;margin-right:2px;font-size:.7rem;font-weight:bold;color:#fff;text-align:center;overflow:hidden;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;vertical-align:middle;} .bg-w , .bg-x {background-color:#f64747;} .bg-a, .bg-b, .bg-u, .bg-t, .bg-c, .bg-o, .bg-u, .bg-p, .bg-f {background-color:#6b727d;} .bg-mm {width:auto;background:rgba(255,255,255,.75);padding:0 5px;border-radius:100px;color:#0095ff;font-size:.875rem;} .bg-mm:after {content:'µm';position:absolute;bottom:7px;padding-left:2px;font-size:8px;color:inherit;font-weight:normal;} .bg-blue {background-color:#2892f4;} .bg-red {background-color:#f64747;} .check-car-info {padding-bottom:1rem;text-align:center;font-size:0.9rem;color:#555;letter-spacing:-1px;line-height:1.5;} .check-car-info > span {vertical-align:middle;} .check-car-info > strong {display:inline-block;padding:0 1rem 0 0.2rem;font-size:1.1rem;color:#ff6c00;vertical-align:middle;transform:translateY(-2px);} .check-car-info .i-mark {width: 17px;height: 17px;font-size: 12px;line-height: 17px;} .check-car-info .button-group .button {height:3.1rem;line-height:3.1rem;font-size:1rem;} .check-car-wrap {margin:0 -1.25rem;} .check-car-wrap.disable .check-car {opacity:.3;} .check-car-wrap.disable .alert {position:absolute; left:10%;top:45%; width:80%; height:2rem; line-height:2rem; text-align:center; background-color:#fff; color:var(--txt-black); font-size:.85rem; z-index:12; } .check-car-wrap .check-car {zoom:.45 !important;} */ /* end성능점검상태 .check-car { position:relative;z-index:10;margin:0 auto; padding:0; width:760px;height:600px; background-image:url('/images/checkcar/check_bg.png'); background-repeat:no-repeat; z-index:10; .checkcar_circle_wrap { position:absolute;min-width:26px;min-height:26px;z-index:2;} .checkcar_circle_wrap .circle_cont {position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:0;} .checkcar_circle_wrap .circle_cont .checkcar_circle {display:inline-block;font-size:0;min-width:26px;min-height:26px;cursor:pointer;} .checkcar_circle_wrap .circle_cont .checkcar_circle_mark {display:inline-block;} .checkcar_circle_wrap .circle_cont .checkcar_circle_mark:before {content:'';position:absolute;min-width:26px;min-height:26px;background-size:auto 95%;background-repeat:no-repeat;background-position:2% 2%;background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='25' height='25' rx='12.5' stroke='%2300C8FF' stroke-dasharray='2 2'/%3E%3Crect x='6' y='6' width='14' height='14' rx='7' fill='%2300C8FF' fill-opacity='0.4'/%3E%3C/svg%3E%0A");vertical-align:middle;z-index:-1;animation: changeScale .5s linear infinite alternate;} .checkcar_circle_wrap .circle_cont .checkcar_circle_mark:has(span):before {display:none;} .checkcar_circle_wrap .circle_cont .checkcar_circle.checkcar_circle_r { display:none; } .checkcar_circle_wrap .circle_cont .checkcar_circle.checkcar_circle_d { display:none; } .circle_wrap_1 { left:187px; top:3px; } .circle_wrap_2 { left:37px; top:157px; } .circle_wrap_3 { left:80px; top:188px; } .circle_wrap_4 { left:32px; top:290px; } .circle_wrap_5 { left:62px; top:256px; } .circle_wrap_6 { left:121px; top:275px; } .circle_wrap_7 { left:128px; top:244px; } .circle_wrap_8 { left:121px; top:314px; } .circle_wrap_9 { left:62px; top:342px; } .circle_wrap_10 { left:121px; top:355px; } .circle_wrap_11 { left:121px; top:413px; } .circle_wrap_12 { left:37px; top:405px; } .circle_wrap_13 { left:80px; top:444px; } .circle_wrap_14 { left:190px; top:566px; } .circle_wrap_15 { left:262px; top:0; } .circle_wrap_16 { left:262px; top:26px; } .circle_wrap_17 { left:200px; top:29px; } .circle_wrap_18 { left:327px; top:29px; } .circle_wrap_19 { left:262px; top:136px; } .circle_wrap_20 { left:262px; top:217px; } .circle_wrap_21 { left:167px; top:235px; } .circle_wrap_22 { left:359px; top:245px; } .circle_wrap_23 { left:262px; top:324px; } .circle_wrap_24 { left:262px; top:420px; } .circle_wrap_25 { left:197px; top:539px; } .circle_wrap_26 { left:262px; top:463px; } .circle_wrap_27 { left:330px; top:539px; } .circle_wrap_28 { left:260px; top:569px; } .circle_wrap_29 { left:473px; top:188px; } .circle_wrap_30 { left:413px; top:160px; } .circle_wrap_31 { left:439px; top:171px; } .circle_wrap_32 { left:507px; top:171px; } .circle_wrap_33 { left:533px; top:160px; } .circle_wrap_34 { left:413px; top:198px; } .circle_wrap_35 { left:533px; top:198px; } .circle_wrap_36 { left:473px; top:224px; } .circle_wrap_37 { left:473px; top:251px; } .circle_wrap_38 { left:473px; top:321px; } .circle_wrap_39 { left:473px; top:392px; } .circle_wrap_40 { left:413px; top:418px; } .circle_wrap_41 { left:442px; top:428px; } .circle_wrap_42 { left:473px; top:428px; } .circle_wrap_43 { left:504px; top:428px; } .circle_wrap_44 { left:533px; top:418px; } .circle_wrap_45 { left:473px; top:465px; } .circle_wrap_46 { left:337px; top:3px; } .circle_wrap_47 { left:654px; top:188px; } .circle_wrap_48 { left:698px; top:157px; } .circle_wrap_49 { left:607px; top:244px; } .circle_wrap_50 { left:611px; top:275px; } .circle_wrap_51 { left:669px; top:256px; } .circle_wrap_52 { left:700px; top:290px; } .circle_wrap_53 { left:611px; top:314px; } .circle_wrap_54 { left:611px; top:355px; } .circle_wrap_55 { left:669px; top:342px; } .circle_wrap_56 { left:611px; top:411px; } .circle_wrap_57 { left:654px; top:444px; } .circle_wrap_58 { left:698px; top:405px; } .circle_wrap_59 { left:334px; top:566px; } .circle_wrap_60 { left:473px; top:92px; } .circle_wrap_61 { left:12px; top:188px; } .circle_wrap_62 { left:12px; top:188px; } .circle_wrap_63 { left:722px; top:188px; } .circle_wrap_64 { left:722px; top:434px; } .circle_wrap_65 { left:440px; top:549px; } .circle_wrap_66 { left:478px; top:549px; } .circle_wrap_67 { left:516px; top:549px; } .circle_wrap_68 { left:553px; top:549px; } .circle_wrap_69 { left:615px; top:549px; } .circle_wrap_70 { left:666px; top:549px; } .circle_wrap_71 { left:717px; top:549px; } } @media screen and (max-width: 375px), screen\9 { .check-car {zoom:0.4 !important;} .carcheck .check-car {zoom:1 !important;} } @media screen and (max-width: 360px), screen\9 { .check-car {zoom:0.4 !important;} .carcheck .check-car {zoom:0.9 !important;} } @media screen and (max-width: 350px), screen\9 { .check-car {zoom:0.3 !important;} .carcheck .check-car {zoom:0.8 !important;} } @media screen and (max-width: 320px), screen\9 { .check-car {zoom:0.3 !important;} .carcheck .check-car {zoom:0.7 !important;} } */ /* ================================================================================================================================ 매거진 ================================================================================================================================ */ /* 카테고리 아이콘 */ .el-flag {position:absolute;top:0;left:0;width:75px;height:24px;background:#555;line-height:27px;font-size:11px;text-align:center;color:#fff;} .el-flag-ad {position:absolute;top:0;right:0;width:20px;height:15px;background:#555;font-size:9px;line-height:15px;text-align:center;color:#fff;} /* 리스트 아이콘 */ .photo > span {display:block;color:#fff;line-height:38px;text-align:center;font-size:12px;} .photo.master {background-color:#26bf8b !important;background-image:none !important;border-color:#26bf8b !important;} .photo.master span {display:block !important;color:#fff ;line-height:3rem;text-align:center;font-size:.8rem;letter-spacing:-1px;} .photo.notice, .photo.pr, .photo.event, .photo.num {position:absolute;right:0;top:-26px;width:36px;height:36px;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;margin-right:10px;} .photo.notice {border:0;background-color:#267df2;background-image:none;} .photo.pr {border:0;background-color:#0ac29c;background-image:none;} .photo.event {border:0;background-color:#1c2650;background-image:none;} .photo.event span {font-size:12px;} .photo.num {width:60px;height:60px;margin-right:20px;background-image:none;} .photo.num span {color:var(--txt-888);font-size:14px;line-height:62px;} .photo.open {background-color:#3bcc99;background-image:none;} .photo.close {background-color:#454545;background-image:none;} .photo.open, .photo.close, .photo.sell, .photo.contract, .photo.sellend {position:absolute;right:1rem;top:-26px;width:3.5rem;height:3.5rem;border:0;border-radius:50%;margin-right:0;} .photo.sell, .photo.contract, .photo.sellend {top:-75px;} .photo.open span, .photo.close span, .photo.sell span, .photo.contract span, .photo.sellend span {line-height:3.5rem;} .photo.sell {background-color:#f8002d;} .photo.contract {background-color:#383d58;background-image:none;} .photo.sellend {background-color:#aaa;background-image:none;} /* 헤드라인 > 리스트 */ .magazine-list {padding:10px 10px 24px 10px;background:#ededed;} .magazine-list li {position:relative;padding-bottom:10px;font-size:0;} .magazine-list li .img-area {position:relative;min-height:100px;background-size:cover;background-image:url('../img/magazine/noimage_headline.png');background-position:center center;background-color:#d4d4d4;background-repeat:no-repeat;} .magazine-list li .img-area img {width:100%;height:auto;} .magazine-list li a {display:block;color:#333;font-size:0;} .magazine-list li .title {padding:9px 10px 7px 10px;background:#fff;font-size:0;} .magazine-list li .title p {max-height:40px;font-size:16px;font-weight:500;line-height:21px;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;} .magazine-list li.ad img {width:100%;height:auto;} /* 자동차뉴스 > 배너 슬라이더 */ .news-slider-wrap {position:relative;padding:2rem 1rem 1rem;background:#2a3055;} .news-slider-wrap .news-slider {position:relative;width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-slider-wrap .news-slider .bx-viewport {height:auto !important;background:transparent;} .news-slider-wrap .news-slider li {font-size:0;} .news-slider-wrap .news-slider li a {display:block;color:#000;letter-spacing:-0.1em;} .news-slider-wrap .news-slider li .img {min-height:202px;background:url('../img/magazine/noimage_headline.png');background-size:cover;} .news-slider-wrap .news-slider li .info {padding:1.5rem 1.5rem 2.5rem;font-size:.8rem;word-break:keep-all;color:var(--txt-888);letter-spacing:-0.05em;} .news-slider-wrap .news-slider li .info span {padding:0 2px;font-size:.7rem;color:#555;} .news-slider-wrap .news-slider li .info .title {padding:.5rem 0;font-size:1.1rem;line-height:1.4;color:#eee;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;} .news-slider-wrap .bx-pager {position:absolute;width:100%;bottom:14px;left:0;padding:0 0 0 8px;text-align:center;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-slider-wrap .bx-pager-item {display:inline-block;text-align:center;} .news-slider-wrap .bx-pager-item a {display:block;width:12px;height:12px;border:1px solid #fff;border-radius:50px;overflow:hidden;font-size:0;text-indent:-9999px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-slider-wrap .bx-pager-item a.active {background:#fff;} .news-slider-wrap .bx-controls-direction .bx-prev, .news-slider-wrap .bx-controls-direction .bx-next {position:absolute;top:33%;width:35px;height:35px;background-repeat:no-repeat;background-color:rgba(0,0,0,.2);background-position:center center;background-size:20px auto;font-size:0;text-indent:-9999px;cursor:pointer;z-index:2;transform:translateY(-50%);} .news-slider-wrap .bx-controls-direction .bx-prev {left:-10px;background-image:url('../images/btn_prev.png');} .news-slider-wrap .bx-controls-direction .bx-next {right:-10px;background-image:url('../images/btn_next.png');} /* 검색 박스 */ .search-form {position:relative;padding:1rem;background:#efefef;font-size:0;white-space:nowrap;} .search-form label {display:inline-block;width:20%;font-size:.8rem;vertical-align:middle;} .search-form input[type=text] {display:inline-block;width:63%;background-color:#fff;margin:0;font-size:.9rem;} .search-form .btn-search {width:17%;height:38px;padding:12px 5px 10px 5px;background:#1c2650;color:#fff;font-size:.9rem;text-align:center;line-height:16px;vertical-align:middle;} .search-form .txt_info {padding-left:21%;color:#999;font-size:.75rem;} .search-form.count input[type=text] {width:45%;} .search-form.count > span {display:inline-block;width:37%;font-size:.8rem;vertical-align:middle;} .total-text {padding-top:2rem;padding-bottom:.5rem;font-size:.8rem;} /* 매거진 > 리스트 */ .news-list {padding:10px 10px 7px 10px;background:#ededed;border-top:1px solid #ccc;} .news-list li {position:relative;margin-bottom:8px;background:#fff;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;} .news-list li .img-area {display:inline-block;width:115px;height:80px;background-size:cover;background-image:url('../img/magazine/noimage_headline.png');background-position:center center;background-color:#d4d4d4;background-repeat:no-repeat;overflow:hidden;} .news-list li .img-area img {width:100%;height:auto;min-height:80px;} .news-list li .text-area {position:absolute;top:0;left:118px;padding:11px 10px 0 9px;font-size:11px;color:var(--txt-888);letter-spacing:-0.03em;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-list li .title {max-height:30px;padding:3px 0 7px 0;font-size:14px;font-weight:500;color:#333;line-height:18px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;} /* 매거진 > 이미지형 */ .news-image-list {display:flex;flex-wrap:wrap;} .news-image-list .grid-item {float:left;width:50%;padding-bottom:8px;padding:0 .5% 1% .5%;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-image-list .grid-item .img-area {display:inline-block;width:100%;min-height:120px;font-size:0;line-height:0;background-size:135% auto;background-image:url('../images/nophoto/nophoto_640x480.png');background-position:center center;background-size:cover;background-color:#d4d4d4;background-repeat:no-repeat;overflow:hidden;} .news-image-list .grid-item .img-area img {width:100%;overflow:hidden;margin-bottom:-1px;} .news-image-list .grid-item .text-area {position:relative;padding:.5rem .5rem 1.5rem;background:#fff;font-size:.75rem;color:var(--txt-888);letter-spacing:-1px;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .news-image-list .grid-item .title {height:3rem;padding:3px 0 7px 0;font-size:1.05rem;color:#111;line-height:1.4;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;word-break:keep-all;word-wrap:break-word;} .news-image-list.blog {border-top:1px solid #f1f1f1;} .news-image-list.blog .grid-item {clear:both;float:none;width:100%;border-bottom:1px solid #f1f1f1;padding:0;} .news-image-list.blog .grid-item .img-area {float:left;width:35%;min-height:100px;} .news-image-list.blog .grid-item .text-area {float:right;width:64%;padding:1rem 1rem 0 !important;} /* 매거진 > 상세보기 (기본정보) */ .view-header {position:relative;background:#f5f5f5;overflow:hidden;} .view-header .view-info {padding:2rem 1.5rem;z-index:100;letter-spacing:-0.05em;} .view-header .view-info .post-title {padding-bottom:1rem;box-sizing:border-box;font-size:1.5rem;line-height:1.3;color:#111;word-break:keep-all;word-wrap:break-word;} .view-header .view-info .meta-author {position:relative;font-size:14px;line-height:18px;color:var(--txt-888);} .view-header .view-info .meta-author .bar {display:inline-block;width:1px;height:13px;margin:0 11px 3px 10px;background:#ddd;vertical-align:middle;} .view-header .view-info .file-attach a:before {content:'';position:absolute;left:0;top:-2px;display:block;width:100%;height:1px;background:#ddd;} .view-header .view-info .file-attach {position:relative;margin-top:15px;padding:11px 0 0 0;font-size:14px;color:var(--txt-888);line-height:20px;} .view-header .view-info .file-attach.none {display:none;} .view-header .view-info .file-attach a span {font-size:.9rem;text-decoration:underline;} .view-header .view-info .file-attach a {margin:0 0 0 1px;color:#fff;} .view-header .view-info .ico-wrapper {padding:0 0 5px 0;font-size:13px;} .view-header .view-info .ico-download:after {content:'';display:inline-block;width:14px;height:14px;margin:-1px 0 0 7px;background:url('../img/magazine/ico_download.png') no-repeat;background-size:cover;vertical-align:middle;} .view-header.alram .view-info .post-title {width:calc(100% - 55px);font-size:1.3rem;} .view-header .event-info {position:relative;font-size:14px;color:var(--txt-888);line-height:20px;} .view-header .event-info div {color:#777;font-size:13px;line-height:26px;} .view-header .event-info span {display:inline-block;} .view-header .event-info .icon-label-date {right:0;top:.2rem;} .view-header .photo {position:absolute;right:1rem;top:1rem;width:3rem;height:3rem;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(../images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;} .view-header .photo span {display:none;} /* 매거진 > 상세보기 (내용) */ .post-body .column {background:#fff;padding:2rem 1.5rem 3rem;color:#555;line-height:1.5;letter-spacing:-0.05rem;font-size:1rem;word-break:keep-all;word-wrap:break-word;} .post-body .column p, .post-body .column span {font-size:1rem;color:#555;line-height:1.6;letter-spacing:-0.05rem;word-break:break-all;word-wrap:break-word;} .post-body .column img {margin-bottom:12px;max-width:100%;font-size:0;} .post-body .column dl.reply {padding-top:3rem;margin-bottom:-2rem;} .post-body .column dl.reply dt {padding:.5rem 1rem;margin:0;background:#FC6500;color:#fff;font-weight:normal;} .post-body .column dl.reply dt span {display:inline-block;padding-right:5px;color:#ffea00;font-weight:bold;font-size:1.4rem;line-height:1;vertical-align:middle;transform:translateY(-3px)} .post-body .column dl.reply dd {padding:1.5rem;border:1px solid #FC6500;} /* 매거진 > 상세보기 (포토목록) */ .magazine-view-list {position:relative;margin:0 auto;padding:13px 0 10px 0;background:#ededed;font-size:0;} .magazine-view-list ul {display:inline-block;width:100%;font-size:0;} .magazine-view-list ul:after {clear:both;content:'';height:0;width:0;font-size:0;line-height:0;} .magazine-view-list li {position:relative;float:left;width:50% !important;height:114px;margin:0;background-size:cover;background-position:center center;background-repeat:no-repeat;} .magazine-view-list li.no-image {background-size:cover;background-color:#dfdfdf;background-image:url('noimage_imgtype');background-size:130% auto;} .magazine-view-list li a {display:block;width:100%;height:100%;color:#fff;} .magazine-view-list li .title {position:absolute;bottom:0;left:0;width:100%;height:40px;padding:6px 10px 0 10px;background-color:rgba(0,0,0,0.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;word-break:keep-all;word-wrap:break-word;} .magazine-view-list li .title p {display:block;height:25px;padding-top:1px;font-size:12px;line-height:14px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;} /* 매거진 > 상세보기 (버튼) */ .btn-area.magazine {padding:20px 13px;} .btn-area.magazine button {width:100%;} /* 이벤트 > 배너 슬라이더 */ .event-slider-wrap {position:relative;padding:1rem;} .event-slider-wrap .event-slider {position:relative;width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .event-slider-wrap .event-slider li {font-size:0;} .event-slider-wrap .event-slider img {width:100%;} .event-slider-wrap .bx-pager {position:absolute;width:100%;bottom:0;left:0;padding:0 0 0 9px;text-align:center;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .event-slider-wrap .bx-pager-item {display:inline-block;text-align:center;} .event-slider-wrap .bx-pager-item a {display:block;width:12px;height:12px;border:1px solid #fff;border-radius:50px;overflow:hidden;font-size:0;text-indent:-9999px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .event-slider-wrap .bx-pager-item a.active {background:#fff;} .event-slider-wrap .bx-controls-direction .bx-prev, .event-slider-wrap .bx-controls-direction .bx-next {position:absolute;top:60%;width:35px;height:35px;background-repeat:no-repeat;background-color:rgba(0,0,0,.15);background-position:center center;background-size:20px auto;font-size:0;text-indent:-9999px;cursor:pointer;z-index:2;transform:translateY(-50%);} .event-slider-wrap .bx-controls-direction .bx-prev {left:-10px;background-image:url('../images/btn_prev.png');} .event-slider-wrap .bx-controls-direction .bx-next {right:-10px;background-image:url('../images/btn_next.png');} /* 이번트 > 리스트 */ .newevent-list {padding:0 1rem;} .newevent-list ul {display:inline-block;width:100%;} .newevent-list ul:after {clear:both;content:'';height:0;width:0;font-size:0;line-height:0;} .newevent-list li {position:relative;display:block;margin-bottom:1.5rem;background:#fff;font-size:0;box-shadow:3px 3px 15px rgba(0,0,0,0.1);} .newevent-list li a {display:block;width:100%;font-size:0;} .newevent-list li .img {width:100%;font-size:0;} .newevent-list li .text {padding:1.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;word-break:keep-all;} .newevent-list li .text p {display:block;padding:0 !important;height:4rem;font-size:1.05rem;font-weight:bold;letter-spacing:-0.05em;overflow:hidden;text-overflow:ellipsis;} .newevent-list li .text div {padding:1rem 0 0 0;color:var(--txt-888);font-size:.8rem;} .newevent-list li .text span {display:inline-block;} .newevent-list li .icon-ing {position:absolute;right:.5rem;top:.5rem;width:60px;height:60px;border-radius:50%;background:#ff6000;line-height:15px;font-size:.8rem;color:var(--txt-888);font-weight:bold;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;} .newevent-list li .icon-ing.result {padding-top:17px;background:rgba(0,0,0,.5);color:#fff;} .newevent-list li .icon-ing.new {padding-top:21px;color:#fff;} .newevent-list > li:after {content:'';clear:both;display:block;height:10px;background:#f5f5f5;} /* 이벤트 아이콘 */ .icon-label-date {position:absolute;right:10px;bottom:14px;width:41px;height:22px;padding-left:4px;background:url(../img/magazine/bg_event_date.png) no-repeat;background-size:45px 22px;color:#000;font-size:.75rem;text-align:center;} .icon-label-event {width:55px;margin:0 7px 0 0;border-radius:50px;color:#fff;text-align:center;font-size:.8rem;line-height:1.7;vertical-align:middle;} .icon-label-event.ing {background:#ff6000;} .icon-label-event.end {background:#e5e5e5;color:#333;} .re-wait {display:inline-block !important;width:72px;height:auto !important;border-radius:3px !important;border:1px solid #dfdfdf;background-color:#fff;line-height:22px !important;color:#FC6500;font-size:.8rem !important;text-align:center !important;} .re-end {display:inline-block !important;width:72px;height:auto !important;border-radius:3px !important;border:1px solid #dfdfdf;background-color:#fff;line-height:22px !important;color:#111;font-size:.8rem !important;text-align:center !important;} /* 이벤트 > 상세보기 (당첨자 발표) */ .post-body .column .show-winner {padding-top:18px;} .post-body .column .show-winner h3 {font-size:15px;color:#333;font-weight:bold;border-bottom:1px solid #eaeaea;padding:8px 0 7px 0;margin-bottom:10px;} .post-body .column .winner-detail {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .post-body .column .winner-detail p, .winner-detail span {font-size:14px;color:#777;line-height:18px;} .post-body .column .winner-detail img {max-width:100%;margin-bottom:20px;} /* 이벤트 > 상세보기 (이전글/다음글) */ .post-footer .column {padding:0;border-top:10px solid #efefef;border-bottom:10px solid #efefef;} .post-footer ul, .post-footer li {font-size:0;line-height:0;} .post-footer li {clear:both;display:inline-block;width:100%;border-bottom:1px solid #eee;} .post-footer li div {float:left;line-height:3.3rem;color:#111;font-size:1rem;letter-spacing:-0.05em;} .post-footer li .label span {display:inline-block;width:13px;height:14px;margin-left:3px;background-size:13px 8px;background-position:0 center;background-repeat:no-repeat;font-size:0;text-indent:-9999px;vertical-align:top;} .post-footer li .label {width:95px;padding:0;background:none;line-height:3.3rem;text-indent:1rem;font-size:.8rem;font-weight:bold;color:var(--txt-888);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .post-footer li .link {width:70%;} .post-footer li.prev-post .label span {background-image:url('../img/magazine/btn_article_prev.png');} .post-footer li.next-post .label span {background-image:url('../img/magazine/btn_article_next.png');} .post-footer li a {display:block;line-height:3.3rem;color:#111;font-size:1rem;letter-spacing:-0.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .post-footer li .category {font-weight:500;color:#0d4ad6;} .post-footer + .button-group {padding-left:var(--padd-half-column);padding-right:var(--padd-half-column);} /* ---------------------------------------------------------------------------------------------------------------------------- 공지사항 ---------------------------------------------------------------------------------------------------------------------------- */ /* 리스트 */ .notice-wrap li.no-list {display:block;height:218px;border-top:0 !important;padding-top:132px;background:url('../img/bg/find_result_bg2.png') no-repeat center 65px;background-size:46px auto;font-size:16px;line-height:16px;color:var(--txt-777);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .notice-wrap li.notice {position:relative;background:#f7f7f7;} .notice-wrap li.notice:first-child {background:#f7f7f7;} .notice-wrap ul, .qna-list ul, .qa-list ul {display:flex;flex-direction:column;gap:.25rem;} .notice-wrap li, .qna-list li, .qa-list li {position:relative;background:#fff;border-radius:.75rem;} .notice-wrap li a, .notice-wrap li .title-wrap, .qa-list li a {display:block;padding:1.25rem 3rem 1.25rem var(--padd-column);} .notice-wrap li .title, .qa-list li .title {color:#212121;font-size:1.05rem;line-height:1.4;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .notice-wrap li .category {display:inline-block;margin-right:.5rem;color:#305fe5;font-weight:normal;font-size:.875rem;vertical-align:middle;} .notice-wrap li .icon {width:auto;height:16px;padding:0 8px;margin-left:4px;border-radius:50px;font-size:.7rem;line-height:14px;} .notice-wrap li .icon.ing {background:#e5e5e5;} .notice-wrap li .icon.end {background:var(--txt-777);color:#fff;} .notice-wrap li .icon.new {background:#212121;border:1px solid #eee;color:#fff;line-height:13px;} .notice-wrap li .info {position:relative;padding-top:.25rem;line-height:1;} .notice-wrap li .date {font-size:.8rem;color:var(--txt-888);background:none;} .notice-wrap li .photo {float:left;width:2.5rem;height:3rem;margin:0 1rem 1rem -.5rem;background-image:url(../images/icon_alram.png);background-position:center center;background-repeat:no-repeat;background-size:2.3rem auto;} .notice-wrap li .item-inner {position:relative;display:none;padding:.5rem 2rem 2rem 5rem;font-size:0;font-size:.95rem;color:var(--txt-888);} .notice-wrap li .item-inner p {font-size:inherit;color:inherit;} .notice-wrap li .btn_del {position:absolute;right:0;top:19px;width:3.125rem;height:3.125rem;padding:0;background:url('../images/pop_close.png') no-repeat center center rgba(255,255,255,.1) !important;background-size:auto .7rem !important;font-size:0;z-index:10;} .notice-wrap.go {border-top:1px solid #eee;} .notice-wrap.go li {border-bottom:1px solid #eee;} .notice-wrap.go li:last-child {border:0;} .notice-wrap.go li:after {content:'';position:absolute;right:1rem;top:50%;width:1rem;height:1rem;background:url('/app/images/icon/ico_open.png') center center no-repeat;background-size:auto 18px !important;transform:translateY(-50%) rotate(-90deg);} .notice-wrap.appendtext li {display:block !important;padding:1rem !important;margin-bottom:.5rem;background:#f1f3f5;} .notice-wrap.appendtext li .title {width:100% !important;padding:0 !important;white-space:wrap;word-break:keep-all;} /* 알림 그룹화 */ .notice-wrap.alaramlist {} .notice-wrap.alaramlist .alarm_carno {position:relative;padding:1.5rem .25rem .5rem;font-size:1.25rem;font-weight:bold;} .notice-wrap.alaramlist .alarm_carno:first-child {padding-top:.5rem;} .notice-wrap.alaramlist .alarm_carno::before {content:'';display:inline-block;margin-right: .5rem;width: .5rem;height: .5rem;border-radius: 50%;background: #2c2c2c;z-index: 1;} .notice-wrap.alaramlist li .title-wrap {position:relative;} .notice-wrap.alaramlist li .title-wrap:after {content:'';position:absolute;right:0;top:50%;width:37px;height:37px;background:url('../images/icon/ico_open.png') center center no-repeat;background-size:auto 18px !important;transform:translateY(-50%);} .notice-wrap.alaramlist li .title-wrap.on:after {background:url('../images/icon/ico_openclose.png') center center no-repeat;} /* faq */ .qa-list li .category {display:inline-block;margin-right:.5rem;color:#111;font-weight:bold;font-size:.9rem;vertical-align:middle;} .qa-list li .icon {display:inline-block;width:auto;height:auto;padding:0 5px;margin-left:4px;border-radius:3px;text-align:center;font-size:.7rem;line-height:1.1rem;vertical-align:middle;} .qa-list li .icon.ing {background:#e5e5e5;} .qa-list li .icon.end {background:#777;color:#fff;} .qa-list li .icon.new {background:#ff6000;color:#fff;} .qa-list li .icon.re_wait {background:#ef597c;color:#fff;white-space:nowrap;} .qa-list li .icon.re_end {background:#596178;color:#fff;white-space:nowrap;} .qa-list li .info {position:relative;padding-top:.2rem;} .qa-list li .date {font-size:.8rem;color:var(--txt-888);background:none;} .qa-list li .photo {float:left;width:3rem;height:3rem;margin:0 15px 15px 0;border:1px solid #e5e5e5;border-radius:50%;background-color:#fff;background-image:url(/images/profile_no.png);background-repeat:no-repeat;background-size:100% auto;} .qa-list li .photo span {display:none;} .qa-list li .photo.master {background-color:#f30026;background-image:none;border-color:#f30026;} .qa-list li .photo.master span {display:block;color:#fff;line-height:3rem;text-align:center;font-size:.8rem;letter-spacing:-1px;} .qa-list-wrap.qa {padding:var(--padd-row) 0;} .qa-list-wrap.qa .qa-list li .icon {position:absolute;right:0;bottom:0;} .qa-list-wrap.qa .qa-list {margin:0 var(--margin-column) !important;} .qa-list-wrap.car-sell {padding-bottom:1rem;background:#f6f6f6;} .qa-list-wrap.car-sell li {padding:1.2rem 1rem;border:0;margin-bottom:.5rem;background:#fff;} .qa-list-wrap.car-sell li .year {padding-bottom:2px;font-size:.9rem;color:#999;} .qa-list-wrap.car-sell .qa-list li .icon {position:absolute;right:0;bottom:0;display:inline-block;border-radius:50%;width:50px;height:50px;border:1px solid #dfdfdf;background-color:#fff;letter-spacing:-1px;line-height:50px;color:#f8002d;font-size:.9rem;font-weight:bold;text-align:center;} .qa-list-wrap.car-sell .qa-list li .icon.ing {color:#999 !important;} .fee-list > ul {display:flex;flex-direction:column;gap:.5rem;} .fee-list > ul > li {display:block;position:relative;background:#fff;border-radius:1.25rem;padding:1.5rem var(--padd-column);} .fee-list > ul > li .pdt-info {padding-bottom:1.5rem;} .fee-list > ul > li .pdt-info .pdt-name {font-weight:bold;font-size:1.25rem;word-break:keep-all;} .fee-list > ul > li .pdt-info .usedcar-opt {padding-top:.5rem;font-size:.95rem;word-break:keep-all;} .fee-list .title {padding-bottom:1rem;font-size:1.25rem;font-weight:bold;} .fee-list .title i {line-height: 1;font-size:.8rem;color:var(--txt-888);} .fee-list .state {position:absolute;right:1.25rem;top:1.25rem;color:#00C8FF;font-size:.875rem;} .fee-list .ul_list > li {padding:.125rem 0;} .fee-list .ul_list > li > div {text-align:right;} /* faq */ .qna-list {clear:both;} .qna-list li:first-child {border-top:1px solid #eee;} .qna-list li .item-inner {position:relative;overflow:hidden;} .qna-list li h3 {position:relative;display:block;padding:1rem var(--padd-column);margin:0;color:#333;font-size:1rem;line-height:1.4;word-break:keep-all;word-wrap:break-word;} .qna-list li h3.on {font-weight:bold;} .qna-list li h3:after {content:'';position:absolute;right:0;top:50%;width:37px;height:37px;background:url('../images/icon/ico_open.png') center center no-repeat;background-size:auto 18px !important;transform:translateY(-50%);} .qna-list li h3.on:after {background:url('../images/icon/ico_openclose.png') center center no-repeat;} .qna-list li .item-inner {position:relative;display:none;/*background:#f8f8f8;*/padding:1.5rem 2rem;font-size:0;} .qna-list li .item-inner p {margin-bottom:1rem;font-size:.95rem;color:#555;line-height:1.4;word-break:keep-all;word-wrap:break-word;} .qna-list li .item-inner strong {font-weight:bold;font-size:inherit;color:inherit;} /* 상세보기 > 기본정보 */ .nocie-view-header {position:relative;background:#f4f4f4;padding:19px 0 10px 0;border-bottom:1px solid #ccc;overflow:hidden;} .nocie-view-header .view-info {padding:0 12px;z-index:9;letter-spacing:-0.03em;overflow:hidden;} .nocie-view-header .view-info .post-title {display:block;width:100%;margin-bottom:9px;padding:0;box-sizing:border-box;font-size:18px;line-height:23px;color:#333;font-weight:bold;word-wrap:break-word;} .nocie-view-header .view-info .post-title .category {color:#0d4ad6;} .nocie-view-header .view-info .meta-author {padding:0 0 5px 0;font-size:14px;line-height:15px;color:#555;} .nocie-view-header .view-info .meta-author .bar {display:inline-block;width:1px;height:14px;margin:0 11px 3px 10px;background:#bcbcbc;vertical-align:middle;} .nocie-view-header .view-info .file-attach {margin-top:10px;} .nocie-view-header .view-info .file-attach a:before {content:'';position:absolute;left:0;top:-9px;display:block;width:100%;height:1px;background:#e8e8e8;} .nocie-view-header .view-info .file-attach {position:relative;padding:5px 0 0 0;font-size:14px;color:#555;line-height:20px;} .nocie-view-header .view-info .file-attach a {margin:0 0 0 1px;color:#555;} .nocie-view-header .view-info .ico-wrapper {padding:0 0 5px 0;font-size:13px;} .nocie-view-header .view-info .ico-download:after {content:'';display:inline-block;width:14px;height:14px;margin:-1px 0 0 7px;background:url('../img/magazine/ico_download2.png') no-repeat;background-size:cover;vertical-align:middle;} /* 상세보기 > 내용 */ .nocie-view-body .column {background:#fff;padding:18px 13px 26px 13px;letter-spacing:-0.02em;line-height:18px;word-break:keep-all;word-wrap:break-word;} .nocie-view-body p, .nocie-view-body span {font-size:14px;color:#555;line-height:15px;word-break:keep-all;word-wrap:break-word;} .nocie-view-body .column img {margin-bottom:12px;max-width:100%;font-size:0;} /* paging */ .paging {padding:1rem 0 2rem;text-align:center;font-size:1rem;color:#999;} .paging a {display:inline-block;font-size:inherit;line-height:19px;vertical-align:middle;color:inherit;} .paging a.active {color:#FC6500;font-weight:bold;} .paging a.prev {width:40px;height:40px; border-radius:50%;margin-right:15px;border:0 solid #dfdfdf;background:url('../images/btn_prev2.png') no-repeat 50% 50% #f5f5f5; background-size:15px auto;} .paging a.next {width:40px;height:40px; border-radius:50%;margin-left:15px;border:0 solid #dfdfdf;background:url('../images/btn_next2.png') no-repeat 50% 50% #f5f5f5; background-size:15px auto;} .paging.bg {padding:19px 0 21px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #ccc;background:#f6f6f6;} /* 메인 공지 */ .notice-list .column {padding:.5rem 0;} .notice-list li {position:relative;} .notice-list li a {display:block;padding-left:90px;padding-right:15px;font-size:1.05rem;letter-spacing:-1px;line-height:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .notice-list li a span {position:absolute;left:1rem;top:50%;width:60px;transform:translateY(-50%);border:1px solid #ddd;border-radius:50px;text-align:center;font-size:.8rem;line-height:1.3rem;} /*--------------------------------------------------------- member ---------------------------------------------------------*/ .flex {display:flex;justify-content: space-around;} .flex select:first-child, .flex input:first-child {margin-right:.2rem;} .flex select:last-child, .flex input:last-child {margin-left:.2rem;} .agreeChk {padding:1rem 0;} .agreeChk dt {border-radius:var(--radius-btn);background:#fff;} .agreeChk dt, .agreeChk dd {padding:0 var(--padd-box);} .agreeChk dd label {display:inline-block;width:calc(100% - 4rem);font-size:.9rem;line-height:1.2;} .agreeChk .basic_txt{color:#e53c39; font-size:12px; vertical-align: middle; margin-left:5px;} .agreeChk .btn_link{float:right;margin-top:.8rem;margin-right:0;color:var(--txt-gray);font-size:.75rem; border-bottom:1px solid var(--txt-gray);} .login .container {height:calc(100% - 3.35rem);} .login .container .row {display:flex;flex-direction:column;height:100%;justify-content: center;} .login .titlebar-left, .login .titlebar-center.logo a {display:none;} .login input[type=checkbox] + label {font-size:.875rem;} .login .button-group {padding:.5rem 0;} .login .btn_member {padding:1rem 0 0;text-align:right;} .login .btn_member button {padding:.5rem;font-size:.9rem;color:#5A5D60; } .login .btn_member button strong {text-decoration:underline;color:#212121;} .login .btn_member button:hover{text-decoration: underline;} .login .member_box .login {padding:0 2rem;} .login .member_box .tit {padding-top:5rem;background-repeat:no-repeat;background-size:auto 4rem;background-position:center 0;background-image: url("data:image/svg+xml,%3Csvg width='78' height='37' viewBox='0 0 78 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.784 21.2544L59.7487 18.7923C59.9001 18.7656 60.0518 18.7507 60.2048 18.748C60.3561 18.7456 60.4997 18.7803 60.6325 18.8541L61.6006 19.4789C61.6959 19.5434 61.7723 19.6211 61.8286 19.7163C61.8863 19.8101 61.9144 19.9778 61.9144 20.219V23.3783C61.9144 23.7001 61.7951 23.998 61.5577 24.2727C61.3204 24.5476 60.9933 24.7219 60.5749 24.7957L49.7748 26.7012V28.6295L62.3984 26.4035V28.7193L45.5858 31.6842V27.5353C45.5858 27.3114 45.6368 27.0726 45.7414 26.8205C45.846 26.5697 46.0417 26.3298 46.326 26.1031L47.4657 25.1779C47.561 25.0813 47.7032 24.9954 47.8935 24.9216C48.0827 24.8494 48.2731 24.7942 48.4636 24.7606L57.7255 23.1288V21.4645L45.7843 23.5699L45.784 21.2544ZM42.4209 10.5374L56.0439 8.13581V10.4504L54.3058 10.7574V10.7708L50.3729 11.4628V11.4507L48.2074 11.8328V11.8436L44.4164 12.5085V12.5006L42.4211 12.8533L42.4209 10.5374ZM36.75 14.6274V7.68254L40.3412 7.04962V27.2098L36.75 28.6389V17.0157L34.5563 17.4018V27.9887L30.9651 29.4181V22.641L28.1721 24.7019C27.8877 24.9285 27.527 25.1082 27.0898 25.2422C26.6526 25.3751 26.2249 25.4784 25.808 25.5521L19.8795 26.5978V11.3327L23.4705 10.6997V23.6493L25.6645 23.2631C25.8547 23.2296 26.0359 23.1814 26.2061 23.1183C26.3779 23.0566 26.5669 22.9587 26.7761 22.826L30.9651 19.9642V8.70295L34.5563 8.07003V15.0149L36.75 14.6274ZM53.992 15.7565C54.1811 15.7229 54.3621 15.6786 54.5338 15.6251C54.7041 15.5701 54.8945 15.4856 55.1038 15.3675L57.9534 13.7316V7.36478L62.0003 6.65136V10.4851L65.6197 9.84826V12.1627L62.0003 12.801V17.19L57.9534 17.9033V16.0462L55.7595 17.3736C55.4366 17.5601 55.065 17.7223 54.6479 17.8592C54.2297 17.9971 53.8111 18.1032 53.3942 18.1768L42.2792 20.136V17.8214L44.4166 17.4447V13.4125L48.2076 12.7474V16.7769L50.373 16.3947V12.3665L54.3059 11.6759V13.2408C54.3059 13.4821 54.2778 13.7492 54.2201 14.04C54.1625 14.331 54.0581 14.5791 53.9063 14.783L53.0803 15.9174L53.992 15.7565ZM52.165 0.5C47.9852 0.5 44.1379 1.9252 41.0826 4.3158C38.0273 1.9252 34.1803 0.5 30.0001 0.5C20.059 0.5 12 8.55899 12 18.5C12 28.441 20.059 36.5 30.0001 36.5C34.1803 36.5 38.0273 35.0747 41.0826 32.6841C44.138 35.0747 47.9852 36.5 52.165 36.5C62.1062 36.5 70.165 28.441 70.165 18.5C70.165 8.55899 62.1062 0.5 52.165 0.5Z' fill='%23212121'/%3E%3Cpath d='M45.784 21.2544L59.7487 18.7923C59.9001 18.7656 60.0518 18.7507 60.2048 18.748C60.3561 18.7456 60.4997 18.7803 60.6325 18.8541L61.6006 19.4789C61.6959 19.5434 61.7723 19.6211 61.8286 19.7163C61.8863 19.8101 61.9144 19.9778 61.9144 20.219V23.3783C61.9144 23.7001 61.7951 23.998 61.5577 24.2727C61.3204 24.5476 60.9933 24.7219 60.5749 24.7957L49.7748 26.7012V28.6295L62.3984 26.4035V28.7193L45.5858 31.6842V27.5353C45.5858 27.3114 45.6368 27.0726 45.7414 26.8205C45.846 26.5697 46.0417 26.3298 46.326 26.1031L47.4657 25.1779C47.561 25.0813 47.7032 24.9954 47.8935 24.9216C48.0827 24.8494 48.2731 24.7942 48.4636 24.7606L57.7255 23.1288V21.4645L45.7843 23.5699L45.784 21.2544ZM42.4209 10.5374L56.0439 8.13581V10.4504L54.3058 10.7574V10.7708L50.3729 11.4628V11.4507L48.2074 11.8328V11.8436L44.4164 12.5085V12.5006L42.4211 12.8533L42.4209 10.5374ZM36.75 14.6274V7.68254L40.3412 7.04962V27.2098L36.75 28.6389V17.0157L34.5563 17.4018V27.9887L30.9651 29.4181V22.641L28.1721 24.7019C27.8877 24.9285 27.527 25.1082 27.0898 25.2422C26.6526 25.3751 26.2249 25.4784 25.808 25.5521L19.8795 26.5978V11.3327L23.4705 10.6997V23.6493L25.6645 23.2631C25.8547 23.2296 26.0359 23.1814 26.2061 23.1183C26.3779 23.0566 26.5669 22.9587 26.7761 22.826L30.9651 19.9642V8.70295L34.5563 8.07003V15.0149L36.75 14.6274ZM53.992 15.7565C54.1811 15.7229 54.3621 15.6786 54.5338 15.6251C54.7041 15.5701 54.8945 15.4856 55.1038 15.3675L57.9534 13.7316V7.36478L62.0003 6.65136V10.4851L65.6197 9.84826V12.1627L62.0003 12.801V17.19L57.9534 17.9033V16.0462L55.7595 17.3736C55.4366 17.5601 55.065 17.7223 54.6479 17.8592C54.2297 17.9971 53.8111 18.1032 53.3942 18.1768L42.2792 20.136V17.8214L44.4166 17.4447V13.4125L48.2076 12.7474V16.7769L50.373 16.3947V12.3665L54.3059 11.6759V13.2408C54.3059 13.4821 54.2778 13.7492 54.2201 14.04C54.1625 14.331 54.0581 14.5791 53.9063 14.783L53.0803 15.9174L53.992 15.7565ZM52.165 0.5C47.9852 0.5 44.1379 1.9252 41.0826 4.3158C38.0273 1.9252 34.1803 0.5 30.0001 0.5C20.059 0.5 12 8.55899 12 18.5C12 28.441 20.059 36.5 30.0001 36.5C34.1803 36.5 38.0273 35.0747 41.0826 32.6841C44.138 35.0747 47.9852 36.5 52.165 36.5C62.1062 36.5 70.165 28.441 70.165 18.5C70.165 8.55899 62.1062 0.5 52.165 0.5Z' fill='%23000E24'/%3E%3C/svg%3E%0A");text-align:center;} .login .member_box .tit p {font-size:1rem;font-weight:normal;} .input_item {position:relative;padding-top:.5rem;margin-bottom:0.5rem;border:0 solid #eee; background:#fff;border-radius:var(--radius-btn); } .input_item input {background-color:transparent;border:0;margin:0;text-indent:.7rem;} .input_item input:focus {border:0} /*.input_item:after {content:"";position:absolute; top:.8rem; right:.5rem;width:2.5rem; height:2.5rem;background-repeat:no-repeat;background-position:center;background-size:1.5rem auto;z-index: 9;} .input_item.id:after{background-image: url("../images/login_icon1.png");} .input_item.pw:after{background-image: url("../images/login_icon2.png");}*/ .input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:.75rem;padding:0 5px;margin-top:-.85rem;font-size:1rem;color:var(--txt-aaa);z-index:-1;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;} .input_item label.filled, .input_item input:focus + label, .input_item input:-webkit-autofill + label {top:1rem !important;left:.3rem !important;font-size:.75rem !important;z-index:1 !important;} .input_item input:-webkit-autofill {-webkit-text-fill-color: #000;} .input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;} /* 소셜네트워크 선택 */ .member_box .btn_social button {position:relative; display:block;width:100%; height:3.5rem; line-height:3.3rem; border:1px solid #dadada; background:#fff;text-align: center; font-size:1rem; color:#323232;text-indent:2rem;} .member_box .btn_social button + button {margin-top:5px;} .member_box .btn_social button::before{position:absolute;top:13px;left:10px;clear:both;display:inline-block;content:"";width:47px;height:30px;background-size:auto 30px !important;line-height: 30px;border-right:1px solid rgba(0,0,0,0.08);vertical-align: middle;} .member_box .btn_social .naver::before{background: url("../images/icon/sns_naver.png") 4px 50% no-repeat;} .member_box .btn_social .kakao::before{background: url("../images/icon/sns_kakaotalk.png") 4px 50% no-repeat;} .member_box .btn_social .fb::before{background: url("../images/icon/sns_facebook.png") 4px 50% no-repeat;} .member_box .btn_social .sk{color:#2cd79b;border:1px solid #1c2650;background:#1c2650;} .member_box .btn_social .sk::before{background: url("../images/icon/sns_sk.png") 4px 50% no-repeat;border-right:1px solid rgba(255,255,255,0.15);} /* 본인인증수단 */ .member_confirm li {margin-bottom:.5rem;} .member_confirm li p {padding:6.5rem 0 1rem;background-size:auto 70px !important;border-radius: 3px; text-align: center;} .member_confirm li p em {display:block; font-size:1.15rem;color:#111;font-weight: bold;font-style:normal;letter-spacing:-1px;} .member_confirm li .type1 {background:#f6f6f6 url("../images/icon/member_confirm1.png") center 1.5rem no-repeat;} .member_confirm li .type2 {background:#f6f6f6 url("../images/icon/member_confirm2.png") center 1.5rem no-repeat;} .member_confirm li button {width:80%; margin-top:1rem;} /* tab */ .tab-ui {position:relative;display:flex;font-size:0;} .tab-ui:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(0,0,0,.05);} .tab-ui a {flex:1;line-height:2.75rem;margin-left:-1px;border-bottom:2px solid transparent;color:#53535C;text-align:center;font-size:1.05rem;} .tab-ui a.on, .tab-ui a.active {position:relative;border-color:#2C2C2C;color:#212121;font-weight:bold;z-index:1;} .tab_layer { padding:0;} /* .tab-ui a {flex:1;line-height:2.75rem;margin-left:-1px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.5);color:#53535C;text-align:center;font-size:1rem;} .tab-ui a:first-child {margin-left:0;border-radius:1.25rem 0 0 1.25rem;} .tab-ui a:last-child {border-radius:0 1.25rem 1.25rem 0;} .tab-ui a.on, .tab-ui a.active {position:relative;border-color:#0065D9; background-color:#0065D9; color:#fff;z-index:1;} */ /* 가입정보 입력 */ .inputFormWrap .detailCon {padding-top:1.75rem;} .inputFormWrap li {position:relative;min-height:2rem;padding-bottom:1.2rem;font-weight: normal;} .inputFormWrap li .fright {position: absolute;/*right:var(--padd-column);*/right:0;top: 0;} .inputFormWrap ul + ul {margin-top:20px;} .inputFormWrap li .title {/*padding-bottom:.25rem;*/font-size:.9rem; color:#566067;} .inputFormWrap li .title span {font-size:inherit;color:inherit;} .inputFormWrap li .title.essential:after {content:'*';font-weight:bold;color:#ff1919;line-height:1;vertical-align:middle;} .inputFormWrap li.important {font-size:1.1rem;} /*.inputFormWrap li.important .title {display:inline-block;padding-right:20px;font-weight:bold;font-size:1.2rem;}*/ .inputFormWrap li.important .title + input {display:inline-block;width:calc(100% - 130px);color:#ff2828;font-weight:bold;font-size:1.5rem;text-align:right;} .inputFormWrap li.important .unit input {padding-right:3rem;color:#0064FF;font-size:1.75rem;font-weight:bold;text-align:right;} .inputFormWrap li.important .unit::before {font-size:1.25rem;color:#0064FF;} .inputFormWrap li input, .inputFormWrap li select, .inputFormWrap li textarea {margin-bottom:.25rem;} .inputFormWrap li .button {margin-bottom:.25rem;padding-left:.25rem;padding-right:.25rem;} .inputFormWrap li .txt_info {display:block;padding-bottom:1rem;} .inputFormWrap li .txt_info.error, .inputFormWrap li .txt_info.ok {padding:0 0 0 .25rem;background:none;font-size:.9rem;} .inputFormWrap li .flex {align-items:center;} .inputFormWrap li .flex .square {padding:0;white-space:nowrap;} .inputFormWrap li .flex .squareinput[type=checkbox] + label, .inputFormWrap li .flex .square input[type=radio] + label {width:auto;min-height:3.125rem;padding-left:1rem;padding-right:1rem;} .inputFormWrap .tab-ui {padding-top:0;/*margin:0 0 1rem;*/} .inputFormWrap li .set {position:relative;display:flex;gap:.5rem;} .inputFormWrap li .set.phone * {flex:1;} .inputFormWrap li .set.phone select {flex:none;width:5rem;} .inputFormWrap li .set .number {width: 3.125rem;flex: none;border: 1px solid #dee0e3;background: transparent;color: #2c2c2c;font-size: 2rem;} .inputFormWrap li .set button {flex:none !important;width:5rem;} .inputFormWrap li.model_select > div {padding-bottom:.5rem;} .inputFormWrap li.model_select > div b {display:none;} .inputFormWrap li .wfull {width:100%;} .inputFormWrap li:last-of-type {padding-bottom:0;} .inputFormWrap.carInfo-check li {display:flex;padding-bottom:1rem;align-items:center;} .inputFormWrap.carInfo-check li:last-of-type {padding-bottom:.25rem;} .inputFormWrap.carInfo-check li.li_group {display:block;} .inputFormWrap.carInfo-check li.li_group > .title {display:inline-block;width:auto;padding:0;/*border-bottom:1px dashed #ddd;*/margin-bottom:.75rem;color:var(--txt-black);font-weight:bold;} .inputFormWrap.carInfo-check li.li_group > .title:after {content:'';display:inline-block;width:1rem;height:1rem;background:url('../images/icon/ico_open.png') center center no-repeat;background-size:auto .5rem;vertical-align:middle;margin-left:.25rem;} .inputFormWrap.carInfo-check li.li_group li > .title {width:5.25rem;padding-bottom:1rem;font-size:.9rem;} .inputFormWrap.carInfo-check li li:last-of-type {padding-bottom:0;} .inputFormWrap.carInfo-check li .flexnone {padding-top:.875rem;padding-bottom:.875rem;} .inputFormWrap.carInfo-check li .flexnone li {display:block;} .inputFormWrap.carInfo-check li .flexnone li .title {width:100%;} .inputFormWrap.carInfo-check li > * {flex:auto;} .inputFormWrap.carInfo-check li > .title {/*display:flex;*/flex:none;width:5.25rem;padding:0 .5rem .35rem 0;word-break:break-all;align-items:center;} .inputFormWrap.carInfo-check li:has(ul) > .title, .inputFormWrap.carInfo-check li:has(textarea) > .title {padding-top:.875rem;align-items:flex-start;} .inputFormWrap.carInfo-check li li {padding-bottom:.25rem;} .inputFormWrap.carInfo-check li li > .title {width:4.5rem;font-size: 1rem;} .inputFormWrap.carInfo-check li .square {padding-top:0;} .inputFormWrap.carInfo-check li .square input[type=checkbox] + label, .inputFormWrap.carInfo-check li .square input[type=radio] + label {min-height:3rem;} .inputFormWrap.carInfo-check li .square:has(.fucnone) {padding-bottom:4.25rem;} .inputFormWrap.carInfo-check li .square .fucnone {position:absolute;left:0;bottom:0;} .inputFormWrap.carInfo-check li .square .fucnone + label {position:absolute;left:0;bottom:1rem;width:100% !important;margin-right:0 !important;min-height:3rem !important;background-color:#fff0/*;border-color:#7e9aad;color:#fff;*/} .square.col3:has(.fucnone) input[type=radio] + label {width:calc(50% - .166rem);} .square.col3:has(.fucnone):has(label:nth-of-type(4)) input[type=radio] + label {width:calc(33.33% - .166rem);} .square.col3:has(.fucnone):has(label:nth-of-type(4)) input[type=checkbox] + label:nth-of-type(3n), .square.col3:has(.fucnone):has(label:nth-of-type(4)) input[type=radio] + label:nth-of-type(3n) {margin-right:.25rem;} .square.col3:has(.fucnone) input[type=checkbox] + label:nth-of-type(4n), .square.col3:has(.fucnone) input[type=radio] + label:nth-of-type(4n) {margin-right:0;} .inputFormWrap.carInfo-check li .square input:checked + label {font-weight:normal;} .inputFormWrap.carInfo-check li .flex_verti {display: flex;flex-direction: column;gap:.5rem;} .inputFormWrap.carInfo-check li .realcheck {color:#8b3df1;} .inputFormWrap.carInfo-check li .numcontrol {flex:none;width:3.125rem;border-color: #dee0e3;background-color: #F7F8FA;padding:0;font-size:0;text-align:center;} .inputFormWrap.carInfo-check li .numcontrol:before {content:'';font-size:1.75rem;line-height:1;} .inputFormWrap.carInfo-check li .numcontrol.plus:before {content:'+';} .inputFormWrap.carInfo-check li .numcontrol.minus:before {content:'-';} .inputFormWrap.carInfo-check li .numcontrol + input {text-align:center;} .inputFormWrap.carInfo-check li textarea {height:7rem;} .inputFormWrap.carInfo-check li textarea:focus {border-width:0 0 1px 0;} .inputFormWrap.carInfo-check li .button.search {width:1.5rem;height:2.125rem;padding:0;margin:0;background-color:transparent;font-size:0;background-position:center;background-repeat:no-repeat;background-size:auto 1.55rem;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8622 21.7246C17.6522 21.7246 20.7245 18.6522 20.7245 14.8623C20.7245 11.0723 17.6522 7.99999 13.8622 7.99999C10.0723 7.99999 6.99995 11.0723 6.99995 14.8623C6.99995 18.6522 10.0723 21.7246 13.8622 21.7246Z' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8064 19.3147L23.4785 22' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .join_box .inputFormWrap h3.title {padding:1.5rem .5rem 1rem;font-size: 1.125rem;} .setting {background:#fff;} .setting .header.fixed .titlebar-left {background:rgb(255 255 255 / 80%);} .setting .inputFormWrap li .fright {right:0;} .setting .row {padding:1rem 0;} .setting .inputFormWrap li .title {font-size:1rem;color:var(--txt-black);} /* 회원가입 완료 */ /*.join .titlebar-center {display:none;}*/ .join .titlebar-center a {display:none;} .join .inputFormWrap .tab-ui {margin-bottom:2rem;} .member.member-findok .member_box .tit {padding-top:5rem;height:18rem;background:url('../images/icon/login_complete.png') center 90% no-repeat;background-size:auto 6.5rem;text-align:center;} .member.member-findok .member_box .tit p, .member.check-Done .member_box .tit p {display:inline-block;width:50%;word-break:keep-all;} .member_box input + .remain {position:absolute;right:30%;margin-top:1rem;font-weight:bold;color:#f00;font-size:.8rem;z-index:1;} .member-msg {background:#fff;border-radius:1.25rem;padding:3rem 0;text-align:center;font-size:1.05rem;color:var(--txt-gray2);word-break:keep-all;} .member-msg span.date {font-size:.8rem;color:var(--txt-999);} .member.check-Done .tit {height:17rem;text-align:center;} .checkImg {display:block; padding:1.5rem 0;text-align:center;} .checkImg span {display:inline-block; width:8rem; height:8rem; text-align:center; border-radius:50%; background-color:#faf0e9; } .checkImg span:before { content: "\e928"; line-height:8rem; font-size:3.6rem; font-family:'xeicon';display:inline-block; font-weight:bold; color:#fc6500; } #check-group { animation: 0.32s ease-in-out 1.03s check-group; transform-origin: center;} #check-group #check { animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.6s forwards check; stroke-dasharray: 0, 75px; stroke-linecap: square; stroke-linejoin: square;} #check-group #outline {animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;} #check-group #white-circle { animation: 0.35s ease-in 0.35s forwards circle; transform: none; transform-origin: center;} @keyframes outline { from { stroke-dasharray: 0, 345.576px; } to { stroke-dasharray: 345.576px, 345.576px; } } @keyframes circle { from { transform: scale(1); } to { transform: scale(0); } } @keyframes check { from { stroke-dasharray: 0, 75px; } to { stroke-dasharray: 75px, 75px; } } @keyframes check-group { from { transform: scale(1); } 50% { transform: scale(1.09); } to { transform: scale(1); } } /* 주소찾기 */ .postLayer {display:none;position:fixed; width:90%; top:20%; left:5%; border:1px solid #212121;box-shadow:0.1rem 0.1rem 0.8rem rgb(0 0 0 / 15%);z-index:10;} /* 추천인검색 */ .recomm_id {display:block;} .recomm_id .top {display:block; background-color:#f8f8f8; padding:.5rem 0; } .recomm_id .top input {display:inline-block;width:calc(100% - 3.125rem);border:0;background-color:transparent; margin:0;text-indent:1rem;} .recomm_id .top button {border:0; background-color:transparent; display:inline-block;width:3.125rem;height:3.125rem;color:#333;background-repeat:no-repeat;background-size:auto 2.65rem;background-position:center;background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8622 21.7246C17.6522 21.7246 20.7245 18.6522 20.7245 14.8623C20.7245 11.0723 17.6522 7.99999 13.8622 7.99999C10.0723 7.99999 6.99995 11.0723 6.99995 14.8623C6.99995 18.6522 10.0723 21.7246 13.8622 21.7246Z' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8064 19.3147L23.4785 22' stroke='%23222323' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .recomm_id ul li {border-bottom:1px solid #eee; padding:0 var(--padd-column);} .recomm_id ul li span {display:inline-block; vertical-align:top; font-size:1rem; color:var(--txt-black);line-height:3.2rem;font-weight:bold;} .recomm_id ul li span:first-child {width:40%; color:var(--txt-gray);font-weight:normal;font-size:.9rem} .recomm_id ul li span:first-child + span {width:60%;} .join_box h3.title {padding:1rem .5rem;font-size:1.25rem;} /*--------------------------------------------------------- 마이페이지 ---------------------------------------------------------*/ .bgMypage {height:auto;} .bgMypage .sub-nav:before {background-color:transparent !important;} /*.mypage_box {padding-top:2rem;} .mypage_box .btn-leave {padding-bottom:2rem;}*/ .mypage_box .btn-leave {margin-top:-.75rem;} .mypage_box .btn-leave a {width:100%;height:3.75rem;line-height:3.75rem;font-size:.935rem;margin:0;} .mypage-user {} .mypage-user .title {position:relative;padding:1.5rem .75rem 0;} .mypage-user .title p {padding-bottom:.5rem;padding-top:.25rem;font-size:1.5rem;} .mypage-user .right {position:absolute;right:.75rem;bottom:0;} .mypage-user .photo {width:3rem;height:3rem;border-radius:50%;overflow:hidden;background-image:url('/app/images/_temp/@dealer.png');background-repeat:no-repeat;background-position:center;background-size:cover;} .mypage-user .box {margin:0 var(--margin-column);background:transparent;overflow:visible;} .mypage-user .button.txt {font-size:.75rem;color:#53535C;} .mypage-user ul {display:flex;} .mypage-user ul li {display:inline-flex;justify-content: center; width:100%; text-align: center; } .mypage-user ul li a i, .mypage-user ul li div i {display:block;position:relative;height:3rem;color:#FC6500;font-size:2rem;font-style:normal;line-height:2.8rem;} .mypage-user ul li div i {color:#f43900;} .mypage-user ul li a i::after, .mypage-user ul li div i::after {content:'';position:absolute;left:50%;bottom:7px;width:20px;height:1px;background:#FC6500;transform:translateX(-50%)} .mypage-user ul li div i::after {background:#f43900;} /* 그래프 */ .graph-wrap {padding:var(--padd-row) 0;height:23rem;} .graph-wrap .graph {width:100%;height:100%;} .legend {padding-top:1rem;line-height:30px;text-align:center;color:var(--txt-888);font-size:.75rem;} .legend span {display:inline-block;width:14px;height:6px;margin:0 5px 0 15px;vertical-align:middle;} .legend span.color1 {background:#ddd;} .legend span.color2 {background:#FC6500;} .legend span.color3 {background:#ffa200;} .legend span.color4 {background:#00a351;} .legend span.color5 {background:#008ed8;} /*.graph-wrap.sub {height:24rem;padding:2rem 0;}*/ .month-select .column {flex-direction:row !important;} .month-select select {flex:1;border:0;background-color:transparent;text-align:center;font-weight:bold;} .month-select select, .month-select button {margin:0;} .month-select .button {flex:none;width:3.125rem;background-image:url(../images/icon/icon_arrow.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:auto 1.5rem;font-size:0;transform:rotate(180deg);} .month-select .button:nth-of-type(2) {left:auto;right:0;background-image:url(../images/icon/icon_arrow.png);transform:rotate(0deg);} .ui-info {position:relative;padding:var(--padd-row) 0;} .ui-info ul {display:flex;} .ui-info li {flex:1;text-align:center;} .ui-info li i {display:block;color:var(--txt-subtitle);font-size:.938rem; } .ui-info li strong {display:block;font-size:2rem;} .ui-info .btn-miniline {position:absolute; right:1rem; bottom:1.3rem; } .ui-info.type2 {background:#24313C;} .ui-info.type2 h2 {padding:0 0 1rem;text-align:center;color:#fff;font-weight:normal;letter-spacing:0;} .ui-info.type2 li i {color:rgba(255,255,255,.5);} .ui-info.type2 li strong {color:#fff;font-weight:normal;} /*--------------------------------------------------------- 서브페이지 ---------------------------------------------------------*/ /* 검색 */ .sub-search {display:none;padding-bottom:1rem;} .sub-search .column {position:relative;font-size:0;} .sub-search input[type=text] {background:#fff !important;margin:0;border-width:0 0 1px 0;} .sub-search .submit {position:absolute;right:0.5rem;bottom:.5rem;width:3rem;border-radius:5px;background:url(../images/icon/btn_search_black.png) no-repeat center center;border:0;background-size:auto 1.3rem;font-size:0;} .sub-search .button {position:absolute;right:1rem;top:0;margin:0;border-radius:5px;} .sub-search.bg {padding:.5rem;display:block !important;background:#eee;} .sub-search.bg input[type=text] {border-width:1px;} .sub-search .date {width:calc(50% - 12px);display:inline-block;border:1px solid #d4d4d4;padding:0 .7rem;background:#fff;margin-bottom:4px;line-height:3rem;} .sub-search .bar {display:inline-block;width:24px;text-align:center;} .btn-carlistAll {display:block; position:relative; clear:both; height:45px; line-height:43px; border-radius:5px; margin-bottom:2rem; border:1px solid #ddd; text-align:center; font-size:15px; color:#000; } .fixed + .container .sub-search {height:3.5rem;} .fixed + .container .sub-search .column {position:fixed;top:3.125rem;left:0;width:100%; background:#fff; z-index:9;} .fixed.tab + .container .sub-search .column {position:fixed;top:5.925rem;left:0;width:100%;z-index:9;} .fixed + .container .sub-search.bg {height:4.5rem;} .fixed + .container .sub-search.bg .column {padding:.5rem;background:#eee;} .fixed + .container .sub-search.bg .button {right:1rem;bottom:1rem;} /* 차량정보 */ .car_info_table {border-collapse:unset;margin-bottom:1.5rem;} .car_info_table td:nth-child(2) {border-right:1px solid #eee;} .car_info_table th {padding:0 0 0 1rem;text-align:left;/*text-align:center;*/box-sizing:content-box;} .car_info_table th img { height:26px; } .car_info_table tbody tr:nth-child(even) {background:none;} .car_info_table td { width:35.5%;padding:.7rem 1rem .7rem 0;font-size:1rem;word-break:keep-all;box-sizing:border-box;} .car_info_table td .smr { display:block; color:#999; font-size:.75rem; padding-bottom:3px;line-height:1;} .car_info_table td .txt_s {display:inline-block;font-size:12px;} .car_info_table td.font14 {font-size:.9rem;} .car_info_table td.as {padding-left:29px;line-height:18px;font-size:12px;} .car_info_table td.as .smr {display:inline-block;padding-right:9px;padding-bottom:0;} .car_info_table td.as div {font-size:12px;} .est_table {position:relative;padding:0 .5rem;font-size:.95rem;} .est_table > li {clear:both;position:relative;width:100%;display:inline-block;line-height:24px;clear:both;padding:8px 0;color:#000;letter-spacing:-1px;font-size:100%;line-height:15px;box-sizing:border-box;} .est_table > li .left {display:inline-block;max-width:42%;} .est_table > li .right {float:right;max-width:75%;text-align:right; font-size:1.15rem;color:#111;letter-spacing:0;line-height:inherit;} .est_table > li .right span {position:relative;right:auto;top:auto;} .est_table > li .car_icon {padding:1.5rem 0 1rem;} .est_table > li .btn-wrap, .est_table > li .fuc_wrap {margin:0 -1.5rem;} .est_table > li .car_option {clear:both;margin:1rem -1.5rem !important;/*border-top:1px solid #eee;*/font-size:0;overflow:hidden;} .est_table > li .car_option li {position:relative;display:block;padding:.3rem 1.5rem;font-size:.85rem;color:var(--txt-888);box-sizing:border-box;} .est_table > li .car_option li span {display:inline-block;width:75%;color:inherit;font-size:inherit;} .est_table > li .car_option li strong {position:absolute;right:1rem;top:.3rem;display:block;text-align:right;font-size:.9rem;color:#333;font-weight:bold;} /*.est_table > li .car_option li {position:relative;float:left;display:inline-block;width:50%;min-height:6rem;padding:1rem;border-bottom:1px solid #eee;border-right:1px solid #eee;font-size:.85rem;color:var(--txt-888);box-sizing:border-box;} .est_table > li .car_option li:nth-chidl(2n) {border-right:0;} .est_table > li .car_option li strong {position:absolute;right:1rem;bottom:1rem;display:block;text-align:right;font-size:1rem;color:#ff1c1c;font-weight:bold;}*/ .est_box ul {clear:both;border-top:1px solid #eee; } /* 사진리스트 */ .photo_list {text-align:center;} .photo_list ul {display:flex;width:100%;font-size:0;flex-wrap:wrap; font-size:0;} .photo_list li {position:relative;display:inline-block;width:48%;padding:0;margin:0 0 2% 4%;font-size:0;} .photo_list li:nth-child(1), .photo_list li:nth-child(3) {margin-left:0} .photo_list li .photo {position:relative;max-width:245px;min-height:80px;max-height:170px;border:1px solid #dfdfdf; border-radius:7px; margin:0 auto;overflow:hidden;font-size:0;background:url(../images/icon/icon_add.png) no-repeat center center #fbfbfc;background-size:auto 30px;} .photo_list li .photo span {display:block; text-align:center; margin-top:45%; color:var(--txt-888); border:1px solid #f00 } .photo_list li.full {width:100%;margin:0;} .photo_list li.full .photo {max-width:100%;} .photo_list li a {display:block;height:100%;font-size:0;} .photo_list li .title {padding-top:5px;} .photo_list li img {width:100%;} .photo_list li button {display:none;position:absolute;right:0;top:0;width:35px;height:30px;background:url(../images/icon/delete_menu_white.png) no-repeat center center rgba(0,0,0,.4);background-size:45% auto;text-indent:-9999px;font-size:0;z-index:10;} .photo_list li .photo.on button {display:block;} .photo_list.col5 li .title {padding-bottom:10px;} .photo_list.wide .photo {max-height:80px;} .photo_list.col3 li {width:32%;} .photo_list.col3 .photo {min-height:65px;max-height:110px;} .photo_list.myinfo .photo {height:130px !important;} .photo_list.myinfo{margin-bottom:20px;} .photo_popup {display:none;position:fixed;bottom:0;left:0;width:100%;z-index:99999;} .photo_popup .btn_photo {position:relative;float:left;width:50%;height:72px;border:0;border-radius:0;background:#31c591;text-align:center;overflow:hidden;cursor:pointer;} .photo_popup .btn_photo:first-child::after {content:'';display:block;position:absolute;top:0;right:0;width:1px;height:72px;background:#1ca575;} .photo_popup .btn_photo span {position:relative;font-size:1.05rem;letter-spacing:-1px;line-height:72px;color:#fff;font-weight:500;} .photo_popup .btn_photo.icon1 span:before {content:''; display:inline-block;width:30px;height:30px;margin-right:10px;background:url('../images/icon/add_photo_camera.png') center center no-repeat;background-size:auto 20px;vertical-align:middle;} .photo_popup .btn_photo.icon2 span:before {content:''; display:inline-block;width:30px;height:30px;margin-right:10px;background:url('../images/icon/add_photo_album.png') center center no-repeat;background-size:auto 20px;vertical-align:middle;} /* 이용약관 */ .joinrule {padding:1rem 0 3rem;} .joinrule h3 {padding:1rem 0 1rem;font-weight:bold;font-size:1rem;} .joinrule p {padding-bottom:1rem;font-size:.9rem;color:var(--txt-777);} .joinrule li {position:relative;padding-bottom:.5rem;font-size:.9rem;color:var(--txt-777);} .joinrule ul, .joinrule ol {padding-bottom:.5rem;} .joinrule ul li {padding-left:1rem;} .joinrule ul li:before {content:'';position:absolute;left:.3rem;top:1rem;width:5px;height:1px;background:#555;} .joinrule th {line-height:1.2rem;} /* loading */ .loading_img {position:fixed;left:0;top:0;right:0;bottom:0;background:url('/images/loading.svg') center center no-repeat rgba(255,255,255,.85);background-size:auto 4rem;z-index:100000000;} /* 차량메모 */ .memoadd {padding:0 0 40px;} .memoadd .add_text {display:block;cursor:pointer;font-size:14px;line-height:30px;} .memoadd .add_text:hover {text-decoration:underline;} .memoadd b {font-size:14px;color:#49c39a;} .option-item {font-size:0; padding:var(--padd-column); } .option-item button {display:inline-block; vertical-align:top; height:45px; line-height:43px; width:48%; margin:1%; font-size:14px; color:var(--txt-black); border:1px solid #dedede; border-radius:4px;} .option-item button.on, .option-item button.active { color:var(--bgcolor-btn) !important; border-color:var(--bgcolor-btn); background-color:#fbf5f0; font-weight:bold; } .option-item button:hover { color:#fc6500 !important; border-color:#fc6500; background-color:#fbf5f0; font-weight:bold; } .option-item input + label {position:relative;display:flex;align-items:center;justify-content:center;min-height:3.5rem;margin-bottom:.3rem;padding:.5rem;border:1px solid #ddd;border-radius:var(--radius-btn);background:#F7F8FA;text-align:center;vertical-align:middle;overflow:hidden;} .option-item input:checked + label {border-color:#0065D9;color:#fff !important;background:#0065D9;} .option-item input + label:after, .option-item input + label:before {display:none !important;} .option-item input[type=checkbox] + label:before {content:'';position: absolute;top: -1rem;left: -1rem;width: 1.5rem;height: 1.5rem;margin: 0;border-radius: 0;border: 0;background: #0065D9;transform: rotate(45deg);} .option-item input[type=checkbox]:checked + label:before {display: block !important;} .option-item textarea {border-radius:5px; height:120px; } .option-item.col2 input + label {display:inline-flex;width:calc(50% - .3rem);margin:0 .3rem .3rem 0;} .option-item.col2 input:nth-of-type(2n) + label {margin-right:0;} .option-item.col3 input + label {display:inline-flex;width:calc(33.33% - .3rem);margin:0 .3rem .3rem 0;} .option-item.col3 input:nth-of-type(3n) + label {margin-right:0;} /*--------------------------------------------------------- 내차관리 ---------------------------------------------------------*/ .mycar_manage .container {background:#f4f4f4;} .mycar_manage .usedcar-list.list-view>li {margin-bottom:7px;background:#fff;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07);} .mycar_manage .usedcar-list.list-view>li:after {height:0;} .myconsult {background:#f8f8f8;} .myconsult .ex-box {background:#fff;margin:0;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);} .myconsult .usedcar-list.list-consult .icon {bottom:0 !important;top:auto;right:0 !important;width:65px;height:32px;border-bottom-left-radius:0;border-top-right-radius:0;line-height:32px;} .myconsult .usedcar-list.list-consult {margin-top: 7px !important;} .myconsult .usedcar-list.list-consult > li .usedcar-date {position:relative;right:auto;bottom:auto;} .myconsult .usedcar-list.list-consult > li.selected .usedcar-date, .myconsult .usedcar-list.list-consult > li.noselected .usedcar-date {text-align:right;} /* 거래단계 */ .mystep-box {background:#b8c2cb;border-radius:1.25rem;overflow:hidden;} .mystep-box .step-header {position:relative;padding:1rem 1.3rem;} .mystep-box .step-header h2 {color:#fff;font-size:.9rem;} .mystep-box .step-wrap {position:absolute;right:1.25rem;top:1.75rem;width:8rem;font-size:0;} .mystep-box .step-wrap:before {content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:rgba(255,255,255,.5);z-index:0;} .mystep-box .step-wrap:after {content:'';position:absolute;left:0;top:0;width:0%;height:1px;background:var(--bgcolor-main-blue);z-index:1;} .mystep-box .step-wrap span {position:absolute;left:0;top:0;display:inline-block;width:.5rem;height:.5rem;margin-left:-.25rem;border:0;background:rgba(255,255,255,.85);border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;font-size:0;z-index:3;} .mystep-box .step-wrap.step1 span:nth-child(1), .mystep-box .step-wrap.step2 span:nth-child(2), .mystep-box .step-wrap.step3 span:nth-child(3), .mystep-box .step-wrap.step4 span:nth-child(4), .mystep-box .step-wrap.step5 span:nth-child(5) {width:1rem;height:1rem;border:.35rem solid var(--bgcolor-main-blue);background:#fff;box-shadow:1px 2px 3px rgba(45,116,245,.65);} .mystep-box .step-wrap.step2 span:nth-child(1), .mystep-box .step-wrap.step3 span:nth-child(1), .mystep-box .step-wrap.step3 span:nth-child(2), .mystep-box .step-wrap.step4 span:nth-child(1), .mystep-box .step-wrap.step4 span:nth-child(2), .mystep-box .step-wrap.step4 span:nth-child(3), .mystep-box .step-wrap.step5 span:nth-child(1), .mystep-box .step-wrap.step5 span:nth-child(2), .mystep-box .step-wrap.step5 span:nth-child(3), .mystep-box .step-wrap.step5 span:nth-child(4) {background:var(--bgcolor-main-blue);} .mystep-box .step-wrap span:nth-child(2) {left:25%;} .mystep-box .step-wrap span:nth-child(3) {left:50%;} .mystep-box .step-wrap span:nth-child(4) {left:75%;} .mystep-box .step-wrap span:nth-child(5) {left:auto;right:0;} .mystep-box .step-wrap.step1:after {width:0%;} .mystep-box .step-wrap.step2:after {width:25%;} .mystep-box .step-wrap.step3:after {width:50%;} .mystep-box .step-wrap.step4:after {width:75%;} .mystep-box .step-wrap.step5:after {width:90%;} .mystep-box .step-cont {word-break:keep-all;font-size:1rem;} .mystep-box .step-cont > p {padding-bottom:1.5rem;color:inherit;word-break:keep-all;letter-spacing:inherit;text-align:center;color:#53535C;} .mystep-box .step-cont h3 {padding:2rem .25rem 1rem;font-size:1.7rem;font-weight: bold;text-align: center;} .mystep-box .step-cont h4 {padding-left:0;/*padding-bottom:.5rem;*/line-height:1.75rem;font-weight:normal;} .mystep-box .step-cont.wait {padding:110px 2rem 3rem;background:url(../images/icon/icon_wait.png) no-repeat center 45px;background-size:auto 55px;text-align:center;} .mystep-box .step-cont.result > strong.subtitle {display:inline-block;padding-bottom:1rem;font-size:1.4rem;letter-spacing:-1px;} .mystep-box .step-cont .check_cont {padding:0 0 3rem 1.7rem;} .mystep-box .step-cont .check_cont .title {/*border-top:1px solid #ddd;margin-top:1.5rem;font-weight:bold;*/padding:1.5rem 0 .25rem;color:#393b3b;font-size:1rem;} .mystep-box .step-cont .check_cont .file-list {padding-top:0;} .mystep-box .step-cont .check_cont.txtonly {border-radius:.4rem;margin-top:1rem;padding:1.5rem;background:#f2f3f5;} .mystep-box .step-cont.topNtop {text-align:center; padding:1.5rem 1.5rem 3rem;} .mystep-box .step-cont.topNtop .tit {font-size:1.1rem; font-weight:bold; color:#fc6500} .mystep-box .step-cont.topNtop .exp {margin-top:0.85rem; font-size:0.90rem !important; line-height:1.6em; color:var(--txt-777); letter-spacing:-.04em; } .mystep-box .inputFormWrap {/*border-top:.1rem solid #eee;*/padding:1rem .5rem;text-align:left;} .mystep-box .inputFormWrap.txtonly {margin-top:.5rem;border-top:.1rem solid #eee;border-bottom:.1rem solid #eee;} .mystep-box .inputFormWrap ul {margin:0;} .mystep-box .inputFormWrap li .fright {top:.5rem;right:0;font-size:1.1rem;} .mystep-box .inputFormWrap li .fright, .mystep-box .inputFormWrap li span {line-height:3rem;font-size:1.05rem;} .mystep-box .inputFormWrap li span.ex-box {font-size:.75rem;color:#757575;} .mystep-box .inputFormWrap li label:last-child {padding-right:0;} .mystep-box .inputFormWrap li .childlayer {padding-top:1rem;} .mystep-box .inputFormWrap li input, .mystep-box .inputFormWrap li select, .mystep-box .inputFormWrap li textarea {border-color:#8b93a0;} /*.mystep-box .inputFormWrap li input[type=checkbox] + label:before {border-radius:.15rem;} .mystep-box .inputFormWrap li .square input[type=checkbox] + label *, .mystep-box .inputFormWrap li .square input[type=radio] + label * {margin-top:.2rem;}*/ .mystep-box .inputFormWrap #cash_type1 + label, .mystep-box .inputFormWrap #cash_type2 + label {display:inline-block;padding-top:.75rem;padding-bottom:.75rem;} .mystep-box .inputFormWrap #cash_type1 + label i, .mystep-box .inputFormWrap #cash_type2 + label i {margin-top:.5rem;font-size:.85rem;}.mystep-box .visit1 > strong {font-size:1.125rem;color:#111;} .mystep-box li input[type=checkbox] + label, .mystep-box li input[type=radio] + label {font-weight:bold;} .mystep-box .visit {padding-bottom:2rem;} .mystep-box .visit1 > strong {font-size:1.1rem;color:#111;} .mystep-box .visit1 .title {display:inline-block;padding-right:10px;} .mystep-box .visit1 .btn-call {margin-top:5px;} .mystep-box .visit3 {padding:0;} .mystep-box .visit2, .mystep-box .visit3 {display:inline-block;width:40%;vertical-align:middle;} .mystep-box .visit2 {width:57%;padding-right:2%;} .mystep-box .visit2 input, .mystep-box .visit3 select {margin-bottom:0;} .mystep-box .visit4 {width:100%; } .mystep-box .ex-box {padding:0;font-size:0.75rem;line-height:1.5 !important;} .mystep-box .ex-box * {font-size:0.75rem;line-height:1.5 !important;} .mystep-box .ex-box li {padding-top:0.2rem;padding-bottom:0;} .mystep-box .ex-box.li_aucResultY {padding-bottom:2rem;} .mystep-box .button-group {padding:1rem 0 0;} .mystep-box .memo {width:100%; border:1px solid #ddd; height:100px;} .mystep-box .infobox {padding:var(--padd-column);border-radius:5px;margin:-1.7rem var(--margin-zero-column) !important;text-align:left;} .mystep-box .infobox li {position:relative;padding:.25rem 0;font-size:.9rem;font-weight:bold;text-align:right;font-size:1.1rem;} .mystep-box .infobox li span + span {font-weight:inherit;font-size:inherit !important;} .mystep-box .infobox li .title {display:inline-block;width:6rem;font-size:.9rem;color:var(--txt-777);letter-spacing:-1px;font-weight:normal;} .mystep-box .infobox li span:first-child {position:absolute;left:0;text-align:left;} .mystep-box .infobox li .photo_list {display:inline-block;width:calc(100% - 78px);vertical-align:top;} .mystep-box .infobox input[type=radio] + label {display:block;padding-top:.6rem;padding-bottom:.6rem;line-height:21px;} .mystep-box .infobox input[type=radio] + label i {font-size:90%;color:var(--txt-888);letter-spacing:0;} .mystep-box .ex-box.mystep {padding:1rem 0;} .mystep-box .ex-box.mystep span {font-size:110%;font-weight:bold;} .mypage-menu h3 {clear:both;float:left;width:6.5rem;padding:1.8rem 0 0 .5rem;font-size:1rem;} .mypage-menu ul {float:left;width:calc(100% - 6.5rem);padding:1.2rem 0;} .mypage-menu ul:before {content:'';position:absolute;left:0;right:0;margin-top:-1.2rem;height:1px;background:#EDF2F9;} .mypage-menu ul:first-of-type::before {display:none;} .mypage-menu li a {display:block;padding-left:1rem;font-size:1.125rem;line-height:2.5rem;letter-spacing:-.08rem;color:var(--txt-555);} .table-wrap .column {padding:0;} .table {width:100%} .table th {background:#24313C;text-align:center; padding:0.65rem 0; font-size:.8rem;color:rgba(255,255,255,.7);font-weight:normal} .table td {padding:15px 5px ;border-bottom:1px solid #f1f1f1;} .table td:first-child {font-size:.9rem;color:var(--txt-888);} .table tbody tr:nth-child(even) {background:transparent;} @media all and (max-width:320px){ .mypage-menu li a {font-size:.85rem; } } /*--------------------------------------------------------- 차량감가평가 ---------------------------------------------------------*/ /* 차량정보 확인 */ .carInfo-check h3.title {padding-top:var(--padd-row);} .carInfo-check h3.title:first-of-type {padding-top:.5rem;} /*.estimate_state_wrap {background:var(--bgcolor-default);} .estimate_state_wrap .estimate_state {margin:0 var(--margin-column);} */ .estimate_state a {position:relative;display:block;margin:.7rem 0;background:#fff;border-radius:var(--radius-default);padding:0 1rem;font-size:.95rem;line-height:4rem;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;} .estimate_state a strong {padding-right:.25rem;color:var(--txt-impact); font-size:1.5rem;} .estimate_state a:after {content:"" ;position:absolute; right:1rem; top:1.5rem;display:inline-block;width:1rem;height:1rem;vertical-align:middle; line-height:1.5rem;background:url('../images/icon/ico_open.png') center center no-repeat;background-size:auto 100%;transform:rotate(-90deg);} .carDep .column > ul > li {position:relative;padding: 1.25rem;border-radius: 1.25rem;background-color: rgba(255, 255, 255, .8);} .carDep .column > ul {display: flex;flex-direction: column;gap: .625rem;} .carDep .carInfo-box {padding:1rem 6.5rem 2rem .5rem;} .carDep .carInfo-box img {position:absolute;right:var(--padd-column);top:2rem;height:4rem;} .carDep .carInfo-box p {padding-bottom:.5rem;font-size:1.25rem; line-height:1.5rem;font-weight:bold; } /* 20231115 width값 수정 */ .carDep .carInfo-box h2 {font-size:1.1875rem;word-break:keep-all;} .carDep .carInfo-box h2 b {display:block;padding-top:1rem;font-size:1.1rem;} .carDep .carInfo-box .label-state {margin-top:.5rem;} .carDep .info {border-top:1px solid #edf0f3;padding:1rem .5rem 0;} .carDep .info li {display:block; margin-bottom:0.5rem;color:#333; font-size:0} .carDep .info li span {display:inline-block;vertical-align:top;} .carDep .info li span:first-child {width:8rem;color:#566067;font-size:.875rem;} .carDep .info li span + span {width:calc(100% - 8rem);font-size:1rem;text-align:right;} .carDep .button-group {padding-bottom:0;} .carDep .button-group.col2 .button {width:70%;} .carDep .button-group.col2 .button:first-child {width:calc(30% - .5rem);margin-right:.5rem;} .carDep .button-group .button {height:3.125rem;} /* .carDetail-Check {position:relative; padding-bottom:2.5rem;} .carDetail-Check .row {margin-bottom:2rem; } .carDetail-Check p.title {font-size:14px; color:#444; letter-spacing:-.06em; margin-top:2.2rem; } .carDetail-Check p.title:first-child {margin-top:1rem; } .carDetail-Check .check-item {font-size:0;clear:both; display:flex; margin-top:10px;} .carDetail-Check .check-item button {border:0; display:inline-flex; justify-content: center; margin-left:5px; width:100%;font-size:15px; color:#000;border-radius:7px; background-color:#f1f2f3; border:1px solid #eaebec; height:50px; line-height:48px; } .carDetail-Check .check-item button:first-child {margin-left:0} .carDetail-Check .check-item button:hover, .carDetail-Check .check-item button.on, .carDetail-Check .check-item button.active{background-color:#fef0e6; border-color:#fc6500; color:#f65700; font-weight:bold;} .carDetail-Check .count-box {display:flex; justify-content: space-between;width:100%; margin-top:0.65rem; padding-left:0.35rem; padding-right:0.25rem; padding-bottom:0rem; font-size:14px; border-bottom:1px solid #ddd;} .carDetail-Check .count-box .count {display:inline-flex; justify-content: center; padding:0.25rem 0rem; } .carDetail-Check .count-box span {display:inline-flex; font-size:16px; font-weight:bold; } .carDetail-Check .count-box em {display:inline-flex; margin-top:8px; font-size:15px; color:#555; } .carDetail-Check .count-box .btn-down {display:inline-flex;margin-right:12px; border:0; background-color:transparent; line-height:1.6rem; } .carDetail-Check .count-box .btn-down:before {content:"\e91a";display:inline-block;vertical-align:middle; font-family:'xeicon'; font-size:18px; color:#333; } .carDetail-Check .count-box .btn-up {display:inline-flex;margin-left:12px; border:0; background-color:transparent; line-height:1.6rem; } .carDetail-Check .count-box .btn-up:before {content:"\e913" ; display:inline-block;vertical-align:middle; font-family:'xeicon'; font-size:18px; color:#333; } .carDetail-Check .count-box input { text-align:center; border:0; height:40px; background-color:transparent; font-size:18px;} .carDetail-Check .count-box input.number {font-size:25px;} .carDetail-Check .check-item input[type=radio] + label {display:inline-flex; justify-content: center; width:100%; margin-left:6px; height:55px; line-height:53px; font-size:0.95rem;color:#666;text-align:center; border-radius:7px; background-color:#f1f2f3; border:1px solid #ddd; padding:0;cursor:pointer;} .carDetail-Check .check-item input[type=radio] + label:after {display:none} .carDetail-Check .check-item input[type=radio]:first-child + label{margin-left:0 !important;} .carDetail-Check .check-item input[type=radio]:checked + label {color:#FC6500 ; border-color:#FC6500; background-color:#fbf5f0; font-weight:bold; } .carDetail-Check .check-item input[type=radio]:checked + label:after {display:none;} */ .carDetail-Check .check-Done {text-align:center; padding:3rem 0 2rem; } .carDetail-Check .check-Done h3 {font-size:1.75rem;font-weight:bold; } .carDetail-Check .check-Done .checkImg span {display:inline-block; width:8rem; height:8rem; text-align:center; border-radius:50%; background-color:#faf0e9; } .carDetail-Check .check-Done .checkImg span:before { content: "\e928"; line-height:8rem; font-size:3.6rem; font-family:'xeicon';display:inline-block; font-weight:bold; color:#fc6500; } .carDetail-Check .check-Done .txt {display:block; font-size:0.85rem; color:#555; line-height:1.5em; padding:0.5rem 0.85rem; letter-spacing:-.06em; word-break:keep-all;} /*--------------------------------------------------------- 중고차시세 Table ---------------------------------------------------------*/ .siseWrap .btn_toggle {position:absolute; right:0; top:0; width:100%; height:100%; text-align:center; background-color:transparent; border-bottom:0px solid #f00} .siseWrap .btn_toggle:after {content:"";display:inline-block; width:100%; height:100%; background-image:url('../images/icon/ico_open.png'); background-size:auto 20px; background-color:transparent; background-position:95% center; } .siseWrap .btn_toggle.open:after {background-image:url('../images/icon/ico_openclose.png');} .siseWrap .siseCarTitle {position:relative;padding:.5rem var(--padd-half-column) 2rem;background:var(--bgcolor-default);} .siseWrap .siseCarTitle a {display:block;position:relative; width:100%; height:100%; } .siseWrap .siseCarTitle a:after {content:"\e93f";position:absolute;right:0;top:50%;color:var(--txt-888);font-family:'xeicon'; font-size:1.5rem;transform:translateY(-50%);} .siseWrap .siseCarTitle .carImg {display:inline-block; vertical-align:middle; } .siseWrap .siseCarTitle .carImg img {height:2.8rem; } .siseWrap .siseCarTitle .carTitle {width:calc(100% - 6rem);padding-left:0.85rem;display:inline-block; vertical-align:middle;} .siseWrap .siseCarTitle .carTitle h2 {display:block;font-size:1.2rem;line-height:1.3em; margin:0; font-weight:bold; color:var(--txt-black); } .siseWrap .siseCarTitle .carTitle p.date {font-size:0.75rem; color:var(--txt-999); } .siseWrap .sise-tip {display:block;background-image:url('../images/icon/icon_hand_move.png');background-position:1.5rem center;background-repeat:no-repeat; background-size:auto 1.1rem;border-bottom:.1rem solid #eee;padding:1rem 0 1rem 3.5rem;font-size:0.65rem; color:var(--txt-999); line-height:1.4em; } .siseWrap .siseCarTitle.view {padding:0.95rem 1rem 0.95rem 1rem; height:auto !important; height:60px;} .siseWrap .siseCarTitle.view .carTitle {padding-left:0.85rem; font-size: 16px; font-weight:bold; color:#666; display:inline-block; vertical-align:middle;} .siseWrap .sise-carList {display:none; border-top:1px solid #ddd; background-color:#fff; position:absolute; left:0;top:55px; width:100%;z-index:333;box-shadow:3px 3px 6px rgba(0,0,0,0.05) } .siseWrap .sise-carList ul li {display:block;} .siseWrap .sise-carList ul li a {display:block; font-size:15px; height:3.4rem; color:#333; padding:0.75rem 1rem 0 1.65rem; border-bottom:1px solid #eee; } .siseTable-Wrap {position:relative; overflow:scroll; word-break:keep-all;} .siseTable-Wrap .title {display:flex; width:100%;background-color:#f6f6f6; border-bottom:1px solid #d3d6dd !important; padding-left:0.75rem; font-size:13px !important; height:35px !important; line-height:34px !important; font-size:0.85rem; color:#555; } .siseTable-Wrap .Series .title {color:#414b68; width:125px; border-right:1px solid #8e9ebd !important;} .siseTable-Wrap .year .title {color:#999; } .siseTable-Head {position:relative; background-color:#3a4d9d; font-size:0;} .siseTable-Head .Series{ display:inline-block; position:relative;vertical-align:top; width:125px; text-align:center; border-right:1px solid #fff; height:2.5rem; line-height:2.5rem; color:#fff; font-size:0.82rem; } .siseTable-Head .year {display:inline-block; position:relative;vertical-align:top;width:calc(100% - 125px); font-size:0; overflow-x:scroll; white-space:nowrap; } .siseTable-Head .year ul{display:block; width:100%;font-size:0 } .siseTable-Head .year ul li {display:inline-block; vertical-align:top; text-align:center; border-left:1px solid rgba(255,255,255,0.4); width:72px; height:2.5rem; line-height:2.5rem; color:#fff; font-size:1rem; } .siseTable-Head .year ul li:first-child {border-left:0; } .siseTable-Body {display:block; position:relative; overflow:scroll; font-size:0 } .siseTable-Body .Series { display:inline-block; position:relative;vertical-align:top;width:125px; } .siseTable-Body .Series ul{display:inline-block;} .siseTable-Body .Series > ul > li{display:table; width:125px; height:50px; border-bottom:1px solid #eee; border-right:1px solid #8e9ebd; vertical-align:middle; font-size:0.85rem; text-align:left; padding:0 0.75rem; color:#777; font-weight:bold; letter-spacing:-.02em; } .siseTable-Body .Series > ul > li a {display:table-cell;line-height:1.15rem; vertical-align:middle;color:#606169; font-size:0.85rem; font-weight:bold; } .siseTable-Body .year {display:inline-block; position:relative;vertical-align:top; width:calc(100% - 125px); overflow-x:scroll; } .siseTable-Body .year ul {display:inline-block;} .siseTable-Body .year ul li {height:50px; white-space:nowrap; border-bottom:1px solid #eee;} .siseTable-Body .year ul li span { display:inline-block; vertical-align:top; width:72px; height:50px; line-height:50px; font-size:1.025rem; color:#444; text-align:right; padding-right:0.65rem; border-left:1px solid #dedede; } .siseTable-Body .year ul li span:first-child {border-left:0;} .siseWrap .marketPrice { padding-top:10px; } .siseWrap .marketPrice .carMart {background-color:#f4f4f4; border:1px solid #f1f1f1; border-radius:7px; padding:1.2rem 0.5rem 0.35rem; } .siseWrap .marketPrice .change {margin-top:20px;} table.tableSise { position:relative; margin: 0; border: none; border-collapse:separate; border-spacing: 0; table-layout: fixed; word-break:keep-all; } table.tableSise td, table.tableSise th { border-right: 1px solid #eee; border-bottom: 1px solid #eee; } table.tableSise th:first-child {border-left:1px solid #eee;width:120px; } table.tableSise thead th { padding: 8px 0; position: sticky; position: -webkit-sticky; top: 0px; z-index: 1; width:80px; font-size:0.85rem; text-align:center; background-color:#3a4d9d; color:#fff;} table.tableSise td { background: #fff; padding: 7px 8px; } table.tableSise thead th:first-child { position: sticky;position: -webkit-sticky; left: 0; z-index: 2;} table.tableSise tbody th {position: sticky; left: 0; background: #fff; border-right:1px solid #8e9ebd; font-weight:bold; padding:.7rem 0.35rem; color:#333; z-index: 1; text-align:left;text-align: left; position: relative; font-size:0.85rem; } table.tableSise tbody td { text-align:right; font-size:0.95rem; color:#444; padding: 6px 10px;} table.tableSise tbody .title {background-color:#f6f6f6; border-bottom:1px solid #d3d6dd !important; padding:0.25rem 0.35rem; font-size:13px !important; } table.tableSise tbody a { font-size:0.90rem; font-weight:bold; } [role="region"][aria-labelledby][tabindex] { width: 100%; max-height: calc(100vh - 203px); overflow:scroll; } [role="region"][aria-labelledby][tabindex]:focus { outline: 0; } /* 내차팔기 */ .sellcar-search .titlebar-left {display:none;} .sellcar-search .container {padding:0;} .sellcar-search .titlebar-center a {text-indent:0;text-align:center;} .sellcar-search .menu-list .article-list.detail-list li * {vertical-align:middle;} .sellcar-search .menu-list .article-list.detail-list li select {border-width:0 0 1px;border-style: solid;} .sellcar-search .search-cont {display:inline-block;width: calc(100% - 75px);padding:0.5rem 0;line-height: 2.1rem;font-size:0;} .sellcar-search .search-cont label {display:inline-block;width:50%;} .sellcar-search .search-cont.range select {width:calc(50% - 1rem);} .sellcar-search .search-cont.range span {display:inline-block;width:2rem;text-align:center;} /* 내차팔기 등록 */ .mycars { .button-group.inner {display:flex;gap:.5rem;padding-bottom:1.5rem;justify-content: flex-end;} .button-group.inner button {width:auto;padding:0 2.5rem;} .inputFormWrap .detailCon {padding-bottom:2.25rem;} .file-list .img-list .close {display:none;border-radius:50%;} .file-list .img-list.on .close {display:block;} .file-list .img-list > .button {opacity:1;display:block;} .file-list .img-list.on > .button {display:none;} } @media all and (min-width:900px){ .mycars.outside { font-size:14px; #header {display:none;} .container {padding-right:1rem;padding-left:1rem;} .title_wrap, .tit, .consult-title {padding-top:2rem;} input[type=checkbox] + label {font-size:1.05rem;} .inputFormWrap {overflow:hidden;} .inputFormWrap .detailCon {padding:3rem;} .inputFormWrap li.col2 {display:inline-block;width:30%;margin-right:3.5%;vertical-align:top;} .inputFormWrap li.col2:nth-of-type(4), .inputFormWrap li.col2:nth-of-type(7) {margin-right:0;} .inputFormWrap li.model_select > .select1 {display:inline-block;width:8%;} .inputFormWrap li.model_select > .select2 {display:inline-block;width:14%;} .inputFormWrap li.model_select > .select3 {display:inline-block;width:30%;} .inputFormWrap li.model_select > .select5 {display:inline-block;width:26%;} .inputFormWrap li.model_select > .select6 {display:inline-block;width:20%;} .inputFormWrap li .title {padding-bottom:.25rem;} .inputFormWrap li input, .inputFormWrap li select, .inputFormWrap textarea {border-width:1px !important;border:1px solid #DEDEDE;border-radius:.5rem;padding-left:1em;} .inputFormWrap li .unit::before {right:1rem;} .inputFormWrap li .unit input {padding-right:2.75rem;} .inputFormWrap li .unit.impact input {border-color:#313131;padding-right:3.5rem;font-size:1.75rem;} .inputFormWrap li .unit.impact::before {font-size:1.25rem;} .inputFormWrap li:nth-of-type(10) {display:inline-block;width:63.5%;margin-right:3.5%;padding-bottom:0;vertical-align: top;} .inputFormWrap li:nth-of-type(11) {display:inline-block;width:30%;} #extCarPhotoWarp li, #carPhotoWarp li {width:100%;margin:0;} .file-list {margin-right:-2%;} .file-list .img-list {width:18%;margin-right:2% !important;margin-bottom:2% !important;} .file-list .img-list.on > .button:before {display:block;} .file-list.myinfo .img-list > .button, .file-list.myinfo .img-list .photo {height:9rem;} .list_wrap {background:transparent;} .list_wrap h3 {padding-top:2.5rem;font-weight:bold;font-size:1.25rem;} .list_wrap .detailCon {padding:2.5rem 3.5rem;background:#fff;border-radius:1.25rem;border:0 !important;} .square, .inputround {padding-top:0;} .square input[type=checkbox] + label, .square input[type=radio] + label {min-height:3.125rem;} .optionselect .square, .optionselect .inputround {padding-bottom: 2rem;} .optionselect .square input[type=checkbox] + label, .optionselect .square input[type=radio] + label {min-height:4rem;} .square input[type=checkbox]:checked + label, .square input[type=radio]:checked + label {font-weight:normal;} .square.col2 input[type=checkbox] + label, .square.col2 input[type=radio] + label {width:35%;margin-right:.5rem;margin-bottom:.5rem !important;} .square.col2:has(label:nth-of-type(3)) input[type=checkbox] + label, .square.col2:has(label:nth-of-type(3)) input[type=radio] + label {width:13.3%;} .square.col2 input[type=checkbox] + label:nth-of-type(2n), .square.col2 input[type=radio] + label:nth-of-type(2n) {margin-right:.5rem;} .square.col2 input[type=checkbox] + label:nth-of-type(7n), .square.col2 input[type=radio] + label:nth-of-type(7n) {margin-right:0;} } } /* 서명하기 */ .sign-wrap, .js-signature {width:100%;}