@charset "utf-8";
b{font-weight: bold !important;}
*{font-family: 'Noto Sans KR', sans-serif;}
/* 게시판 타이틀 */
.board_title { font-size: 25px;
    font-weight: 500;
   padding-top: 20px;
   padding-bottom: 10px;
    text-align: left;
    background: #fff;
}
#bo_list{font-size: 1.3em;display: block !important}
.board_wrap{margin-bottom: 80px;}
@media (max-width:1200px) {
  .board_title { font-size: 25px; margin-bottom: 10px;text-align: center; }
  .mb_hide { display: none; }
  .board_wrap{margin-bottom: 30px;}
}

#fboardlist {overflow: hidden;}
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 { }
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 { }
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin { } /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 { }
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 { }
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin { } /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel { }
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 { border:0px;overflow: hidden;}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th { border-top:3px solid #000; background: #fff; font-weight: 700; font-size: 14px; height:60px;}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td { height:50px; letter-spacing: -1px;}
#bo_list .tbl_head01 td:hover {border-left: 0px;}
#bo_list .tbl_head01 a {display: block;width: 100%;text-align: center; color: #333; padding: 10px;display: block;}
#bo_list .tbl_head01 a.bo_tit{display: flex;align-items:center;justify-content:center;height: 66px;}
#bo_list .tbl_head01 a:hover{}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list {position:relative;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center;}
#bo_list .td_datetime {width:60px;text-align:center;}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:center;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr:hover {}

#bo_cate {margin:10px 0;border-bottom:1px solid #e0e0e0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; display: block; position: relative; top:1px;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate a{display: block;}
@media (min-width:768px) {
	#bo_cate li {display:inline-block;margin-right: 10px;margin-bottom: 10px;}
	#bo_cate a {display: block;padding: 5px 20px;border: 1px solid #ddd;color: #000;}
	#bo_cate li:last-child a{border-right:1px solid #e0e0e0;}
}
#bo_cate #bo_cate_on,#bo_cate li:hover a{z-index:2;font-weight:bold; background: #333;color: #fff; border-bottom: 0px; }
.td_subject img {margin-left:5px}


@media (max-width:767px) {
  #bo_cate #bo_cate_on {background: transparent; border-top:0px; border-right:1px solid #ccc; border-left:1px solid #ccc; color:#000}
  #bo_cate {width:100%; height:48px; position: relative; margin: 0 auto;}
  #bo_cate ul{display: none; border-top:0px;background: #fff;}
  #bo_cate ul li{width: 100%;}
  #bo_cate h2 {
    display: block; line-height:26px ; font-size:16px ; position: relative;
    width: 100%; border: 1px solid #ccc; padding: 10px 15px; letter-spacing: -1px;
    border-bottom: 1px solid #ccc; color: #818181; cursor: pointer;
    background: #fff;
  }
  #bo_cate h2 span {float: right;}
  #bo_cate a {margin:0px; background: transparent; padding: 10px 15px; border-top:0px; border-right:1px solid #ccc; border-left:1px solid #ccc; font-size: 16px; letter-spacing: -1px; color:#a7a7a7;}
  #bo_cate a:hover {color:#444444;}
  #bo_cate li:last-child a {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
  /*#bo_cate ul {display: none;}*/
}

.empty_list {
    width: 100% !important;
}

/* 게시판 목록 공통 */
#bo_btn_top{margin: 30px 0 10px;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:10px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px 5px;border:0;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
/*#bo_list .profile_img {display:inline-block;margin-right:2px}*/
#bo_list .profile_img img{border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_list .bo_tit .title_icon{margin-right:2px}
#bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;color:#777;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_list .bo_tit .fa-heart{display:none;width: 16px;line-height:16px ;font-size:0.833em;color:#777;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
#bo_list .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}


#bo_sch {margin:0 auto; width: 360px; border:1px solid #ccc;background:#fff;border-radius:3px}
@media (max-width:767px) {
  #bo_sch{width: calc(100% - 40px);}
}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 0px ;width: 25%;height:20px;float:left;border-right:1px solid #ddd; background: #fff;}
#bo_sch .sch_input{height:38px;width:55%;border:0;padding:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:right;background:none;border:0;width:20%;font-size:15px}


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-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);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box; border-top:2px solid #333; margin-top:30px;}
 @media (min-width:1200px) {
  #bo_v {font-size: 1.5em;}
}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title { padding:20px 0px; }
#bo_v_title .bo_v_cate{display:inline-block;line-height:35px;color: #777;font-weight: bold; float: left; border-right:1px solid #ccc; padding-right:10px; margin-right:10px;}
#bo_v_title .bo_v_tit{display:block;font-size:18px;margin:5px 0 0;word-break:break-all; font-weight: bold; letter-spacing: -1px;}

#bo_v_info {padding: 10px 0 15px;border-bottom:1px solid #ddd;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;color:#888}

#bo_v_file {margin:0px 0;border:0px;border-bottom:1px solid #e3e3e3;}
#bo_v_file h2 {padding:10px;border-bottom: 1px solid #e3e3e3;display: none;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {margin:0px 0;border:0px;border-bottom:1px solid #e3e3e3;}
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f9f9f9; display: none;}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_top {zoom:1; }
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left2 {margin:20px 0;float:left; }
.bo_v_left li, .bo_v_left2 li {float:left;margin-right:5px}

@media (max-width:767px) {
  .bo_v_left2 {position:relative; right:0px; top:10px; width: auto; margin: 0px auto;}
  .bo_v_com {margin:10px 0 20px;float:right}
}
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block;text-align: center;}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:30px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden; font-size: 1.3em}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{display:inline-block;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px #fff no-repeat;border-radius:50%;border:1px solid #e3e3e3}
#bo_v_act .bo_v_nogood{display:inline-block;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px #fff no-repeat;border-radius:50%;border:1px solid #e3e3e3}

#bo_v_share{position:relative;margin:20px 0;text-align:right}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns.show_kakao{width:240px;margin-left:-120px}
#bo_v_sns li .sns_k{display:block;background:#fbe300}
#bo_v_sns li img{vertical-align:top}

/* 게시판 댓글 */
.cmt_btn{background: #fff; color: #555;text-align:left ;width:100% ;border:0;font-weight:bold;font-size:1.7em;margin: 30px 0 0px;padding:0  0 10px;border-bottom:1px solid #e3e3e3; }
.cmt_btn_op{}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo{float: right;color:#777; padding-left: 10px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #fff;border-bottom: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left;}

.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1; margin-top:10px;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:0px;background:rgba(249, 249, 249);color:#000;vertical-align:middle;border-radius:3px;padding:15px;width:100%;height:150px;}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;background: #000;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }


/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative;margin-top: 2%;}
.wr_content {margin-top: 30px;}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{line-height:30px;height:30px;float: right;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{width: 100%;padding-left:50px;height: 38px;}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px} 


/*갤러리 리스트 */
/* 갤러리 리스트 – 서브1 전용 레이아웃 */
#gall_ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

/* 한 줄에 4칸 */
#gall_ul li {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

/* 썸네일 박스 */
#gall_ul li .gall_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 0;
    margin: 0;
}

/* 이미지 둥글게 + hover 확대 */
#gall_ul li .gall_img img {
    width: 100%;
    display: block;
    transition: transform .25s ease;
}

#gall_ul li:hover .gall_img img {
    transform: scale(1.05);
}

/* hover 시 글자색 변화는 기존 유지 */
#gall_ul li:hover a {
    color: #594b45;
    transition: all .25s ease-out;
}

/* 반응형 – 화면 좁아지면 2~3열로 */
@media (max-width: 1200px) {
    #gall_ul li {
        width: 33.3333%;
    }
}

@media (max-width: 768px) {
    #gall_ul li {
        width: 50%;
    }
}


/* 카드 썸네일 래퍼 */


