@charset "utf-8";

/* 내용관리 공통 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em;color:#444;font-size:13px}
#ctt_con img {max-width:100%;height:auto}

/* 상담실소개 */
.ac_intro {display:flex;align-items:center;gap:20px;margin:0 0 24px;padding:18px 20px;background:#fff;border:1px solid #e8dfc8;border-radius:8px;font-size:14px;line-height:1.6;color:#333}
.ac_intro_icon {flex:0 0 auto;width:130px;height:auto}
.ac_intro p {margin:0}
.ac_hl {color:#d9822e;font-weight:700}

@media (max-width:520px) {
    .ac_intro {flex-direction:column;text-align:center}
    .ac_intro_icon {width:100px}
}

.ac_h3 {position:relative;margin:26px 0 10px;padding-left:16px;font-size:16px;color:#333}
.ac_h3:first-of-type {margin-top:0}
.ac_h3:before {content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#d9822e}

.ac_lead {margin:0 0 8px;padding-left:2px;font-size:13px;color:#444}

.ac_list {margin:0 0 4px;padding:0;list-style:none}
.ac_list li {position:relative;padding:3px 0 3px 16px;font-size:13px;line-height:1.6;color:#444}
.ac_list li:before {content:"\25B8";position:absolute;left:0;top:3px;color:#d9822e}
.ac_list li strong {color:#d9822e;font-weight:700}

.ac_note {margin:4px 0 0;padding-left:2px;font-size:12px;color:#888}

/* 상담사 소개 카드 */
.ac_counselor_wrap {display:flex;flex-direction:column;gap:1px;border:1px solid #e8dfc8;border-radius:8px;overflow:hidden}
.ac_counselor {display:flex;background:#fff}
.ac_counselor + .ac_counselor {border-top:1px solid #e8dfc8}

.ac_counselor_id {flex:0 0 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 10px;background:#eae2c8;text-align:center}
.ac_avatar {display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#fff;color:#333;font-size:15px;font-weight:700;letter-spacing:2px;text-align:center}
.ac_role {font-size:12px;color:#7a6a3f;line-height:1.4}

.ac_counselor_body {flex:1;display:flex;padding:18px 20px;gap:20px}
.ac_col {flex:1;min-width:0}
.ac_col + .ac_col {padding-left:20px;border-left:1px solid #e8dfc8}
.ac_col h4 {margin:0 0 8px;font-size:13px;font-weight:700;color:#d9822e}
.ac_col h4 span {font-weight:400;color:#b98a4a;font-size:12px}
.ac_col ul {margin:0;padding:0;list-style:none}
.ac_col ul li {position:relative;padding:2px 0 2px 14px;font-size:12.5px;line-height:1.6;color:#444}
.ac_col ul li:before {content:"\25B8";position:absolute;left:0;top:2px;color:#c9b98a}

@media (max-width:640px) {
    .ac_counselor {flex-direction:column}
    .ac_counselor_id {flex-direction:row;flex-basis:auto;padding:12px 16px}
    .ac_counselor_body {flex-direction:column}
    .ac_col + .ac_col {margin-top:14px;padding-left:0;padding-top:14px;border-left:0;border-top:1px solid #e8dfc8}
}