@charset "utf-8";

/* 상담센터 공통 */
.counsel_page {min-width:100%;background:#adaaa3;margin:0 auto;padding:100px clamp(24px, 5.2vw, 100px) 110px;}
.counsel_page > .area {background:#fff;padding:clamp(40px, 5.2vw, 80px) clamp(40px, 5.2vw, 100px) clamp(60px, 5.2vw, 100px);}
.counsel_head {margin-bottom:50px;}
.counsel_head h2 {margin:0;font-size:45px;font-weight:700;color:#222;letter-spacing:-0.04em;line-height:1.2;}
.counsel_head p {margin:18px 0 0;font-size:16px;color:#666;line-height:1.7;letter-spacing:-0.03em;}

.counsel_list {position:relative;margin-bottom:0;}
.counsel_admin_bar {margin:0 0 12px;text-align:right;}
.counsel_admin_bar button {height:32px;padding:0 12px;border:0;background:#555;color:#fff;cursor:pointer;}

/* 목록 테이블 */
.counsel_tbl {margin:0;}
.counsel_tbl table {width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #222;}
.counsel_tbl.tbl_head01 thead th {padding:18px 8px;border-bottom:1px solid #ddd;font-size:15px;font-weight:500;color:#222;background:#fff;height:auto;}
.counsel_tbl.tbl_head01 td {height:auto;padding:20px 8px;border-top:0;border-bottom:1px solid #eee;font-size:15px;color:#333;background:#fff;line-height:1.5;}
.counsel_tbl tbody tr:hover td {background:#fafafa;}
.counsel_tbl .th_num,
.counsel_tbl .td_num2 {width:80px;text-align:left;}
.counsel_tbl .th_subject,
.counsel_tbl .td_subject {text-align:left;}
.counsel_tbl .th_status,
.counsel_tbl .td_status {width:120px;text-align:center;}
.counsel_tbl .th_name,
.counsel_tbl .td_name {width:120px;text-align:center;}
.counsel_tbl .th_date,
.counsel_tbl .td_datetime {width:130px;text-align:right;}
.counsel_tbl .td_chk {width:40px;text-align:center;}
.counsel_tbl .bo_tit {display:inline-block;color:#333;font-weight:400;}
.counsel_tbl .bo_tit:hover {text-decoration:underline;}
.counsel_tbl .empty_table {padding:80px 0;text-align:center;color:#888;}
.counsel_tbl .notice_icon {font-weight:700;color:#9c7b4f;}

.counsel_page #bo_v {width:100% !important;margin-top:0;}
.counsel_page #bo_v_title {position:relative;margin:0;padding:0;border:0;font-size:inherit;color:#222;}
.counsel_page #bo_v_title .bo_v_tit {display:block;font-size:20px;font-weight:600;}
.counsel_page #bo_v_info {position:static;margin:0;}
.counsel_page #bo_v_atc {border:0;min-height:0;}
.counsel_page #bo_v_con {min-height:80px;}
.counsel_page .bo_v_com li {float:left;margin-left:5px;}
.counsel_status {display:inline-block;min-width:72px;height:28px;padding:0 12px;background:#b1b1b1;color:#fff;font-size:13px;line-height:28px;text-align:center;box-sizing:border-box;font-weight:400;letter-spacing:-0.03em;white-space:nowrap;}
.counsel_status.done {background:#e4e4e4;color:#222;font-weight:500;}
.counsel_item_meta {display:none;margin:0;}

.counsel_bottom {display:flex;flex-direction:column;}
.counsel_fx {order:1;margin:18px 0 0;text-align:right;}
.counsel_write_btn {display:inline-block;min-width:88px;height:40px;padding:0 22px;background:#4a4a4a;color:#fff !important;font-size:15px;line-height:40px;text-align:center;border:0;box-sizing:border-box;}
.counsel_write_btn:hover {background:#333;text-decoration:none;}

/* 페이징 */
.counsel_paging {order:2;margin:40px 0 30px;text-align:center;}
.counsel_paging .pg_wrap {float:none;display:block;text-align:center;}
.counsel_paging .pg {display:inline-block;}
.counsel_paging .pg_start,
.counsel_paging .pg_end {display:none;}
.counsel_paging .pg_page,
.counsel_paging .pg_current {min-width:32px;height:32px;margin:0 2px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#333;font-size:15px;font-weight:400;line-height:32px;text-indent:0;overflow:visible;}
.counsel_paging .pg_prev,
.counsel_paging .pg_next {background:none !important;text-indent:0 !important;overflow:visible !important;font-size:0;color:#333;}
.counsel_paging .pg_prev:before {content:"<";font-size:16px;}
.counsel_paging .pg_next:before {content:">";font-size:16px;}
.counsel_paging .pg_current {background:#ececec;color:#111;font-weight:600;}
.counsel_paging .pg_page:hover {background:#f5f5f5;text-decoration:none;}

/* 검색 */
.counsel_sch {order:3;margin:10px 0 0;padding:0;border:0;text-align:center;}
.counsel_sch select {height:40px;padding:0 10px;border:1px solid #ddd;background:#fff;font-size:14px;color:#555;vertical-align:middle;}
.counsel_sch .sch_input {width:280px;height:40px;margin:0 6px;padding:0 14px;border:1px solid #ddd;background:#fff;font-size:14px;color:#333;vertical-align:middle;box-sizing:border-box;}
.counsel_sch .sch_btn {height:40px;padding:0 22px;border:0;background:#4a4a4a;color:#fff;font-size:15px;vertical-align:middle;cursor:pointer;}
.counsel_sch .sch_btn:hover {background:#333;}

/* 체크박스 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/* 보기 */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}
.counsel_view_head {display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid #222;border-bottom:1px solid #eee;}
.counsel_view_head .bo_v_tit {font-size:20px;font-weight:600;color:#222;}
.counsel_view_meta {margin:16px 0 30px;color:#888;font-size:14px;}
.counsel_view_meta span {margin-right:16px;}
.counsel_dl {width:100%;margin:0 0 30px;border-top:1px solid #eee;}
.counsel_dl dl {display:flex;margin:0;padding:14px 0;border-bottom:1px solid #eee;}
.counsel_dl dt {width:120px;font-weight:600;color:#333;}
.counsel_dl dd {flex:1;margin:0;color:#555;}
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:120px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}
.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}

/* 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#333}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;background:#4a4a4a;color:#fff;border:0;cursor:pointer;}
.secret_cm {display:inline-block;float:left}
.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;z-index:9999}
.bo_vc_act li a {display:inline-block;padding:10px 15px}

/* 글쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;border:1px solid #565656;background:#fff;}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em;background:#4a4a4a;color:#fff;border:0;height:45px;cursor:pointer;}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
#bo_w .counsel_extra {display:flex;gap:10px;}
#bo_w .counsel_extra .frm_input {flex:1;float:none;margin:0;}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_w_flie .file_wr {position:relative;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 .lb_icon {position:absolute;top:0;left:0;height:38px;line-height:38px;width:40px;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}

@media (max-width: 1023px) and (min-width: 701px) {
    #bbs_contents.counsel_page {padding:80px 24px 60px;}
    #bbs_contents.counsel_page > .area {padding:40px 32px 50px;}
    .counsel_page #bo_list,
    .counsel_page #bo_v,
    .counsel_page #bo_w form {width:100% !important;max-width:100%;box-sizing:border-box;}

    .counsel_head h2 {font-size:32px;}
    .counsel_head p {font-size:15px;}

    .counsel_tbl {overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .counsel_tbl table {min-width:0;table-layout:fixed;}
    .counsel_tbl .th_num,
    .counsel_tbl .td_num2 {width:56px;}
    .counsel_tbl .th_status,
    .counsel_tbl .td_status {width:88px;}
    .counsel_tbl .th_name,
    .counsel_tbl .td_name {width:80px;}
    .counsel_tbl .th_date,
    .counsel_tbl .td_datetime {width:92px;}
    .counsel_tbl.tbl_head01 thead th,
    .counsel_tbl.tbl_head01 td {padding:14px 6px;font-size:14px;word-break:keep-all;}
    .counsel_tbl .td_subject .bo_tit {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .counsel_status {min-width:0;padding:0 8px;font-size:12px;}

    .counsel_sch form {display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px;}
    .counsel_sch select {height:40px;}
    .counsel_sch .sch_input {flex:1;width:auto;min-width:160px;max-width:100%;margin:0;}
    .counsel_sch .sch_btn {flex-shrink:0;}

    .counsel_view_head {gap:10px;}
    .counsel_dl dt {width:90px;flex-shrink:0;}
    #bo_w .counsel_extra {flex-wrap:wrap;}
    #bo_w .bo_w_info .frm_input {float:none;width:100%;box-sizing:border-box;margin:0 0 8px;}
    #bo_w .bo_w_tit .frm_input {padding-right:12px;width:100%;box-sizing:border-box;}
    #autosave_pop {width:100%;max-width:350px;}
}
@media (max-width: 700px) {
    #bbs_contents.counsel_page {padding:0;}
    #bbs_contents.counsel_page > .area {padding:40px 36px;}
    .counsel_page #bo_list,
    .counsel_page #bo_v,
    .counsel_page #bo_w form {width:100% !important;}

    .counsel_head {margin-bottom:28px;}
    .counsel_head h2 {font-size:40px;}
    .counsel_head p {margin-top:12px;font-size:24px;word-break:keep-all;}

    .counsel_tbl {overflow:visible;}
    .counsel_tbl caption,
    .counsel_tbl thead {display:none;}
    .counsel_tbl table,
    .counsel_tbl tbody {display:block;width:100%;border-spacing:0;}
    .counsel_tbl table {border-top:1px solid #222;}
    .counsel_tbl tbody tr {display:flex;align-items:center;width:100%;border-bottom:1px solid #eee;box-sizing:border-box;padding:32px 0}
    .counsel_tbl tbody tr:hover td {background:transparent;}
    .counsel_page .counsel_tbl.tbl_head01 td {display:block;height:auto;padding:0;border:0;background:transparent;font-size:15px;}
    .counsel_page .counsel_tbl.tbl_head01 .td_num2,
    .counsel_page .counsel_tbl.tbl_head01 .td_name,
    .counsel_page .counsel_tbl.tbl_head01 .td_datetime,
    .counsel_tbl .th_name,
    .counsel_tbl .th_date {display:none !important;}
    .counsel_tbl .td_chk {width:auto;flex-shrink:0;padding:22px 10px 22px 0;}
    .counsel_tbl .td_subject {flex:1;min-width:0;width:auto;padding:22px 12px 22px 0;text-align:left;}
    .counsel_tbl .td_subject .bo_tit {display:block;overflow:hidden;color:#333;font-size:28px;font-weight:400;line-height:1.4;letter-spacing:-0.03em;text-overflow:ellipsis;white-space:nowrap;}
    .counsel_tbl .td_subject .bo_tit:hover {text-decoration:none;}
    .counsel_item_meta {display:flex;gap:20px;margin:8px 0 0;font-size:24px;color:#999;line-height:1.4;letter-spacing:-0.03em;}
    .counsel_tbl .td_status {width:auto;flex-shrink:0;padding:22px 0;text-align:right;}
    .counsel_status {min-width:64px;height:40px;padding:0 19px;font-size:24px;line-height:40px;}
    .counsel_tbl .empty_table {flex:1;width:100%;padding:60px 0;text-align:center;}

    .counsel_paging {order:1;margin:52px 0 32px;}
    .counsel_paging .pg_page,
    .counsel_paging .pg_current {min-width:80px;height:80px;margin:0 1px;padding:0 6px;font-size:24px;line-height:80px;}
    .counsel_fx {order:2;margin:0 0 28px;text-align:center;}
    .counsel_write_btn {display:block;width:100%;min-width:0;height:100px;padding:0;background:#3f4652;font-size:28px;font-weight:500;line-height:100px;letter-spacing:-0.03em;}
    .counsel_write_btn:hover {background:#333;}
    .counsel_sch {order:3;margin:24px 0;}
    .counsel_sch form {display:flex;align-items:stretch;width:100%;}
    .counsel_sch select {display:none;}
    .counsel_sch .sch_input {flex:1;width:auto;min-width:0;height:100px;margin:0;padding:0 14px;border:1px solid #ddd;border-right:0;font-size:28px;}
    .counsel_sch .sch_btn {flex-shrink:0;height:100px;padding:0 42px;background:#878787;font-size:28px;}
    .counsel_sch .sch_btn:hover {background:#9a9a9a;}

    .counsel_view_head {padding:18px 0;gap:10px;}
    .counsel_view_head .bo_v_tit,
    .counsel_page #bo_v_title .bo_v_tit {font-size:17px;}
    .counsel_view_meta {margin:12px 0 24px;font-size:13px;}
    .counsel_dl dl {display:block;}
    .counsel_dl dt {width:auto;margin-bottom:4px;}
    #bo_w .counsel_extra {flex-direction:column;gap:8px;}
    #bo_w .bo_w_info .frm_input {float:none;width:100%;box-sizing:border-box;}
    #bo_w .bo_w_tit .frm_input {padding-right:12px;width:100%;box-sizing:border-box;}
    #autosave_pop {width:100%;max-width:350px;}
}