/* 기존 hover 글자색 변경 유지 */
#gall_ul li:hover a {
    color: #594b45;
    transition: all 0.3s ease-out;
}


@media (max-width:767px) {
  #gall_ul li {float: left; width: calc(50% - 20px)}
}
@media (max-width:425px) {
  #gall_ul li {float: none; width: 100%;margin: 0;margin-bottom: 20px;}
}

/* ===== 차량 상세 레이아웃 ===== */

.car-view-wrap {
    margin-top: 30px;
}

.car-view-main {
    display: flex;
    gap: 24px;
    align-items: center;  /* ← 세로 가운데 정렬 */
}


/* 왼쪽 대표 이미지 영역 */
.car-view-left {
    flex: 0 0 420px;
}

.car-main-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* 오른쪽 내용 영역 */
.car-view-right {
    flex: 1;
    min-width: 0;
}

.car-view-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* 본문(요금표/옵션/보험 템플릿) */
.car-view-content {
    font-size: 14px;
    line-height: 1.7;
}

/* 하단 추가 이미지 그리드 */
.car-view-gallery {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.car-view-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* 템플릿용 테이블/타이틀 기본 스타일 */
.car-tpl-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

.car-tpl-subtitle {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 8px;
}

.car-tpl-price,
.car-tpl-insurance {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.car-tpl-price th,
.car-tpl-price td,
.car-tpl-insurance th,
.car-tpl-insurance td {
    border: 1px solid #ddd;
    padding: 8px 10px;
    font-size: 13px;
    text-align: center;
}

.car-tpl-price th,
.car-tpl-insurance th {
    background: #f7f7f7;
    font-weight: 600;
}

.car-tpl-option-list {
    margin: 0 0 10px 18px;
    padding: 0;
    font-size: 13px;
    line-height: 1.6;
}

.car-tpl-note {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
}

/* 공통 템플릿 테이블 */
.car-tpl-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.car-tpl-table th,
.car-tpl-table td {
    border: 1px solid #ddd;
    padding: 8px 10px;
    font-size: 13px;
    text-align: center;
}

.car-tpl-table th {
    background: #f7f7f7;
    font-weight: 600;
}

/* 섹션 타이틀 & 안내문 */
.car-tpl-subtitle {
    font-size: 16px;
    font-weight: 600;
    margin: 24px 0 10px;
}

.car-tpl-note {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
}


/* 반응형 */
@media (max-width: 1024px) {
    .car-view-main {
        flex-direction: column;
        gap: 24px;
    }

    .car-view-left {
        flex: none;
        width: 100%;
    }

    .car-view-title {
        font-size: 20px;
    }

    .car-view-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .car-view-gallery {
        grid-template-columns: 1fr;
    }
}

/* 차갤 상세 레이아웃 공통 */
.board_wrap {
    max-width: 1300px;
    margin: 0 auto;      /* 가운데 정렬 */
    padding: 10px 0 20px;
}

/* 차종별 요금확인 – 서브 타이틀 (리스트 전용) */
.gallery_title {
    max-width: 1300px;
    margin: 50px auto 25px; /* 여백 높여서 섹션 구분감 ↑ */
    font-size: 30px;        /* ← 차량관리 제목과 동일 */
    font-weight: 700;
    text-align: left;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;              /* 아이콘 간격 자연스럽게 */
    letter-spacing: -0.03em;
}

.gallery_title .pay_icon {
    width: 32px;            /* 제목 크기에 맞춰 아이콘도 키움 */
    height: auto;
    flex-shrink: 0;
}



/* 기존 게시판 본문 폭 제한 풀기 */
#bo_v {
    width: 100% !important;
}

.board_wrap {
    margin-bottom: 10px; /* ← 이런 여백 */
}
#bo_v {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


#bo_v_title{display:none;}

/* ---- 옵션 섹션 ---- */
.car-opt-section {
    margin-top: 32px;
    padding: 20px 24px;
    border-radius: 16px;
    background: #f9fafb;
    border: 1px solid #e3e7ec;
}

.car-opt-title {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

/* 옵션 리스트를 2열 그리드로 */
.car-opt-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 24px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.car-opt-list li {
    position: relative;
    padding-left: 10px;
}

.car-opt-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
}

/* 화면 폭 좁으면 1열로 */
@media (max-width: 768px) {
    .car-opt-list {
        grid-template-columns: 1fr;
    }
}

/* 차량 상세 – 섹션 제목 포인트 컬러 */
.car-view-content h3.cha-sec-title,
#bo_v_con h3.cha-sec-title {
    color: #1f4ed8 !important;
    font-weight: 700;
}

/* 상세 이미지 영역 */
.car-detail-images {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 각 상세 이미지 */
.car-detail-image-item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;      /* 가운데 정렬 */
    border-radius: 10px;
}

/* PC에서 너무 넓어지지 않게 제한하고 싶으면 */
@media (min-width: 1024px) {
    .car-detail-image-item img {
        max-width: 900px;
    }
}

.car-extra-html {
    max-width: 1200px;
    margin: 60px auto 0;
    line-height: 1.6;
}

/* 상세페이지 안에서 쓰고 싶은 공통 스타일 있으면 여기 추가 */
.car-extra-html img {
    max-width: 100%;
    height: auto;
}

/* 상세 상단 슬라이드 영역 */
/* 겉 박스 – 가운데 정렬 + 위아래 여백만 담당, 스크롤은 안 맡김 */
.car-detail-hero {
    width: 100%;
    max-width: 1100px;     /* 필요하면 조정 */
    margin: 0 auto 40px;   /* 가운데 정렬 + 아래 여백 */
    overflow: visible;     /* 여기서는 스크롤 안 씀 */
}

/* 실제로 좌우 슬라이드 되는 트랙 */
.car-hero-track {
    display: flex;
    gap: 16px;
    padding: 0 0 10px 0;   /* 아래 여백 조금 줘야 스크롤바가 영역 안에 보임 */
    overflow-x: auto;      /* ← 가로 스크롤바 여기! */
    overflow-y: hidden;
}

/* 카드 하나 */
.car-hero-item {
    flex: 0 0 auto;
    border-radius: 16px;
    overflow: hidden;
}

/* 이미지 크기 */
.car-hero-item img {
    display: block;
    width: 32vw;            /* 화면 폭 기준 비율로 */
    max-width: 300px;       /* 너무 커지지 않게 제한 */
    height: auto;
    object-fit: cover;
    border-radius: 16px;
}

/* 템플릿 섹션 제목 여백 */
.car-tpl-subtitle.cha-sec-title {
    margin-top: 24px;
    margin-bottom: 8px;
}

/* 표 감싸는 스크롤 영역 */
.car-tpl-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
    margin-bottom: 24px;
    padding-bottom: 8px; /* 스크롤바랑 표 사이 여백 */
}

/* 표 기본 스타일 (기존 클래스 그대로 사용) */
.car-tpl-table {
    width: 100%;
    min-width: 600px;          /* 컨테이너보다 넓게 → 가로 스크롤 생김 */
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 14px;
}

.car-tpl-table th,
.car-tpl-table td {
    border: 1px solid #ddd;    /* 라인 보이게 */
    padding: 6px 8px;
    text-align: center;
    word-break: keep-all;
}

.car-tpl-table th {
    background: #f7f7f7;
    font-weight: 600;
}

/* 슬라이드 + 표 모바일 좌우 여백 */
@media (max-width: 768px) {
    /* 게시글 전체 박스에 여백 */
    #bo_v {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
}
/* 표 섹션 제목 (PC + 모바일 공통) */
.car-tpl-subtitle.cha-sec-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #1f4ed8;
    margin: 24px 0 10px;
}

/* ===== 차량 상세 – 서비스 & 상담 섹션 ===== */

.car-benefit-section {
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 0 16px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
}

/* 6개 서비스 카드 그리드 */
.car-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 32px;
    margin-bottom: 60px;
}

.car-benefit-card {
    text-align: center;
}

