/*아이콘*/
.icon-container{display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; vertical-align: middle;}
.icon-container [class*="eicon-"]{display: block; width: 100%; height: 100%; background-image: url(../images/icon/icons-32.png); background-size: 960px auto; }
.icon-container.i-sm [class*="eicon-"]{ background-size: 480px auto; margin-top: -2px;}
.icon-container.i-md [class*="eicon-"]{ background-size: 1440px auto; }
.icon-container.i-lg [class*="eicon-"]{ background-size: auto; }

/*아이콘 사이즈*/
.i-sm{width: 8px; height: 8px;}
.i-md{width: 24px; height: 24px;}
.i-lg{width: 32px; height: 32px;}

/*아이콘 색상*/
.i-white{filter:invert(100%)}
.i-gray{filter: invert(41%) sepia(2%) saturate(8%) hue-rotate(22deg) brightness(95%) contrast(96%);}
.i-primary{filter: var(--filter-color-primary)}
.i-secondary{filter: var(--filter-color-007bff)}

/*아이콘 포지션*/
/*line-1*/
.eicon-user{ background-position:0 0px;}
.i-md .eicon-user{ background-position:0 0px;}
.i-lg .eicon-user{ background-position:0 0px;}

.eicon-add-circle{ background-position:0 -16px;}
.i-md .eicon-add-circle{ background-position:0 -24px;}
.i-lg .eicon-add-circle{ background-position:0 -32px;}

.eicon-dashboard{ background-position:0 -32px;}
.i-md .eicon-dashboard{ background-position:0 -48px;}
.i-lg .eicon-dashboard{ background-position:0 -64px;}

.eicon-ad{ background-position:0 -48px;}
.i-md.eicon-ad{ background-position:0 -72px;}
.i-lg .eicon-ad{ background-position:0 -96px;}

.eicon-display{ background-position:0 -64px;}
.i-md .eicon-display{ background-position:0 -96px;}
.i-lg .eicon-display{ background-position:0 -128px;}

.eicon-img-file{ background-position:0 -80px;}
.i-md .eicon-img-file{ background-position:0 -120px;}
.i-lg .eicon-img-file{ background-position:0 -160px;}

.eicon-video-film{ background-position:0 -96px;}
.i-md .eicon-video-film{ background-position:0 -144px;}
.i-lg .eicon-video-film{ background-position:0 -192px;}

.eicon-sack-money{ background-position:0 -112px;}
.i-md .eicon-sack-money{ background-position:0 -168px;}
.i-lg .eicon-sack-money{ background-position:0 -224px;}

.eicon-receipt{ background-position:0 -128px;}
.i-md .eicon-receipt{ background-position:0 -192px;}
.i-lg .eicon-receipt{ background-position:0 -256px;}

.eicon-user-group{ background-position:0 -144px;}
.i-md .eicon-user-group{ background-position:0 -216px;}
.i-lg .eicon-user-group{ background-position:0 -288px;}

.eicon-bell{ background-position:0 -160px;}
.i-md .eicon-bell{ background-position:0 -240px;}
.i-lg .eicon-bell{ background-position:0 -320px;}

/*line-2*/
.eicon-expand { background-position:-16px 0px;}
.i-md .eicon-expand{ background-position:-24px 0px;}
.i-lg .eicon-expand{ background-position:-32px 0px;}

.eicon-contract { background-position:-16px -16px;}
.i-md .eicon-contract { background-position:-24px -24px;}
.i-lg .eicon-contract { background-position:-32px -32px;}

.eicon-file-download { background-position:-16px -32px;}
.i-sm .eicon-file-download { background-position:-8px -16px;}
.i-md .eicon-file-download { background-position:-24px -48px;}
.i-lg .eicon-file-download { background-position:-32px -64px;}

.eicon-file-upload { background-position:-16px -32px; transform: rotate(180deg);}
.i-sm .eicon-file-upload { background-position:-8px -16px; transform: rotate(180deg);}
.i-md .eicon-file-upload { background-position:-24px -48px; transform: rotate(180deg);}
.i-lg .eicon-file-upload { background-position:-32px -64px; transform: rotate(180deg);}

