@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 ===============*/
/* gnb - hamburger */
.icon_menu {
    width: 24px;
    height: 24px;
    background-image: url('../image/icon/20250410_gnb_hamburger.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');
}
/* gnb - member */
.icon_member_gray::before {
    width: 24px;
    height: 24px;
    background-image: url('../image/icon/20250410_gnb_member.svg');
}
/* gnb - bell */
.icon_alarm_gray::before {
    width: 24px;
    height: 24px;
    background-image: url('../image/icon/20250410_gnb_bell.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: 40.27px !important;
    height: 41.45px !important;
    background-image: url('../image/icon/icon_memo.png');
}

.icon_lnb_gift_cart::before {
    width: 35px !important;
    height: 25px !important;
    background-image: url('../image/icon/icon_gift_cart.png');
}

.icon_lnb_score::before {
    width: 42px !important;
    height: 41px !important;
    background-image: url('../image/icon/icon_score.png');
}

.icon_lnb_tour::before {
    width: 64px !important;
    height: 64px !important;
    background-image: url('../image/icon/icon_tour.png');
}

.icon_lnb_paper_check::before {
    width: 48px !important; 
    height: 48px !important;
    background-image: url('../image/icon/icon_paper_check.png');
}

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

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

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

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

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

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

.icon_lnb_dollar::before {
    width: 114px;
    height: 61px;
    background-image: url("../image/icon/icon_dollar.png");
}

.icon_lnb_members::before {
    width: 114px;
    height: 61px;
    background-image: url("../image/icon/icon_members.png");
}

/*이모지*/
.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');
}

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

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

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

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

.icon_toss_quicktransfer::before {
    width: 42px;
    height: 42px;
    background-image: url('../image/icon/toss_Symbol_50px.png');
}