.car-benefit-card-thumb {
    border: 1px solid #eee;
    background: #fafafa;
    padding: 16px;
    box-sizing: border-box;
}

.car-benefit-card-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.car-benefit-card-caption {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

/* 카카오 채널 상담 배너 */
.kakao-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 32px;
    margin-bottom: 40px;
    background: #ffdd6b;
    border-radius: 12px;
    box-sizing: border-box;
}

.kakao-banner-text {
    flex: 1 1 280px;
}

.kakao-banner-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.5;
}

.kakao-banner-desc {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}

.kakao-banner-btn-wrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kakao-banner-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #3b1e1e;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
}

/* 오른쪽 캐릭터 이미지 (선택) */
.kakao-banner-illust {
    flex: 0 0 160px;
    text-align: right;
}
.kakao-banner-illust img {
    max-width: 160px;
    height: auto;
}

/* 하단 상담 카드 */
.car-contact-card {
    margin: 0 auto 40px;
    max-width: 640px;
    background: linear-gradient(135deg, #56a4ff, #8ad0ff);
    padding: 18px;
    border-radius: 18px;
    box-sizing: border-box;
}

.car-contact-inner {
    background: #fdf7ef;
    border-radius: 12px;
    padding: 24px 24px 28px;
    box-sizing: border-box;
    text-align: left;
}

.car-contact-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
}

/* 간단한 정보 리스트 */
.car-contact-info {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.8;
}

.car-contact-info li {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 아이콘 느낌만 간단히 */
.car-contact-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #1f4ed8;
    color: #fff;
    font-size: 13px;
}

/* 반응형 */
@media (max-width: 1024px) {
    .car-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 16px;
    }
}

@media (max-width: 640px) {
    .car-benefit-grid {
        grid-template-columns: 1fr;
    }
    .kakao-banner {
        padding: 24px 20px;
    }
    .kakao-banner-illust {
        order: -1;
        text-align: center;
        flex-basis: 100%;
    }
    .kakao-banner-illust img {
        max-width: 120px;
    }
}

/* === PC: 서비스배너 + 상담배너 726px 센터정렬 === */
@media (min-width: 1025px) {

    .car-benefit-section,
    .kakao-section,
    .contact-card-section {
        width: 726px !important;
        margin: 40px auto !important;  /* 위아래 여백 + 중앙 정렬 */
        display: block;
    }

    /* 서비스배너(3개 이미지) 내부 그리드 유지 */
    .car-benefit-grid {
        width: 100% !important;
        margin: 0 auto;
    }

    /* 이미지 3개 균등배치 */
    .car-benefit-item {
        width: calc(33.33% - 16px);
    }
}
/* PC: 서비스/카카오/상담 영역 중앙 정렬 */
@media (min-width: 1025px) {
    .car-detail-section {
        width: 726px !important;
        margin: 40px auto !important;
    }
}
/* 공통 섹션 간격 */
.car-benefit-grid {
    margin-bottom: 40px;    /* 서비스배너 아래 여백 */
}

.kakao-banner {
    margin: 40px 0;         /* 카카오 배너 위·아래 여백 */
}

.car-contact-card {
    margin-top: 40px;       /* 상담 배너 위 여백 */
}

/* 상담 배너 폭 맞추기 */
.car-contact-card {
    max-width: 100%;        /* 640px 제한 풀기 */
    width: 100%;            /* 부모(.car-detail-section) 폭에 맞춤 */
}

/* 카카오 배너 오른쪽 레이아웃: 캐릭터 위, 버튼 아래 */
.kakao-banner-side {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;   /* 세로 배치 */
    align-items: center;
    gap: 16px;
}

/* 버튼은 가운데 정렬 */
.kakao-banner-btn-wrap {
    display: flex;
    justify-content: center;
}

/* 모바일에서 자연스럽게 쌓이도록 */
@media (max-width: 640px) {
    .kakao-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .kakao-banner-side {
        align-items: flex-start;
        margin-top: 16px;
    }

    .kakao-banner-btn-wrap {
        justify-content: flex-start;
    }
}

/* 갤러리 카테고리 탭 – 메인 스타일 적용 */
#bo_cate {
    max-width: 1300px;
    margin: 0 auto 25px;
}

#bo_cate_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;          /* ← 버튼 사이 간격 늘림 */
    margin-top: 12px;   /* ← 타이틀과 버튼 사이 여백 */
}

#bo_cate_ul li {
    margin: 0;
}

#bo_cate_ul a {
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 18px;  /* ← 버튼 자체 크기 살짝 키움 */
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
    color: #555;
    transition: all .15s ease;
}

/* 선택 / 롤오버 색상 */
#bo_cate_ul a.bo_cate_on,
#bo_cate_ul a:hover {
    border-color: #1f4ed8;
    background: #1f4ed8;
    color: #fff;
}

/* 상단 메뉴 아래 가로 라인 – 뷰페이지와 비슷하게 */
.board_line {
    border-top: 2px solid #111;
    max-width: 1300px;    /* 중심 콘텐츠 폭 기준 */
    margin: 20px auto 25px; /* 좌우 auto → 가운데 정렬 */
}

/* ================================
   갤러리 카테고리 탭 최우선 스타일
   (다른 CSS 오버라이드용)
   ================================ */
.board_wrap #bo_cate {
    max-width: 1300px;
    margin: 0 auto 25px;
}

.board_wrap #bo_cate_ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px !important;          /* 버튼 사이 간격 */
    margin-top: 12px !important;   /* 타이틀과 간격 */
}

.board_wrap #bo_cate_ul li {
    margin: 0 !important;
}

.board_wrap #bo_cate_ul li a {
    display: inline-block !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    cursor: pointer;
    color: #555 !important;
    transition: all .15s ease;
}

/* 선택 / 롤오버 색상 (#0b7285) */
.board_wrap #bo_cate_ul li a.bo_cate_on,
.board_wrap #bo_cate_ul li a:hover {
    border-color: #1f4ed8 !important;
    background: #1f4ed8 !important;
    color: #fff !important;
}

/* 활성 탭 (전체 기본 선택 상태 포함) */
.board_wrap #bo_cate_ul li a.bo_cate_on {
    border-color: #1f4ed8 !important;
    background: #1f4ed8 !important;
    color: #fff !important;
}

/* 페이지 최초 진입 시 '전체' 버튼 기본 활성 스타일 */
.board_wrap #bo_cate_ul li:first-child a {
    border-color: #1f4ed8 !important;
    background: #1f4ed8 !important;
    color: #fff !important;
}

/* 리스트 썸네일 – 메인 갤러리와 동일 비율 */
#gall_ul li .gall_img {
    overflow: hidden;
    border-radius: 8px;
    margin: 0 0 10px;
}

/* 메인처럼 고정 높이 + crop */
#gall_ul li .gall_img img {
    width: 100%;
    height: 180px;          /* 메인 썸네일 높이와 동일 */
    object-fit: cover;      /* 비율 유지한 채로 잘라내기 */
    display: block;
    transition: transform .25s ease;
}

/* hover 확대 효과 유지 */
#gall_ul li:hover .gall_img img {
    transform: scale(1.05);
}

/* 카드 전체 클릭 영역 */
.rent_gallery_card {
    display: block;
    text-decoration: none;
}

/* 썸네일 카드 */
#gall_ul li .gall_img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 10px;
}

/* 이미지 – 메인과 비슷한 비율 + 깨짐 최소화 */
#gall_ul li .gall_img img,
#gall_ul li .gall_img .no_image {
    width: 100%;
    height: 180px;           /* 필요하면 170~190 사이로 조절 */
    object-fit: cover;       /* 비율 유지하면서 잘라냄 */
    display: block;
    transition: transform .25s ease;
}

/* hover 시 이미지만 살짝 줌인 (제자리에서) */
#gall_ul li:hover .gall_img img {
    transform: scale(1.05);
    transform-origin: center center;
}