.eicon-calendar { background-position:-16px -48px;}
.i-md .eicon-calendar { background-position:-24px -72px;}
.i-lg .eicon-calendar { background-position:-32px -96px;}

.eicon-video { background-position:-16px -64px;}
.i-md .eicon-video { background-position:-24px -96px;}
.i-lg .eicon-video { background-position:-32px -128px;}

.eicon-img-document { background-position:-16px -80px;}
.i-md .eicon-img-document { background-position:-24px -120px;}
.i-lg .eicon-img-document { background-position:-32px -160px;}

.eicon-audio { background-position:-64px -127px;}
.i-md .eicon-audio { background-position:-96px -192px;}
.i-lg .eicon-audio { background-position:-128px -256px;}

.eicon-calendar-day { background-position:-16px -96px;}
.i-md .eicon-calendar-day { background-position:-24px -144px;}
.i-lg .eicon-calendar-day { background-position:-32px -192px;}

.eicon-time { background-position:-16px -112px;}
.i-md .eicon-time { background-position:-24px -168px;}
.i-lg .eicon-time { background-position:-32px -224px;}

.eicon-buliding { background-position:-16px -128px;}
.i-md .eicon-buliding { background-position:-24px -192px;}
.i-lg .eicon-buliding { background-position:-32px -256px;}

.eicon-position { background-position:-16px -144px;}
.i-md .eicon-position { background-position:-24px -216px;}
.i-lg .eicon-position { background-position:-32px -288px;}

.eicon-pencile { background-position:-16px -160px;}
.i-md .eicon-pencile { background-position:-24px -240px;}
.i-lg .eicon-pencile { background-position:-32px -320px;}

/*line-3*/
.eicon-chart { background-position:-32px 0px;}
.i-md .eicon-chart{ background-position:-48px 0px;}
.i-lg .eicon-chart{ background-position:-64px 0px;}

.eicon-copy { background-position:-32px -16px;}
.i-md .eicon-copy { background-position:-48px -24px;}
.i-lg .eicon-copy { background-position:-64px -32px;}

.eicon-trash { background-position:-32px -32px;}
.i-md .eicon-trash { background-position:-48px -48px;}
.i-lg .eicon-trash { background-position:-64px -64px;}

.eicon-chevron-up { background-position:-32px -48px;}
.i-md .eicon-chevron-up { background-position:-48px -72px;}
.i-lg .eicon-chevron-up { background-position:-64px -96px;}

.eicon-chevron-right { background-position:-32px -64px;}
.i-md .eicon-chevron-right { background-position:-48px -96px;}
.i-lg .eicon-chevron-right { background-position:-64px -128px;}

.eicon-chevron-down { background-position:-32px -80px;}
.i-md .eicon-chevron-down { background-position:-48px -120px;}
.i-lg .eicon-chevron-down { background-position:-64px -160px;}

.eicon-chevron-left { background-position:-32px -96px;}
.i-sm .eicon-chevron-left{ background-position:-16px -48px;}
.i-md .eicon-chevron-left { background-position:-48px -144px;}
.i-lg .eicon-chevron-left { background-position:-64px -192px;}

.eicon-plus-solid { background-position:-32px -112px;}
.i-sm .eicon-plus-solid { background-position:-16px -56px;}
.i-md .eicon-plus-solid { background-position:-48px -168px;}
.i-lg .eicon-plus-solid { background-position:-64px -224px;}

.eicon-minus-solid { background-position:-32px -128px;}
.i-sm .eicon-minus-solid { background-position:-16px -64px;}
.i-md .eicon-minus-solid { background-position:-48px -192px;}
.i-lg .eicon-minus-solid { background-position:-64px -256px;}

.eicon-question-circle { background-position:-32px -144px;}
.i-md .eicon-question-circle { background-position:-48px -216px;}
.i-lg .eicon-question-circle { background-position:-64px -288px;}

