@charset "UTF-8";


.icon { display:inline-block; width:24px; height:24px; line-height:30px; font-style:normal; vertical-align: middle; font-size:0px }
.icon.filter_invert { filter:invert(1); }
.icon.filter_white  { filter: brightness(10); }
.icon.filter_gray   { filter: brightness(4);  }

.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.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; }
/********* 공통 ***********/

/* arrow */
.icon.arrow_back { background-image:url(icons/arrow_back.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_next { background-image:url(icons/arrow_next.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_up   { background-image:url(icons/arrow_up.svg  ); background-repeat:no-repeat; background-position:center; }

.icon.arrow_back.G6 { background-image:url(icons/arrow_back_g6.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_next.G6 { background-image:url(icons/arrow_next_g6.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_down.G6 { background-image:url(icons/arrow_down_g6.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_up.G6   { background-image:url(icons/arrow_up_g6.svg  ); background-repeat:no-repeat; background-position:center; }

.icon.arrow_back.G7 { background-image:url(icons/arrow_back_g7.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_next.G7 { background-image:url(icons/arrow_next_g7.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_down.G7 { background-image:url(icons/arrow_down_g7.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_up.G7   { background-image:url(icons/arrow_up_g7.svg  ); background-repeat:no-repeat; background-position:center; }

.icon.arrow_back.A6 { background-image:url(icons/arrow_back_a6.svg); background-repeat:no-repeat; background-position:center; }
.icon.arrow_next.A6 { background-image:url(icons/arrow_next_a6.svg); background-repeat:no-repeat; background-position:center; }

.icon.arrow_up.orange   { background-image:url(icons/arrow_up_orange.svg);   background-repeat:no-repeat; background-position:center; }
.icon.arrow_down.orange { background-image:url(icons/arrow_down_orange.svg); background-repeat:no-repeat; background-position:center; }


/* add box */
.icon.add_box    { background-image:url(icons/add_box_off.svg); background-repeat:no-repeat; background-position:center; }
.icon.add_box.on { background-image:url(icons/add_box_on.svg);  background-repeat:no-repeat; background-position:center; }

/* toggle */
.icon.toggle     { background-image:url(icons/toggle_off.svg); background-repeat:no-repeat; background-position:center; }
.icon.toggle.on  { background-image:url(icons/toggle_on.svg);  background-repeat:no-repeat; background-position:center; }

/* checkbox */
.icon.checkbox        { background-image:url(icons/checkbox_normal.svg);  background-repeat:no-repeat; background-position:center; }
.icon.checkbox.line   { background-image:url(icons/checkbox_line.svg);    background-repeat:no-repeat; background-position:center; }
.icon.checkbox.on     { background-image:url(icons/checkbox_checked.svg); background-repeat:no-repeat; background-position:center; }
.icon.checkbox.on.gray{ background-image:url(icons/checkbox_checked_gray.svg); background-repeat:no-repeat; background-position:center; }
.icon.checkbox.number { background-image:url(icons/checkbox_number.svg);  background-repeat:no-repeat; background-position:center; text-align:center; vertical-align: middle; color:#fff; font-weight:bold; font-size:13px }

/* icon */
.icon.outlink      { background-image:url(icons/outlink.svg); background-repeat:no-repeat; background-position:center; }
.icon.search       { background-image:url(icons/search.svg);  background-repeat:no-repeat; background-position:center; }
.icon.search.white { background-image:url(icons/search_white.svg);  background-repeat:no-repeat; background-position:center; }
.icon.search.orange{ background-image:url(icons/search_orange.svg); background-repeat:no-repeat; background-position:center; }
.icon.share        { background-image:url(icons/share.svg);   background-repeat:no-repeat; background-position:center; }
.icon.share.send   { background-image:url(icons/share_send.svg);   background-repeat:no-repeat; background-position:center; }
.icon.more         { background-image:url(icons/more.svg);    background-repeat:no-repeat; background-position:center; }

.icon.add          { background-image:url(icons/add.svg);     background-repeat:no-repeat; background-position:center; }
.icon.warning      { background-image:url(icons/warning.svg); background-repeat:no-repeat; background-position:center; }
.icon.warning.line { background-image:url(icons/warning_line.svg); background-repeat:no-repeat; background-position:center; }
.icon.attention    { background-image:url(icons/attention.svg); background-repeat:no-repeat; background-position:center; }
.icon.info         { background-image:url(icons/info.svg);    background-repeat:no-repeat; background-position:center; }
.icon.info2        { background-image:url(icons/info2.svg);   background-repeat:no-repeat; background-position:center; }
.icon.help         { background-image:url(icons/help.svg);    background-repeat:no-repeat; background-position:center; }
.icon.reload       { background-image:url(icons/reload.svg);    background-repeat:no-repeat; background-position:center; }

.icon.ranking      { background-image:url(icons/ranking.svg);    background-repeat:no-repeat; background-position:center; }
.icon.ranking.fill { background-image:url(icons/ranking_fill.svg);    background-repeat:no-repeat; background-position:center; }
.icon.trade.lightgray { background-image:url(icons/trade_lightgray.svg);        background-repeat:no-repeat; background-position:center; }
.icon.trade.darkgray  { background-image:url(icons/trade_darkgray.svg);    background-repeat:no-repeat; background-position:center; }
.icon.new.round    { background-image:url(icons/new_round.svg);    background-repeat:no-repeat; background-position:center; }

.icon.menu        { background-image:url(icons/menu.svg);    background-repeat:no-repeat; background-position:center; }
.icon.setting     { background-image:url(icons/setting.svg); background-repeat:no-repeat; background-position:center; }
.icon.time        { background-image:url(icons/time.svg);    background-repeat:no-repeat; background-position:center; }
.icon.delete      { background-image:url(icons/delete.svg);  background-repeat:no-repeat; background-position:center; }
.icon.edit        { background-image:url(icons/edit.svg);         background-repeat:no-repeat; background-position:center; }

.icon.check       { background-image:url(icons/check.svg);        background-repeat:no-repeat; background-position:center; }
.icon.check.G6    { background-image:url(icons/check_g6.svg);     background-repeat:no-repeat; background-position:center; }
.icon.check.green { background-image:url(icons/check_green.svg);  background-repeat:no-repeat; background-position:center; }
.icon.check.blue  { background-image:url(icons/check_blue.svg);   background-repeat:no-repeat; background-position:center; }
.icon.check.on    { background-image:url(icons/check_on.svg);     background-repeat:no-repeat; background-position:center; }

.icon.close       { background-image:url(icons/close_normal.svg); background-repeat:no-repeat; background-position:center; opacity:1; float:none }
.icon.close.round { background-image:url(icons/close_round.svg);  background-repeat:no-repeat; background-position:center; }

.icon.notification     { background-image:url(icons/notification_normal.svg); background-repeat:no-repeat; background-position:center; }
.icon.notification.new { background-image:url(icons/notification_new.svg);    background-repeat:no-repeat; background-position:center; }
.icon.update           { background-image:url(icons/update.svg);              background-repeat:no-repeat; background-position:center; }
.icon.update.colored   { background-image:url(icons/update_colored.svg);      background-repeat:no-repeat; background-position:center; }

.icon.stock_plus     { width:auto; height:auto; text-indent:14px; background-image:url(icons/stock_plus.svg);  background-repeat:no-repeat; background-position:3px center; color:var(--color-A5); font-size:var(--font-12); line-height:160%; font-weight:800; }
.icon.stock_minus    { width:auto; height:auto; text-indent:14px; background-image:url(icons/stock_minus.svg); background-repeat:no-repeat; background-position:3px center; color:var(--color-B5); font-size:var(--font-12); line-height:160%; font-weight:800; }
.icon.stock_same     { width:24px; min-height:24px; text-indent:14px; background-image:url(icons/stock_same.svg);  background-repeat:no-repeat; background-position:center; color:var(--color-B5); font-size:var(--font-12); line-height:160%; font-weight:800; }

.icon.stock_up       { font-size:14px; background-image:url(icons/stock_up.svg);   background-repeat:no-repeat; background-position:center; color:var(--color-A5); font-size:14px; font-weight:800; }
.icon.stock_down     { font-size:14px; background-image:url(icons/stock_down.svg); background-repeat:no-repeat; background-position:center; color:var(--color-B5); font-size:14px; font-weight:800; }
.icon.stock_none     { font-size:14px; background-image:url(icons/stock_zero.svg); background-repeat:no-repeat; background-position:center; color:var(--color-G6); font-size:14px; font-weight:800; }

.icon.stock_up.row   { width:40px; height:38px; background-position:top; padding-top:12px; text-align:center; margin-right:0px;  margin-left:0px }
.icon.stock_down.row { width:40px; height:38px; background-position:top; padding-top:12px; text-align:center; margin-right:0px;  margin-left:0px }
.icon.stock_none.row { width:40px; height:38px; background-position:top; padding-top:12px; text-align:center; margin-right:0px;  margin-left:0px }

.icon.stock_up.col   { width:65px; background-position:left; text-indent:28px; line-height: 25px; padding:0 !important }
.icon.stock_down.col { width:65px; background-position:left; text-indent:28px; line-height: 25px; padding:0 !important }
.icon.stock_none.col { width:65px; background-position:left; text-indent:28px; line-height: 25px; padding:0 !important }

.icon.stock_up.col.noheight   { height: var(--icon-size); line-height: var(--icon-size); text-indent: calc(var(--icon-size) + 2px); }
.icon.stock_down.col.noheight { height: var(--icon-size); line-height: var(--icon-size); text-indent: calc(var(--icon-size) + 2px); }
.icon.stock_none.col.noheight { height: var(--icon-size); line-height: var(--icon-size); text-indent: calc(var(--icon-size) + 2px); }

.icon.market   { background-image:url(icons/market.svg); background-repeat:no-repeat; background-position:center; }
.icon.people   { background-image:url(icons/people.svg); background-repeat:no-repeat; background-position:center; }
.icon.peoples  { background-image:url(icons/peoples.svg); background-repeat:no-repeat; background-position:center; }
.icon.filter   { width:36px; height:36px; background-image:url(icons/filter.svg); background-repeat:no-repeat; background-position:center; }
.icon.filter.on{ width:36px; height:36px; background-image:url(icons/filter_on.svg); background-repeat:no-repeat; background-position:center; }
.icon.calendar { background-image:url(icons/calendar.svg); background-repeat:no-repeat; background-position:center; }
.icon.lock     { background-image:url(icons/lock.svg); background-repeat:no-repeat; background-position:center; }
.icon.calc     { background-image:url(icons/calc.svg); background-repeat:no-repeat; background-position:center; }

.icon.orderStat.on  { background-image:url(icons/orderStat_on.svg);   background-repeat:no-repeat; background-position:center; }
.icon.orderStat      { background-image:url(icons/orderStat_off.svg);   background-repeat:no-repeat; background-position:center; }


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

.icon.write     { background-image:url(icons/write.svg);  background-repeat:no-repeat; background-position:center; }
.icon.write.filled { background-image:url(icons/write_filled.svg);  background-repeat:no-repeat; background-position:center; }
.icon.scrape    { background-image:url(icons/scrape.svg); background-repeat:no-repeat; background-position:center; }
.icon.view      { background-image:url(icons/view.svg);   background-repeat:no-repeat; background-position:center; }
.icon.view.off  { background-image:url(icons/view_off.svg);   background-repeat:no-repeat; background-position:center; }

.icon.like         { background-image:url(icons/like_normal.svg); background-repeat:no-repeat; background-position:center; }
.icon.like.gray    { background-image:url(icons/like_gray.svg); background-repeat:no-repeat; background-position:center; }
.icon.like.line    { background-image:url(icons/like_line.svg); background-repeat:no-repeat; background-position:center; }
.icon.like.gray_line { background-image:url(icons/like_gray_line.svg); background-repeat:no-repeat; background-position:center; }
.icon.like.on      { background-image:url(icons/like_selected.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.image    { background-image:url(icons/image.svg);           background-repeat:no-repeat; background-position:center; }
.icon.image.on { background-image:url(icons/image_selected.svg);  background-repeat:no-repeat; background-position:center; }
.icon.link     { background-image:url(icons/link.svg);            background-repeat:no-repeat; background-position:center; }
.icon.link.on  { background-image:url(icons/link_selected.svg);   background-repeat:no-repeat; background-position:center; }

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

.icon.bookmark      { background-image:url(icons/bookmark.svg);        background-repeat:no-repeat; background-position:center; cursor:pointer }
.icon.bookmark.fill { background-image:url(icons/bookmark_fill.svg);   background-repeat:no-repeat; background-position:center; }
.icon.bookmark.on   { background-image:url(icons/bookmark_added.svg);  background-repeat:no-repeat; background-position:center; }

.icon.at          { background-image:url(icons/at.svg);           background-repeat:no-repeat; background-position:center; }
.icon.at.on       { background-image:url(icons/at_selected.svg);  background-repeat:no-repeat; background-position:center; }
.icon.at.active   { background-image:url(icons/at_activated.svg); background-repeat:no-repeat; background-position:center; }

.icon.hash        { background-image:url(icons/hash.svg);           background-repeat:no-repeat; background-position:center; }
.icon.hash.on     { background-image:url(icons/hash_selected.svg);  background-repeat:no-repeat; background-position:center; }
.icon.hash.active { background-image:url(icons/hash_activated.svg); background-repeat:no-repeat; background-position:center; }

.icon.place       { background-image:url(icons/place.svg);       background-repeat:no-repeat; background-position:center; }
.icon.place.gray  { background-image:url(icons/place_gray.svg);  background-repeat:no-repeat; background-position:center; }
.icon.place.fill  { background-image:url(icons/place_fill.svg);  background-repeat:no-repeat; background-position:center; }


/************************ market *************************/
.icon.market_auth      { width:auto; padding-right:14px; height:16px; line-height:16px; font-size:10px; font-weight:bold; color:var(--color-B7); white-space:nowrap; background-image:url(icons/market_auth.svg);   background-repeat:no-repeat; background-position:center right; }
.icon.market_auth.G6   { color:#B3B3B3; background-image:url(icons/market_auth_g6.svg);   background-repeat:no-repeat; background-position:center right; }
.icon.market_direct    { width:auto; padding-right:14px; height:16px; line-height:16px; font-size:10px; font-weight:bold; color:var(--color-A6); white-space:nowrap; background-image:url(icons/market_direct.svg); background-repeat:no-repeat; background-position:center right; }
.icon.market_direct.G6 { color:#B3B3B3; background-image:url(icons/market_direct_g6.svg); background-repeat:no-repeat; background-position:center right; }
.icon.market_check     { width:auto; padding-right:14px; height:16px; line-height:16px; font-size:10px; font-weight:bold; color:var(--color-A6); white-space:nowrap; background-image:url(icons/market_check.svg);   background-repeat:no-repeat; background-position:center right; }
.icon.market_check.G6  { color:#B3B3B3; background-image:url(icons/market_check_g6.svg); background-repeat:no-repeat; background-position:center right; }
.icon.market_time     { width:16px; height:16px; background-image:url(icons/market_time.svg); background-repeat:no-repeat; background-position:center right; }
.icon.market_check_green{ width:16px; height:16px; background-image:url(icons/market_check_green.svg); background-repeat:no-repeat; background-position:center right; }

/************************ stockdetail *************************/
.icon.stockdetail_down  { width:48px; height:48px; background-image:url(icons/stockdetail_down.svg);  background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_money { width:48px; height:48px; background-image:url(icons/stockdetail_money.svg); background-repeat:no-repeat; background-position:center; }
.icon.stockdetail_shop  { width:48px; height:48px; background-image:url(icons/stockdetail_shop.svg);  background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_user  { width:48px; height:48px; background-image:url(icons/stockdetail_user.svg);  background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_bio   { width:48px; height:48px; background-image:url(icons/stockdetail_bio.svg);   background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_trade { width:48px; height:48px; background-image:url(icons/stockdetail_trade.svg);   background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_service { width:48px; height:48px; background-image:url(icons/stockdetail_service.svg); background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_delivery { width:48px; height:48px; background-image:url(icons/stockdetail_delivery.svg);   background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_food     { width:48px; height:48px; background-image:url(icons/stockdetail_food.svg);   background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_order    { width:48px; height:48px; background-image:url(icons/stockdetail_order.svg);   background-repeat:no-repeat; background-position:center;  }
.icon.stockdetail_etc      { width:48px; height:48px; background-image:url(icons/stockdetail_etc.svg);   background-repeat:no-repeat; background-position:center;  }

/** mypage **/
.icon.chat       { background-image:url(icons/chat.svg);     background-repeat:no-repeat; background-position:center; }
.icon.heart      { background-image:url(icons/heart.svg);    background-repeat:no-repeat; background-position:center; }
.icon.myTrade    { background-image:url(icons/myTrade.svg);  background-repeat:no-repeat; background-position:center; }
.icon.notice     { background-image:url(icons/notice.svg);   background-repeat:no-repeat; background-position:center; }
.icon.tel        { background-image:url(icons/tel.svg);      background-repeat:no-repeat; background-position:center; }
.icon.question   { background-image:url(icons/question.svg); background-repeat:no-repeat; background-position:center; }


/** indent **/
.indent_none {
  text-indent: 0 !important;
}