/* 제목 오버레이 */
.rent_thumb_overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -36px;            /* 기본은 아래로 숨겨놓고 */
    padding: 10px 14px;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0;
    display: flex;
    align-items: flex-end;
    transition: bottom .25s ease, opacity .25s ease;
}

.rent_thumb_title {
    word-break: keep-all;
}

/* hover 시 제목이 위로 올라오면서 나타남 */
#gall_ul li:hover .rent_thumb_overlay {
    bottom: 0;
    opacity: 1;
}

/* ===== 갤러리 카드: 하단 제목+가격 항상 노출 ===== */

.rent_gallery_card{ display:block; text-decoration:none; color:inherit; }

.gall_img{ overflow:hidden; border-radius:14px; }
.gall_img img{ display:block; width:100%; height:auto; }

/* 기존 오버레이는 완전 차단(혹시 남아있으면) */
.rent_thumb_overlay{ display:none !important; }

/* 하단 메타 */
.rent_meta{
  padding: 12px 6px 0;
}

.rent_title{
  font-size: 18px;
  font-weight: 800;
  color:#111;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rent_price{
  margin-top: 6px;
  font-size: 14px;
  color:#333;
}

.rent_price b{
  font-size: 20px;
  font-weight: 900;
  color:#0b5bd3;
}

.rent_price.is_empty b{
  color:#111;
}

/* PC hover: 카드 살짝 띄우기 */
@media (min-width:1025px){
  .gall_li .gall_box{
    transition: transform .2s ease, box-shadow .2s ease;
    border-radius: 16px;
  }
  .gall_li:hover .gall_box{
    transform: translateY(-6px);
    box-shadow: 0 18px 36px rgba(0,0,0,.12);
  }
}
/* ===== 갤러리 카드: 이미지 아래 제목/가격 항상 노출(강제) ===== */
#bo_gall .gall_con{ line-height: normal !important; }
#bo_gall .rent_gallery_card{ display:block !important; text-decoration:none !important; color:inherit !important; }

#bo_gall .gall_img{
  overflow:hidden;
  border-radius:14px;
  line-height:0 !important; /* 이미지 아래 여백/라인높이 영향 제거 */
}
#bo_gall .gall_img img{
  display:block;
  width:100%;
  height:auto;
}

/* 메타(항상 노출) */
#bo_gall .rent_meta{
  display:block !important;
  padding: 12px 6px 0 !important;
}

#bo_gall .rent_title{
  display:block !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color:#111 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#bo_gall .rent_price{
  margin-top: 6px !important;
  font-size: 14px !important;
  color:#333 !important;
}
#bo_gall .rent_price b{
  font-size: 20px !important;
  font-weight: 900 !important;
  color:#0b5bd3 !important;
}
#bo_gall .rent_price.is_empty b{ color:#111 !important; }

/* PC hover: 살짝 뜨기 */
@media (min-width:1025px){
  #bo_gall .gall_li .gall_box{
    transition: transform .2s ease, box-shadow .2s ease;
    border-radius: 16px;
  }
  #bo_gall .gall_li:hover .gall_box{
    transform: translateY(-6px);
    box-shadow: 0 18px 36px rgba(0,0,0,.12);
  }
}
/* ✅ PC 대표 이미지 크게 */
.car-main-thumb #chaMainImg{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

/* ✅ 썸네일 레일은 작게 */
.cha-gallery-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  overflow-x:auto;
  padding-bottom:4px;
}
.cha-thumb{
  border:0;
  padding:0;
  background:transparent;
  flex:0 0 auto;
  border-radius:10px;
  overflow:hidden;
  opacity:.75;
}
.cha-thumb.is-active{
  opacity:1;
  outline:2px solid #111;
}
.cha-thumb img{
  width:72px;
  height:72px;
  object-fit:cover;
  display:block;
}

.car-main-thumb > #chaMainImg{
  width:100%;
  height:auto;
  display:block;
}

/* ✅ 라이트박스는 공통(PC에서도 클릭 확대 괜찮음) */
.cha-lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.8);
  display:none; align-items:center; justify-content:center; z-index:9999;
  padding:20px;
}
.cha-lightbox.is-open{ display:flex; }
.cha-lightbox img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
}


.cha-lightbox-close{
  position:absolute; top:12px; right:12px;
  font-size:32px; line-height:1; background:transparent; color:#fff; border:0;
}

/* PC에서 좌측(이미지) 영역이 너무 좁아지는 문제 해결 */
.car-view-main{
  display:flex;
  gap:40px;
  align-items:flex-start;
}

.car-view-left{
  flex: 0 0 420px;   /* 필요하면 480px로 */
  max-width: 520px;
}

.car-view-right{
  flex: 1 1 auto;
  min-width: 0;
}
.car-view-left{ flex:0 0 420px !important; max-width:520px !important; }

/* ===== cha_gallery PC view 레이아웃 강제 ===== */
.car-view-main{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:50px;
}

/* 왼쪽(이미지) 칸을 "진짜 칸"으로 만들기 */
.car-view-left{
  flex: 0 0 520px;     /* 원하는 폭: 480~600 조절 */
  width: 520px;
  max-width: 520px;
}

/* 오른쪽(내용) */
.car-view-right{
  flex: 1 1 auto;
  min-width: 0;
}

/* 대표 이미지는 왼쪽 칸을 꽉 채우기 */
.car-main-thumb{
  width:100%;
}
.car-main-thumb #chaMainImg{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

.cha-gallery-thumbs{
  width:100%;
  display:flex;
  gap:10px;
  margin-top:12px;
}
.cha-gallery-thumbs .cha-thumb img{
  width:84px;
  height:84px;
  object-fit:cover;
  display:block;
  border-radius:10px;
}
.car-view-main .car-view-left{
  width:520px !important;
  flex:0 0 520px !important;
  max-width:520px !important;
}
.car-main-thumb{
  width:100%;
  aspect-ratio: 4 / 3;      /* 4:3 추천, 원하면 1/1 또는 16/9 */
  overflow:hidden;
  border-radius:12px;
}

.car-main-thumb #chaMainImg{
  width:100%;
  height:100%;
  object-fit:cover;          /* 꽉 채우되 잘림 발생 */
  display:block;
}

/* ==============================
   [강제] 관리자모드 상단 버튼 텍스트 보이게
   - list.skin.php의 <span class="sound_only"> 글씨를 화면에 출력
   - 다른 곳 sound_only는 건드리지 않음
============================== */
#bo_btn_top .btn_bo_user .sound_only{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-left: 6px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;

  font-size: 13px !important;
  color: #222 !important;
  line-height: 1 !important;
}

/* 버튼 자체도 아이콘+텍스트 정렬 */
#bo_btn_top .btn_bo_user a.btn,
#bo_btn_top .btn_bo_user button.btn{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
}

/* =======================================================
   [GNB 아래 간격 통일 패치] - cha_gallery 스킨 전용
   공통(1단계)에서 이미 기준 padding-top 잡았다는 전제
======================================================= */

/* 리스트: 상단 버튼 영역이 위에서 30px 벌리는 거 제거 */
#bo_btn_top{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 뷰(읽기): #bo_v 자체가 margin-top:30px 주는 거 제거 */
#bo_v{
  margin-top: 0 !important;
}

/* 뷰: 커스텀 래퍼도 추가로 30px 벌리는 거 제거 */
.car-view-wrap{
  margin-top: 0 !important;
}

/* 스킨에서 board_wrap이 여러 번 정의돼서 padding이 섞임 → 상단만 정리 */
.board_wrap{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* ===== view(상세)만: 상단 라인 아래 숨 쉴 공간 추가 ===== */
#bo_v_atc.car-view-wrap{
  margin-top: 40px !important;   /* 12~20 사이 취향 */
}

