@charset "UTF-8";


.icon { display:inline-block; width:24px; height:24px; background-size:24px 24px; line-height:30px; font-style:normal; vertical-align: middle; font-size:0px }
.icon.filter_invert { filter:invert(1); }
.icon.filter_white  { filter: brightness(100); }
.icon.filter_gray   { filter: brightness(4);  }
.icon.filter_gray1  { filter: brightness(1);  }
.icon.filter_gray2  { filter: brightness(2);  }
.icon.filter_gray3  { filter: brightness(3);  }
.icon.filter_gray4  { filter: brightness(4);  }
.icon.filter_gray5  { filter: brightness(5);  }
.icon.filter_gray6  { filter: brightness(6);  }
.icon.filter_gray7  { filter: brightness(7);  }
.icon.filter_gray8  { filter: brightness(8);  }
.icon.filter_gray9  { filter: brightness(9);  }

.icon.hidden { display:none !important }
.icon.tiny   { width:12px !important; height:12px !important; background-size:6px 6px }
.icon.small  { width:20px !important; height:20px !important; background-size:18px 18px}
.icon.s10    { width:10px !important; height:10px !important; background-size:10px 10px; --icon-size:10px; }
.icon.s11    { width:11px !important; height:11px !important; background-size:11px 11px; --icon-size:11px; }
.icon.s12    { width:12px !important; height:12px !important; background-size:12px 12px; --icon-size:12px; }
.icon.s13    { width:13px !important; height:13px !important; background-size:13px 13px; --icon-size:13px; }
.icon.s14    { width:14px !important; height:14px !important; background-size:14px 14px; --icon-size:14px; }
.icon.s15    { width:15px !important; height:15px !important; background-size:15px 15px; --icon-size:15px; }
.icon.s16    { width:16px !important; height:16px !important; background-size:16px 16px; --icon-size:16px; }
.icon.s17    { width:17px !important; height:17px !important; background-size:17px 17px; --icon-size:17px; }
.icon.s18    { width:18px !important; height:18px !important; background-size:18px 18px; --icon-size:18px; }
.icon.s20    { width:20px !important; height:20px !important; background-size:20px 20px; --icon-size:20px; }
.icon.s24    { width:24px !important; height:24px !important; background-size:24px 24px; --icon-size:24px; }
.icon.s18    { width:19px !important; height:19px !important; background-size:19px 19px; --icon-size:19px; }
.icon.s32    { width:32px !important; height:32px !important; background-size:30px 30px; --icon-size:32px; }
.icon.s80    { width:80px !important; height:80px !important; background-size:80px 80px; --icon-size:80px; }
/********* 공통 ***********/

/* 예시 */
.icon.arrow_back { background-image:url(icons/arrow_back.svg); background-repeat:no-repeat; background-position:center; }

.icon.like.cnt  { height:43px; text-align:center; padding-top:24px; line-height:19px; font-size:12px; font-weight:bold; color:var(--color-G8); background-position:top center; }
.icon.copy        { background-image:url(icons/copy.svg);     background-repeat:no-repeat; background-position:center; }


