@charset "utf-8";
/* SCORELINE CUSTOMER BOARD ORIGINAL */

#scoreline_customer_board,
#scoreline_customer_board * {box-sizing:border-box;}
#scoreline_customer_board {width:854px;max-width:100%;margin:0 auto;color:#666;font-family:"Malgun Gothic","맑은 고딕",Arial,sans-serif;font-size:12px;line-height:1.55;background:#fff;}
#scoreline_customer_board a {color:#333;text-decoration:none;}
#scoreline_customer_board a:hover {color:#074c93;text-decoration:none;}
#scoreline_customer_board ul,
#scoreline_customer_board ol,
#scoreline_customer_board li,
#scoreline_customer_board dl,
#scoreline_customer_board dt,
#scoreline_customer_board dd {margin:0;padding:0;list-style:none;}
#scoreline_customer_board img {max-width:100%;height:auto;vertical-align:middle;}
#scoreline_customer_board .sound_only {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}

/* 상단 고객센터 탭 */
#scoreline_customer_board .scoreline-customer-nav {height:68px;margin:0 0 12px;border:1px solid #d7d7d7;border-top:3px solid #0a477f;background:#fafafa;overflow:hidden;}
#scoreline_customer_board .scoreline-customer-nav ul {display:flex;height:65px;align-items:center;padding:0 0 0 0;}
#scoreline_customer_board .scoreline-customer-nav li {position:relative;height:65px;display:flex;align-items:center;padding:0 17px;}
#scoreline_customer_board .scoreline-customer-nav li+li:before {content:"";position:absolute;left:0;top:25px;width:1px;height:15px;background:#d9d9d9;}
#scoreline_customer_board .scoreline-customer-nav li a {display:flex;align-items:center;height:100%;font-size:14px;color:#063d70;font-weight:700;white-space:nowrap;}
#scoreline_customer_board .scoreline-customer-nav li.on a,
#scoreline_customer_board .scoreline-customer-nav li a:hover {color:#062f59;}

/* 상세 상단 */
#scoreline_customer_board #bo_v {width:100%;margin:0;padding:0;border:0;background:#fff;}
#scoreline_customer_board .customer-view-toolbar {display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:4px 3px;border-bottom:1px solid #d7d7d7;color:#888;}
#scoreline_customer_board .customer-view-toolbar .written-date:before {content:"";display:inline-block;width:12px;height:14px;margin-right:5px;vertical-align:-2px;border:1px solid #cfcfcf;background:repeating-linear-gradient(to bottom,#fff 0,#fff 2px,#d8d8d8 3px,#d8d8d8 4px);}
#scoreline_customer_board .toolbar-buttons {display:flex;gap:5px;align-items:center;}
#scoreline_customer_board .small-btn {display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:24px;padding:0 9px;border:1px solid #d5d5d5;background:linear-gradient(#fff,#f3f3f3);color:#666!important;font-size:12px;}
#scoreline_customer_board .small-btn.write:before {content:"✎";margin-right:4px;color:#d38900;font-size:14px;}
#scoreline_customer_board .customer-view-subject {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:38px;margin:0;padding:7px 8px;border-bottom:1px solid #cfcfcf;background:#fafafa;}
#scoreline_customer_board .customer-view-subject h1 {margin:0;padding:0;font-size:14px;line-height:1.45;color:#333;font-weight:700;}
#scoreline_customer_board .scrap-btn {display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:23px;padding:0 7px;border:1px solid #d1d1d1;background:#fff;color:#777!important;}
#scoreline_customer_board .customer-questioner {display:flex;align-items:center;min-height:39px;padding:7px 10px;color:#666;border-bottom:0;}
#scoreline_customer_board .customer-questioner .label {margin-right:5px;}
#scoreline_customer_board .questioner-photo {display:inline-flex;width:23px;height:23px;margin-right:4px;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;}
#scoreline_customer_board .questioner-photo img {width:23px!important;height:23px!important;object-fit:cover;border-radius:50%;}
#scoreline_customer_board .questioner-name {display:inline-flex;align-items:center;}

/* 본문 */
#scoreline_customer_board #bo_v_img {padding:0 10px;}
#scoreline_customer_board #bo_v_img img {display:block;margin:0 auto 10px;}
#scoreline_customer_board #bo_v_con {min-height:190px;padding:24px 10px 34px;color:#606060;font-size:13px;line-height:2;word-break:break-word;border-bottom:1px solid #d8d8d8;}
#scoreline_customer_board #bo_v_con p {margin:0 0 15px;}
#scoreline_customer_board #bo_v_con img {max-width:100%!important;width:auto!important;height:auto!important;}
#scoreline_customer_board .customer-signature {padding:10px;border-bottom:1px solid #ddd;}
#scoreline_customer_board .bottom-toolbar {min-height:44px;border-bottom:1px solid #d8d8d8;}
#scoreline_customer_board .customer-resource {margin:10px 0;border:1px solid #ddd;}
#scoreline_customer_board .customer-resource h2 {margin:0;padding:7px 10px;background:#f7f7f7;font-size:12px;color:#333;}
#scoreline_customer_board .customer-resource li {padding:6px 10px;border-top:1px solid #eee;}