/* PC에서만 뜨는 '월문의' 같은 대체텍스트 다시 숨김 (특정 영역만) */
@media (min-width:1025px){
  .kakao-banner .sound_only,
  .car-contact-card .sound_only,
  .car-benefit-section .sound_only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
/* 우측 박스 전체 */
.car-sidebox{
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  padding:18px;
  position: sticky;
  top: 90px;
}

/* 헤더 */
.car-sidebox-head{ margin-bottom:12px; }
.car-sidebox-title{ font-size:20px; font-weight:700; line-height:1.2; }
.car-sidebox-sub{ font-size:13px; color:#777; margin-top:6px; }

/* 탭 */
.car-sidebox-tabs{
  display:flex;
  gap:8px;
  margin:12px 0 14px;
}
.car-sidebox-tabs .tab{
  flex:1;
  height:36px;
  border-radius:8px;
  border:1px solid #ddd;
  background:#f6f6f6;
  font-weight:600;
}
.car-sidebox-tabs .tab.is-active{
  background:#1f4ed8;
  color:#fff;
  border-color:#1f4ed8;
}

/* 폼 */
.car-sidebox-form .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #f0f0f0;
}
.car-sidebox-form label{
  font-size:13px;
  color:#444;
  min-width:72px;
}
.car-sidebox-form select{
  width:100%;
  height:36px;
  border:1px solid #ddd;
  border-radius:8px;
  padding:0 10px;
  background:#fff;
}

/* 가격 강조 */
.car-sidebox-price{
  padding:14px 0 10px;
}
.car-sidebox-price .price-label{
  font-size:13px;
  color:#666;
}
.car-sidebox-price .price-value{
  font-size:26px;
  font-weight:800;
  margin-top:4px;
}
.car-sidebox-price .price-desc{
  font-size:12px;
  color:#888;
  margin-top:6px;
}
.car-sidebox-price .muted{ color:#999; font-weight:600; }

/* 요금표 */
.car-sidebox-table{
  border-top:1px solid #eee;
  margin-top:12px;
  padding-top:12px;
}
.car-sidebox-table .table-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:700;
  margin-bottom:10px;
}
.car-sidebox-table .table-toggle{
  border:1px solid #ddd;
  background:#fff;
  height:28px;
  padding:0 10px;
  border-radius:8px;
  font-size:12px;
}

/* CTA */
.car-sidebox-cta{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.car-sidebox-cta .btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
}
.car-sidebox-cta .btn.line{
  border:1px solid #1f4ed8;
  color:#1f4ed8;
  background:#fff;
}
.car-sidebox-cta .btn.solid{
  background:#1f4ed8;
  color:#fff;
  border:1px solid #1f4ed8;
}

/* 모바일에선 sticky 해제 권장 */
@media (max-width: 960px){
  .car-sidebox{ position: static; top:auto; }
}

/* ===== 다타랩 스타일 우측 박스 ===== */
.dl-sidebox{
  border:1px solid #e6e6e6;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  position: sticky;
  top: 90px;
}

/* 헤더 */
.dl-head{
  background: linear-gradient(90deg, #1565c0, #2b2e8f);
  padding:14px 16px;
}
.dl-head-title{
  color:#fff;
  font-weight:800;
  font-size:15px;
}
.dl-head-title .arrow{ margin-left:6px; opacity:.9; }

/* 셀렉트 영역 */
.dl-selects{ padding:14px 16px 8px; }
.dl-row{ margin-bottom:10px; }
.dl-row.two{
  display:flex; gap:10px;
}
.dl-row.one{ }
.dl-select{
  width:100%;
  height:40px;
  border:1px solid #e2e2e2;
  border-radius:20px;
  padding:0 14px;
  background:#fff;
  font-size:13px;
}
.dl-row.btns{
  display:flex; justify-content:flex-end; gap:10px;
  margin-top:6px;
}
.dl-mini-btn{
  height:28px;
  padding:0 14px;
  border-radius:6px;
  border:1px solid #d5d5d5;
  background:#f3f3f3;
  font-weight:700;
  font-size:12px;
}

/* 계약조건 */
.dl-section{ padding:10px 16px 12px; }
.dl-label{
  color:#8a8a8a;
  font-size:12px;
  font-weight:700;
  margin-bottom:8px;
}
.dl-conds{
  display:flex;
  gap:10px;
}
.dl-cond{
  flex:1;
  height:36px;
  border:1px solid #e2e2e2;
  border-radius:18px;
  padding:0 12px;
  background:#fff;
  font-size:12px;
}

/* 기본가격 */
.dl-price{
  padding:10px 16px 14px;
  border-top:1px solid #f0f0f0;
}
.dl-price-label{
  color:#8a8a8a;
  font-size:12px;
  font-weight:700;
}
.dl-price-value{
  text-align:right;
  font-size:28px;
  font-weight:900;
  margin-top:6px;
}

/* 렌트/리스 출력 영역 (wr_2가 HTML로 들어오므로 기본 스타일만) */
.dl-fee{
  padding:10px 16px 14px;
  border-top:1px solid #f0f0f0;
}
.dl-fee .muted{ color:#999; font-weight:700; }

/* 아코디언 */
.dl-accordion{
  padding:12px 16px;
  border-top:1px solid #f0f0f0;
}
.dl-acc-btn{
  width:100%;
  height:40px;
  border-radius:8px;
  border:1px solid #e2e2e2;
  background:#f5f5f5;
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.dl-acc-btn .v{ font-weight:900; }

/* CTA */
.dl-cta{ padding:14px 16px 16px; }
.dl-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  border-radius:10px;
  font-weight:900;
  text-decoration:none;
  margin-top:10px;
}
.dl-btn.outline{
  border:2px solid #1f4ed8;
  color:#1f4ed8;
  background:#fff;
}
.dl-btn.solid{
  background:#1f4ed8;
  color:#fff;
  border:2px solid #1f4ed8;
}

/* 모바일에서는 sticky 해제 */
@media (max-width: 960px){
  .dl-sidebox{ position: static; top:auto; }
}

/* 좌/우 비율 1:1 */
.car-view-wrap, .car-view-container, .car-view-area{
  display:flex;
  gap:40px;            /* 너 사이트 여백 감각대로 조절 */
  align-items:flex-start;
}

.car-view-left,
.car-view-right{
  flex: 0 0 50%;
  max-width: 50%;
}
.dl-head{ text-align:center; }
.dl-head-title{ display:inline-block; }

.dl-price{ padding:10px 16px 14px; border-top:1px solid #f0f0f0; }
.dl-price-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.dl-price-label{ color:#8a8a8a; font-size:12px; font-weight:700; }
.dl-price-value{ font-size:28px; font-weight:900; text-align:right; }

/* 렌트/리스 스샷 구조 */
.dl-feegrid{
  display:flex;
  gap:14px;
  padding:12px 16px 14px;
  border-top:1px solid #f0f0f0;
}
.dl-feegrid .labels{
  width:52px;
  font-weight:800;
  color:#666;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:6px;
}
.dl-feegrid .cols{
  flex:1;
  display:flex;
  gap:14px;
}
.dl-feegrid .col{
  flex:1;
}
.dl-feegrid .top{
  font-weight:900;
  font-size:14px;
}
.dl-feegrid .mini{ color:#999; font-weight:800; margin:0 6px; }
.dl-feegrid .sub{
  margin-top:6px;
  font-size:12px;
  color:#888;
  font-weight:700;
}
/* 아코디언 */
.dl-accordion{
  padding:12px 16px;
  border-top:1px solid #f0f0f0;
}

.dl-acc-btn{
  width:100%;
  height:44px;
  border-radius:10px;
  border:1px solid #e2e2e2;
  background:#f5f5f5;
  font-weight:800;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  cursor:pointer;
}

.dl-acc-btn .arrow{
  font-size:14px;
  transition:transform .25s ease;
}

/* 펼침 내용 */
.dl-acc-body{
  display:none;
  margin-top:10px;
  background:#fafafa;
  border-radius:8px;
  padding:14px;
}

.dl-acc-list{
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  font-weight:700;
  color:#555;
}
.dl-acc-list li{ margin-bottom:6px; }

.dl-acc-desc{
  margin-top:10px;
  font-size:11px;
  color:#888;
  line-height:1.4;
}
.dl-feegrid .labels--spacer{
  width:52px;     /* 빈 칸 폭 유지 */
}
/* ===== 상담신청 풀스크린 모달 ===== */
.consult-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
}
.consult-modal.is-open{ display:block; }

.consult-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

.consult-panel{
  position:relative;
  width:min(720px, calc(100% - 32px));
  max-height:calc(100vh - 40px);
  margin:20px auto;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.consult-x{
  position:absolute;
  top:10px;
  right:12px;
  width:38px;
  height:38px;
  border-radius:10px;
  border:0;
  background:rgba(255,255,255,.85);
  font-size:26px;
  font-weight:900;
  cursor:pointer;
}

.consult-hero{
  background:linear-gradient(90deg,#1565c0,#2b2e8f);
  padding:18px 18px 16px;
  color:#fff;
}
.consult-hero-title{ font-size:20px; font-weight:900; }
.consult-hero-sub{ margin-top:6px; font-size:13px; opacity:.9; }

.consult-form{ padding:16px 18px 18px; }
.consult-row{
  display:flex;
  gap:12px;
  align-items:center;
  padding:10px 0 14px;
  border-bottom:1px solid #eee;
}
.consult-label{
  width:44px;
  font-weight:900;
  color:#333;
}
.consult-value{
  font-weight:800;
  color:#111;
}

.consult-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding-top:14px;
}
.consult-field span{
  display:block;
  font-size:12px;
  color:#444;
  font-weight:800;
  margin-bottom:6px;
}
.consult-field span b{ color:#1565c0; }

.consult-field input,
.consult-field textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}

.consult-field.full{ grid-column:1 / -1; }

.consult-radio{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  font-weight:800;
  color:#333;
}
.consult-radio input{ margin-right:6px; }

.consult-checks{
  margin-top:10px;
  border-top:1px solid #eee;
}

.consult-checks .ck{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:52px;                 /* 리듬 고정 */
  padding:0 6px;
  border-bottom:1px solid #f0f0f0;
  font-size:13px;
  font-weight:800;
  color:#222;
}

.consult-checks .ck span{
  flex:1;
}

.consult-checks .ck input{
  width:16px;
  height:16px;
  margin:0;
}


.consult-submit{
  width:100%;
  height:54px;
  border:0;
  border-radius:0;
  background:#1f4ed8;
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  margin-top:14px;
}

/* 모바일 최적화 */
@media (max-width:720px){
  .consult-grid{ grid-template-columns:1fr; }
  .consult-panel{ width:calc(100% - 20px); margin:10px auto; max-height:calc(100vh - 20px); }
}

/* 라디오 한 줄 정렬 + 클릭영역 확대 */
.consult-radio{
  display:flex;
  gap:12px;
  flex-wrap:nowrap;
}

.consult-radio label{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:44px;
  border:1px solid #e3e3e3;
  border-radius:10px;
  font-weight:800;
  cursor:pointer;
  user-select:none;
}

/* input은 살짝만 왼쪽 */
.consult-radio input{
  margin:0;
}

/* 모바일에서는 두 줄로 떨어져도 보기 좋게 */
@media (max-width:720px){
  .consult-radio{ flex-wrap:wrap; }
  .consult-radio label{ flex:1 1 calc(50% - 6px); }
  .consult-radio label:last-child{ flex:1 1 100%; }
}
.consult-checks{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid #eee;
  padding-top:10px;
}

.consult-checks .ck{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 4px;
  border-bottom:1px solid #f0f0f0;
  font-size:13px;
  font-weight:800;
  color:#333;
  cursor:pointer;
}

.consult-checks .ck span{
  flex:1;
  line-height:1.3;
}

.consult-checks .ck input{
  width:16px;
  height:16px;
  margin:0;
  flex:0 0 auto;
}
/* 버튼형 라디오: 3등분 고정 */
.consult-radio-btns{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

.consult-radio-btns .rb{
  position:relative;
  border:1px solid #ddd;
  border-radius:12px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#222;
  cursor:pointer;
  user-select:none;
  background:#fff;
  text-align:center;
  padding:0 8px;
}

/* 진짜 라디오 숨김 */
.consult-radio-btns .rb input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* 선택 표시: 테두리 + 은은한 배경 + 점 */
.consult-radio-btns .rb::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:999px;
  border:2px solid #bdbdbd;
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  background:#fff;
}

.consult-radio-btns .rb input:checked + span{
  color:#1457d6;
}

.consult-radio-btns .rb input:checked ~ span{
  color:#1457d6;
}

/* 체크되면 점 채우고 테두리 강조 */
.consult-radio-btns .rb input:checked ~ span,
.consult-radio-btns .rb input:checked + span{
  color:#1457d6;
}

.consult-radio-btns .rb input:checked ~ span{
  font-weight:900;
}

.consult-radio-btns .rb input:checked{
  /* nothing */
}

.consult-radio-btns .rb input:checked ~ span{ }

.consult-radio-btns .rb input:checked + span{ }

.consult-radio-btns .rb input:checked{
  /* nothing */
}

.consult-radio-btns .rb input:checked{
  /* nothing */
}

.consult-radio-btns .rb:has(input:checked){
  border-color:#1457d6;
  background:#f3f7ff;
}

.consult-radio-btns .rb:has(input:checked)::before{
  border-color:#1457d6;
  box-shadow:inset 0 0 0 4px #1457d6;
}

/* span 정렬 */
.consult-radio-btns .rb span{
  display:block;
  line-height:1.1;
  padding-left:10px; /* 왼쪽 점 공간 보정 */
}

/* 모바일에서는 2+1로 */
@media (max-width:720px){
  .consult-radio-btns{ grid-template-columns:repeat(2, 1fr); }
  .consult-radio-btns .rb:last-child{ grid-column:1 / -1; }
}

/* 모달 레이어: 전체 화면 고정 */
.consult-modal{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;           /* 닫힘 상태 */
}

/* 열림 상태 클래스(너희가 쓰는 클래스명에 맞춰서) */
.consult-modal.is-open{ display:block; }

/* 어두운 배경 */
.consult-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

/* 패널을 진짜 중앙정렬 */
.consult-panel{
  position: relative;
  width: min(920px, calc(100vw - 40px));
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  background:#fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

/* 패널 내용이 길면 내부만 스크롤 */
.consult-panel .consult-body{
  max-height: calc(100vh - 140px);
  overflow: auto;
}

/* 모바일은 위에서 살짝 내려오게 */
@media (max-width: 768px){
  .consult-panel{
    width: calc(100vw - 20px);
  }
  .consult-panel .consult-body{
    max-height: calc(100vh - 120px);
  }
}

/* 상담신청 약관 체크 라인 */
.consult-checks{ display:flex; flex-direction:column; gap:10px; margin-top:6px; }

.ck-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border: 1px solid #eee;
  border-radius: 10px;
  background:#fff;
}

.ck-left{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  user-select:none;
  flex: 1;
}

.ck-left input[type="checkbox"]{
  width:18px;
  height:18px;
  accent-color:#1f4ed8; /* 사이트 버튼톤 */
}

.ck-left span{
  font-size:14px;
  color:#222;
  font-weight:600;
}

.ck-link{
  font-size:12px;
  color:#666;
  text-decoration:none;
  border:1px solid #ddd;
  border-radius: 10px;
  padding: 6px 10px;
  background:#f7f7f7;
  white-space:nowrap;
}
.ck-link:hover{ filter: brightness(.98); }

/* 상담신청하기 버튼: 가로 꽉 + 중앙 */
/* 상담신청 버튼: 가로 꽉 + 중앙 */
.consult-submit{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  border-radius:12px;
}
/* 버튼이 들어있는 줄(부모) 패딩 */
.consult-panel form{
  padding-bottom:20px; /* 필요시 */
}
.consult-panel form .consult-submit{
  margin: 18px 20px 0 !important; /* 좌우 여백 */
  width: calc(100% - 40px) !important; /* 좌우 20px 반영 */
}

/* ===== 모달 레이어 리셋(정상화) ===== */
.consult-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none;
}
.consult-modal.is-open{ display:block !important; }

.consult-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.55) !important;
}

.consult-panel{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;

  width:min(920px, calc(100vw - 40px)) !important;
  max-height:calc(100vh - 40px) !important;

  background:#fff !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 20px 60px rgba(0,0,0,.25) !important;
}

.consult-panel .consult-body{
  max-height:calc(100vh - 160px) !important;
  max-width: 720px;   /* ← 여기 핵심 */
  overflow:auto !important;
}
/* 상담신청하기 버튼: 그냥 가운데만 */
.consult-panel .consult-submit{
  display:block !important;
  width: min(420px, calc(100% - 40px)) !important; /* PC에서는 420px, 작은 화면은 자동 축소 */
  margin: 18px auto 0 !important;                 /* 가운데 */
  border-radius: 12px !important;
}

.consult-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}
.consult-modal.is-open{ display: flex; }

.consult-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.consult-panel{
  position: relative;
  width: calc(100% - 40px);
  max-width: 480px;   /* ← 여기 핵심 */
  margin: auto;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
}

/* ===== 차량 입력칸을 이름/전화번호 입력칸과 동일하게 ===== */
.consult-value{ flex:1; } /* consult-row에서 남은 공간을 다 먹게 */

.consult-row .consult-input{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;        /* 이름/전화번호와 동일 */
  padding:10px 12px;         /* 이름/전화번호와 동일 */
  font-size:14px;
  height:44px;               /* 높이 맞추기(핵심) */
  line-height:22px;
  color:#111;
  background:#fff;
  box-sizing:border-box;
}

/* 포커스도 동일 톤 */
.consult-row .consult-input:focus{
  outline:none;
  border-color:#1565c0;
  box-shadow:0 0 0 3px rgba(21,101,192,.12);
}

/* placeholder 톤 맞춤 */
.consult-row .consult-input::placeholder{
  color:#999;
  font-weight:700;
}

/* usedcar inline consult spacing */
.usedcar-inline-consult .consult-form-inline{
  padding: 14px 16px 16px;
}

/* 차량 입력칸 = 이름/전화번호와 동일 */
.consult-row .consult-value{ flex:1; }

.consult-row .consult-input{
  width:100%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
  height:44px;
  line-height:22px;
  color:#111;
  background:#fff;
  box-sizing:border-box;
}

.consult-row .consult-input:focus{
  outline:none;
  border-color:#1565c0;
  box-shadow:0 0 0 3px rgba(21,101,192,.12);
}

.consult-row .consult-input::placeholder{
  color:#999;
}


/* === usedcar: 상담폼 '차량' 입력을 이름/전화번호와 동일 톤으로 === */
.consult-input,
#cs_car{
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  color: #333;
  box-sizing: border-box;
  height: 40px; /* 이름/전화번호 인풋과 높이 맞춤 */
  outline: none;
}
.consult-input:focus,
#cs_car:focus{
  border-color: #0b5ed7;
  box-shadow: 0 0 0 2px rgba(11,94,215,0.12);
}

