/*
 * [속도개선] icon-sprite.css — 자동 생성 (build-sprite.js)
 * 아이콘 23개 → sprite.png 1개로 통합 (HTTP 요청 22개 절감)
 * sprite.png 크기: 77KB
 */

.ico-sprite {
    background-image: url('../../assets/images/sprite_3525d6f770.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.ico-drama-edu-icon001 {
    background-position: 0px 0px;
    width: 120px;
    height: 120px;
}

.ico-drama-edu-icon002 {
    background-position: -124px 0px;
    width: 120px;
    height: 120px;
}

.ico-drama-edu-icon003 {
    background-position: 0px -124px;
    width: 120px;
    height: 120px;
}

.ico-content-arrow-next-bk {
    background-position: -496px -148px;
    width: 30px;
    height: 20px;
}

.ico-content-arrow-next-wh {
    background-position: -530px -148px;
    width: 30px;
    height: 20px;
}

.ico-content-arrow-prev-bk {
    background-position: -496px -172px;
    width: 30px;
    height: 20px;
}

.ico-content-arrow-prev-wh {
    background-position: -530px -172px;
    width: 30px;
    height: 20px;
}

.ico-select-arrow-bk {
    background-position: -496px -68px;
    width: 36px;
    height: 36px;
}

.ico-select-arrow-wh {
    background-position: -496px -108px;
    width: 36px;
    height: 36px;
}

.ico-step-arrow {
    background-position: -372px -372px;
    width: 64px;
    height: 107px;
}

.ico-quick-close {
    background-position: -496px 0px;
    width: 64px;
    height: 64px;
}

.ico-recruit-icon001 {
    background-position: -124px -124px;
    width: 120px;
    height: 120px;
}

.ico-recruit-icon002 {
    background-position: -248px 0px;
    width: 120px;
    height: 120px;
}

.ico-recruit-icon003 {
    background-position: -248px -124px;
    width: 120px;
    height: 120px;
}

.ico-recruit-icon004 {
    background-position: 0px -248px;
    width: 120px;
    height: 120px;
}

.ico-system-icon001 {
    background-position: -124px -248px;
    width: 120px;
    height: 120px;
}

.ico-system-icon002 {
    background-position: -248px -248px;
    width: 120px;
    height: 120px;
}

.ico-system-icon003 {
    background-position: -372px 0px;
    width: 120px;
    height: 120px;
}

.ico-system-icon004 {
    background-position: -372px -124px;
    width: 120px;
    height: 120px;
}

.ico-system-icon005 {
    background-position: -372px -248px;
    width: 120px;
    height: 120px;
}

.ico-system-icon006 {
    background-position: 0px -372px;
    width: 120px;
    height: 120px;
}

.ico-system-icon007 {
    background-position: -124px -372px;
    width: 120px;
    height: 120px;
}

.ico-system-icon008 {
    background-position: -248px -372px;
    width: 120px;
    height: 120px;
}


/* ── 기존 CSS 참조 override ──────────────────────────────
 * 아래 선언이 common.css / main.css / sub.css의 개별 파일 참조를 대체합니다
 */

/* select arrow — gnbPlace는 common.css / main.css의 개별 PNG + background-size:12px 그대로 사용
   sprite 오버라이드 제거 (background-size:auto가 아이콘을 크게 만들던 문제 수정) */

/* famlysite select arrow만 sprite 유지 */
.famlysite .btn_selct:after {
    background-image: url('../../assets/images/sprite_3525d6f770.png');
    background-position: -496px -68px;
    background-size: auto;
}

/* quick-close — sub.css */
.quick-close {
    background-image: url('../../assets/images/sprite_3525d6f770.png') !important;
    background-position: -512px -15px !important;
    background-size: auto !important;
}

/* content arrow (슬라이더) — sub.css */
.interior-slide .slick-prev:after {
    background-image: url('../../assets/images/sprite_3525d6f770.png');
    background-position: -530px -172px;
    background-size: auto;
}
.interior-slide .slick-next:after {
    background-image: url('../../assets/images/sprite_3525d6f770.png');
    background-position: -530px -148px;
    background-size: auto;
}

/* step arrow — sub.css */
.cont-process-item.col4.type01 ul li:after {
    background-image: url('../../assets/images/sprite_3525d6f770.png') !important;
    background-position: -372px -372px !important;
    background-size: auto !important;
}