@charset "utf-8";

/*=============== icon setting ===============*/
.icon {
    vertical-align:middle;
    display:inline-flex;
    background-size:contain;
    background-repeat:no-repeat;
}
.icon::before {
    display:inline-block;
    content:'';
    vertical-align:middle;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}
.icon.large::before {
    width:32px !important;
    height:32px !important;
}
.icon.medium::before {
    width:20px !important;
    height:20px !important;
}
.icon.small::before {
    width:16px !important;
    height:16px !important;
}
.icon.green { /*아이콘 초록색 처리*/
    filter: invert(74%) sepia(16%) saturate(771%) hue-rotate(114deg) brightness(100%) contrast(90%);
}
.icon.white { /*아이콘 흰색 처리*/
    filter: brightness(100);
}
.icon.rotate180 {
    transform: rotate(180deg);
}

/*=============== icon list ===============*/
.icon_menu{
    width:20px;
    height:16px;
    background-image:url('../image/icon/icon_menu.svg');
}
.icon_menu_dot::before {
    width:16px;
    height:16px;
    background-image:url('../image/icon/icon_menu_dot.svg');
}
.icon_location{
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_location.svg');
}
.icon_badge{
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_badge.svg');
}
.icon_paper{
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_paper.svg');
}
.icon_member_gray::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_member_gray.svg');
}
.icon_alarm_gray::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_alarm_gray.svg');
}
.icon_headphone_gray::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_headphone_gray.svg');
}
/*common_menu*/
.icon_common_menu_1::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_1.svg');
}
.icon_common_menu_2::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_2.svg');
}
.icon_common_menu_3::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_3.svg');
}
.icon_common_menu_4::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_4.svg');
}
.icon_common_menu_5::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_5.svg');
}
.icon_common_menu_6::before  {
    width: 32px;
    height: 32px;
    background-image: url('../image/icon/icon_common_menu_6.svg');
}

/*lnb*/
.icon_lnb_memo::before {
    width:44px;
    height:44px;
    background-image:url('../image/icon/icon_memo.svg');
}
.icon_lnb_gift_cart::before {
    width:44px;
    height:44px;
    background-image:url('../image/icon/icon_gift_cart.svg');
}
.icon_lnb_score::before {
    width:44px;
    height:44px;
    background-image:url('../image/icon/icon_score.svg');
}

.icon_lnb_paper_check::before {
    width:104px;
    height:104px;
    background-image:url('../image/icon/icon_paper_check.svg');  
}

.icon_lnb_calendar::before {
    width:55px;
    height:55px;
    background-image:url('../image/icon/icon_calendar_color.svg');  
}

.icon_lnb_calculator::before {
    width:55px;
    height:55px;
    background-image:url('../image/icon/icon_calculator.svg');  
}

.icon_lnb_mail::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_mail.svg');  
}

.icon_lnb_card::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_card.svg');  
}

.icon_lnb_folder::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_folder.svg');  
}

/*이모지*/
.icon_emoji_heart::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_emoji_heart.svg');
}

/*화살표*/
.icon_arrow_right::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_arrow_right.svg');
}

.icon_arrow_left::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_arrow_left.svg');
}
.icon_arrow_top::before {
    transform: rotate(-90deg);
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_arrow_right.svg');
}
.icon_arrow_bottom::before {
    transform: rotate(90deg);
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_arrow_right.svg');
}
.icon_arrow_left_bottom::before {
    transform: rotate(135deg);
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_arrow_right.svg');
}
.icon_close::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_close.svg');
}
.icon_trophy::before {
    width:67px;
    height:68px;
    background-image:url('../image/icon/icon_trophy.svg');
}

.icon_login_naver::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_login_naver.svg');
}
.icon_login_apple::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_login_apple.svg');
}
.icon_login_kakao::before {
    width:48px;
    height:48px;
    background-image:url('../image/icon/icon_login_kakao.svg');
}
.icon_alert_gray::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_alert_gray.svg');
}
.icon_search::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_search.svg');
}
.icon_check::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_check_green.svg');
}
.icon_point::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_point.svg');
}
.icon_minus::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_minus.svg');
}
.icon_plus::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_plus.svg');
}
.icon_star::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_star.svg');
}
.icon_star.green{
    filter: none;
}
.icon_star.green::before {
    filter: none;
    background-image:url('../image/icon/icon_star_green.svg');
}
.icon_calendar::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar.svg');
}
.icon_ticket::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_ticket_img.svg');
}
.icon_ticket_green::before {
    width:32px;
    height:32px;
    background-image:url('../image/icon/icon_ticket_green.svg');
}
.icon_check_1::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_check_green_1.svg');
}
.icon_check_2::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_check_green_2.svg');
}
.icon_check_line::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_check_green_line.svg');
}