/* ================================
   USED CAR CONSULT FORM
   신차 요금상담폼 스타일 통일
================================ */

/* 전체 박스 */
.usedcar-consult,
.consult-panel {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 상단 헤더 */
.usedcar-consult .consult-head,
.consult-panel .consult-hero {
  background: linear-gradient(135deg, #1f57c3, #243b97);
  border-radius: 16px 16px 0 0;
}

.usedcar-consult .consult-head-title,
.consult-panel .consult-hero-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.usedcar-consult .consult-head-sub,
.consult-panel .consult-hero-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.85);
}

/* 라벨 */
.usedcar-consult .consult-label,
.consult-panel .consult-label {
  font-size: 14px;
  font-weight: 600;
  color: #111;
}

/* ===== input / select 공통 ===== */
.usedcar-consult input[type="text"],
.usedcar-consult input[type="tel"],
.usedcar-consult select,
.consult-panel input[type="text"],
.consult-panel input[type="tel"],
.consult-panel select {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  font-size: 14px;
  color: #111;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  background: #fff;
  outline: none;
}

.usedcar-consult input::placeholder,
.consult-panel input::placeholder {
  color: #9aa0a6;
}

/* focus */
.usedcar-consult input:focus,
.consult-panel input:focus {
  border-color: #2f6bff;
}