#scoreline_customer_board .customer-prev-next {margin:0 0 12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#scoreline_customer_board .customer-prev-next li {display:flex;gap:10px;align-items:center;min-height:31px;padding:5px 10px;border-top:1px solid #eee;}
#scoreline_customer_board .customer-prev-next li:first-child {border-top:0;}
#scoreline_customer_board .customer-prev-next li span {width:45px;color:#777;font-weight:700;}

/* 댓글 */
#scoreline_customer_board .customer-comments {margin:12px 0;}
#scoreline_customer_board .customer-comments>h2 {margin:0;padding:8px 10px;border-top:2px solid #0a477f;border-bottom:1px solid #ddd;font-size:13px;color:#333;}
#scoreline_customer_board #bo_vc {padding:10px 0;}
#scoreline_customer_board #bo_vc_empty {padding:25px;text-align:center;color:#999;}
#scoreline_customer_board .view_comment_cont {padding:10px;border-bottom:1px solid #eee;}
#scoreline_customer_board #bo_vc_w {margin-top:10px;border:1px solid #ddd;background:#f7f7f7;}
#scoreline_customer_board .bo_vc_t {padding:8px 10px;border-bottom:1px solid #ddd;}
#scoreline_customer_board .bo_vc_table {display:flex;}
#scoreline_customer_board .bo_vc_tar {flex:1;}
#scoreline_customer_board .bo_vc_tar textarea {display:block;width:100%;min-height:90px;border:0;padding:10px;resize:vertical;}
#scoreline_customer_board .btn_com_submit {width:70px;}
#scoreline_customer_board .btn_com_submit input {width:100%;height:100%;min-height:90px;border:0;background:#0b55b6;color:#fff;font-weight:700;}

/* 상세 아래 목록 */
#scoreline_customer_board.is-view-list {margin-top:72px;}
#scoreline_customer_board #bo_list {width:100%;margin:0;padding:0;}
#scoreline_customer_board .customer-list-table {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#scoreline_customer_board .customer-list-table table {width:100%;border-collapse:collapse;table-layout:fixed;}
#scoreline_customer_board .customer-list-table caption {position:absolute;left:-9999px;}
#scoreline_customer_board .customer-list-table thead th {height:35px;padding:0 6px;border-bottom:1px solid #d8d8d8;background:#fff;color:#333;font-size:12px;font-weight:700;text-align:center;letter-spacing:4px;}
#scoreline_customer_board .customer-list-table tbody td {height:31px;padding:4px 6px;border-bottom:1px solid #ececec;background:#fff;color:#666;text-align:center;font-size:12px;}
#scoreline_customer_board .customer-list-table tbody tr:last-child td {border-bottom:0;}
#scoreline_customer_board .customer-list-table .td_subject {text-align:left;letter-spacing:0;}
#scoreline_customer_board .customer-list-table .td_subject a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#555;}
#scoreline_customer_board .customer-list-table .td_name {text-align:left;font-weight:700;}
#scoreline_customer_board .customer-list-table .td_name img {width:22px!important;height:22px!important;border-radius:50%;object-fit:cover;margin-right:4px;}
#scoreline_customer_board .customer-list-table .td_date {font-size:11px;color:#999;}
#scoreline_customer_board .notice-word {display:inline-block;color:#e74f25;font-family:Verdana,sans-serif;font-size:9px;font-weight:700;font-style:italic;text-decoration:underline;}
#scoreline_customer_board .comment-count {color:#d58500;font-weight:700;margin-left:3px;}
#scoreline_customer_board .answer-badge {display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:21px;padding:0 5px;border-radius:2px;color:#fff;font-size:11px;font-weight:700;}
#scoreline_customer_board .answer-badge.notice {background:#df1d27;}
#scoreline_customer_board .answer-badge.complete {background:#3579b9;}
#scoreline_customer_board .answer-badge.waiting {background:#aaa;}
#scoreline_customer_board .empty-table {height:70px!important;text-align:center!important;color:#999!important;}
#scoreline_customer_board .customer-list-actions {display:flex;justify-content:flex-end;align-items:center;min-height:42px;padding:6px 0;border-bottom:1px solid #ddd;}
#scoreline_customer_board .customer-write-btn,
#scoreline_customer_board .admin-actions button {display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:25px;padding:0 10px;border:1px solid #d2d2d2;background:linear-gradient(#fff,#f2f2f2);color:#555;font-weight:700;}
#scoreline_customer_board .customer-write-btn:before {content:"✎";margin-right:4px;color:#d38900;}
#scoreline_customer_board .admin-actions {margin-right:auto;display:flex;gap:4px;}
#scoreline_customer_board .customer-pagination {padding:12px 0 6px;text-align:center;}
#scoreline_customer_board .customer-pagination .pg_page,
#scoreline_customer_board .customer-pagination .pg_current {display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;margin:0 2px;padding:0 6px;border:1px solid #d5d5d5;background:#fff;color:#666;}
#scoreline_customer_board .customer-pagination .pg_current {background:#69819e;border-color:#69819e;color:#fff;}
#scoreline_customer_board .customer-search {padding:10px 0 0;text-align:center;}
#scoreline_customer_board .customer-search form {display:flex;align-items:center;justify-content:center;gap:4px;}
#scoreline_customer_board .customer-search select,
#scoreline_customer_board .customer-search .search-text {height:25px;border:1px solid #9eb4cf;background:#fff;color:#555;}
#scoreline_customer_board .customer-search select {width:102px;padding:0 5px;}
#scoreline_customer_board .customer-search .search-text {width:206px;padding:0 6px;}
#scoreline_customer_board .customer-search button {height:25px;padding:0 9px;border:1px solid #4781bf;background:#5d91ca;color:#fff;}
#scoreline_customer_board .customer-search label {display:inline-flex;align-items:center;gap:2px;color:#777;}