.icon_calendar_1::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_1.svg');
}
.icon_calendar_2::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_2.svg');
}

.icon_calendar_3::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_3.svg');
}
.icon_calendar_3.y::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_3-1.svg');
}
.icon_calendar_3.g::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_3-2.svg');
}
.icon_calendar_3.r::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_3-3.svg');
}
.icon_calendar_3.p::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_calendar_green_3-4.svg');
}
.icon_lock::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_lock.svg');
}
.icon_question::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_question.svg');
}
.icon_tooltip::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_tooltip.svg');
}
.icon_alert_gray_line::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_alert_gray_line.svg');
}
.icon_info::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_info.svg');
}
.icon_phone::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_phone.svg');
}
.icon_pencil::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_pencil.svg');
}
.icon_message::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_message.svg');
}
.icon_share::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_share.svg');
}
.icon_view::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_view.svg');
}
.icon_invitation_1::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_1.svg');
}
.icon_invitation_2::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_2.svg');
}
.icon_invitation_3::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_3.svg');
}
.icon_invitation_4::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_4.svg');
}
.icon_invitation_5::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_5.svg');
}
.icon_invitation_6::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_invitation_6.svg');
}
.icon_gift_card::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_gift_card.svg');
}
.icon_golf_car::before {
    width:64px;
    height:64px;
    background-image:url('../image/icon/icon_golf_car.svg');
}

.icon_home::before {
    width:12px;
    height:12px;
    background-image:url('../image/icon/icon_home.svg');
}

.icon_arrow_side::before {
    width:24px;
    height:12px;
    background-image:url('../image/icon/icon_arrow_side.svg');
}

.icon_my_score::before {
    width:45px;
    height:45px;
    background-image:url('../image/icon/icon_my_score.svg');
}
.icon_filter::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_filter.svg');
}
.icon_close_green::before {
    width:18px;
    height:18px;
    background-image:url('../image/icon/icon_close_green.svg');
}

.icon_job_card::before {
    width:26px;
    height:26px;
    background-image:url('../image/icon/icon_job_card.svg');
}
.icon_job_paper::before {
    width:26px;
    height:26px;
    background-image:url('../image/icon/icon_job_paper.svg');
}
.icon_job_badge::before {
    width:26px;
    height:26px;
    background-image:url('../image/icon/icon_job_badge.svg');
}

.icon_download::before {
    width:24px;
    height:24px;
    background-image:url('../image/icon/icon_download.svg');
}
.icon_check_line_2::before {
    width:20px;
    height:20px;
    background-image:url('../image/icon/icon_check_line.svg');
}






/*=============== 은행사 아이콘 ===============*/
.icon_bank_kbpay::before {
    width:42px;
    height:42px;
    background-image:url('../image/icon/icon_bank_kbpay.svg');
}
.icon_bank_kb::before {
    width:32px;
    height:32px;
    background-image:url('../image/icon/icon_bank_kb.svg');
}
.icon_bank_nonghyup::before {
    width:32px;
    height:32px;
    background-image:url('../image/icon/icon_bank_nonghyup.svg');
}
.icon_bank_shinhan::before {
    width:32px;
    height:32px;
    background-image:url('../image/icon/icon_bank_shinhan.svg');
}
.icon_card_1::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_1.svg');
}
.icon_card_2::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_2.svg');
}
.icon_card_3::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_3.svg');
}

.icon_card_4::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_4.svg');
}

.icon_card_5::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_5.svg');
}

.icon_card_6::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_6.svg');
}

.icon_card_7::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_7.svg');
}

.icon_card_8::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_8.svg');
}

.icon_card_9::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_9.svg');
}
.icon_card_10::before {
    width:25px;
    height:40px;
    background-image:url('../image/icon/icon_card_10.svg');
}