/* 차량 입력란 (기존 진한 테두리 제거) */
#cs_car,
#consultCarInput {
  background: #fff !important;
  border-color: #dcdfe6 !important;
}

/* 문의상품 라디오 */
.usedcar-consult .radio-group,
.consult-panel .radio-group {
  display: flex;
  gap: 10px;
}

.usedcar-consult .radio-item,
.consult-panel .radio-item {
  flex: 1;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
  padding: 12px 10px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}

.usedcar-consult .radio-item.active,
.consult-panel .radio-item.active {
  border-color: #2f6bff;
  background: #f2f6ff;
  color: #2f6bff;
  font-weight: 600;
}

/* 체크박스 영역 */
.usedcar-consult .agree-row,
.consult-panel .agree-row {
  border: 1px solid #eef0f3;
  border-radius: 12px;
  padding: 12px;
  font-size: 13px;
}

/* CTA 버튼 */
.usedcar-consult .consult-submit,
.consult-panel .consult-submit {
  height: 52px;
  border-radius: 14px;
  background: #2f6bff;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
}

.usedcar-consult .consult-submit:hover,
.consult-panel .consult-submit:hover {
  background: #2458d6;
}

/* PC 썸네일 옆 정렬 보정 */
.car-view-right .usedcar-consult {
  margin-top: 0;
}
/* PC 중고차 상세: 썸네일 + 상담폼 간격 줄이기 */
@media (min-width: 1024px){
  .car-view-wrap,            /* 실제 사용 중인 부모 클래스에 맞춰 아래 중 하나만 쓰면 됨 */
  .car-view-container,
  .car-view-inner{
    display: grid !important;
    grid-template-columns: 1fr 680px; /* 우측 폼 폭(원하는 값으로 조절) */
    gap: 28px;                         /* ← H 간격 (원하는 만큼 줄이기) */
    align-items: start;
  }

  /* 우측 폼 박스가 쓸데없이 오른쪽으로 밀리는 경우 방지 */
  .car-view-right{
    margin-left: 0 !important;
  }
}

/* ================================
   USED CAR - PC 인라인 상담폼 톤/레이아웃 패치
   (style.css 맨 아래에 추가)
================================ */

/* 박스 기본 */
.usedcar-inline-consult{
  background:#fff;
  border:1px solid #e6e9f0;
  border-radius:14px;
  overflow:hidden;
}

/* 헤더(이미 dl-head가 있으면 톤만 맞춤) */
.usedcar-inline-consult .dl-head{
  background: linear-gradient(90deg, #1b66d9 0%, #2c2c86 100%);
  padding:18px 22px;
}
.usedcar-inline-consult .dl-head-title{
  color:#fff;
  font-weight:800;
  font-size:16px;
  letter-spacing:-0.2px;
  text-align:center;
}

/* 폼 패딩/구분선 톤 */
.usedcar-inline-consult .consult-form-inline{
  padding:22px 22px 24px;
}
.usedcar-inline-consult .consult-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #edf0f6; /* 신차 톤처럼 얇은 라인 */
}
.usedcar-inline-consult .consult-label{
  width:56px;
  flex:0 0 56px;
  font-size:15px;
  font-weight:800;
  color:#111;
  letter-spacing:-0.2px;
}
.usedcar-inline-consult .consult-value{
  flex:1 1 auto;
}

