@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}

/* 상단 타이틀 박스 */
.hc_head {position:relative;margin:0 0 24px;padding:22px 26px;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden}
.hc_head:before {content:"";position:absolute;left:0;top:0;border-width:22px 22px 0 0;border-style:solid;border-color:#c1651f transparent transparent transparent}
.hc_head h2 {position:static;left:auto;width:auto;height:auto;margin:0;padding:0;font-size:20px;color:#333;overflow:visible}
.hc_head h2 strong {color:#c1651f}

/* 신청절차 */
.hc_h3 {position:relative;margin:26px 0 12px;padding-left:16px;font-size:15px;color:#333}
.hc_h3:first-of-type {margin-top:0}
.hc_h3:before {content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#d9822e}

.hc_steps {display:flex;align-items:center;gap:8px;margin:0 0 6px}
.hc_step {flex:1;padding:14px 8px;border:2px solid #ccc;border-radius:8px;background:#fff;text-align:center}
.hc_step .hc_stepnum {display:block;height:auto;padding:0;margin-bottom:4px;font-size:15px;line-height:1.2;font-weight:700}
.hc_step .label {font-size:13px;font-weight:700;color:#333}
.hc_step.s1 {border-color:#9cc9f2}
.hc_step.s1 .hc_stepnum {color:#3a8cdb}
.hc_step.s2 {border-color:#cba6ea}
.hc_step.s2 .hc_stepnum {color:#9b5fd6}
.hc_step.s3 {border-color:#f3a9c6}
.hc_step.s3 .hc_stepnum {color:#e2508b}
.hc_step.s4 {border-color:#f3c98c}
.hc_step.s4 .hc_stepnum {color:#dd9827}
.hc_arrow {flex:0 0 auto;color:#ccc;font-size:20px}

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

/* 상담일정 테이블 */
.hc_schedule {width:100%;margin:6px 0 8px;border-collapse:collapse;font-size:13px}
.hc_schedule th, .hc_schedule td {border:1px solid #e6dfc9;padding:10px 8px;text-align:center}
.hc_schedule thead th {background:#e9e0c4;color:#4a4326;font-weight:700;border-right:1px solid #fff}
.hc_schedule thead th:last-child {border-right:1px solid #e6dfc9}
.hc_schedule tbody th {background:#f7f4ea;color:#555;font-weight:700}
.hc_schedule td {color:#444}

.hc_notice_sm {margin:2px 0;padding-left:14px;position:relative;font-size:12px;color:#888}
.hc_notice_sm:before {content:"\203B";position:absolute;left:0}

/* 상담 절차 */
.hc_sub {display:flex;align-items:center;gap:6px;margin:22px 0 6px;font-size:14px;font-weight:700;color:#333}
.hc_sub:before {content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #2f6fed}
.hc_desc {margin:0 0 10px;padding-left:2px;font-size:13px;color:#555}

.hc_session {display:flex;align-items:flex-start;gap:16px;margin:0 0 6px;padding:12px 16px;background:#f6f6f6;border-radius:6px}
.hc_pill {flex:0 0 90px;width:90px;padding:4px 6px;border-radius:14px;background:#6ba3e0;color:#fff;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap}
.hc_session ul {flex:1;margin:0;padding:0;list-style:none}
.hc_session li {position:relative;padding:2px 0 2px 14px;font-size:12.5px;line-height:1.6;color:#444}
.hc_session li:before {content:"\25B8";position:absolute;left:0;top:2px;color:#d9822e}

/* 유의사항 */
.hc_list {margin:0 0 4px;padding:0;list-style:none}
.hc_list li {position:relative;padding:3px 0 3px 16px;font-size:13px;line-height:1.6;color:#444}
.hc_list li:before {content:"\25B8";position:absolute;left:0;top:3px;color:#d9822e}
.hc_list .hc_sm {display:block;padding-left:16px;font-size:12px;color:#888}

@media (max-width:640px) {
    .hc_head {padding:18px}
    .hc_steps {flex-wrap:wrap}
    .hc_step {flex:0 0 calc(50% - 4px)}
    .hc_arrow {display:none}
    .hc_schedule {font-size:12px}
    .hc_session {flex-direction:column;gap:6px}
}