/* 작성폼 */
#scoreline_customer_board #bo_w {width:100%;margin:0;padding:12px 0 0;}
#scoreline_customer_board #bo_w form {width:100%!important;}
#scoreline_customer_board #bo_w .write_div {margin-bottom:8px;}
#scoreline_customer_board #bo_w .frm_input,
#scoreline_customer_board #bo_w select {height:34px;border:1px solid #cfd3d7;background:#fff;padding:0 10px;color:#444;}
#scoreline_customer_board #bo_w .full_input {width:100%;}
#scoreline_customer_board #bo_w .half_input {width:49%;}
#scoreline_customer_board #bo_w .wr_content textarea {width:100%;min-height:240px;border:1px solid #cfd3d7;padding:10px;}
#scoreline_customer_board #bo_w .bo_w_info {display:flex;gap:8px;}
#scoreline_customer_board #bo_w .bo_w_link input {width:100%;}
#scoreline_customer_board #bo_w .bo_w_flie {padding:8px;border:1px solid #ddd;background:#fafafa;}
#scoreline_customer_board #bo_w .btn_confirm {display:flex;justify-content:center;gap:6px;padding:15px 0;}
#scoreline_customer_board #bo_w .btn_submit,
#scoreline_customer_board #bo_w .btn_cancel {display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:36px;border:1px solid #0a477f;background:#0a477f;color:#fff;font-weight:700;}
#scoreline_customer_board #bo_w .btn_cancel {border-color:#ccc;background:#fff;color:#555;}

html.dark #scoreline_customer_board {background:#242525;color:#d6d2cb;}
html.dark #scoreline_customer_board .scoreline-customer-nav,
html.dark #scoreline_customer_board .customer-view-subject,
html.dark #scoreline_customer_board .customer-list-table thead th,
html.dark #scoreline_customer_board .customer-list-table tbody td,
html.dark #scoreline_customer_board #bo_v,
html.dark #scoreline_customer_board #bo_w {background:#2b2c2c;color:#dedad3;border-color:#474949;}
html.dark #scoreline_customer_board #bo_v_con,
html.dark #scoreline_customer_board .customer-list-table .td_subject a {color:#d6d2cb;}
html.dark #scoreline_customer_board .small-btn,
html.dark #scoreline_customer_board .customer-write-btn,
html.dark #scoreline_customer_board .customer-search select,
html.dark #scoreline_customer_board .customer-search .search-text {background:#353737;border-color:#555;color:#eee!important;}

@media (max-width:900px){
  #scoreline_customer_board {width:100%;}
  #scoreline_customer_board .scoreline-customer-nav {height:auto;}
  #scoreline_customer_board .scoreline-customer-nav ul {height:auto;flex-wrap:wrap;}
  #scoreline_customer_board .scoreline-customer-nav li {height:44px;padding:0 11px;}
  #scoreline_customer_board .scoreline-customer-nav li+li:before {top:15px;}
  #scoreline_customer_board .customer-list-table .td_name {width:100px;}
  #scoreline_customer_board .customer-search form {flex-wrap:wrap;}
}