/************************ main_left *************************/
.icon.double_arrow_back   { background-image:url(icons/double_arrow_back.svg);      background-repeat:no-repeat; background-position:center; }
.icon.double_arrow { background-image:url(icons/double_arrow.svg);      background-repeat:no-repeat; background-position:center; }
.icon.write        { background-image:url(icons/write.svg);      background-repeat:no-repeat; background-position:center; }
.icon.explore      { background-image:url(icons/explore.svg);    background-repeat:no-repeat; background-position:center; }
.icon.arrow_down   { background-image:url(icons/arrow_down.svg);      background-repeat:no-repeat; background-position:center; }
.icon.arrow_right  { background-image:url(icons/arrow_right.svg);      background-repeat:no-repeat; background-position:center; }
.icon.shield       { background-image:url(icons/shield.svg);      background-repeat:no-repeat; background-position:center; }
.icon.document     { background-image:url(icons/document.svg);      background-repeat:no-repeat; background-position:center; }
.icon.profile      { background-image:url(icons/profile.svg);      background-repeat:no-repeat; background-position:center; }
.icon.preferences  { background-image:url(icons/preferences.svg);      background-repeat:no-repeat; background-position:center; }
.icon.notification { background-image:url(icons/notification.svg);      background-repeat:no-repeat; background-position:center; }
.icon.billing      { background-image:url(icons/billing.svg);      background-repeat:no-repeat; background-position:center; }
.icon.settings { background-image:url(icons/settings.svg);      background-repeat:no-repeat; background-position:center; }
.icon.language { background-image:url(icons/language.svg);      background-repeat:no-repeat; background-position:center; }
.icon.upgrade  { background-image:url(icons/upgrade.svg);      background-repeat:no-repeat; background-position:center; }
.icon.help     { background-image:url(icons/help.svg);      background-repeat:no-repeat; background-position:center; }
.icon.logout   { background-image:url(icons/logout.svg);      background-repeat:no-repeat; background-position:center; }
.icon.email    { background-image:url(icons/email.svg);      background-repeat:no-repeat; background-position:center; }
.icon.close    { background-image:url(icons/close.svg);      background-repeat:no-repeat; background-position:center; }
.icon.search_close    { background-image:url(icons/search_close.svg);      background-repeat:no-repeat; background-position:center; }
.icon.shield     { background-image:url(icons/shield.svg);      background-repeat:no-repeat; background-position:center; }
.icon.document   { background-image:url(icons/document.svg);    background-repeat:no-repeat; background-position:center; }
.icon.plus_white { background-image:url(icons/plus_white.svg);  background-repeat:no-repeat; background-position:center; }
.icon.more       { background-image:url(icons/more.svg);        background-repeat:no-repeat; background-position:center; }
.icon.eye_off    { background-image:url(icons/eye-off.svg);     background-repeat:no-repeat; background-position:center; }
.icon.download   { background-image:url(icons/download.svg);     background-repeat:no-repeat; background-position:center; }
.icon.share      { background-image:url(icons/share.svg);     background-repeat:no-repeat; background-position:center; }

/* main */
.icon.search_next   { background-image:url(icons/search_next.svg); background-repeat:no-repeat; background-position:center; }
.icon.complet_succ  { background-image:url(icons/complet_succ.svg); background-repeat:no-repeat; background-position:center; }
.icon.complet_fail  { background-image:url(icons/complet_fail.svg); background-repeat:no-repeat; background-position:center; }

/* newCnb */
.icon.input_reset { background-image:url(icons/input_reset.svg); background-repeat:no-repeat; background-position:center; }

/* explorer */
.icon.search         { background-image:url(icons/search.svg);     background-repeat:no-repeat; background-position:center; }
.icon.check          { background-image:url(icons/check.svg);      background-repeat:no-repeat; background-position:center; }
.icon.list_grid      { background-image:url(icons/list_grid.svg);  background-repeat:no-repeat; background-position:center; }
.icon.list_list      { background-image:url(icons/list_list.svg);  background-repeat:no-repeat; background-position:center; }
.icon.star_solid     { background-image:url(icons/star_on.svg);    background-repeat:no-repeat; background-position:center; cursor:pointer;   }
.icon.star_solid[data-fav-seq=""]  { background-image:url(icons/star_solid.svg); background-repeat:no-repeat; background-position:center;  }
.icon.star_border    { background-image:url(icons/star_on.svg);    background-repeat:no-repeat; background-position:center; cursor:pointer   }
.icon.star_border[data-fav-seq=""] { background-image:url(icons/star_border.svg); background-repeat:no-repeat; background-position:center; }

/* viewer */
.icon.pdf_down       { background-image:url(icons/pdf_down.svg);  background-repeat:no-repeat; background-position:center; }
.icon.rocket         { background-image:url(icons/rocket.svg);    background-repeat:no-repeat; background-position:center; }
.icon.info_big       { background-image:url(icons/info_big.svg);  background-repeat:no-repeat; background-position:center; width:80px !important; height:80px !important; background-size:80px 80px; --icon-size:80px; }

/* subscriptions */
.icon.arrow_up_blue       { background-image:url(icons/arrow_up_blue.svg);  background-repeat:no-repeat; background-position:center; }

.icon.info     { background-image:url(icons/info.svg);  background-repeat:no-repeat; background-position:center; }