i {display: block; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* icon : a b c d e f g h i j k l m n o p q r s t u v w x y z */
.ic-arrow-right-32 {width: 3.2rem; height: 3.2rem; background-image: url(../img/ico/ic-arrow-right-32.svg); cursor: pointer;}
.ic-arrow-right-40 {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-arrow-right-40.svg); cursor: pointer;}

.ic-arrow-title {width: 4.4rem; height: 4.4rem; background-image: url(../img/ico/ic-arrow-title.svg); cursor: pointer;}
.ic-arrow-title-wh {width: 4.4rem; height: 4.4rem; background-image: url(../img/ico/ic-arrow-title-wh.svg); cursor: pointer;}
.ic-clip-24 {width: 2.4em; height: 2.4rem; background-image: url(../img/ico/ic-clip-24.svg); cursor: pointer;}
.ic-down {width: 6rem; height: 6rem; background-image: url(../img/ico/ic-down.svg); cursor: pointer;}
.ic-down-red {width: 6rem; height: 6rem; background-image: url(../img/ico/ic-arrow-down-60.svg); cursor: pointer;}
.ic-down-wh {width: 6rem; height: 6rem; background-image: url(../img/ico/ic-down-wh.svg); cursor: pointer;}
.ic-link-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-link-20.svg); cursor: pointer;}
.ic-link-20-wh {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-link-20-wh.svg); cursor: pointer;}
.ic-link-20-gr {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-link-20-gr.svg); cursor: pointer;}
.ic-plus-16-wh {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-plus-16-wh.svg); cursor: pointer;}
.ic-start-24 {width: 2.4rem; height: 2.4rem; background-image: url(../img/ico/ic-start-24.svg); cursor: pointer;}
.ic-stop-24 {width: 2.4em; height: 2.4rem; background-image: url(../img/ico/ic-stop-24.svg); cursor: pointer;}

.ic-pdf {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-pdf.png);}
.ic-book {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-book.png);}
.ic-youtube-btn {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-youtube.png);}

@media (prefers-color-scheme: dark) {
    .ic-arrow-right-32,
    .ic-clip-24 {filter: invert(1);}
    .ic-arrow-title {background-image: url(../img/ico/ic-arrow-title-wh.svg);}
    .ic-link-20 {background-image: url(../img/ico/ic-link-20-wh.svg);}
}

.ic-wheelchair-28 {width: 2.8rem; height: 2.8rem; background-image: url(../img/ico/ic-wheelchair-28.svg);}
.ic-park-28 {width: 2.8rem; height: 2.8rem; background-image: url(../img/ico/ic-park-28.svg);}

.ic-bus {width: 3.2rem; height: 3.2rem; background-image: url(../img/ico/ic-bus.svg);}
.ic-subway {width: 3.2rem; height: 3.2rem; background-image: url(../img/ico/ic-subway.svg);}
.ic-park {width: 3.2rem; height: 3.2rem; background-image: url(../img/ico/ic-park.svg);}

.ic-bus-16 {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-bus-16.svg);}
.ic-subway-16 {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-subway-16.svg);}
.ic-park-16 {width: 1.6rem; height: 1.6rem; background-image: url(../img/ico/ic-park-16.svg);}

.active > .ic-bus-16 {background-image: url(../img/ico/ic-bus-16-ov.svg);}
.active > .ic-subway-16 {background-image: url(../img/ico/ic-subway-16-ov.svg);}
.active > .ic-park-16 {background-image: url(../img/ico/ic-park-16-ov.svg);}

.ic-facebook {width: 2.4rem; height: 2.4rem; background-image: url(../img/ico/ic-facebook.svg);}
.ic-instagram {width: 2.4rem; height: 2.4rem; background-image: url(../img/ico/ic-instagram.svg);}
.ic-youtube {width: 2.4rem; height: 2.4rem; background-image: url(../img/ico/ic-youtube.svg);}

.ic-pagination-first {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-first.svg); cursor: pointer;}
.ic-pagination-prev {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-prev.svg); cursor: pointer;}
.ic-pagination-next {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-next.svg); cursor: pointer;}
.ic-pagination-last {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-last.svg); cursor: pointer;}
.ic-pagination-first.disabled {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-first-disabled.svg);}
.ic-pagination-prev.disabled {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-prev-disabled.svg);}
.ic-pagination-next.disabled {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-next-disabled.svg);}
.ic-pagination-last.disabled {width: 4rem; height: 4rem; background-image: url(../img/ico/ic-pagination-last-disabled.svg);}


@media (prefers-color-scheme: dark) {
    .ic-pagination-first, .ic-pagination-prev,
    .ic-pagination-next, .ic-pagination-last {filter: invert(1);}
}