.eicon-cancel { background-position:-32px -160px;}
.i-sm .eicon-cancel { background-position:-16px -80px;}
.i-md .eicon-cancel { background-position:-48px -240px;}
.i-lg .eicon-cancel { background-position:-64px -320px;}

/*line-4*/
.eicon-hamberger-menu { background-position:-48px 0px;}
.i-md .eicon-hamberger-menu{ background-position:-72px 0px;}
.i-lg .eicon-hamberger-menu{ background-position:-96px 0px;}

.eicon-kebab-menu { background-position:-48px -16px;}
.i-md .eicon-kebab-menu { background-position:-72px -24px;}
.i-lg .eicon-kebab-menu { background-position:-96px -32px;}

.eicon-meatball-menu { background-position:-48px -32px;}
.i-md .eicon-meatball-menu { background-position:-72px -48px;}
.i-lg .eicon-meatball-menu { background-position:-96px -64px;}

.eicon-pin { background-position:-48px -48px;}
.i-md .eicon-pin { background-position:-72px -72px;}
.i-lg .eicon-pin { background-position:-96px -96px;}

.eicon-bus { background-position:-48px -64px;}
.i-md .eicon-bus { background-position:-72px -96px;}
.i-lg .eicon-bus { background-position:-96px -128px;}

.eicon-play { background-position:-48px -80px;}
.i-md .eicon-play { background-position:-72px -120px;}
.i-lg .eicon-play { background-position:-96px -160px;}

.eicon-refresh { background-position:-48px -96px;}
.i-md .eicon-refresh { background-position:-72px -144px;}
.i-lg .eicon-refresh { background-position:-96px -192px;}

.eicon-search { background-position:-48px -112px;}
.i-md .eicon-search { background-position:-72px -168px;}
.i-lg .eicon-search { background-position:-96px -224px;}

.eicon-maximize { background-position:-48px -128px;}
.i-md .eicon-maximize { background-position:-72px -192px;}
.i-lg .eicon-maximize { background-position:-96px -256px;}

.eicon-minimize { background-position:-48px -144px;}
.i-md .eicon-minimize { background-position:-72px -216px;}
.i-lg .eicon-minimize { background-position:-96px -288px;}

.eicon-restore { background-position:-48px -160px;}
.i-md .eicon-restore { background-position:-72px -240px;}
.i-lg .eicon-restore { background-position:-96px -320px;}

/*line-5*/
.eicon-channel { background-position:-64px 0px;}
.i-md .eicon-channel{ background-position:-96px 0px;}
.i-lg .eicon-channel{ background-position:-128px 0px;}

.eicon-setting { background-position:-64px -16px;}
.i-md .eicon-setting { background-position:-96px -24px;}
.i-lg .eicon-setting { background-position:-128px -32px;}

.eicon-present { background-position:-64px -32px;}
.i-md .eicon-present { background-position:-96px -48px;}
.i-lg .eicon-present { background-position:-128px -64px;}

.eicon-target { background-position:-64px -48px;}
.i-md .eicon-target { background-position:-96px -72px;}
.i-lg .eicon-target { background-position:-128px -96px;}

.eicon-figure { background-position:-64px -64px;}
.i-md .eicon-figure { background-position:-96px -96px;}
.i-lg .eicon-figure { background-position:-128px -128px;}

.eicon-network { background-position:-64px -80px;}
.i-md .eicon-network { background-position:-96px -120px;}
.i-lg .eicon-network { background-position:-128px -160px;}

.eicon-contents { background-position:-64px -129px;}
.i-md .eicon-contents { background-position:-96px -192px;}
.i-lg .eicon-contents { background-position:-128px -256px;}

/*매체아이콘*/
.i-media [class*="eicon-"]{background-image: url(../images/icon/media.png); background-size: auto 64px;} /* size / 2*/
.i-media.i-sm [class*="eicon-"]{ background-size: auto 32px; } /* size / 4*/
.i-media.i-md [class*="eicon-"]{ background-size: auto 96px; } /* size / 1.5*/
.i-media.i-lg [class*="eicon-"]{ background-size: auto 128px; } /*96px*/


