/*
 * 해커스라이브(/live) 전용 푸터 보정 CSS
 *
 * PC /live 페이지는 학원 레이아웃(sub.html)에 인강(jrjumpi) 푸터를 얹는다.
 * 인강 푸터 스타일은 jrjumpi/common/css/common.css 에 있는데, 학원 레이아웃에는
 * 그 CSS가 로드되지 않아 푸터가 좌측으로 밀려 잘린다.
 * → 인강 common.css 의 푸터 관련 규칙만 추출하여 /live 페이지에서만 로드한다.
 *
 * 원본 출처: jrjumpi/common/css/common.css (#footer ~ .col03)
 */

#footer { overflow:hidden; clear:both; position:relative; width:1050px; margin: 0 auto; border-top:1px solid #e1e1e1; display:block; padding: 50px 0 150px; }
#footer .footer--wrap { display: flex; }
#footer .footer--left { width: 770px; }
/* 인강 푸터엔 ftop 하단 선이 없는데 학원 common_re.css 가 border-bottom:1px #d0d0d0 를 그린다 → 제거 */
#footer .ftop { width:700px; border-bottom: none; height: auto; position: static; }
/* 학원 common_re.css 가 .num_box 에
 *   { width:320px; height:285px; background:#f3f3f2; position:absolute; top:15px; left:50%; margin-left:220px }
 * (구버전 학원 푸터용)를 걸어 우측 박스가 절대위치로 어긋나고 잘린다.
 * 인강 원본은 num_box 가 그냥 static 이미지(280x321) 그대로 → 전부 리셋 */
#footer .footer--right { width: 280px; }
#footer .num_box {
    position: static; top: auto; left: auto;
    width: auto; height: auto;
    margin: 0; background: none;
}
#footer .btn_naver { border-bottom:1px #d0d0d0 solid; height:32px; padding:5px 0 1px; text-align:right; }
#footer ul.bot_menu li { float:left; margin:13px 26px 0 0; }
#footer .copyright { padding:24px 0; }
#footer a.logo_bot { float:left; margin-right:28px; }

/* 학원 공통 CSS 가 #footer li 에 float:left / font-size:12px 를 강제하므로
 * 인강 푸터 메뉴가 2줄로 깨진다 → 인강 원본 값으로 명시적 override (float 해제 + 16px) */
/* 학원 common_re.css 가 #footer .util_menu 에
 *   { position:absolute; top:20px; left:50%; margin-left:-260px } (구버전 학원 푸터용)
 * 를 걸어 메뉴가 로고 옆/왼쪽으로 어긋난다 → 인강 원본대로 모두 리셋 */
#footer .util_menu { position: static; top: auto; left: auto; margin-left: 0; display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 22px; }
#footer .util_menu li { float: none; margin-right:10px; line-height:20px; color:#656565; font-weight: bold; white-space: nowrap; }
#footer .util_menu li.linenone { margin-right:0; }
#footer .util_menu li a { color:#797979; font-size: 16px; }
#footer .util_menu li a:hover { color:#292929; }

#footer .col02 { line-height:19px; font-size:12px; color:#adadad; }
#footer .col02 .col { display: flex; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
#footer .col02 .col li { float: none; }
#footer .col02 .col li:not(:last-of-type)::after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #b1b1b1; margin: 0 5px; }
#footer .col02 .buy_border { color:#656565; text-decoration: underline; }

#footer .col03 { margin-top: 15px; }
#footer .col03, #footer .col03 a { color:#c1c1c1; font-size:16px; }

#footer .fc_blue { color:#368DE3 !important; }