.img-navermap {width: 4rem; height: 4rem; background-image: url(../img/ico/img-navermap.png); cursor: pointer;}
.img-kakaomap {width: 4rem; height: 4rem; background-image: url(../img/ico/img-kakaomap.png); cursor: pointer;}
.img-googlemap {width: 4rem; height: 4rem; background-image: url(../img/ico/img-googlemap.png); cursor: pointer;}

.ic-plus-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-plus-20-gy.svg);}
.ic-minus-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-minus-20-gy.svg);}
.ic-reset-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-reset-20-gy.svg);}

.ic-wheelchair {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-wheelchair-gy.svg);}
.ic-ticketshop {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-ticketshop-gy.svg);}
.ic-toilet {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-toliet-gy.svg);}
.ic-soccer {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-soccer-gy.svg);}
.ic-shop {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-shop-gy.svg);}
.active > .ic-wheelchair {background-image: url(../img/ico/ic-wheelchair-wh.svg);}
.active > .ic-ticketshop {background-image: url(../img/ico/ic-ticketshop-wh.svg);}
.active > .ic-toilet {background-image: url(../img/ico/ic-toliet-wh.svg);}
.active > .ic-soccer {background-image: url(../img/ico/ic-soccer-wh.svg);}
.active > .ic-shop {background-image: url(../img/ico/ic-shop-wh.svg);}

.ic-donation01 {width: 5.2rem; height: 5.2rem; background-image: url(../img/ico/ic-donation01.svg);}
.ic-donation02 {width: 5.2rem; height: 5.2rem; background-image: url(../img/ico/ic-donation02.svg);}
.ic-donation03 {width: 5.2rem; height: 5.2rem; background-image: url(../img/ico/ic-donation03.svg);}

.active > .ic-donation01 {background-image: url(../img/ico/ic-donation01-ov.svg);}
.active > .ic-donation02 {background-image: url(../img/ico/ic-donation02-ov.svg);}
.active > .ic-donation03 {background-image: url(../img/ico/ic-donation03-ov.svg);}

.ic-complete-120 {width: 12rem; height: 12rem; background-image: url(../img/ico/ic-complete-120.svg);}
.ic-empty-120 {width: 12rem; height: 12rem; background-image: url(../img/ico/ic-empty-120.svg);}

.ic-close-20 {width: 2rem; height: 2rem; background-image: url(../img/ico/ic-close-20.svg); cursor: pointer;}
.ic-close-32 {width: 3.2rem; height: 3.2rem; background-image: url(../img/ico/ic-close-32.svg); cursor: pointer;}

@media (prefers-color-scheme: dark) {
    .ic-complete-120 {background-image: url(../img/ico/ic-complete-120-dark.svg);}
    .ic-empty-120 {background-image: url(../img/ico/ic-empty-120-dark.svg);}

    .ic-close-20, .ic-close-32 {filter: invert(1);}
}

/* emblem */
.emblem {width: 6rem; height: 6rem;}
.emblem.k {background-image: url(../img/emblem/emblem-k.svg);}
.emblem.k01 {background-image: url(../img/emblem/emblem-k01.svg);} /* 울산 현대 */
.emblem.k02 {background-image: url(../img/emblem/emblem-k02.svg);} /* 수원 삼성 */
.emblem.k03 {background-image: url(../img/emblem/emblem-k03.svg);} /* 포항 스틸러스 */
.emblem.k04 {background-image: url(../img/emblem/emblem-k04.svg);} /* 제주 UTD */
.emblem.k05 {background-image: url(../img/emblem/emblem-k05.svg);} /* 전북 현대 */
.emblem.k06 {background-image: url(../img/emblem/emblem-k06.svg);} /* 부산 아이파크 */
.emblem.k07 {background-image: url(../img/emblem/emblem-k07.svg);} /* 전남 드래곤즈 */
.emblem.k08 {background-image: url(../img/emblem/emblem-k08.svg);} /* 성남 FC */
.emblem.k09 {background-image: url(../img/emblem/emblem-k09.svg);} /* FC 서울 */
.emblem.k10 {background-image: url(../img/emblem/emblem-k10.svg);} /* 대전 하나 시티즌 */
.emblem.k17 {background-image: url(../img/emblem/emblem-k17.svg);} /* 대구 FC */
.emblem.k18 {background-image: url(../img/emblem/emblem-k18.svg);} /* 인천 UTD */
.emblem.k20 {background-image: url(../img/emblem/emblem-k20.svg);} /* 경남 FC */
.emblem.k21 {background-image: url(../img/emblem/emblem-k21.svg);} /* 강원 FC */
.emblem.k21_1 {background-image: url(../img/emblem/emblem-k21.svg);} /* 강원 FC */
.emblem.k22 {background-image: url(../img/emblem/emblem-k22.svg);} /* 광주 FC */
.emblem.k26 {background-image: url(../img/emblem/emblem-k26.svg);} /* 부천 FC */
.emblem.k27 {background-image: url(../img/emblem/emblem-k27.svg);} /* FC 안양 */
.emblem.k29 {background-image: url(../img/emblem/emblem-k29.svg);} /* 수원 FC */
.emblem.k31 {background-image: url(../img/emblem/emblem-k31.svg);} /* 서울 이랜드 */
.emblem.k32 {background-image: url(../img/emblem/emblem-k32.svg);} /* 안산 그리너스 */
.emblem.k34 {background-image: url(../img/emblem/emblem-k34.svg);} /* 충남 아산 */
.emblem.k35 {background-image: url(../img/emblem/emblem-k35.svg);} /* 김천 상무 */
.emblem.k36 {background-image: url(../img/emblem/emblem-k36.svg);} /* 김포 FC */
.emblem.k37 {background-image: url(../img/emblem/emblem-k37.svg);} /* 충북 청주 */
.emblem.k38 {background-image: url(../img/emblem/emblem-k38.svg);} /* 천안 시티 */
.emblem.k39 {background-image: url(../img/emblem/emblem-k39.svg);} /* 화성 */