/* ====== 매체 아이콘 개별 위치 ====== */
/* 라지(32px 기준) 첫 번째 아이콘 / 미디엄(24px 기준) 첫 번째 아이콘 / 스몰(16px 기준) 첫 번째 아이콘 */

/* 라이브AD */
.i-media.i-lg .eicon-liveAD {background-position: 0px 0px;}
.i-media.i-md .eicon-liveAD {background-position: 0px 0px;}
.i-media .eicon-liveAD {background-position: 0px 0px;}

/* 지하철PSD */
.i-media.i-lg .eicon-subwaypsd {background-position: -32px -64px;}
.i-media.i-md .eicon-subwaypsd {background-position: -24px -48px;}
.i-media .eicon-subwaypsd {background-position: -16px -32px;}

/* 지하철PDV */
.i-media.i-lg .eicon-subwaypdv {background-position: -32px 0px;}
.i-media.i-md .eicon-subwaypdv {background-position: -24px 0px;}
.i-media .eicon-subwaypdv {background-position: -16px 0px;}

/* 타운보드 */
.i-media.i-lg .eicon-townboard {background-position: 0px -32px;}
.i-media.i-md .eicon-townboard {background-position: 0px -24px;}
.i-media .eicon-townboard {background-position: 0px -16px;}

/* 버스TV */
.i-media.i-lg .eicon-busTV {background-position: 0px -64px;}
.i-media.i-md .eicon-busTV {background-position: 0px -48px;}
.i-media .eicon-busTV {background-position: 0px -32px;}

/* 지하철 인쇄면 */
.i-media.i-lg .eicon-subwaydms {background-position: -96px 0px;}
.i-media.i-md .eicon-subwaydms {background-position: -72px 0px;}
.i-media .eicon-subwaydms {background-position: -48px 0px;}

/* 엔스퀘어 */
.i-media.i-lg .eicon-nsquare {background-position: -128px -96px;}
.i-media.i-md .eicon-nsquare {background-position: -96px -72px;}
.i-media .eicon-nsquare {background-position: -64px -48px;}

/* 야구장 */
.i-media.i-lg .eicon-ballpark {background-position: -128px -64px;}
.i-media.i-md .eicon-ballpark {background-position: -96px -48px;}
.i-media .eicon-ballpark {background-position: -64px -32px;}

/* 신세계 백화점/아울렛 */
.i-media.i-lg .eicon-saeron {background-position: -128px -32px;}
.i-media.i-md .eicon-saeron {background-position: -96px -24px;}
.i-media .eicon-saeron {background-position: -64px -16px;}

/* 미디어포스터 */
.i-media.i-lg .eicon-subwayposter {background-position: -32px -32px;}
.i-media.i-md .eicon-subwayposter {background-position: -24px -24px;}
.i-media .eicon-subwayposter {background-position: -16px -16px;}

/* 미디어가든 */
.i-media.i-lg .eicon-subwaygarden {background-position: -32px -96px;}
.i-media.i-md .eicon-subwaygarden {background-position: -24px -72px;}
.i-media .eicon-subwaygarden {background-position: -16px -48px;}

/* 메트로라이브 */
.i-media.i-lg .eicon-metrolive {background-position: -96px 0px;}
.i-media.i-md .eicon-metrolive {background-position: -72px 0px;}
.i-media .eicon-metrolive {background-position: -48px 0px;}

/* 디지털버스쉘터 */
.i-media.i-lg .eicon-busShelter {background-position: 0px -96px;}
.i-media.i-md .eicon-busShelter {background-position: 0px -72px;}
.i-media .eicon-busShelter {background-position: 0px -48px;}

/* 가로변버스쉘터 */
/*예약불가 unavailable, 점검중 inspection, 철거 demolition*/
.--imgposter.i-media .eicon-busShelter { background-position:-32px 0px;} 
.--imgposter.i-media.i-md .eicon-busShelter{ background-position:-48px 0px;}
.--imgposter.i-media.i-lg .eicon-busShelter{ background-position:-64px 0px;}