/* 차량 입력란: 이름/전화번호 입력란과 동일 톤 */
.usedcar-inline-consult .consult-input,
.usedcar-inline-consult .consult-form-inline input[type="text"]{
  width:100%;
  height:44px;                 /* 신차 입력 높이감 */
  padding:0 16px;
  border:1px solid #d8dde6;
  border-radius:22px;
  background:#fff;
  color:#111;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}
.usedcar-inline-consult .consult-input::placeholder,
.usedcar-inline-consult .consult-form-inline input[type="text"]::placeholder{
  color:#9aa3b2;
}

/* 이름/전화번호 그리드 */
.usedcar-inline-consult .consult-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  padding:16px 0;
}
.usedcar-inline-consult .consult-field label{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#111;
  letter-spacing:-0.2px;
  margin:0 0 8px;
}
.usedcar-inline-consult .consult-field .req{
  color:#1b66d9;
  font-weight:900;
}

/* 문의상품 타이틀(톤 맞추기) */
.usedcar-inline-consult .consult-products-title{
  font-size:15px;
  font-weight:800;
  color:#111;
  letter-spacing:-0.2px;
  margin:0 0 10px;
}

/* 문의상품: 3개 버튼형(깨짐 복구 핵심) */
.usedcar-inline-consult .consult-products{
  padding:16px 0;
  border-top:1px solid #edf0f6;
}
.usedcar-inline-consult .consult-products{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.usedcar-inline-consult .consult-products-title{
  grid-column: 1 / -1;
}

/* 라디오 버튼 카드 */
.usedcar-inline-consult .consult-radio{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  padding:10px 10px;
  border:1px solid #d8dde6;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  text-align:center;
  box-sizing:border-box;
}
.usedcar-inline-consult .consult-radio input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.usedcar-inline-consult .consult-radio span{
  font-size:14px;
  font-weight:800;
  color:#111;
  line-height:1.15;
}
.usedcar-inline-consult .consult-radio span small{
  display:block;
  font-size:12px;
  font-weight:700;
  color:#333;
  opacity:.85;
  margin-top:4px;
}

/* 체크(선택) 스타일 */
.usedcar-inline-consult .consult-radio input:checked + span{
  color:#1b66d9;
}
.usedcar-inline-consult .consult-radio input:checked + span small{
  color:#1b66d9;
  opacity:1;
}
.usedcar-inline-consult .consult-radio input:checked{
  /* nothing */
}
.usedcar-inline-consult .consult-radio:has(input:checked){
  border-color:#1b66d9;
  box-shadow:0 0 0 2px rgba(27,102,217,0.10) inset;
}

/* :has 미지원 브라우저 대비(최소한) */
@supports not(selector(:has(*))){
  .usedcar-inline-consult .consult-radio input:checked{
    /* 못 잡는 경우가 있어서 border는 유지 못하지만 글씨색은 적용됨 */
  }
}

/* 약관 영역(깨짐 복구 핵심) */
.usedcar-inline-consult .consult-terms{
  padding:16px 0 8px;
  border-top:1px solid #edf0f6;
}
.usedcar-inline-consult .term-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border:1px solid #e6e9f0;
  border-radius:14px;
  background:#fff;
  box-sizing:border-box;
  margin-bottom:10px;
}
.usedcar-inline-consult .term-row input[type="checkbox"]{
  width:16px;
  height:16px;
  flex:0 0 auto;
}
.usedcar-inline-consult .term-row span{
  flex:1 1 auto;
  font-size:13px;
  font-weight:700;
  color:#111;
  letter-spacing:-0.1px;
}
.usedcar-inline-consult .term-btn{
  flex:0 0 auto;
  height:28px;
  padding:0 10px;
  border:1px solid #d8dde6;
  border-radius:10px;
  background:#f6f7fb;
  color:#333;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

/* CTA 버튼 폭 100% (줄어든 문제 해결 핵심) */
.usedcar-inline-consult .dl-cta{
  margin-top:14px;
}
.usedcar-inline-consult .dl-cta .dl-btn,
.usedcar-inline-consult #btn-consult-submit{
  width:100% !important;
  display:block !important;
  height:52px;
  border-radius:12px;
  font-size:16px;
  font-weight:900;
  letter-spacing:-0.2px;
}

/* 반응형: 좁아지면 문의상품 1열로 */
@media (max-width: 560px){
  .usedcar-inline-consult .consult-grid{
    grid-template-columns: 1fr;
  }
  .usedcar-inline-consult .consult-products{
    grid-template-columns: 1fr;
  }
}
/* PC에서: 왼쪽(썸네일) / 오른쪽(상담폼) 비율 재조정 */
@media (min-width: 1024px){
  /* 1) 부모가 flex/grid든, 오른쪽 칼럼 폭을 강제로 키움 */
  .car-view-right{
    flex: 0 0 520px !important;   /* 우측 고정폭: 필요하면 540/560으로 올려 */
    max-width: 520px !important;
    width: 520px !important;
  }

  /* 2) 내부 박스가 max-width로 눌리는 경우 방지 */
  .car-view-right .dl-sidebox.usedcar-inline-consult{
    width: 100% !important;
    max-width: none !important;
  }

  /* 3) 남는 폭은 왼쪽이 먹게 */
  .car-view-left{
    flex: 1 1 auto !important;
    min-width: 0; /* overflow 방지 */
  }
}

/* ===== usedcar inline consult: label 필수표시(점처럼 보이는 현상 방지) ===== */
.consult-form .consult-field label .req,
.consult-form .consult-label .req,
.consult-form label .req{
  display:inline !important;
  margin-left:4px;
  line-height:1;
  font-weight:700;
  color:#1f4ed8; /* 신차 느낌의 블루 톤 */
  vertical-align:baseline;
}

/* label 자체 톤(신차 폼 쪽과 비슷하게) */
.consult-form .consult-field label,
.consult-form .consult-label{
  font-size:15px;
  font-weight:700;
  color:#111;
}

/* 상담신청하기 버튼이 '가로폭 줄어드는' 문제 방지 */
.consult-form .consult-submit,
.consult-form button[type="submit"]{
  width:100% !important;
  display:block;
}
#btn-consult-submit,
.dl-cta .dl-btn,
.dl-cta button {
  cursor: pointer;
}






















































/* =========================
   usedcar v6 tweaks
   ========================= */
.dl-price.dl-price-usedcar{ padding: 16px 16px 6px; border-top: 1px solid #f0f0f0; }
.dl-price-usedcar-main{ width:100%; text-align:center !important; font-size:28px; font-weight:900; padding:18px 10px; border-top:1px solid rgba(0,0,0,.06); box-sizing:border-box; }
.dl-price-usedcar-line{ width:100%; text-align:center !important; font-size:20px; font-weight:800; padding:16px 10px; border-top:1px solid rgba(0,0,0,.06); box-sizing:border-box; }
.dl-price-usedcar-line:last-child{ padding-bottom: 10px; } /* 상담신청과 간격 줄이기 */

.dl-cta{ margin-top: 14px; }
.dl-cta .btn-model, .dl-cta .btn-option, .dl-cta #btnOptionDetail, .dl-cta #btnModelOption, .dl-cta .btn-detail{ display:none !important; } /* 모델/옵션 상세선택만 숨김 */

/* 월대여 선택 시 km 고정: 화살표 제거 느낌 */
.dl-cond.is-fixed{
  appearance:none;
  -webkit-appearance:none;
  background-image:none !important;
  padding-right:14px !important;
  cursor:default !important;
}
.dl-cond:disabled{ opacity:1; }

/* 혹시 잔재(등급/트림) 영역이 남아도 숨김 */
#selGrade, #selTrim{ display:none !important; }