.emblem.K01 {background-image: url(../img/emblem/emblem-k01.svg);} /* 울산 현대 */
.emblem.K02 {background-image: url(../img/emblem/emblem-k02.svg);} /* 수원 삼성 */
.emblem.K03 {background-image: url(../img/emblem/emblem-k03.svg);} /* 포항 스틸러스 */
.emblem.K04 {background-image: url(../img/emblem/emblem-k04.svg);} /* 제주 UTD */
.emblem.K05 {background-image: url(../img/emblem/emblem-k05.svg);} /* 전북 현대 */
.emblem.K06 {background-image: url(../img/emblem/emblem-k06.svg);} /* 부산 아이파크 */
.emblem.K07 {background-image: url(../img/emblem/emblem-k07.svg);} /* 전남 드래곤즈 */
.emblem.K08 {background-image: url(../img/emblem/emblem-k08.svg);} /* 성남 FC */
.emblem.K09 {background-image: url(../img/emblem/emblem-k09.svg);} /* FC 서울 */
.emblem.K10 {background-image: url(../img/emblem/emblem-k10.svg);} /* 대전 하나 시티즌 */
.emblem.K17 {background-image: url(../img/emblem/emblem-k17.svg);} /* 대구 FC */
.emblem.K18 {background-image: url(../img/emblem/emblem-k18.svg);} /* 인천 UTD */
.emblem.K20 {background-image: url(../img/emblem/emblem-k20.svg);} /* 경남 FC */
.emblem.K21 {background-image: url(../img/emblem/emblem-k21.svg);} /* 강원 FC */
.emblem.K21_1 {background-image: url(../img/emblem/emblem-k21.svg);} /* 강원 FC */
.emblem.K22 {background-image: url(../img/emblem/emblem-k22.svg);} /* 광주 FC */
.emblem.K26 {background-image: url(../img/emblem/emblem-k26.svg);} /* 부천 FC */
.emblem.K27 {background-image: url(../img/emblem/emblem-k27.svg);} /* FC 안양 */
.emblem.K29 {background-image: url(../img/emblem/emblem-k29.svg);} /* 수원 FC */
.emblem.K31 {background-image: url(../img/emblem/emblem-k31.svg);} /* 서울 이랜드 */
.emblem.K32 {background-image: url(../img/emblem/emblem-k32.svg);} /* 안산 그리너스 */
.emblem.K34 {background-image: url(../img/emblem/emblem-k34.svg);} /* 충남 아산 */
.emblem.K35 {background-image: url(../img/emblem/emblem-k35.svg);} /* 김천 상무 */
.emblem.K36 {background-image: url(../img/emblem/emblem-k36.svg);} /* 김포 FC */
.emblem.K37 {background-image: url(../img/emblem/emblem-k37.svg);} /* 충북 청주 */
.emblem.K38 {background-image: url(../img/emblem/emblem-k38.svg);} /* 천안 시티 */
.emblem.K39 {background-image: url(../img/emblem/emblem-k39.svg);} /* 화성 */

@media (prefers-color-scheme: dark) {
    .emblem.k {background-image: url(../img/emblem/emblem-k-dark.svg);}
}