.--unavailable.i-media .eicon-busShelter { background-position:-32px -16px;} 
.--unavailable.i-media.i-md .eicon-busShelter{ background-position:-48px -24px;}
.--unavailable.i-media.i-lg .eicon-busShelter{ background-position:-64px -32px;}

.--inspection.i-media .eicon-busShelter { background-position:-32px -32px;}
.--inspection.i-media.i-md .eicon-busShelter { background-position:-48px -48px;}
.--inspection.i-media.i-lg .eicon-busShelter { background-position:-64px -64px;}

.--demolition.i-media .eicon-busShelter { background-position:-32px -48px;}
.--demolition.i-media.i-md .eicon-busShelter { background-position:-48px -72px;}
.--demolition.i-media.i-lg .eicon-busShelter { background-position:-64px -96px;}

/* S-Vision */
.i-media.i-lg .eicon-svision {background-position: -160px -96px;}
.i-media.i-md .eicon-svision {background-position: -120px -72px;}
.i-media .eicon-svision {background-position: -80px -48px;}

/* 이스트폴 */
.i-media.i-lg .eicon-eastpole {background-position: -192px 0px;}
.i-media.i-md .eicon-eastpole {background-position: -144px 0px;}
.i-media .eicon-eastpole {background-position: -96px 0px;}


/* 지하철 디지털(메트로라이브) */
.i-media.i-lg .eicon-metrolive {background-position: -160px 0px;}
.i-media.i-md .eicon-metrolive {background-position: -120px 0px;}
.i-media .eicon-metrolive {background-position: -80px 0px;}

/* GS편의점_지점별 */
.i-media.i-lg .eicon-gs25-spot {background-position: -160px -32px;}
.i-media.i-md .eicon-gs25-spot {background-position: -120px -24px;}
.i-media .eicon-gs25-spot {background-position: -80px -16px;}

/* GS수퍼_지점별 */
.i-media.i-lg .eicon-gsfresh-spot {background-position: -160px -64px;}
.i-media.i-md .eicon-gsfresh-spot {background-position: -120px -48px;}
.i-media .eicon-gsfresh-spot {background-position: -80px -32px;}

/* GS 리테일 탑뷰 */
.i-media.i-lg .eicon-gs {background-position: -128px 0px;}
.i-media.i-md .eicon-gs {background-position: -96px 0px;}
.i-media .eicon-gs {background-position: -64px 0px;}

/* GS수퍼 */
.i-media.i-lg .eicon-gsfresh {background-position: -96px -96px;}
.i-media.i-md .eicon-gsfresh {background-position: -72px -72px;}
.i-media .eicon-gsfresh {background-position: -48px -48px;}

/* GS편의점 */
.i-media.i-lg .eicon-gs25 {background-position: -96px -64px;}
.i-media.i-md .eicon-gs25 {background-position: -72px -48px;}
.i-media .eicon-gs25 {background-position: -48px -32px;}

/* KT 스퀘어 */
.i-media.i-lg .eicon-gmp {background-position: -192px -32px;}
.i-media.i-md .eicon-gmp {background-position: -144px -24px;}
.i-media .eicon-gmp {background-position: -96px -16px;}

/* KT플래그십 */
.i-media.i-lg .eicon-kt-plaza {background-position: -192px -64px;}
.i-media.i-md .eicon-kt-plaza {background-position: -144px -48px;}
.i-media .eicon-kt-plaza {background-position: -96px -32px;}

/* 김포공항 */
.i-media.i-lg .eicon-gimpo-air {background-position: -192px -96px;}
.i-media.i-md .eicon-gimpo-air {background-position: -144px -72px;}
.i-media .eicon-gimpo-air {background-position: -96px -48px;}

/* 헬로명동 */
.i-media.i-lg .eicon-hello-md {background-position: -224px -64px;}
.i-media.i-md .eicon-hello-md {background-position: -168px -48px;}
.i-media .eicon-hello-md {background-position: -112px -32px;}

