@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


/* =====================================================================
   Creator Car Home - 메인 전용
   폰트는 그누보드 기본 font-family 설정을 그대로 상속합니다.
   ===================================================================== */
.creator-home {background:#fff;color:#151515;font-size:14px}
.creator-section-inner {width:1200px;margin:0 auto}
.creator-site-header {height:72px;background:var(--tc-dark-header);border-bottom:1px solid #1f1f1f;color:#fff}
.creator-header-inner {width:1200px;height:72px;margin:0 auto;display:flex;align-items:center;gap:30px}
.creator-logo {display:inline-flex;flex-direction:column;color:#fff;line-height:1;text-decoration:none;letter-spacing:-1px;min-width:170px}
.creator-logo strong {font-size:22px;font-style:italic;font-weight:800}
.creator-logo strong em {color:var(--tc-accent);font-style:italic}
.creator-logo span {margin-top:5px;font-size:9px;letter-spacing:4px;color:#fff;font-weight:700}
.creator-main-nav {flex:1}
.creator-main-nav ul {display:flex;align-items:center;justify-content:center;gap:38px}
.creator-main-nav li {float:none}
.creator-main-nav a {display:block;color:#fff;font-size:15px;font-weight:700;line-height:72px;white-space:nowrap}
.creator-main-nav a:hover {color:var(--tc-accent)}
.creator-social-links {display:flex;align-items:center;gap:17px}
.creator-social-links a {display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#fff;font-size:18px}
.creator-social-links a:first-child {color:var(--tc-accent)}
.creator-menu-toggle {display:none}

.creator-hero {position:relative;overflow:hidden;height:380px;background:var(--tc-dark-deep);color:#fff}
.creator-hero-bg {position:absolute;inset:0;background-image:linear-gradient(90deg,var(--tc-dark-deep) 0%,rgba(var(--tc-dark-deep-rgb),.96) 29%,rgba(var(--tc-dark-deep-rgb),.32) 57%,rgba(var(--tc-dark-deep-rgb),.72) 100%),url('../img/creator/hero.jpg');background-repeat:no-repeat;background-position:center right;background-size:auto 100%}
.creator-hero-inner {position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}
.creator-hero-copy {width:53%;padding-left:10px}
.creator-eyebrow {font-size:16px;margin-bottom:10px;color:#f0f0f0}
.creator-hero h1 {font-size:48px;line-height:1.15;letter-spacing:-3px;color:#fff;font-weight:800}
.creator-hero h1 strong {color:var(--tc-accent)}
.creator-hero-desc {margin-top:20px;font-size:15px;line-height:1.8;color:#d8d8d8}
.creator-hero-actions {display:flex;gap:12px;margin-top:28px}
.creator-btn {display:inline-flex;height:48px;padding:0 24px;align-items:center;justify-content:center;border-radius:4px;font-size:14px;font-weight:700;text-decoration:none}
.creator-btn i {margin-right:8px}
.creator-btn-primary {background:var(--tc-accent-strong);color:#fff;border:1px solid var(--tc-accent-strong)}
.creator-btn-primary:hover {background:var(--tc-accent-hover-deep);color:#fff}
.creator-btn-line {background:rgba(0,0,0,.25);color:#fff;border:1px solid #bfc1c4}
.creator-btn-line:hover {border-color:#fff;color:#fff}
.creator-profile-card {width:290px;padding:26px 26px 24px;text-align:center;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.34)}
.creator-profile-card img {display:block;width:108px;height:108px;margin:0 auto;border:3px solid #fff;border-radius:50%;object-fit:cover;object-position:center center;background:#e9e9e9;box-sizing:border-box}
.creator-profile-card h2 {margin-top:12px;font-size:21px;color:#fff}
.creator-profile-card h2 i {font-size:13px;color:#fff}
.creator-profile-card > strong {display:block;margin-top:7px;font-size:13px;color:#ddd;font-weight:400}
.creator-profile-card p {display:-webkit-box;overflow:hidden;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);line-height:1.7;color:#c9c9c9;font-size:13px;text-align:center;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.creator-content {padding:26px 0 0}
.creator-two-columns {display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.creator-section-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.creator-section-head h2 {font-size:22px;letter-spacing:-1px;font-weight:800;color:#111}
.creator-section-head a {font-size:12px;color:#777}
.creator-video-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.creator-video-card {min-width:0;color:#111}
.creator-video-card .creator-thumb {display:block;position:relative;overflow:hidden;border-radius:5px;aspect-ratio:16/10;background:#eee}
.creator-video-card .creator-thumb:after {content:'\f144';font-family:FontAwesome;position:absolute;left:9px;bottom:8px;color:#fff;font-size:19px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.creator-video-card img {width:100%;height:100%;object-fit:cover;display:block}
.creator-video-card strong {display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.creator-video-card > span:last-child {display:block;margin-top:6px;color:#888;font-size:11px}
.creator-review-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.creator-review-card {position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:5px;background:#222;color:#fff}
.creator-review-card img {width:100%;height:100%;object-fit:cover;display:block}
.creator-review-card:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.04) 60%)}
.creator-review-overlay {position:absolute;left:12px;right:10px;bottom:14px;z-index:2}
.creator-review-overlay strong {display:block;color:#fff;font-size:15px}
.creator-review-overlay em {display:block;margin-top:5px;color:#d2d2d2;font-size:11px;font-style:normal}

.creator-mid-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.creator-recommend-panel {padding:24px 28px 22px;background:#f5f5f5;border:1px solid #ededed;border-radius:9px}
.creator-section-head-compact {margin-bottom:15px}
.creator-section-head-compact p {margin-top:5px;color:#777;font-size:12px}
.creator-recommend-cars {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.creator-recommend-car {color:#111}
.creator-recommend-car img {display:block;width:100%;height:95px;object-fit:cover;border-radius:5px;background:#ddd}
.creator-recommend-car strong {display:block;margin-top:8px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.creator-recommend-car span {display:block;margin-top:4px;font-size:11px;color:#777}
.creator-more-btn {display:block;width:200px;height:38px;line-height:36px;margin:18px auto 0;text-align:center;border:1px solid #bfc2c5;color:#333;background:#fff;border-radius:3px;font-size:12px}
.creator-consult-panel {padding:26px 26px 22px;text-align:center;background:linear-gradient(135deg,#161616,var(--tc-dark-header));border-radius:9px;color:#fff}
.creator-consult-panel h2 {font-size:22px;color:#fff}
.creator-consult-panel > p {margin-top:7px;color:#bbb;font-size:12px}
.creator-consult-items {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
.creator-consult-items div {min-width:0}
.creator-consult-items i {display:flex;width:48px;height:48px;margin:0 auto 9px;align-items:center;justify-content:center;border:1px solid #383838;border-radius:50%;font-size:19px;color:#eee;background:#1b1b1b}
.creator-consult-items strong {display:block;font-size:12px;color:#fff}
.creator-consult-items span {display:block;margin-top:5px;line-height:1.45;color:#919191;font-size:10px}
.creator-consult-panel .creator-btn {height:38px;margin-top:20px;padding:0 44px}

.creator-car-search {margin-top:18px;padding:16px 44px 14px;background:linear-gradient(135deg,#181818,#090909);border-radius:8px;color:#fff}
.creator-search-row {display:grid;grid-template-columns:1fr 1fr 1.5fr 150px;gap:6px}
.creator-search-row select {width:100%;height:46px;padding:0 15px;background:#111;color:#eee;border:1px solid #474747;border-radius:3px;font-size:13px}
.creator-search-row button {height:46px;border:0;border-radius:3px;background:var(--tc-accent-strong);color:#fff;font-size:14px;font-weight:700}
.creator-search-guides {display:grid;grid-template-columns:1fr 1fr 1fr;margin:18px 0 12px;text-align:center;color:#ddd;font-size:14px;font-weight:700}
.creator-search-guides i {margin-right:7px;color:#b5b5b5}
.creator-search-guides strong {color:var(--tc-accent);font-size:15px}
.creator-search-guides strong i {color:var(--tc-accent)}
.creator-body-types {display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
.creator-body-types button {height:72px;padding:5px 2px;border:1px solid transparent;background:transparent;color:#ddd;border-radius:5px}
.creator-body-types button:hover,.creator-body-types button.is-active {border-color:var(--tc-accent-strong);color:#fff;background:#151515}
.creator-body-types img {display:block;width:72px;height:30px;margin:0 auto 5px;object-fit:contain;background:transparent}
.creator-body-types span {display:block;font-size:11px}

.creator-car-list {padding:12px 0 24px}
.creator-car-group {margin-top:14px}
.creator-car-group + .creator-car-group {margin-top:20px}
.creator-car-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.creator-car-card {overflow:hidden;position:relative;border:1px solid #dedede;border-radius:9px;background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .18s,box-shadow .18s,transform .18s}
.creator-car-card:hover {border-color:#c9c9c9;box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-2px)}
.creator-car-card-top {position:relative;overflow:hidden;background:#f2f2f2}
.creator-car-image {display:block;height:188px;overflow:hidden;background:#f2f2f2}
.creator-car-image img {width:100%;height:100%;display:block;object-fit:cover}
.creator-car-ribbon {position:absolute;top:15px;left:-31px;z-index:3;width:122px;height:25px;line-height:25px;text-align:center;transform:rotate(-45deg);background:var(--tc-highlight);color:#fff;font-size:10px;font-weight:700;letter-spacing:-.5px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.creator-car-compare {display:flex;position:absolute;top:9px;right:9px;z-index:4;height:34px;padding:0 10px 0 8px;align-items:center;gap:5px;border:1px solid #ddd;border-radius:18px;background:rgba(255,255,255,.95);color:#555;font-size:11px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.creator-car-compare i {display:block;width:17px;height:17px;border:1px solid #d2d2d2;border-radius:50%;background:#fff;box-sizing:border-box}
.creator-car-compare.is-selected {border-color:var(--tc-highlight);color:var(--tc-highlight-text)}
.creator-car-compare.is-selected i {border:5px solid var(--tc-highlight)}
.creator-car-info {display:block;position:relative;padding:11px 12px 14px}
.creator-car-info > strong {display:block;padding-bottom:10px;border-bottom:1px solid #ededed;font-size:14px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.creator-car-region {display:block;padding:9px 0 7px;color:#6f6f6f;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.creator-car-spec {margin:0;padding:0;font-size:11px}
.creator-car-spec div {display:flex;min-height:21px;align-items:center;justify-content:space-between;gap:10px}
.creator-car-spec dt {flex:0 0 auto;color:#777;font-weight:400}
.creator-car-spec dd {margin:0;color:#333;text-align:right;font-weight:500}
.creator-car-spec dd.is-red {color:var(--tc-accent-price);font-size:14px;font-weight:700}
.creator-car-spec dd.creator-car-price {color:#222;font-weight:700}
.creator-no-result {display:none;padding:50px 0;text-align:center;color:#777;font-size:15px}

.creator-stats {background:linear-gradient(90deg,#121212,#1e1e1e,#121212);color:#fff;border-top:1px solid #2c2c2c}
.creator-stats-grid {display:grid;grid-template-columns:repeat(4,1fr);height:96px}
.creator-stats-grid > div {display:flex;align-items:center;justify-content:center;gap:16px;border-left:1px solid #303030}
.creator-stats-grid > div:last-child {border-right:1px solid #303030}
.creator-stats-grid i {font-size:30px;color:var(--tc-accent)}
.creator-stats-grid span {font-size:12px;color:#aaa}
.creator-stats-grid strong {display:block;margin-top:5px;font-size:19px;color:#fff}

.creator-site-footer {background:#151515;color:#9b9b9b}
.creator-footer-inner {width:1200px;min-height:110px;margin:0 auto;display:flex;align-items:center;gap:42px}
.creator-logo-footer {min-width:175px}
.creator-footer-links {flex:1;font-size:11px}
.creator-footer-links a {margin-right:18px;color:#aaa}
.creator-footer-links p {margin-top:9px;color:#777}
.creator-footer-contact {display:inline-flex;height:42px;padding:0 18px;align-items:center;gap:8px;border:1px solid #444;border-radius:4px;color:#ddd;font-size:12px}
.creator-top-btn {position:fixed;right:22px;bottom:22px;z-index:90;width:42px;height:42px;border:1px solid #444;background:var(--tc-dark-surface);color:#fff;border-radius:4px;font-size:18px}

@media (max-width:1240px) {
    .creator-section-inner,.creator-header-inner,.creator-footer-inner {width:calc(100% - 40px)}
    .creator-main-nav ul {gap:22px}
    .creator-main-nav a {font-size:14px}
}
@media (max-width:900px) {
    .creator-site-header {height:62px}
    .creator-header-inner {height:62px;width:calc(100% - 30px)}
    .creator-logo {min-width:0}
    .creator-logo strong {font-size:18px}
    .creator-logo span {font-size:7px;letter-spacing:3px}
    .creator-social-links {display:none}
    .creator-menu-toggle {display:block;margin-left:auto;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:21px}
    .creator-main-nav {display:none;position:absolute;top:62px;left:0;right:0;z-index:1000;background:#0d0d0d;border-top:1px solid #222}
    .creator-main-nav.is-open {display:block}
    .creator-main-nav ul {display:block;width:100%;padding:10px 20px}
    .creator-main-nav a {line-height:44px;border-bottom:1px solid #202020}
    .creator-section-inner {width:calc(100% - 28px)}
    .creator-hero {height:auto;min-height:500px}
    .creator-hero-bg {background-position:70% center;background-size:auto 100%}
    .creator-hero-inner {padding:48px 0;align-items:flex-end}
    .creator-hero-copy {width:66%;padding:0}
    .creator-hero h1 {font-size:40px}
    .creator-profile-card {width:250px}
    .creator-two-columns,.creator-mid-grid {grid-template-columns:1fr}
    .creator-review-grid {grid-template-columns:repeat(4,1fr)}
    .creator-car-grid {grid-template-columns:repeat(2,1fr)}
    .creator-search-row {grid-template-columns:1fr 1fr}
    .creator-search-row button {grid-column:2}
    .creator-body-types {grid-template-columns:repeat(4,1fr)}
    .creator-stats-grid {height:auto;grid-template-columns:repeat(2,1fr)}
    .creator-stats-grid > div {height:82px;border-bottom:1px solid #303030}
    .creator-footer-inner {padding:25px 0;flex-wrap:wrap}
}

/* creator right quick menu */
.creator-quick-menu {position:fixed;top:50%;right:18px;z-index:3000;width:94px;transform:translateY(-44%);background:#34312a;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.25);font-family:inherit}
.creator-quick-action {display:flex;height:92px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-align:center;background:#423d32;transition:background .15s ease}
.creator-quick-action:hover {background:#50493b;color:#fff}
.creator-quick-action strong {font-size:14px;font-weight:600;letter-spacing:-.5px;color:#fff}
.creator-quick-icon {display:flex;width:38px;height:34px;align-items:center;justify-content:center;color:#fff;font-size:31px;line-height:1}
.creator-quick-icon-talk {position:relative;width:44px;height:32px;border-radius:50%;background:#fff;color:#514b3f;font-size:18px}
.creator-quick-icon-talk:after {content:'';position:absolute;left:8px;bottom:-5px;border-width:6px 5px 0 0;border-style:solid;border-color:#fff transparent transparent transparent;transform:rotate(12deg)}
.creator-quick-icon-talk i {font-size:19px}
.creator-quick-close {display:block;width:100%;height:42px;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:#ff9200;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.creator-quick-close span {margin-right:4px;font-size:16px}
.creator-quick-recent {background:#f3f3f3;color:#222;text-align:center}
.creator-quick-recent > strong {display:block;height:30px;line-height:30px;border-bottom:1px solid #cfcfcf;background:#555;color:#fff;font-size:11px;font-weight:500}
.creator-quick-recent-list {min-height:88px;background:#fff}
.creator-quick-empty {display:flex;min-height:88px;align-items:center;justify-content:center;color:#999;font-size:10px;line-height:1.5}
.creator-quick-recent-item {position:relative;display:block;width:100%;height:72px;border-bottom:1px solid #ddd;background:#fff;overflow:hidden}
.creator-quick-recent-link {display:block;width:100%;height:100%;background:#fff}.creator-quick-recent-item img {display:block;width:100%;height:100%;object-fit:cover}
.creator-quick-recent-link:hover img {opacity:.86}.creator-quick-recent-delete {position:absolute;right:4px;top:4px;z-index:2;display:flex;width:21px;height:21px;padding:0;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(20,20,20,.76);color:#fff;font-size:11px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.22)}.creator-quick-recent-delete:hover {background:var(--tc-accent-text-alt);color:#fff}
.creator-quick-top {display:block;width:100%;height:32px;border:0;background:#555;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.creator-quick-top:hover {background:#333}
.creator-car-card.is-quick-focus {outline:3px solid #ff9200;outline-offset:2px;transition:outline-color .2s ease}
@media (max-width:1400px) {
    .creator-quick-menu {right:6px}
}
@media (max-width:1100px) {
    .creator-quick-menu {display:none}
}

/* creator global used-car search */
.creator-global-search-nav button {display:block;height:100%;padding:0;border:0;background:transparent;color:#fff;font:inherit;line-height:72px;cursor:pointer}
.creator-global-search-nav button i {margin-right:5px;font-size:12px;color:var(--tc-accent-strong)}
.creator-global-search-nav button:hover {color:var(--tc-accent)}
.creator-global-search-layer {display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.78);align-items:flex-start;justify-content:center;padding-top:120px}
.creator-global-search-layer.is-open {display:flex}
.creator-global-search-box {position:relative;width:min(760px,calc(100% - 40px));padding:42px;background:#111;border:1px solid #303030;border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.55);color:#fff}
.creator-global-search-box > strong {display:block;font-size:28px;color:#fff}
.creator-global-search-box > p {margin-top:8px;color:#999;font-size:13px}
.creator-global-search-close {position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;background:transparent;color:#aaa;font-size:22px;cursor:pointer}
.creator-global-search-close:hover {color:#fff}
.creator-global-search-box form {display:flex;margin-top:25px;border:2px solid var(--tc-accent-strong);background:#fff;border-radius:5px;overflow:hidden}
.creator-global-search-box input {flex:1;min-width:0;height:58px;padding:0 20px;border:0;background:#fff;color:#111;font-size:16px;outline:0}
.creator-global-search-box form button {width:110px;border:0;background:var(--tc-accent-strong);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.creator-global-search-box form button i {margin-right:6px}
.creator-global-search-page {min-height:650px;padding:58px 0 80px;background:#f5f6f8}
.creator-search-page-head {text-align:center}
.creator-search-page-head > p {color:var(--tc-accent-strong);font-size:11px;font-weight:700;letter-spacing:2px}
.creator-search-page-head h1 {margin-top:7px;color:#111;font-size:32px}
.creator-search-page-head span {display:block;margin-top:9px;color:#777;font-size:13px}
.creator-search-page-form {display:flex;width:min(820px,100%);margin:30px auto 0;border:1px solid #d7d9dc;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.creator-search-page-form input {flex:1;min-width:0;height:58px;padding:0 20px;border:0;color:#111;font-size:15px;outline:0}
.creator-search-page-form button {width:120px;border:0;background:var(--tc-accent-strong);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.creator-search-page-form button i {margin-right:6px}
.creator-search-result-summary {margin:34px 0 16px;padding-bottom:13px;border-bottom:1px solid #ddd;color:#666;font-size:13px}
.creator-search-result-summary strong {color:#111;font-size:17px}
.creator-search-result-summary b {color:var(--tc-accent-strong);font-size:16px}
.creator-global-car-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.creator-search-car-card {min-width:0}
.creator-search-empty {padding:100px 20px;text-align:center;background:#fff;border:1px solid #e4e5e7;border-radius:8px}
.creator-search-empty i {font-size:42px;color:#ccc}
.creator-search-empty strong {display:block;margin-top:18px;color:#222;font-size:18px}
.creator-search-empty p {margin-top:8px;color:#888;font-size:13px}
.creator-search-paging {margin-top:35px;text-align:center}

/* Usedcar detail */
.usedcar-view-page {padding:28px 0 70px;background:#f7f8fa;color:#111}
.usedcar-view-summary {display:flex;min-height:165px;padding:30px 32px;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid #eceef1;border-radius:13px;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.usedcar-view-heading {min-width:0;flex:1}
.usedcar-view-breadcrumb {margin-bottom:10px;color:#999;font-size:12px}
.usedcar-view-heading h1 {font-size:28px;line-height:1.25;letter-spacing:-1.2px;color:#111}
.usedcar-view-meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;color:#777;font-size:13px}
.usedcar-view-meta span + span:before {content:'|';margin-right:8px;color:#d5d5d5}
.usedcar-view-meta b,.usedcar-view-meta em {display:inline-block;padding:4px 10px;border-radius:14px;font-style:normal;font-size:11px;font-weight:600}
.usedcar-view-meta b {background:#ececec;color:#666}
.usedcar-view-meta b.status-reserved {background:#fff4df;color:#e58b00}
.usedcar-view-meta b.status-sold {background:#f1f1f1;color:#999}
.usedcar-view-meta em {background:#fff1e5;color:#eb8c00}
.usedcar-view-pricebox {min-width:250px;text-align:right}
.usedcar-view-pricebox > span {display:block;color:#999;font-size:12px}
.usedcar-view-pricebox > strong {display:block;margin-top:4px;color:var(--tc-accent-price-alt);font-size:34px;letter-spacing:-1.5px}
.usedcar-view-finance {display:inline-flex;margin-top:10px;padding:10px 13px;align-items:center;gap:14px;background:#f7f7f7;border:1px solid #ececec;border-radius:9px;color:#777;font-size:12px}
.usedcar-view-finance b {color:var(--tc-accent-price-alt);font-size:16px}
.usedcar-view-gallery {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;margin-top:18px;padding:16px;background:#fff;border:1px solid #eceef1;border-radius:13px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.usedcar-view-mainimage {height:515px;overflow:hidden;border-radius:8px;background:#eee}
.usedcar-view-mainimage img {display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.usedcar-view-thumbs {display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:118px;gap:7px;max-height:515px;overflow:auto;align-content:start;padding-right:3px}
.usedcar-view-thumb {overflow:hidden;padding:0;border:2px solid transparent;border-radius:5px;background:#eee;cursor:pointer}
.usedcar-view-thumb.is-active {border-color:#ff9300}
.usedcar-view-thumb img {display:block;width:100%;height:100%;object-fit:cover}
.usedcar-view-noimage {grid-column:1/-1;display:flex;height:160px;align-items:center;justify-content:center;color:#aaa;font-size:13px}
.usedcar-view-tabs-wrap {margin-top:18px;background:#fff;border:1px solid #eceef1;border-radius:13px;box-shadow:0 4px 18px rgba(0,0,0,.04);overflow:hidden}
.usedcar-view-tabs {display:grid;grid-template-columns:repeat(5,1fr);background:#f7f8fa;border-bottom:1px solid #eceef1}
.usedcar-view-tabs button {position:relative;height:62px;border:0;background:transparent;color:#555;font-size:14px;cursor:pointer}
.usedcar-view-tabs button:after {content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.usedcar-view-tabs button.is-active {background:#fff;color:#ff8d00;font-weight:700}
.usedcar-view-tabs button.is-active:after {background:#ff9300}
.usedcar-view-tabs button span {display:inline-block;margin-left:4px;color:#aaa;font-size:10px}
.usedcar-view-tabpanels {min-height:260px}
.usedcar-view-tabpanel {display:none;padding:30px}
.usedcar-view-tabpanel.is-active {display:block}
.usedcar-view-description {overflow:hidden;line-height:1.7;color:#333}
.usedcar-view-description img {max-width:100% !important;height:auto !important}
.usedcar-view-empty {padding:80px 20px;text-align:center;color:#999;font-size:14px}
.usedcar-view-photo-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.usedcar-view-photo {overflow:hidden;padding:0;border:0;border-radius:7px;background:#eee;cursor:zoom-in}
.usedcar-view-photo img {display:block;width:100%;height:350px;object-fit:cover}
.usedcar-view-option-head {display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 28px;text-align:center}
.usedcar-view-option-head h2 {font-size:19px;color:#111}
.usedcar-view-option-head > div {color:#999;font-size:11px}
.usedcar-view-option-head .on,.usedcar-view-option-head .off {display:inline-block;width:10px;height:10px;margin:0 4px 0 10px;border-radius:3px;vertical-align:-1px}
.usedcar-view-option-head .on {background:var(--tc-highlight-2)}.usedcar-view-option-head .off {background:#d9dee5}
.usedcar-view-option-group {margin-top:18px;padding:20px;border:1px solid #e6e9ee;border-radius:12px}
.usedcar-view-option-group-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf0f3}
.usedcar-view-option-group-head h3 {font-size:15px;color:#111}
.usedcar-view-option-group-head span {padding:5px 9px;border-radius:12px;background:#fff3e8;color:#ff8d00;font-size:10px}
.usedcar-view-option-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.usedcar-view-option-item {display:flex;min-height:44px;padding:7px 11px;align-items:center;gap:9px;border:1px solid #e5e9ee;border-radius:7px;background:#f9fafb;color:#9ca4b3;font-size:12px}
.usedcar-view-option-item i {width:8px;height:8px;border-radius:50%;background:#d2d8df}
.usedcar-view-option-item.is-selected {border-color:#ffb49c;background:#fff;color:#f07800;font-weight:600}
.usedcar-view-option-item.is-selected i {width:18px;height:18px;background:var(--tc-highlight-2);position:relative}
.usedcar-view-option-item.is-selected i:after {content:'✓';position:absolute;left:4px;top:0;color:#fff;font-size:11px;line-height:18px}
.usedcar-view-inspection {padding:40px 20px;text-align:center}
.usedcar-view-inspection > i {font-size:38px;color:#ff9700}.usedcar-view-inspection strong {display:block;margin-top:14px;font-size:20px}.usedcar-view-inspection p {margin-top:8px;color:#999;font-size:13px}
.usedcar-view-inspection button {margin-top:24px;padding:15px 35px;border:1px solid #ddd;border-radius:6px;background:#f7f7f7;color:#aaa}
.usedcar-view-info-section,.usedcar-view-related {margin-top:18px;padding:24px 28px;background:#fff;border:1px solid #eceef1;border-radius:13px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.usedcar-view-section-title {margin-bottom:18px}.usedcar-view-section-title h2 {font-size:19px;color:#111}.usedcar-view-section-title span {display:block;width:38px;height:3px;margin-top:12px;background:var(--tc-highlight-2)}
.usedcar-view-info-grid {display:grid;grid-template-columns:repeat(2,1fr);column-gap:34px}
.usedcar-view-info-row {display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f3;font-size:13px}
.usedcar-view-info-row span {display:flex;min-width:120px;align-items:center;gap:9px;color:#8f99aa}.usedcar-view-info-row span i {display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:7px;background:#f4f5f6;color:#ff9700;font-size:11px}
.usedcar-view-info-row strong {text-align:right;color:#111;font-size:13px}
.usedcar-view-related-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.usedcar-view-related-card {overflow:hidden;border:1px solid #e7e7e7;border-radius:9px;background:#fff;color:#111;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.usedcar-view-related-card:hover {border-color:#ccc;color:#111}
.usedcar-view-related-image {display:block;height:155px;overflow:hidden;background:#eee}.usedcar-view-related-image img {display:block;width:100%;height:100%;object-fit:cover}
.usedcar-view-related-card > strong {display:block;padding:12px 13px 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.usedcar-view-related-card dl {padding:9px 13px 13px;border-top:1px solid #f0f0f0}
.usedcar-view-related-card dl div {display:flex;justify-content:space-between;gap:10px;line-height:1.7;font-size:11px}.usedcar-view-related-card dt {color:#888}.usedcar-view-related-card dd {color:#222}.usedcar-view-related-card dd.is-red {color:var(--tc-accent-price-alt-2);font-weight:700}
.usedcar-view-lightbox {display:none;position:fixed;inset:0;z-index:5000;align-items:center;justify-content:center;padding:50px;background:rgba(0,0,0,.88)}
.usedcar-view-lightbox.is-open {display:flex}.usedcar-view-lightbox img {max-width:95vw;max-height:90vh;object-fit:contain}.usedcar-view-lightbox-close {position:absolute;right:30px;top:25px;width:45px;height:45px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
.creator-car-info strong a {color:inherit}.creator-car-info strong a:hover {color:var(--tc-accent-strong)}

/* YouTube DB linked home empty state */
.creator-video-empty {grid-column:1/-1;margin:0;padding:34px 15px;text-align:center;border:1px solid #e8e8e8;border-radius:6px;background:#fafafa;color:#888;font-size:12px;line-height:1.7}
.creator-video-empty b {color:var(--tc-accent-strong)}

.usedcar-view-video-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.usedcar-view-video-card {min-width:0;color:#111;text-decoration:none}
.usedcar-view-video-card:hover {color:#111}
.usedcar-view-video-thumb {display:block;position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:8px;background:#111}
.usedcar-view-video-thumb img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.usedcar-view-video-card:hover .usedcar-view-video-thumb img {transform:scale(1.025)}
.usedcar-view-video-thumb > i {display:flex;position:absolute;left:50%;top:50%;width:44px;height:31px;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:8px;background:var(--tc-accent-media-strong);color:#fff;font-size:13px;box-shadow:0 3px 12px rgba(0,0,0,.25)}
.usedcar-view-video-thumb > em {position:absolute;right:7px;bottom:7px;padding:3px 6px;border-radius:3px;background:rgba(0,0,0,.8);color:#fff;font-style:normal;font-size:10px}
.usedcar-view-video-card > strong {display:-webkit-box;overflow:hidden;margin-top:10px;color:#181818;font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.usedcar-view-video-meta {display:block;margin-top:6px;color:#999;font-size:10px}

/* Creator recommended vehicle list */
.creator-recommend-page{padding:34px 0 80px;background:#f6f7f9;color:var(--tc-dark-surface)}
.creator-subpage-hero{padding:52px 56px;margin-bottom:24px;border-radius:14px;background:#121316;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.creator-subpage-hero>span{display:block;margin-bottom:10px;color:var(--tc-accent-hero);font-size:11px;font-weight:800;letter-spacing:1.7px}
.creator-subpage-hero h1{margin:0;font-size:34px;line-height:1.2;letter-spacing:-1.5px}
.creator-subpage-hero p{margin:12px 0 0;color:#bfc2c8;font-size:14px;line-height:1.7}
.creator-subpage-hero-car{background:linear-gradient(110deg,#101114 0%,#1c1e22 100%)}
.creator-recommend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:17px 20px;border:1px solid #e4e6e9;border-radius:10px;background:#fff}
.creator-recommend-count{color:#777;font-size:13px}.creator-recommend-count strong{margin-left:5px;color:var(--tc-accent-strong);font-size:18px}
.creator-recommend-filter{display:flex;gap:7px}.creator-recommend-filter select,.creator-recommend-filter input{height:40px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-family:inherit;font-size:12px}
.creator-recommend-filter select{min-width:135px;padding:0 30px 0 12px}.creator-recommend-filter input{width:250px;padding:0 12px}.creator-recommend-filter button{height:40px;padding:0 16px;border:0;border-radius:6px;background:#161616;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.creator-recommend-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.creator-recommend-list-card{overflow:hidden;border:1px solid #e1e3e6;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.035)}
.creator-recommend-list-image{display:block;position:relative;height:235px;overflow:hidden;background:#eee}.creator-recommend-list-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.creator-recommend-list-card:hover .creator-recommend-list-image img{transform:scale(1.025)}
.creator-recommend-ribbon{position:absolute;left:0;top:15px;padding:7px 12px;background:var(--tc-accent-ribbon-alt);color:#fff;font-size:10px;font-weight:700}.creator-recommend-list-image em{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-style:normal;font-size:10px}
.creator-recommend-list-body{padding:17px 18px 19px}.creator-recommend-list-path{color:#999;font-size:10px}.creator-recommend-list-body h2{margin:5px 0 13px;font-size:17px;line-height:1.35}.creator-recommend-list-body h2 a{color:#151515}.creator-recommend-list-body dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.creator-recommend-list-body dl div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:11px}.creator-recommend-list-body dt{color:#999}.creator-recommend-list-body dd{color:#333;text-align:right}
.creator-recommend-list-price{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px}.creator-recommend-list-price span{color:#888;font-size:10px}.creator-recommend-list-price strong{color:var(--tc-accent-price-alt-3);font-size:20px;letter-spacing:-.7px}.creator-recommend-empty{padding:100px 20px;text-align:center;border:1px solid #e3e5e8;border-radius:11px;background:#fff;color:#999}.creator-recommend-empty i{font-size:42px;color:#d0d3d8}.creator-recommend-empty strong{display:block;margin-top:16px;color:#333;font-size:17px}.creator-recommend-empty p{margin:7px 0 0;font-size:12px}.creator-recommend-paging{clear:both;padding:50px 0 5px;text-align:center}.creator-recommend-paging .pg_wrap{float:none;display:block;text-align:center}.creator-recommend-paging .pg{display:inline-block}
@media(max-width:1024px){.creator-recommend-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creator-recommend-page{padding:18px 0 55px}.creator-subpage-hero{padding:34px 24px;border-radius:10px}.creator-subpage-hero h1{font-size:27px}.creator-recommend-toolbar{align-items:stretch;flex-direction:column}.creator-recommend-filter{width:100%;flex-wrap:wrap}.creator-recommend-filter select,.creator-recommend-filter input{flex:1;min-width:0;width:auto}.creator-recommend-filter button{width:100%}.creator-recommend-list-grid{grid-template-columns:1fr}.creator-recommend-list-image{height:auto;aspect-ratio:16/10}}


/* recent cars quick link */
.creator-quick-recent-all{display:flex;height:30px;align-items:center;justify-content:center;gap:5px;border-top:1px solid #e0e0e0;background:#f6f6f6;color:#555;font-size:10px;font-weight:700}
.creator-quick-recent-all:hover{background:#ececec;color:#111}

/* footer non-clickable email collection notice */
.creator-footer-links .creator-footer-static{display:inline-block;margin-right:18px;color:#aaa}

/* compare floating dock */
.creator-compare-dock{position:fixed;left:20px;bottom:24px;z-index:3500;display:flex;height:50px;padding:0 18px;align-items:center;gap:8px;border:0;border-radius:26px;background:var(--tc-dark-content);color:#fff;font-family:inherit;font-size:14px;font-weight:800;box-shadow:0 10px 26px rgba(15,18,28,.24);cursor:pointer}
.creator-compare-dock i{font-size:15px}
.creator-compare-dock strong{display:flex;min-width:26px;height:26px;padding:0 7px;align-items:center;justify-content:center;border-radius:15px;background:#ff4a25;color:#fff;font-size:12px}

/* recently viewed full page */
.creator-recent-page{padding:52px 0 86px;background:#fff}
.creator-recent-head{display:flex;margin:30px 0 18px;align-items:center;justify-content:space-between}
.creator-recent-head>strong{font-size:17px;color:#171922}
.creator-recent-head em{color:var(--tc-accent-media);font-style:normal}
.creator-recent-head button{height:36px;padding:0 13px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-family:inherit;font-size:12px;cursor:pointer}
.creator-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.creator-recent-card{overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.creator-recent-image{position:relative;height:180px;overflow:hidden;background:#f5f5f5}
.creator-recent-image a,.creator-recent-image img{display:block;width:100%;height:100%}
.creator-recent-image img{object-fit:cover;transition:transform .2s ease}
.creator-recent-card:hover .creator-recent-image img{transform:scale(1.025)}
.creator-recent-remove{position:absolute;right:9px;top:9px;display:flex;width:27px;height:27px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(25,27,34,.75);color:#fff;cursor:pointer}
.creator-recent-body{padding:17px}
.creator-recent-body>span{color:#969aa3;font-size:11px}
.creator-recent-body h2{min-height:43px;margin:7px 0 14px;font-size:15px;line-height:1.45}
.creator-recent-body h2 a{color:#171922}
.creator-recent-body dl{margin:0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.creator-recent-body dl div{display:flex;padding:7px 0;justify-content:space-between;font-size:11px}
.creator-recent-body dt{color:#9297a1}.creator-recent-body dd{margin:0;color:#3b3e45}
.creator-recent-price{display:flex;margin-top:14px;align-items:center;justify-content:space-between}
.creator-recent-price strong{color:var(--tc-accent-media);font-size:18px}
.creator-recent-price a{display:inline-flex;height:32px;padding:0 11px;align-items:center;border-radius:5px;background:var(--tc-dark-content);color:#fff;font-size:11px;font-weight:700}
.creator-recent-empty,.creator-compare-empty{padding:90px 20px;text-align:center;border:1px solid #e7e9ed;border-radius:14px;background:#fafbfc}
.creator-recent-empty i,.creator-compare-empty i{display:block;margin-bottom:14px;color:#c7cbd3;font-size:42px}
.creator-recent-empty strong,.creator-compare-empty strong{display:block;color:#333741;font-size:18px}
.creator-recent-empty p,.creator-compare-empty p{margin:8px 0 20px;color:#8d929c;font-size:13px}
.creator-recent-empty a,.creator-compare-empty a{display:inline-flex;height:40px;padding:0 16px;align-items:center;border-radius:6px;background:var(--tc-dark-content);color:#fff;font-size:12px;font-weight:700}

/* vehicle compare page */
.creator-compare-page{padding:48px 0 82px;background:#fff}
.creator-compare-head{text-align:center;margin-bottom:30px}
.creator-compare-head h1{margin:0;color:#12141b;font-size:30px;letter-spacing:-1px}
.creator-compare-head p{margin:9px 0 0;color:#7d828d;font-size:14px}
.creator-compare-head p strong{color:#4767d8}
.creator-compare-box{overflow:hidden;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(30,34,45,.05)}
.creator-compare-top{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr));align-items:stretch}
.creator-compare-label-space{background:#fafbfc}
.creator-compare-car{position:relative;padding:18px 14px 16px;text-align:center}
.creator-compare-car+.creator-compare-car{border-left:1px solid #eef0f3}
.creator-compare-remove{position:absolute;right:9px;top:9px;z-index:2;display:flex;width:25px;height:25px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#7b808a;color:#fff;cursor:pointer}
.creator-compare-image{display:block;height:210px;overflow:hidden;border-radius:9px;background:#f4f4f4}
.creator-compare-image img{display:block;width:100%;height:100%;object-fit:cover}
.creator-compare-car h2{min-height:43px;margin:10px 0 5px;color:#15171c;font-size:15px;line-height:1.45}
.creator-compare-car>strong{color:#ff512c;font-size:18px}
.creator-compare-row{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr));min-height:48px;border-top:1px solid #e8eaee}
.creator-compare-row-label{display:flex;padding:0 14px;align-items:center;background:#fafbfc;color:#69707c;font-size:12px}
.creator-compare-row>span{display:flex;padding:8px 12px;align-items:center;justify-content:center;text-align:center;color:#252831;font-size:12px}
.creator-compare-row>span+span{border-left:1px solid #eef0f3}
.creator-compare-actions{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr));padding:17px 0;border-top:1px solid #e8eaee;background:#fafbfc}
.creator-compare-actions a{display:flex;width:140px;height:38px;margin:0 auto;align-items:center;justify-content:center;border-radius:7px;background:var(--tc-dark-content);color:#fff;font-size:12px;font-weight:800}
.creator-compare-back{padding:24px 0 0;text-align:center}
.creator-compare-back a{display:inline-flex;height:42px;padding:0 18px;align-items:center;gap:7px;border:1px solid #e0e3e8;border-radius:22px;color:#58606d;background:#fff;font-size:12px}

@media(max-width:900px){
 .creator-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .creator-compare-box{overflow-x:auto}
 .creator-compare-top,.creator-compare-row,.creator-compare-actions{min-width:840px}
}
@media(max-width:600px){
 .creator-compare-dock{left:12px;bottom:14px;height:46px;padding:0 14px}
 .creator-recent-page,.creator-compare-page{padding:30px 0 60px}
 .creator-recent-grid{grid-template-columns:1fr}
 .creator-recent-image{height:220px}
}

/* ===== Unified vehicle search/list 2026-09-03 ===== */
.creator-car-search{margin-top:24px;padding:24px 30px 28px;background:#fff;border:1px solid #e7e9ed;border-radius:12px;color:#17191f;box-shadow:0 4px 18px rgba(24,28,38,.04)}
.creator-search-global{display:flex;max-width:820px;margin:0 auto 14px;gap:8px}
.creator-search-global label{display:flex;flex:1;height:48px;align-items:center;border:1px solid #dfe2e7;border-radius:6px;background:#fff;overflow:hidden}
.creator-search-global label>span{display:flex;height:100%;padding:0 15px;align-items:center;background:#f7f8fa;border-right:1px solid #e5e7eb;color:#333943;font-size:12px;font-weight:800;white-space:nowrap}
.creator-search-global input{flex:1;min-width:0;height:46px;padding:0 14px;border:0;background:#fff;color:#222;font-family:inherit;font-size:13px;outline:0}
.creator-search-global>button{width:100px;border:0;border-radius:6px;background:var(--tc-dark-content);color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.creator-search-row{display:grid;max-width:820px;margin:0 auto;grid-template-columns:1fr 1fr 1fr 110px;gap:8px}
.creator-search-row select{width:100%;height:46px;padding:0 13px;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#333943;font-family:inherit;font-size:12px}
.creator-search-row>button{height:46px;border:0;border-radius:6px;background:var(--tc-accent);color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.creator-search-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 22px}
.creator-search-tabs button{display:flex;height:68px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;background:#fff;color:#252832;font-family:inherit;font-size:17px;font-weight:800;cursor:pointer}
.creator-search-tabs button i{color:#c9cbd0;font-size:26px}
.creator-search-tabs button.is-active{border-color:var(--tc-accent);color:var(--tc-accent)}
.creator-search-tabs button.is-active i{color:var(--tc-accent)}
.creator-search-tab-panel{display:none;min-height:96px;padding-top:2px}
.creator-search-tab-panel.is-active{display:block}
.creator-brand-options{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:10px 8px;align-items:start;padding:2px 0 4px}
.creator-brand-option{display:flex;min-width:0;padding:5px 2px;align-items:center;justify-content:flex-start;flex-direction:column;gap:5px;color:#222;text-align:center}
.creator-brand-logo{display:flex;width:78px;height:42px;align-items:center;justify-content:center;background:#fff}.creator-brand-logo img{display:block;max-width:72px;max-height:36px;object-fit:contain}.creator-brand-logo em{display:flex;min-width:54px;height:30px;padding:0 8px;align-items:center;justify-content:center;border:1px solid #d9dde3;border-radius:15px;color:#777;font-size:10px;font-style:normal;font-weight:800}
.creator-brand-option>span:last-child{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.creator-brand-option:hover .creator-brand-logo em{border-color:var(--tc-accent);color:var(--tc-accent)}.creator-brand-option:hover>span:last-child{color:var(--tc-accent)}.creator-brand-empty{grid-column:1/-1;padding:28px 10px;text-align:center;color:#999;font-size:12px}
.creator-body-types{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.creator-body-types a{display:block;height:76px;padding:7px 2px;border:1px solid transparent;border-radius:6px;color:#333;text-align:center;background:#fff}
.creator-body-types a:hover{border-color:var(--tc-accent);color:var(--tc-accent);background:var(--tc-accent-view-bg)}
.creator-body-types img{display:block;width:74px;height:34px;margin:0 auto 5px;object-fit:contain;background:transparent}
.creator-body-types span{display:block;font-size:11px}
.creator-budget-options{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.creator-budget-options a{display:flex;min-height:54px;padding:7px 5px;align-items:center;justify-content:center;border:1px solid #e6e8ec;border-radius:6px;background:#fff;color:#24262d;text-align:center;font-size:11px;font-weight:700}
.creator-budget-options a:hover{border-color:var(--tc-accent);color:var(--tc-accent);background:var(--tc-accent-view-bg)}

/* Common filter used by all vehicle list pages */
.creator-usedcar-filter{margin:26px 0 24px;padding:18px 20px;border:1px solid #e4e7eb;border-radius:10px;background:#fafbfc}
.creator-usedcar-filter-global{display:flex;gap:8px;margin-bottom:10px}
.creator-usedcar-filter-global label{display:flex;flex:1;height:46px;align-items:center;border:1px solid #dfe2e7;border-radius:6px;background:#fff;overflow:hidden}
.creator-usedcar-filter-global label span{display:flex;height:100%;padding:0 14px;align-items:center;background:#f4f5f7;border-right:1px solid #e3e6ea;color:#363b45;font-size:12px;font-weight:800;white-space:nowrap}
.creator-usedcar-filter-global input{flex:1;min-width:0;height:44px;padding:0 13px;border:0;background:transparent;color:#222;font-family:inherit;font-size:12px;outline:0}
.creator-usedcar-filter-global button{width:92px;border:0;border-radius:6px;background:var(--tc-dark-content);color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.creator-usedcar-filter-selects{display:grid;grid-template-columns:1fr 1fr 1fr 100px;gap:8px}
.creator-usedcar-filter-selects select{width:100%;height:42px;padding:0 12px;border:1px solid #dfe2e7;border-radius:6px;background:#fff;color:#434852;font-family:inherit;font-size:12px}
.creator-usedcar-filter-submit{border:0;border-radius:6px;background:var(--tc-accent);color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.creator-usedcar-list-page{padding:46px 0 82px;background:#fff}
.creator-usedcar-list-summary{display:flex;margin:0 0 16px;align-items:center;justify-content:space-between}
.creator-usedcar-list-summary>strong{color:#151820;font-size:17px}.creator-usedcar-list-summary span{color:#8d929b;font-size:12px}.creator-usedcar-list-summary b{color:var(--tc-accent)}
.creator-usedcar-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
.creator-usedcar-list-paging{clear:both;padding:56px 0 20px;text-align:center}.creator-usedcar-list-paging .pg_wrap{float:none!important;display:block!important;text-align:center!important}.creator-usedcar-list-paging .pg{display:inline-flex!important;float:none!important;margin:0 auto!important}
.creator-usedcar-list-empty{margin-top:15px}
.creator-list-car-card{height:100%}
.creator-recent-compare{right:44px!important;top:9px!important}

/* vehicle detail category breadcrumb links */
.usedcar-view-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.usedcar-view-breadcrumb a{color:#7b818b;text-decoration:none}.usedcar-view-breadcrumb a:hover{color:var(--tc-accent);text-decoration:underline}.usedcar-view-breadcrumb span{color:#c3c7ce}

@media(max-width:1100px){
 .creator-brand-options{grid-template-columns:repeat(8,minmax(0,1fr))}
 .creator-budget-options{grid-template-columns:repeat(4,1fr)}
 .creator-usedcar-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .creator-car-search{padding:18px 14px 20px}
 .creator-search-global{flex-wrap:wrap}.creator-search-global label{flex-basis:100%}.creator-search-global>button{width:100%;height:44px}
 .creator-search-row{grid-template-columns:1fr 1fr}.creator-search-row>button{grid-column:1/-1}
 .creator-search-tabs{gap:5px;margin:18px 0 14px}.creator-search-tabs button{height:58px;padding:0 7px;font-size:12px;line-height:1.3}.creator-search-tabs button i{font-size:18px}
 .creator-brand-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 .creator-body-types{grid-template-columns:repeat(4,1fr)}
 .creator-budget-options{grid-template-columns:repeat(2,1fr)}
 .creator-usedcar-list-page{padding:28px 0 60px}
 .creator-usedcar-filter{padding:13px}
 .creator-usedcar-filter-global{flex-wrap:wrap}.creator-usedcar-filter-global label{flex-basis:100%}.creator-usedcar-filter-global button{width:100%;height:42px}
 .creator-usedcar-filter-selects{grid-template-columns:1fr 1fr}.creator-usedcar-filter-submit{grid-column:1/-1;height:42px}
 .creator-usedcar-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px}
}
@media(max-width:480px){
 .creator-usedcar-list-grid{grid-template-columns:1fr}
 .creator-brand-options{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* vehicle inquiry CTA */
.usedcar-view-inquiry-action{margin:18px 0 24px}
.usedcar-view-inquiry-btn{display:flex;min-height:68px;padding:0 22px;align-items:center;gap:14px;border:1px solid var(--tc-accent);border-radius:10px;background:#fff;color:#171922;box-shadow:0 4px 14px rgba(var(--tc-accent-rgb),.06)}
.usedcar-view-inquiry-btn>.usedcar-view-inquiry-icon{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:50%;background:var(--tc-accent-soft-1);color:var(--tc-accent);font-size:17px}
.usedcar-view-inquiry-btn strong{font-size:15px;font-weight:800}
.usedcar-view-inquiry-btn em{flex:1;color:#8a909a;font-size:11px;font-style:normal}
.usedcar-view-inquiry-btn>i{color:var(--tc-accent);font-size:20px}
.usedcar-view-inquiry-btn:hover{background:#fffafb}

/* main brand area: restore logo-oriented original layout */
.creator-search-tabs{margin-top:24px}
.creator-search-tabs button{border-radius:0}


/* 메인 차량검색 - 전체검색 추가 전 다크 디자인 복원 */
.creator-car-search.creator-car-search-classic{margin-top:18px!important;padding:22px 44px 20px!important;border:1px solid #262626!important;border-radius:9px!important;background:linear-gradient(135deg,#1a1a1a 0%,#080808 100%)!important;color:#fff!important;box-shadow:0 8px 26px rgba(0,0,0,.08)!important}
.creator-car-search-classic .creator-search-row{display:grid!important;grid-template-columns:1fr 1fr 1.5fr 150px!important;gap:7px!important}
.creator-car-search-classic .creator-search-row select{width:100%!important;height:46px!important;padding:0 15px!important;border:1px solid #454545!important;border-radius:4px!important;background:#111!important;color:#eee!important;font-family:inherit!important;font-size:13px!important}
.creator-car-search-classic .creator-search-row button{height:46px!important;border:0!important;border-radius:4px!important;background:var(--tc-accent-strong)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important}
.creator-car-search-classic .creator-search-guides{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:19px 0 15px!important;border-bottom:1px solid #323232!important;text-align:center!important}
.creator-car-search-classic .creator-search-guides button{position:relative!important;height:46px!important;border:0!important;background:transparent!important;color:#c4c4c4!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important}
.creator-car-search-classic .creator-search-guides button i{margin-right:7px!important;color:#777!important;font-size:15px!important}
.creator-car-search-classic .creator-search-guides button.is-active,.creator-car-search-classic .creator-search-guides button.is-active i{color:var(--tc-accent-hot)!important}
.creator-car-search-classic .creator-search-guides button.is-active:after{content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-1px!important;height:2px!important;background:var(--tc-accent)!important}
.creator-car-search-classic .creator-search-tab-panel{display:none!important;min-height:88px!important;padding:4px 0 0!important}
.creator-car-search-classic .creator-search-tab-panel.is-active{display:block!important}
.creator-car-search-classic .creator-brand-options{display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr))!important;gap:10px 8px!important;align-items:start!important;padding:4px 0 2px!important}
.creator-car-search-classic .creator-brand-option{display:flex!important;min-width:0!important;padding:4px 2px!important;align-items:center!important;flex-direction:column!important;gap:5px!important;color:#ddd!important;text-align:center!important}
.creator-car-search-classic .creator-brand-logo{display:flex!important;width:78px!important;height:42px!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;background:#fff!important}
.creator-car-search-classic .creator-brand-logo img{display:block!important;max-width:72px!important;max-height:36px!important;object-fit:contain!important}
.creator-car-search-classic .creator-brand-logo em{display:flex!important;min-width:54px!important;height:28px!important;padding:0 7px!important;align-items:center!important;justify-content:center!important;border:1px solid #ddd!important;border-radius:14px!important;color:#555!important;background:#fff!important;font-size:10px!important;font-style:normal!important;font-weight:800!important}
.creator-car-search-classic .creator-brand-option>span:last-child{max-width:100%!important;overflow:hidden!important;color:#d6d6d6!important;font-size:10px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.creator-car-search-classic .creator-body-types{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:7px!important;margin:0!important}
.creator-car-search-classic .creator-body-types a{display:block!important;height:72px!important;padding:6px 2px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#ddd!important;text-align:center!important}
.creator-car-search-classic .creator-body-types a:hover{border-color:var(--tc-accent-strong)!important;background:#151515!important;color:#fff!important}
.creator-car-search-classic .creator-body-types img{display:block!important;width:72px!important;height:30px!important;margin:0 auto 5px!important;object-fit:contain!important}
.creator-car-search-classic .creator-body-types span{display:block!important;font-size:11px!important}
.creator-car-search-classic .creator-budget-options{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:7px!important;padding:7px 0 4px!important}
.creator-car-search-classic .creator-budget-options a{display:flex!important;min-height:56px!important;padding:6px!important;align-items:center!important;justify-content:center!important;border:1px solid #353535!important;border-radius:5px!important;background:#111!important;color:#ddd!important;font-size:11px!important;font-weight:700!important;text-align:center!important}
.creator-car-search-classic .creator-budget-options a:hover{border-color:var(--tc-accent)!important;color:#fff!important;background:#181818!important}

/* 서브 차량 리스트는 조건검색만 */
.creator-usedcar-filter{padding:16px 18px!important}.creator-usedcar-filter-selects{margin:0!important}

/* 차량 상담 CTA 가독성 개선 */
.usedcar-view-inquiry-action{margin:20px 0 26px!important}
.usedcar-view-inquiry-btn{display:flex!important;min-height:88px!important;padding:15px 18px!important;align-items:center!important;gap:15px!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,var(--tc-dark-content) 0%,#222630 64%,var(--tc-accent) 100%)!important;color:#fff!important;box-shadow:0 8px 24px rgba(17,20,29,.16)!important;transition:transform .18s,box-shadow .18s!important}
.usedcar-view-inquiry-btn:hover{background:linear-gradient(100deg,#12151c 0%,#20242d 62%,var(--tc-accent-strong) 100%)!important;transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(17,20,29,.22)!important}
.usedcar-view-inquiry-icon{display:flex!important;width:52px!important;height:52px!important;flex:0 0 52px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:21px!important}
.usedcar-view-inquiry-copy{display:block!important;flex:1!important;min-width:0!important}.usedcar-view-inquiry-copy em{display:block!important;margin-bottom:3px!important;color:var(--tc-accent-on-dark-soft)!important;font-size:11px!important;font-style:normal!important;font-weight:700!important}
.usedcar-view-inquiry-copy strong{display:block!important;color:#fff!important;font-size:19px!important;line-height:1.3!important;font-weight:900!important}.usedcar-view-inquiry-copy small{display:block!important;margin-top:5px!important;color:#c7cad0!important;font-size:11px!important}
.usedcar-view-inquiry-go{display:flex!important;height:42px!important;padding:0 16px!important;align-items:center!important;gap:8px!important;border-radius:6px!important;background:#fff!important;color:var(--tc-accent-strong)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}


/* 차량 상세 상담 CTA 최종 정리 */
.usedcar-view-inquiry-action{margin:20px 0 28px!important}
.usedcar-view-inquiry-btn{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    min-height:92px!important;
    padding:17px 18px!important;
    align-items:center!important;
    gap:16px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:1px solid #252934!important;
    border-radius:12px!important;
    background:var(--tc-dark-content)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(17,20,29,.13)!important;
    text-decoration:none!important;
}
.usedcar-view-inquiry-btn:hover{
    background:#11141b!important;
    transform:translateY(-1px)!important;
    box-shadow:0 11px 26px rgba(17,20,29,.18)!important;
}
.usedcar-view-inquiry-btn>span{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    flex:none!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    box-shadow:none!important;
}
.usedcar-view-inquiry-btn>.usedcar-view-inquiry-icon{
    display:flex!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#2a2e39!important;
    color:#fff!important;
    font-size:21px!important;
}
.usedcar-view-inquiry-copy{display:block!important;text-align:left!important}
.usedcar-view-inquiry-copy em{
    display:block!important;
    margin:0 0 3px!important;
    color:var(--tc-accent-light)!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-style:normal!important;
    font-weight:800!important;
}
.usedcar-view-inquiry-copy strong{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.3!important;
    font-weight:900!important;
}
.usedcar-view-inquiry-copy small{
    display:block!important;
    margin:5px 0 0!important;
    color:#bfc4cd!important;
    font-size:11px!important;
    line-height:1.4!important;
}
.usedcar-view-inquiry-btn>.usedcar-view-inquiry-go{
    display:inline-flex!important;
    width:auto!important;
    height:42px!important;
    min-width:104px!important;
    padding:0 16px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:7px!important;
    background:var(--tc-accent)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.usedcar-view-inquiry-btn>.usedcar-view-inquiry-go i{color:#fff!important}

/* 문의 접수완료 */
.creator-qa-received-page{padding:70px 20px 100px;background:#f7f8fa;box-sizing:border-box}
.creator-qa-received-card{max-width:650px;margin:0 auto;padding:58px 50px;text-align:center;border:1px solid #e2e5e9;border-radius:16px;background:#fff;box-shadow:0 12px 38px rgba(28,32,40,.06)}
.creator-qa-received-icon{display:flex;width:68px;height:68px;margin:0 auto 20px;align-items:center;justify-content:center;border-radius:50%;background:#eef9f1;color:#35a056;font-size:28px}
.creator-qa-received-card>em{display:block;color:var(--tc-accent);font-size:10px;font-style:normal;font-weight:900;letter-spacing:1.7px}
.creator-qa-received-card h1{margin:10px 0 0;color:#181b22;font-size:28px;line-height:1.35;letter-spacing:-.9px}
.creator-qa-received-card>p{margin:12px 0 0;color:#858b96;font-size:13px;line-height:1.7}
.creator-qa-received-number{display:inline-flex;height:38px;margin-top:24px;padding:0 14px;align-items:center;gap:6px;border-radius:19px;background:#f4f5f7;color:#737985;font-size:11px}.creator-qa-received-number strong{color:#222730;font-size:12px}
.creator-qa-received-note{margin-top:18px;padding:12px 14px;border-radius:7px;background:#fff8e8;color:#a46c00;font-size:11px;line-height:1.6}
.creator-qa-received-actions{display:flex;margin-top:30px;justify-content:center;gap:8px}.creator-qa-received-actions a{display:inline-flex;height:44px;padding:0 18px;align-items:center;justify-content:center;gap:7px;border:1px solid #d9dde3;border-radius:7px;background:#fff;color:#555d68;font-size:12px;font-weight:800}.creator-qa-received-actions a.is-primary{border-color:var(--tc-dark-content);background:var(--tc-dark-content);color:#fff}
@media(max-width:600px){.creator-qa-received-page{padding:40px 14px 70px}.creator-qa-received-card{padding:42px 22px}.creator-qa-received-card h1{font-size:23px}.creator-qa-received-actions{flex-direction:column}.creator-qa-received-actions a{width:100%}}

/* =========================================================
   Sub page image heroes - generated 2026-09-03
   ========================================================= */

/* 추천차량: generated banner contains its own desktop typography */
.creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend{
    position:relative!important;
    overflow:hidden!important;
    height:264px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#111 url('../img/creator/subhero_recommend.webp') center center / cover no-repeat!important;
    box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}
.creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>span,
.creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
.creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p{
    opacity:0!important;
    pointer-events:none!important;
}

/* 커뮤니티: list / view / write all share the same visual identity */
.creator-board-hero{
    position:relative!important;
    overflow:hidden!important;
    height:264px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#111 url('../img/creator/subhero_community.webp') center center / cover no-repeat!important;
    box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}
.creator-board-hero>span,
.creator-board-hero>h1,
.creator-board-hero>p{
    opacity:0!important;
    pointer-events:none!important;
}

/* 문의: list / write / view use the generated consultation banner */
.creator-qa-hero{
    position:relative!important;
    overflow:hidden!important;
    height:264px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#111 url('../img/creator/subhero_contact.webp') center center / cover no-repeat!important;
    box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}
.creator-qa-hero>span,
.creator-qa-hero>h1,
.creator-qa-hero>p{
    opacity:0!important;
    pointer-events:none!important;
}

/* Mobile: crop to the photographic side and restore live HTML copy for legibility. */
@media(max-width:760px){
    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend,
    .creator-board-hero,
    .creator-qa-hero{
        height:185px!important;
        padding:28px 24px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        border-radius:10px!important;
    }

    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend{
        background:
            linear-gradient(90deg,rgba(var(--tc-subhero-rgb),.97) 0%,rgba(var(--tc-subhero-rgb),.90) 48%,rgba(var(--tc-subhero-rgb),.30) 100%),
            url('../img/creator/subhero_recommend.webp') 78% center / auto 100% no-repeat!important;
    }
    .creator-board-hero{
        background:
            linear-gradient(90deg,rgba(var(--tc-subhero-rgb),.97) 0%,rgba(var(--tc-subhero-rgb),.90) 48%,rgba(var(--tc-subhero-rgb),.28) 100%),
            url('../img/creator/subhero_community.webp') 78% center / auto 100% no-repeat!important;
    }
    .creator-qa-hero{
        background:
            linear-gradient(90deg,rgba(var(--tc-subhero-rgb),.97) 0%,rgba(var(--tc-subhero-rgb),.90) 48%,rgba(var(--tc-subhero-rgb),.28) 100%),
            url('../img/creator/subhero_contact.webp') 78% center / auto 100% no-repeat!important;
    }

    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>span,
    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p,
    .creator-board-hero>span,
    .creator-board-hero>h1,
    .creator-board-hero>p,
    .creator-qa-hero>span,
    .creator-qa-hero>h1,
    .creator-qa-hero>p{
        opacity:1!important;
        position:relative!important;
        z-index:2!important;
        pointer-events:auto!important;
    }

    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>span,
    .creator-board-hero>span,
    .creator-qa-hero>span{
        margin:0 0 7px!important;
        color:var(--tc-accent-hero)!important;
        font-size:9px!important;
        font-weight:800!important;
        letter-spacing:1.4px!important;
    }
    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
    .creator-board-hero>h1,
    .creator-qa-hero>h1{
        margin:0!important;
        color:#fff!important;
        font-size:25px!important;
        line-height:1.2!important;
        letter-spacing:-1px!important;
    }
    .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p,
    .creator-board-hero>p,
    .creator-qa-hero>p{
        max-width:78%!important;
        margin:9px 0 0!important;
        color:#d5d7dc!important;
        font-size:11px!important;
        line-height:1.55!important;
    }
}

/* ==========================================================
   Header SNS links - admin managed
   ========================================================== */
.creator-social-links a.creator-social-link{color:#fff}
.creator-social-links a.creator-social-youtube{color:var(--tc-accent)}
.creator-social-links a.creator-social-facebook{color:#fff}
.creator-social-links a.creator-social-instagram{color:#fff}
.creator-social-links a.creator-social-naver_blog{color:#03c75a}
.creator-social-naver-mark{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:3px;background:#03c75a;color:#fff;font-size:12px;font-weight:900;line-height:1;font-family:Arial,sans-serif}

/* ==========================================================
   상담 퀵메뉴 관리자 연동
   PC 사이드 메뉴 / 모바일 메뉴는 mobile.css에서 처리
   ========================================================== */
.creator-quick-action-phone .creator-quick-icon,
.creator-quick-action-sms .creator-quick-icon{
    font-size:27px;
}
.creator-quick-action-kakao .creator-quick-icon-talk{
    background:#fee500;
    color:#191919;
}
.creator-quick-action-kakao .creator-quick-icon-talk:after{
    border-color:#fee500 transparent transparent transparent;
}
.creator-mobile-contact-bar{
    display:none;
}

/* ==========================================================
   PC 전화상담 hover 안내
   ========================================================== */
.creator-quick-action-phone{position:relative;overflow:visible}
.creator-quick-phone-popover{
    position:absolute;
    right:calc(100% + 12px);
    top:50%;
    z-index:10;
    display:block;
    width:238px;
    padding:15px 17px;
    border:1px solid #dfe2e6;
    border-radius:9px;
    background:#fff;
    color:#222;
    box-shadow:0 10px 30px rgba(0,0,0,.16);
    text-align:left;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(8px,-50%);
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.creator-quick-phone-popover:after{
    content:'';
    position:absolute;
    right:-7px;
    top:50%;
    width:12px;
    height:12px;
    border-top:1px solid #dfe2e6;
    border-right:1px solid #dfe2e6;
    background:#fff;
    transform:translateY(-50%) rotate(45deg);
}
.creator-quick-phone-popover em{
    display:block;
    margin:0 0 5px;
    color:#8a9099;
    font-size:11px;
    line-height:1.3;
    font-style:normal;
    font-weight:700;
}
.creator-quick-phone-popover b{
    display:block;
    color:#17191f;
    font-size:20px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:-.4px;
    white-space:nowrap;
}
.creator-quick-phone-popover>span{
    display:block;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid #eceef1;
    color:#666d77;
    font-size:12px;
    line-height:1.5;
    word-break:keep-all;
}
.creator-quick-phone-popover>span i{margin-right:4px;color:var(--tc-accent-strong)}
.creator-quick-action-phone:hover .creator-quick-phone-popover,
.creator-quick-action-phone:focus .creator-quick-phone-popover,
.creator-quick-action-phone:focus-visible .creator-quick-phone-popover{
    opacity:1;
    visibility:visible;
    transform:translate(0,-50%);
}
@media(max-width:1100px){
    .creator-quick-phone-popover{display:none!important}
}

/* PC 전화상담: 클릭 없이 hover 안내 전용 */
.creator-quick-action-phone.creator-quick-action-static{
    cursor:default;
    user-select:none;
}
.creator-quick-action-phone.creator-quick-action-static:active{
    transform:none;
}

/* ==========================================================
   문자상담 신청폼 + 퀵메뉴
   Theme: black / red
   ========================================================== */
.creator-quick-action.creator-quick-action-sms{
    width:100%;
    margin:0;
    padding:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.16);
    background:var(--tc-accent-strong);
    font-family:inherit;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}
.creator-quick-action.creator-quick-action-sms:hover{
    background:var(--tc-accent-hover-alt);
}
.creator-quick-action.creator-quick-action-sms .creator-quick-icon,
.creator-quick-action.creator-quick-action-sms strong{
    color:#fff;
}

/* 기존 창닫기 버튼은 사용하지 않음 */
.creator-quick-close{display:none!important}

body.creator-sms-modal-open{
    overflow:hidden!important;
}

.creator-sms-consult-modal[hidden],
.creator-sms-consult-modal[aria-hidden="true"]{
    display:none!important;
}
.creator-sms-consult-modal.is-open{
    position:fixed;
    inset:0;
    z-index:9000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    box-sizing:border-box;
}
.creator-sms-consult-backdrop{
    position:absolute;
    inset:0;
    background:rgba(5,7,10,.72);
    backdrop-filter:blur(3px);
}
.creator-sms-consult-dialog{
    position:relative;
    z-index:1;
    width:540px;
    max-width:100%;
    max-height:calc(100vh - 56px);
    overflow:hidden;
    border:1px solid #242833;
    border-radius:14px;
    background:#f5f7fa;
    box-shadow:0 28px 80px rgba(0,0,0,.42);
}
.creator-sms-consult-head{
    display:flex;
    min-height:84px;
    padding:0 22px;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    border-bottom:3px solid var(--tc-accent);
    background:var(--tc-dark-content);
    color:#fff;
}
.creator-sms-consult-head span{
    display:block;
    margin-bottom:3px;
    color:var(--tc-accent-label);
    font-size:9px;
    font-weight:800;
    letter-spacing:1.8px;
}
.creator-sms-consult-head h2{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:1.2;
}
.creator-sms-consult-close{
    display:flex;
    width:38px;
    height:38px;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:#232733;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}
.creator-sms-consult-body{
    max-height:calc(100vh - 140px);
    padding:22px;
    overflow-y:auto;
    box-sizing:border-box;
}
.creator-sms-consult-guide{
    margin:0 0 16px;
    color:#69717d;
    font-size:12px;
    line-height:1.65;
}
.creator-sms-consult-fields{
    display:grid;
    gap:11px;
    padding:17px;
    border:1px solid #e0e4e9;
    border-radius:10px;
    background:#fff;
}
.creator-sms-consult-fields label{
    display:block;
}
.creator-sms-consult-fields label>strong{
    display:block;
    margin:0 0 6px;
    color:#303641;
    font-size:11px;
}
.creator-sms-consult-fields label>strong em{
    margin-left:3px;
    color:var(--tc-accent-strong);
    font-size:9px;
    font-style:normal;
}
.creator-sms-consult-fields input,
.creator-sms-consult-fields textarea{
    display:block;
    width:100%;
    box-sizing:border-box;
    border:1px solid #d8dde4;
    border-radius:7px;
    background:#f8fafc;
    color:#222730;
    font-family:inherit;
    font-size:13px;
    outline:none;
}
.creator-sms-consult-fields input{
    height:44px;
    padding:0 12px;
}
.creator-sms-consult-fields textarea{
    height:112px;
    padding:11px 12px;
    resize:vertical;
    line-height:1.55;
}
.creator-sms-consult-fields input:focus,
.creator-sms-consult-fields textarea:focus{
    border-color:var(--tc-accent-focus);
    background:#fff;
    box-shadow:0 0 0 3px rgba(var(--tc-accent-rgb),.08);
}
.creator-sms-consult-agree{
    margin-top:12px;
    padding:13px 15px;
    border:1px solid #e3e6eb;
    border-radius:9px;
    background:#fff;
}
.creator-sms-consult-agree label{
    display:flex;
    min-height:25px;
    align-items:center;
    gap:7px;
    color:#555d68;
    font-size:11px;
}
.creator-sms-consult-agree input{
    accent-color:var(--tc-accent);
}
.creator-sms-consult-agree a{
    margin-left:auto;
    color:var(--tc-accent-strong);
    font-weight:700;
    text-decoration:underline;
}
.creator-sms-consult-message{
    min-height:0;
    margin-top:10px;
    font-size:11px;
    line-height:1.5;
    text-align:center;
}
.creator-sms-consult-message.is-error{color:#d5282d}
.creator-sms-consult-message.is-success{color:#16854b}
.creator-sms-consult-submit{
    display:flex;
    width:100%;
    height:52px;
    margin-top:12px;
    padding:0 18px;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-sizing:border-box;
    border:0;
    border-radius:7px;
    background:var(--tc-accent);
    color:#fff;
    font-family:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(var(--tc-accent-rgb),.18);
}
.creator-sms-consult-submit:hover{background:var(--tc-accent-submit-hover)}
.creator-sms-consult-submit:disabled{opacity:.65;cursor:wait}
.creator-sms-consult-success{
    padding:45px 15px 36px;
    text-align:center;
}
.creator-sms-consult-success>span{
    display:flex;
    width:62px;
    height:62px;
    margin:0 auto 15px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--tc-dark-content);
    color:#fff;
    font-size:24px;
}
.creator-sms-consult-success h3{
    margin:0;
    color:#20242c;
    font-size:21px;
}
.creator-sms-consult-success p{
    margin:9px 0 20px;
    color:#737b86;
    font-size:12px;
    line-height:1.6;
}
.creator-sms-consult-success button{
    min-width:120px;
    height:40px;
    padding:0 18px;
    border:0;
    border-radius:5px;
    background:var(--tc-accent);
    color:#fff;
    font-family:inherit;
    font-weight:700;
    cursor:pointer;
}

/* ==========================================================
   차량상세 상담 CTA - 1:1상담 + 문자상담
   ========================================================== */
.usedcar-view-inquiry-btn{
    grid-template-columns:54px minmax(0,1fr) auto!important;
}
.usedcar-view-inquiry-actions{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-go{
    display:inline-flex!important;
    width:auto!important;
    min-width:108px!important;
    height:42px!important;
    margin:0!important;
    padding:0 15px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border-radius:7px!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    text-decoration:none!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-qa{
    border:1px solid var(--tc-accent)!important;
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-sms{
    border:1px solid #4b505b!important;
    background:#252934!important;
    color:#fff!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-qa:hover{
    border-color:var(--tc-accent-cta-hover)!important;
    background:var(--tc-accent-cta-hover)!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-sms:hover{
    border-color:var(--tc-accent)!important;
    background:#2e323d!important;
}
.usedcar-view-inquiry-actions .usedcar-view-inquiry-go i{
    color:inherit!important;
}

/* ==========================================================
   MAIN BRAND LOGO CENTER ALIGN
   ========================================================== */
.creator-car-search-classic .creator-brand-options{
    justify-items:center!important;
}
.creator-car-search-classic .creator-brand-option{
    width:100%!important;
    align-items:center!important;
    justify-self:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.creator-car-search-classic .creator-brand-logo{
    margin-left:auto!important;
    margin-right:auto!important;
}
.creator-car-search-classic .creator-brand-logo img{
    margin-left:auto!important;
    margin-right:auto!important;
}
.creator-car-search-classic .creator-brand-option>span:last-child{
    width:100%!important;
    text-align:center!important;
}


/* ==========================================================
   MAIN BRAND LIST TRUE CENTER ALIGN
   ========================================================== */
.creator-car-search-classic .creator-brand-options,
.creator-car-search-classic .creator-search-tab-panel.is-active .creator-brand-options{
    display:flex!important;
    width:100%!important;
    padding:4px 0 2px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px 8px!important;
    box-sizing:border-box!important;
}
.creator-car-search-classic .creator-brand-option{
    display:flex!important;
    flex:0 0 86px!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    padding:4px 2px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.creator-car-search-classic .creator-brand-logo{
    display:flex!important;
    width:78px!important;
    height:42px!important;
    margin:0 auto!important;
    align-items:center!important;
    justify-content:center!important;
}
.creator-car-search-classic .creator-brand-logo img{
    display:block!important;
    margin:0 auto!important;
    max-width:72px!important;
    max-height:36px!important;
    object-fit:contain!important;
}
.creator-car-search-classic .creator-brand-option>span:last-child{
    display:block!important;
    width:100%!important;
    text-align:center!important;
}
.creator-car-search-classic .creator-search-tab-panel[hidden]{
    display:none!important;
}

/* ==========================================================
   비교 플로팅 버튼 액션메뉴
   비교버튼 클릭 -> 보기 / 전체삭제
   ========================================================== */
.creator-compare-menu[hidden]{
    display:none!important;
}
.creator-compare-menu{
    position:fixed;
    left:20px;
    bottom:82px;
    z-index:3501;
    display:none;
    width:124px;
    padding:5px;
    border:1px solid #e0e3e8;
    border-radius:9px;
    background:#fff;
    box-sizing:border-box;
    box-shadow:0 10px 28px rgba(15,18,28,.18);
}
.creator-compare-menu.is-open{
    display:flex;
    flex-direction:column;
}
.creator-compare-menu:after{
    position:absolute;
    left:25px;
    bottom:-6px;
    width:10px;
    height:10px;
    border-right:1px solid #e0e3e8;
    border-bottom:1px solid #e0e3e8;
    background:#fff;
    transform:rotate(45deg);
    content:"";
}
.creator-compare-menu button{
    position:relative;
    z-index:1;
    display:flex;
    width:100%;
    height:38px;
    padding:0 10px;
    align-items:center;
    gap:8px;
    border:0;
    border-radius:5px;
    background:#fff;
    color:#333842;
    font-family:inherit;
    font-size:12px;
    font-weight:700;
    text-align:left;
    cursor:pointer;
    box-sizing:border-box;
}
.creator-compare-menu button+button{
    margin-top:2px;
}
.creator-compare-menu button:hover{
    background:#f3f5f7;
}
.creator-compare-menu button i{
    width:16px;
    color:#747b86;
    font-size:13px;
    text-align:center;
}
.creator-compare-menu .creator-compare-menu-view{
    background:#20242c;
    color:#fff;
}
.creator-compare-menu .creator-compare-menu-view:hover{
    background:#11141a;
}
.creator-compare-menu .creator-compare-menu-view i{
    color:#fff;
}
.creator-compare-menu .creator-compare-menu-clear{
    color:#d72e33;
}
.creator-compare-menu .creator-compare-menu-clear:hover{
    background:var(--tc-accent-soft-5);
}
.creator-compare-menu .creator-compare-menu-clear i{
    color:#d72e33;
}
.creator-compare-dock.is-menu-open{
    background:#262b35;
}


/* ==========================================================
   MAIN RECOMMEND CAR - EQUAL 3 COLUMNS / EQUAL IMAGE RATIO
   긴 차량명이 있어도 3개 칸의 폭이 동일하게 유지됩니다.
   ========================================================== */
#creator-recommend .creator-recommend-cars{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
}
#creator-recommend .creator-recommend-car{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
#creator-recommend .creator-recommend-car img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:5px!important;
    background:#e6e6e6!important;
}
#creator-recommend .creator-recommend-car strong,
#creator-recommend .creator-recommend-car span{
    min-width:0!important;
    max-width:100%!important;
}

/* ==========================================================
   MAIN SEARCH OPTIONS - PC 2 ROWS + MORE / COLLAPSE
   ========================================================== */
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="brand"] .creator-brand-options,
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="brand"].is-active .creator-brand-options{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    width:100%!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:10px 8px!important;
}
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="brand"] .creator-brand-option{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    padding:4px 2px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
}
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="brand"] .creator-brand-logo{
    margin-left:auto!important;
    margin-right:auto!important;
}

.creator-car-search-classic .creator-search-tab-panel[data-search-panel="body"] .creator-body-types{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.creator-car-search-classic .creator-search-tab-panel[data-search-panel="budget"] .creator-budget-options{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

/* 접힌 상태: 정확히 2줄까지만 노출 */
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="brand"].has-more:not(.is-expanded) .creator-brand-option:nth-child(n+17){
    display:none!important;
}
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="body"].has-more:not(.is-expanded) .creator-body-types>a:nth-child(n+9){
    display:none!important;
}
.creator-car-search-classic .creator-search-tab-panel[data-search-panel="budget"].has-more:not(.is-expanded) .creator-budget-options>a:nth-child(n+9){
    display:none!important;
}

.creator-car-search-classic .creator-search-more-toggle[hidden]{
    display:none!important;
}
.creator-car-search-classic .creator-search-more-toggle{
    display:none!important;
}
.creator-car-search-classic .creator-search-tab-panel.has-more .creator-search-more-toggle{
    display:flex!important;
    width:100%!important;
    height:34px!important;
    margin:8px 0 0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:0!important;
    border-top:1px solid #2f2f2f!important;
    background:transparent!important;
    color:#aeb2b8!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:700!important;
    cursor:pointer!important;
}
.creator-car-search-classic .creator-search-tab-panel.has-more .creator-search-more-toggle:hover{
    color:#fff!important;
}
.creator-car-search-classic .creator-search-more-toggle i{
    color:var(--tc-accent)!important;
    font-size:14px!important;
}
.creator-car-search-classic .creator-search-tab-panel.is-expanded .creator-search-more-toggle{
    margin-top:10px!important;
}

/* ==========================================================
   VEHICLE CARD - BLACK / RED THEME + INFO FONT
   ========================================================== */

/* 차량 종류 리본: 오렌지 -> 테마 레드 */
.creator-car-ribbon{
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}

/* 비교 선택 상태: 오렌지 -> 테마 레드 */
.creator-car-compare.is-selected{
    border-color:var(--tc-accent)!important;
    background:var(--tc-accent-soft-7)!important;
    color:var(--tc-accent)!important;
}
.creator-car-compare.is-selected i{
    border-color:var(--tc-accent)!important;
}

/* 차량명 제목은 유지하고 하단 설명만 약간 확대 */
.creator-car-region{
    font-size:12px!important;
}
.creator-car-spec{
    font-size:12px!important;
}
.creator-car-spec dt{
    font-size:12px!important;
}
.creator-car-spec dd{
    font-size:12px!important;
}
.creator-car-spec dd.is-red{
    font-size:15px!important;
}
.creator-car-spec dd.creator-car-price{
    font-size:12px!important;
}


/* ==========================================================
   TubeCar USED CAR VIEW - BLACK / RED FINAL 2026-09-05
   차량 매물 상세페이지 컬러 테마 통일
   ========================================================== */
.usedcar-view-page{
    --tc-view-black:var(--tc-dark-content);
    --tc-view-red:var(--tc-accent);
    --tc-view-red-dark:var(--tc-accent-view-dark);
    --tc-view-red-soft:var(--tc-accent-view-soft);
    --tc-view-line:#e5e8ec;
}
.usedcar-view-page .usedcar-view-heading h1,
.usedcar-view-page .usedcar-view-option-head h2,
.usedcar-view-page .usedcar-view-option-group-head h3,
.usedcar-view-page .usedcar-view-section-title h2,
.usedcar-view-page .usedcar-view-info-row strong{
    color:var(--tc-view-black)!important;
}
.usedcar-view-page .usedcar-view-breadcrumb a:hover{
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-meta b.status-reserved,
.usedcar-view-page .usedcar-view-meta em{
    background:var(--tc-view-red-soft)!important;
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-pricebox>strong,
.usedcar-view-page .usedcar-view-finance b{
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-thumb.is-active{
    border-color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-tabs button.is-active{
    background:#fff!important;
    color:var(--tc-view-black)!important;
    font-weight:800!important;
}
.usedcar-view-page .usedcar-view-tabs button.is-active:after{
    background:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-tabs button.is-active span{
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-option-head .on{
    background:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-option-group-head span{
    background:var(--tc-view-red-soft)!important;
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-option-item.is-selected{
    border-color:var(--tc-accent-view-border)!important;
    background:var(--tc-accent-view-bg)!important;
    color:var(--tc-view-red)!important;
    font-weight:700!important;
}
.usedcar-view-page .usedcar-view-option-item.is-selected i{
    background:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-inspection>i{
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-section-title span{
    background:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-info-row span i{
    background:var(--tc-view-red-soft)!important;
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-related-card:hover{
    border-color:var(--tc-accent-view-border-2)!important;
}
.usedcar-view-page .usedcar-view-related-card dd.is-red{
    color:var(--tc-view-red)!important;
}
.usedcar-view-page .usedcar-view-video-thumb>i{
    background:var(--tc-view-red)!important;
}

/* ==========================================================
   TubeCar usedcar gallery viewer 2026-09-05
   ========================================================== */
body.usedcar-gallery-open{overflow:hidden!important}
body .usedcar-view-page .usedcar-view-gallery{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    padding:16px!important;
}
body .usedcar-view-page .usedcar-view-mainimage{
    position:relative!important;
    width:100%!important;
    height:515px!important;
    overflow:hidden!important;
    border-radius:9px!important;
    background:#111!important;
}
body .usedcar-view-page .usedcar-view-mainimage>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    cursor:pointer!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls{
    display:flex!important;
    position:absolute!important;
    right:12px!important;
    bottom:12px!important;
    z-index:3!important;
    height:46px!important;
    padding:4px!important;
    align-items:center!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:9px!important;
    background:rgba(20,22,25,.88)!important;
    box-shadow:0 3px 12px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(5px)!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls button{
    display:inline-flex!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:6px!important;
    background:#34383f!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
    cursor:pointer!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls button:hover,
body .usedcar-view-page .usedcar-view-gallery-controls button:focus{
    background:var(--tc-accent)!important;
    outline:0!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls button:disabled{
    opacity:.38!important;
    cursor:default!important;
}
body .usedcar-view-page .usedcar-view-gallery-count{
    display:inline-flex!important;
    min-width:48px!important;
    height:38px!important;
    padding:0 6px!important;
    align-items:center!important;
    justify-content:center!important;
    color:#e9ebee!important;
    font-size:11px!important;
    font-weight:600!important;
    white-space:nowrap!important;
}
body .usedcar-view-page .usedcar-view-gallery-count b{color:#fff!important}
body .usedcar-view-page .usedcar-view-gallery-controls .usedcar-view-gallery-full{
    width:auto!important;
    min-width:94px!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:12px!important;
    font-weight:700!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls .usedcar-view-gallery-full i{font-size:13px!important}

body .usedcar-view-lightbox,
body .usedcar-view-lightbox[hidden],
body .usedcar-view-lightbox[aria-hidden="true"]{
    display:none!important;
}
body .usedcar-view-lightbox.is-open,
body .usedcar-view-lightbox[aria-hidden="false"]{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    width:100vw!important;
    height:100vh!important;
    padding:0!important;
    overflow:hidden!important;
    background:#121315!important;
}
body .usedcar-view-lightbox-close{
    display:flex!important;
    position:fixed!important;
    left:18px!important;
    top:16px!important;
    right:auto!important;
    z-index:6!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer!important;
}
body .usedcar-view-lightbox-close:hover,
body .usedcar-view-lightbox-close:focus{background:var(--tc-accent)!important;outline:0!important}
body .usedcar-view-lightbox-layout{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    padding:72px 24px 22px 76px!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:22px!important;
    box-sizing:border-box!important;
}
body .usedcar-view-lightbox-stage{
    display:flex!important;
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:10px!important;
    background:#0b0c0e!important;
}
body .usedcar-view-lightbox-stage>img,
body .usedcar-view-lightbox.is-open .usedcar-view-lightbox-stage>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
}
body .usedcar-view-lightbox-nav{
    display:flex!important;
    position:absolute!important;
    right:16px!important;
    bottom:16px!important;
    z-index:3!important;
    height:44px!important;
    padding:4px!important;
    align-items:center!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:22px!important;
    background:rgba(16,17,20,.82)!important;
    backdrop-filter:blur(5px)!important;
}
body .usedcar-view-lightbox-nav button{
    display:flex!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#fff!important;
    font-size:18px!important;
    cursor:pointer!important;
}
body .usedcar-view-lightbox-nav button:hover,
body .usedcar-view-lightbox-nav button:focus{background:var(--tc-accent)!important;outline:0!important}
body .usedcar-view-lightbox-nav button:disabled{opacity:.35!important;cursor:default!important}
body .usedcar-view-lightbox-nav span{
    display:inline-flex!important;
    min-width:54px!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d9dce1!important;
    font-size:12px!important;
    font-weight:600!important;
}
body .usedcar-view-lightbox-nav span b{color:#fff!important}
body .usedcar-view-lightbox-rail{
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
}
body .usedcar-view-lightbox-thumbs{
    display:grid!important;
    height:100%!important;
    padding:0 5px 0 0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:98px!important;
    align-content:start!important;
    gap:10px!important;
    overflow-y:auto!important;
    scrollbar-color:#555 #1a1b1e!important;
    scrollbar-width:thin!important;
}
body .usedcar-view-lightbox-thumb{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:98px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:2px solid transparent!important;
    border-radius:8px!important;
    background:#090a0c!important;
    opacity:.64!important;
    cursor:pointer!important;
}
body .usedcar-view-lightbox-thumb:hover{opacity:1!important}
body .usedcar-view-lightbox-thumb.is-active{
    border-color:var(--tc-accent)!important;
    opacity:1!important;
}
body .usedcar-view-lightbox-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
}

/* ==========================================================
   TubeCar usedcar detail gallery layout correction 2026-09-05
   - main image + right thumbnail list
   - numbering / full-view controls stay on main image
   ========================================================== */
body .usedcar-view-page .usedcar-view-gallery{
    display:grid!important;
    grid-template-columns:minmax(0,1.68fr) minmax(300px,.72fr)!important;
    gap:12px!important;
    padding:16px!important;
    align-items:stretch!important;
}
body .usedcar-view-page .usedcar-view-thumbs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:118px!important;
    align-content:start!important;
    gap:8px!important;
    width:100%!important;
    max-height:515px!important;
    margin:0!important;
    padding:0 3px 0 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    scrollbar-width:thin!important;
}
body .usedcar-view-page .usedcar-view-thumb{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:118px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:2px solid transparent!important;
    border-radius:7px!important;
    background:#111!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    opacity:.84!important;
}
body .usedcar-view-page .usedcar-view-thumb:hover,
body .usedcar-view-page .usedcar-view-thumb:focus{
    opacity:1!important;
    outline:0!important;
}
body .usedcar-view-page .usedcar-view-thumb.is-active{
    border-color:var(--tc-accent)!important;
    opacity:1!important;
}
body .usedcar-view-page .usedcar-view-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body .usedcar-view-page .usedcar-view-noimage{
    grid-column:1/-1!important;
}
@media(max-width:980px){
    body .usedcar-view-page .usedcar-view-gallery{
        grid-template-columns:minmax(0,1fr) 250px!important;
    }
    body .usedcar-view-page .usedcar-view-thumbs{
        grid-auto-rows:100px!important;
    }
    body .usedcar-view-page .usedcar-view-thumb{
        height:100px!important;
    }
}


/* TubeCar usedcar gallery drag/swipe 2026-09-05 */
body .usedcar-view-lightbox-stage{
    touch-action:none!important;
    cursor:grab!important;
    user-select:none!important;
    -webkit-user-select:none!important;
}
body .usedcar-view-lightbox-stage.is-dragging{cursor:grabbing!important}
body .usedcar-view-lightbox-stage>img,
body .usedcar-view-lightbox.is-open .usedcar-view-lightbox-stage>img{
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    will-change:transform,opacity!important;
}
body .usedcar-view-lightbox-stage .usedcar-view-lightbox-nav{
    touch-action:manipulation!important;
    cursor:default!important;
}


/* ==========================================================
   TubeCar THEME-AWARE SUBPAGE HERO 2026-09-05
   추천차량 / 커뮤니티 / 문의 배너를 선택 색상 테마와 연동
   ========================================================== */
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend,
body .creator-board-hero,
body .creator-qa-hero{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    height:264px!important;
    padding:46px 52px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:1px solid var(--tc-hero-border)!important;
    border-radius:14px!important;
    background-color:rgb(var(--tc-subhero-rgb))!important;
    box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend{
    background-image:
        linear-gradient(90deg,rgba(var(--tc-subhero-rgb),1) 0%,rgba(var(--tc-subhero-rgb),1) 61%,rgba(var(--tc-subhero-rgb),.96) 68%,rgba(var(--tc-subhero-rgb),.56) 79%,rgba(var(--tc-subhero-rgb),.08) 100%),
        url('../img/creator/subhero_recommend.webp')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
body .creator-board-hero{
    background-image:
        linear-gradient(90deg,rgba(var(--tc-subhero-rgb),.995) 0%,rgba(var(--tc-subhero-rgb),.985) 47%,rgba(var(--tc-subhero-rgb),.88) 56%,rgba(var(--tc-subhero-rgb),.44) 70%,rgba(var(--tc-subhero-rgb),.10) 100%),
        url('../img/creator/subhero_community.webp')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
body .creator-qa-hero{
    background-image:
        linear-gradient(90deg,rgba(var(--tc-subhero-rgb),.995) 0%,rgba(var(--tc-subhero-rgb),.985) 47%,rgba(var(--tc-subhero-rgb),.88) 56%,rgba(var(--tc-subhero-rgb),.44) 70%,rgba(var(--tc-subhero-rgb),.10) 100%),
        url('../img/creator/subhero_contact.webp')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend:before,
body .creator-board-hero:before,
body .creator-qa-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    background:rgb(var(--tc-accent-rgb))!important;
    opacity:var(--tc-subhero-tint-opacity)!important;
    mix-blend-mode:color!important;
    pointer-events:none!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>span,
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p,
body .creator-board-hero>span,
body .creator-board-hero>h1,
body .creator-board-hero>p,
body .creator-qa-hero>span,
body .creator-qa-hero>h1,
body .creator-qa-hero>p{
    position:relative!important;
    z-index:3!important;
    opacity:1!important;
    pointer-events:auto!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>span,
body .creator-board-hero>span,
body .creator-qa-hero>span{
    display:block!important;
    margin:0 0 9px!important;
    color:var(--tc-accent)!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:1.8px!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>h1,
body .creator-board-hero>h1,
body .creator-qa-hero>h1{
    max-width:52%!important;
    margin:0!important;
    color:var(--tc-hero-title)!important;
    font-size:34px!important;
    font-weight:800!important;
    line-height:1.24!important;
    letter-spacing:-1.3px!important;
}
body .creator-usedcar-list-page .creator-subpage-hero.creator-subpage-hero-recommend>p,
body .creator-board-hero>p,
body .creator-qa-hero>p{
    max-width:52%!important;
    margin:13px 0 0!important;
    color:var(--tc-hero-copy)!important;
    font-size:13px!important;
    line-height:1.7!important;
}


/* ==========================================================
   MAIN SEARCH + CONSULT PANEL - 4 THEME LINK 2026-09-05
   ========================================================== */
body #creator_home .creator-consult-panel{
    border:1px solid var(--tc-home-panel-border)!important;
    background:linear-gradient(135deg,var(--tc-home-panel-start) 0%,var(--tc-home-panel-end) 100%)!important;
    color:var(--tc-home-panel-text)!important;
}
body #creator_home .creator-consult-panel h2,
body #creator_home .creator-consult-items strong{color:var(--tc-home-panel-text)!important}
body #creator_home .creator-consult-panel>p{color:var(--tc-home-panel-muted)!important}
body #creator_home .creator-consult-items span{color:var(--tc-home-panel-muted-soft)!important}
body #creator_home .creator-consult-items i{
    border-color:var(--tc-home-panel-icon-border)!important;
    background:var(--tc-home-panel-icon-bg)!important;
    color:var(--tc-home-panel-text)!important;
}
body #creator_home .creator-consult-panel .creator-btn-primary{
    border-color:var(--tc-accent)!important;
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}
body #creator_home .creator-consult-panel .creator-btn-primary:hover{
    border-color:var(--tc-accent-hover)!important;
    background:var(--tc-accent-hover)!important;
    color:var(--tc-home-accent-contrast)!important;
}

body #creator_home .creator-car-search.creator-car-search-classic{
    border-color:var(--tc-home-panel-border)!important;
    background:linear-gradient(135deg,var(--tc-home-panel-start) 0%,var(--tc-home-panel-end) 100%)!important;
    color:var(--tc-home-panel-text)!important;
}
body #creator_home .creator-car-search-classic .creator-search-row select{
    border-color:var(--tc-home-control-border)!important;
    background:var(--tc-home-control-bg)!important;
    color:var(--tc-home-control-text)!important;
}
body #creator_home .creator-car-search-classic .creator-search-row button{
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}
body #creator_home .creator-car-search-classic .creator-search-row button:hover{
    background:var(--tc-accent-hover)!important;
}
body #creator_home .creator-car-search-classic .creator-search-guides{
    border-bottom-color:var(--tc-home-divider)!important;
}
body #creator_home .creator-car-search-classic .creator-search-guides button{
    color:var(--tc-home-panel-muted)!important;
}
body #creator_home .creator-car-search-classic .creator-search-guides button i{
    color:var(--tc-home-panel-muted-soft)!important;
}
body #creator_home .creator-car-search-classic .creator-search-guides button.is-active,
body #creator_home .creator-car-search-classic .creator-search-guides button.is-active i{
    color:var(--tc-accent)!important;
}
body #creator_home .creator-car-search-classic .creator-brand-option,
body #creator_home .creator-car-search-classic .creator-brand-option>span:last-child,
body #creator_home .creator-car-search-classic .creator-body-types a,
body #creator_home .creator-car-search-classic .creator-body-types span{
    color:var(--tc-home-option-text)!important;
}
body #creator_home .creator-car-search-classic .creator-body-types a:hover{
    border-color:var(--tc-accent)!important;
    background:var(--tc-home-option-hover-bg)!important;
    color:var(--tc-home-panel-text)!important;
}
body #creator_home .creator-car-search-classic .creator-budget-options a{
    border-color:var(--tc-home-option-border)!important;
    background:var(--tc-home-option-bg)!important;
    color:var(--tc-home-option-text)!important;
}
body #creator_home .creator-car-search-classic .creator-budget-options a:hover{
    border-color:var(--tc-accent)!important;
    background:var(--tc-home-option-hover-bg)!important;
    color:var(--tc-accent)!important;
}
body #creator_home .creator-car-search-classic .creator-search-more-toggle{
    border-top-color:var(--tc-home-divider)!important;
    color:var(--tc-home-panel-muted)!important;
}
body #creator_home .creator-car-search-classic .creator-search-more-toggle i{color:var(--tc-accent)!important}


/* ==========================================================
   Quick contact action backgrounds - selected theme
   카톡/전화상담 버튼의 바탕만 테마 연동
   ========================================================== */
.creator-quick-action.creator-quick-action-kakao{
    background:var(--tc-quick-kakao-bg)!important;
}
.creator-quick-action.creator-quick-action-kakao:hover,
.creator-quick-action.creator-quick-action-kakao:focus{
    background:var(--tc-quick-kakao-hover)!important;
}
.creator-quick-action.creator-quick-action-phone{
    background:var(--tc-quick-phone-bg)!important;
}
.creator-quick-action.creator-quick-action-phone:hover,
.creator-quick-action.creator-quick-action-phone:focus{
    background:var(--tc-quick-phone-hover)!important;
}


/* ==========================================================
   TubeCar theme component sync 2026-09-05
   - footer / recent widget / more button / youtube filter
   ========================================================== */
.creator-site-header{
    background:var(--tc-dark-header)!important;
    border-bottom-color:rgba(var(--tc-accent-rgb),.18)!important;
}
.creator-main-nav a:hover,
.creator-main-nav a:focus,
.creator-social-links a:first-child,
.creator-logo strong em{color:var(--tc-accent)!important}
.creator-more-btn{
    border-color:var(--tc-home-more-border)!important;
    background:var(--tc-home-more-bg)!important;
    color:var(--tc-home-more-text)!important;
}
.creator-more-btn:hover,
.creator-more-btn:focus{
    border-color:var(--tc-home-more-hover)!important;
    background:var(--tc-home-more-hover)!important;
    color:var(--tc-home-more-text)!important;
}
.creator-site-footer{
    background:var(--tc-shell-footer-bg)!important;
    color:var(--tc-shell-footer-text)!important;
    border-top:1px solid var(--tc-shell-footer-border)!important;
}
.creator-footer-links a,
.creator-footer-links .creator-footer-static{color:var(--tc-shell-footer-link)!important}
.creator-footer-links p{color:var(--tc-shell-footer-text)!important}
.creator-footer-contact{
    border-color:var(--tc-shell-footer-button-border)!important;
    color:var(--tc-shell-footer-button-text)!important;
}
.creator-footer-contact:hover,
.creator-footer-contact:focus{
    border-color:var(--tc-accent)!important;
    color:var(--tc-shell-footer-button-text)!important;
    box-shadow:0 0 0 1px rgba(var(--tc-accent-rgb),.12) inset!important;
}
.creator-quick-recent{background:var(--tc-quick-recent-panel-bg)!important}
.creator-quick-recent>strong{
    background:var(--tc-quick-recent-head-bg)!important;
    color:var(--tc-quick-recent-head-text)!important;
    border-bottom-color:var(--tc-quick-recent-all-border)!important;
}
.creator-quick-recent-all{
    background:var(--tc-quick-recent-all-bg)!important;
    color:var(--tc-quick-recent-all-text)!important;
    border-top-color:var(--tc-quick-recent-all-border)!important;
}
.creator-quick-recent-all:hover,
.creator-quick-recent-all:focus{
    background:var(--tc-accent-soft-4)!important;
    color:var(--tc-accent-text)!important;
}
.creator-quick-top{
    background:var(--tc-quick-top-bg)!important;
    color:var(--tc-quick-top-text)!important;
}
.creator-quick-top:hover,
.creator-quick-top:focus{background:var(--tc-quick-top-hover)!important;color:var(--tc-quick-top-text)!important}


/* ==========================================================
   TubeCar usedcar gallery control theme sync 2026-09-05
   ========================================================== */
body .usedcar-view-page .usedcar-view-gallery-controls{
    border-color:rgba(var(--tc-accent-rgb),.42)!important;
    background:rgba(var(--tc-dark-deep-rgb),.92)!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls button{
    background:var(--tc-dark-2)!important;
    color:#fff!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls button:hover,
body .usedcar-view-page .usedcar-view-gallery-controls button:focus{
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}
body .usedcar-view-page .usedcar-view-gallery-count,
body .usedcar-view-page .usedcar-view-gallery-count b{
    color:#fff!important;
}
body .usedcar-view-page .usedcar-view-gallery-controls .usedcar-view-gallery-full{
    border:1px solid rgba(var(--tc-accent-rgb),.45)!important;
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
}


/* ==========================================================
   TubeCar MAIN theme coverage refinement 2026-09-05
   ========================================================== */
/* Section 'more' links stay neutral, but the actionable arrow/hover follows the theme. */
#creator_home .creator-section-head>a{
    color:var(--tc-muted)!important;
    transition:color .15s ease!important;
}
#creator_home .creator-section-head>a i{
    color:var(--tc-accent)!important;
}
#creator_home .creator-section-head>a:hover,
#creator_home .creator-section-head>a:focus{
    color:var(--tc-accent-text)!important;
}

/* Recommendation panel remains a neutral content area; only selection cues use theme color. */
#creator_home .creator-recommend-panel{
    border-color:var(--tc-line)!important;
}
#creator_home .creator-recommend-panel .creator-section-head h2:after{
    content:"";
    display:block;
    width:28px;
    height:2px;
    margin-top:7px;
    border-radius:2px;
    background:var(--tc-accent)!important;
}
#creator_home .creator-recommend-car img{
    transition:box-shadow .15s ease,transform .15s ease!important;
}
#creator_home .creator-recommend-car:hover img,
#creator_home .creator-recommend-car:focus img{
    box-shadow:0 0 0 2px var(--tc-accent)!important;
    transform:translateY(-1px);
}
#creator_home .creator-recommend-car:hover strong,
#creator_home .creator-recommend-car:focus strong{
    color:var(--tc-accent-text)!important;
}

/* Compare floating control: shell = theme dark, count = theme accent. */
.creator-compare-dock{
    background:var(--tc-dark-content)!important;
    color:#fff!important;
}
.creator-compare-dock:hover,
.creator-compare-dock:focus,
.creator-compare-dock.is-menu-open{
    background:var(--tc-dark-2)!important;
}
.creator-compare-dock i{
    color:var(--tc-accent-light)!important;
}
.creator-compare-dock strong{
    background:var(--tc-accent-strong)!important;
    color:var(--tc-home-accent-contrast)!important;
}

/* Status colors: recommendation/sale may follow theme, reservation remains a semantic amber. */
#creator_home .creator-car-ribbon.is-recommend,
#creator_home .creator-car-ribbon.is-sale{
    background:var(--tc-accent-ribbon-alt)!important;
    color:#fff!important;
}
#creator_home .creator-car-ribbon.is-reserved{
    background:#e58b00!important;
    color:#fff!important;
}


/* ==========================================================
   TubeCar main theme completion 2026-09-05
   profile card / statistics bar / SMS fixed brand color
   ========================================================== */
.creator-profile-card{
    background:var(--tc-profile-card-bg)!important;
    border-color:var(--tc-profile-card-border)!important;
}
.creator-profile-card h2,
.creator-profile-card h2 i{color:var(--tc-profile-card-title)!important}
.creator-profile-card>strong{color:var(--tc-profile-card-muted)!important}
.creator-profile-card p{
    color:var(--tc-profile-card-copy)!important;
    border-top-color:var(--tc-profile-card-rule)!important;
}
.creator-stats{
    background:linear-gradient(90deg,var(--tc-stats-start),var(--tc-stats-mid),var(--tc-stats-end))!important;
    border-top-color:var(--tc-stats-border)!important;
}
.creator-stats-grid>div{border-left-color:var(--tc-stats-divider)!important}
.creator-stats-grid>div:last-child{border-right-color:var(--tc-stats-divider)!important}
.creator-stats-grid span{color:var(--tc-stats-label)!important}
.creator-stats-grid strong{color:var(--tc-stats-value)!important}
/* 사용자의 기존 규칙: 카톡/전화만 테마 연동, 문자상담은 고정 블루 */
.creator-quick-action.creator-quick-action-sms{background:#3478e5!important}
.creator-quick-action.creator-quick-action-sms:hover,
.creator-quick-action.creator-quick-action-sms:focus{background:#2868cc!important}


/* ==========================================================
   Compare popup - full theme sync 2026-09-05
   ========================================================== */
.creator-compare-menu{
    width:138px!important;
    padding:6px!important;
    border:1px solid var(--tc-compare-menu-border)!important;
    background:var(--tc-compare-menu-bg)!important;
    box-shadow:0 12px 30px rgba(15,18,28,.20)!important;
}
.creator-compare-menu:after{
    border-right-color:var(--tc-compare-menu-border)!important;
    border-bottom-color:var(--tc-compare-menu-border)!important;
    background:var(--tc-compare-menu-bg)!important;
}
.creator-compare-menu button{
    height:40px!important;
    padding:0 11px!important;
    background:var(--tc-compare-menu-bg)!important;
    color:var(--tc-compare-menu-text)!important;
}
.creator-compare-menu button:hover,
.creator-compare-menu button:focus{
    background:var(--tc-compare-item-hover)!important;
}
.creator-compare-menu button i{color:var(--tc-accent)!important}
.creator-compare-menu .creator-compare-menu-view{
    background:var(--tc-compare-view-bg)!important;
    color:#fff!important;
}
.creator-compare-menu .creator-compare-menu-view:hover,
.creator-compare-menu .creator-compare-menu-view:focus{
    background:var(--tc-compare-view-hover)!important;
    color:#fff!important;
}
.creator-compare-menu .creator-compare-menu-view i{
    color:var(--tc-compare-view-icon)!important;
}
.creator-compare-menu .creator-compare-menu-clear{
    color:var(--tc-compare-clear-text)!important;
}
.creator-compare-menu .creator-compare-menu-clear:hover,
.creator-compare-menu .creator-compare-menu-clear:focus{
    background:var(--tc-compare-clear-hover)!important;
    color:var(--tc-compare-clear-text)!important;
}
.creator-compare-menu .creator-compare-menu-clear i{
    color:var(--tc-compare-clear-text)!important;
}


/* TubeCar recommend summary accent 2026-09-05 */
.creator-usedcar-list-summary.is-recommend>strong{
    position:relative!important;
    display:inline-block!important;
    padding-bottom:9px!important;
}
.creator-usedcar-list-summary.is-recommend>strong:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:34px!important;
    height:3px!important;
    border-radius:3px!important;
    background:var(--tc-accent)!important;
}


/* ==========================================================
   TubeCar usedcar paging theme sync 2026-09-05
   - centered paging / 5-theme accent state
   ========================================================== */
body .creator-usedcar-list-page .creator-usedcar-list-paging{
    width:100%!important;
    clear:both!important;
    padding:48px 0 20px!important;
    overflow:hidden!important;
    text-align:center!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_wrap{
    display:block!important;
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg{
    display:inline-flex!important;
    float:none!important;
    margin:0 auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    vertical-align:top!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_current{
    display:inline-flex!important;
    width:auto!important;
    min-width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:1px solid var(--tc-line)!important;
    border-radius:5px!important;
    background-color:#fff!important;
    color:var(--tc-muted)!important;
    font-size:12px!important;
    line-height:32px!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page:focus{
    border-color:var(--tc-accent)!important;
    background-color:var(--tc-accent-soft-8)!important;
    color:var(--tc-accent-text)!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_current{
    border-color:var(--tc-accent)!important;
    background:var(--tc-accent)!important;
    color:var(--tc-home-accent-contrast)!important;
    font-weight:800!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end{
    border-color:var(--tc-line)!important;
    background-color:#fff!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:focus{
    border-color:var(--tc-accent)!important;
    background-color:var(--tc-accent-soft-8)!important;
}


/* ==========================================================
   TubeCar usedcar paging arrow theme sync 2026-09-05
   - neutral inactive pages / themed navigation arrows
   ========================================================== */
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page:not(.pg_start):not(.pg_prev):not(.pg_next):not(.pg_end){
    border-color:#dfe3e8!important;
    background:#fff!important;
    color:#737a84!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page:not(.pg_start):not(.pg_prev):not(.pg_next):not(.pg_end):hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_page:not(.pg_start):not(.pg_prev):not(.pg_next):not(.pg_end):focus{
    border-color:var(--tc-accent)!important;
    background:var(--tc-accent-soft-8)!important;
    color:var(--tc-accent-text)!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end{
    position:relative!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid var(--tc-dark-2)!important;
    background:var(--tc-dark-2)!important;
    background-image:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:34px!important;
    text-indent:0!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:before{
    display:flex!important;
    position:absolute!important;
    inset:0!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1!important;
    text-indent:0!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:before{content:"«"!important;}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:before{content:"‹"!important;}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:before{content:"›"!important;}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:before{content:"»"!important;}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:hover,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:focus,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:focus{
    border-color:var(--tc-accent)!important;
    background:var(--tc-accent)!important;
}
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:hover:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:hover:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:hover:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:hover:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_start:focus:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_prev:focus:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_next:focus:before,
body .creator-usedcar-list-page .creator-usedcar-list-paging .pg_end:focus:before{
    color:var(--tc-home-accent-contrast)!important;
}