/* 헬로로데오 */
.i-media.i-lg .eicon-hello-rodeo {background-position: -224px -32px;}
.i-media.i-md .eicon-hello-rodeo {background-position: -168px -24px;}
.i-media .eicon-hello-rodeo {background-position: -112px -16px;}

/* 나인원한남 */
.i-media.i-lg .eicon-nine1-hannam {background-position: -224px 0px;}
.i-media.i-md .eicon-nine1-hannam {background-position: -168px 0px;}
.i-media .eicon-nine1-hannam {background-position: -112px 0px;}

/* CM보드(DID : 사각기둥)-영상 */
.i-media.i-lg .eicon-cm-board-v {background-position: -224px -96px;}
.i-media.i-md .eicon-cm-board-v {background-position: -168px -72px;}
.i-media .eicon-cm-board-v {background-position: -112px -48px;}

/* CM보드(DID : 사각기둥)-인쇄면 */
.i-media.i-lg .eicon-cm-board-p {background-position: -256px 0px;}
.i-media.i-md .eicon-cm-board-p {background-position: -192px 0px;}
.i-media .eicon-cm-board-p {background-position: -128px 0px;}

/* CM보드(DID : 사각기둥)-인쇄면 선택 불가 */
.--unavailable.i-media.i-lg .eicon-cm-board-p {background-position: -256px -32px;}
.--unavailable.i-media.i-md .eicon-cm-board-p {background-position: -192px -24px;}
.--unavailable.i-media .eicon-cm-board-p {background-position: -128px -16px;}

/* 현대퓨처넷-강남역 신분당선:출구 에스컬레이터 벽면 + 캐노피 + 환승통로의 게이트 LED */
.i-media.i-lg .eicon-gangnam-hf {background-position: -256px -64px;}
.i-media.i-md .eicon-gangnam-hf {background-position: -192px -48px;}
.i-media .eicon-gangnam-hf {background-position: -128px -32px;}

/* 판교 LED 캐노피 */
.i-media.i-md .eicon-subwayLED {background-position: -72px -24px;}
.i-media.i-lg .eicon-subwayLED {background-position: -96px -32px;}
.i-media .eicon-subwayLED {background-position: -48px -16px;}

/* 어메이징 파르나스 */
.i-media.i-md .eicon-joongang-ap {background-position: -192px -72px;}
.i-media.i-lg .eicon-joongang-ap {background-position: -256px -96px;}
.i-media .eicon-joongang-ap {background-position: -128px -48px;}

/* 커브드월 홍대 */
.i-media.i-md .eicon-joongang-ch {background-position: -216px -24px;}
.i-media.i-lg .eicon-joongang-ch {background-position: -288px -32px;}
.i-media .eicon-joongang-ch {background-position: -144px -16px;}

/* 테헤란로 T204 */
.i-media.i-md .eicon-joongang-tt {background-position: -216px 0px;}
.i-media.i-lg .eicon-joongang-tt {background-position: -288px 0px;}
.i-media .eicon-joongang-tt {background-position: -144px 0px;}

/* 지하철 음성매체 */
.i-media.i-md .eicon-subway-audio {background-position: -216px -48px;}
.i-media.i-lg .eicon-subway-audio {background-position: -288px -64px;}
.i-media .eicon-subway-audio {background-position: -144px -32px;}

/* 지하철 음성매체 선택 불가 */
.--unavailable.i-media.i-md .eicon-subway-audio {background-position: -216px -72px;}
.--unavailable.i-media.i-lg .eicon-subway-audio {background-position: -288px -96px;}
.--unavailable.i-media .eicon-subway-audio {background-position: -144px -48px;}

/* 세븐 일레븐 */
.i-media.i-md .eicon-sev {background-position: -240px 0px;}
.i-media.i-lg .eicon-sev {background-position: -320px 0px;}
.i-media .eicon-sev {background-position: -160px 0px;}