@charset 'utf-8'; @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; } 
html { } 
/*body { background-color: #fff; font-family: 'Pretendard','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 15px; color: #000; line-height: 1.6; }*/
.cont-wrap { background-color: #fff; font-family: 'Pretendard','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 15px; color: #000; line-height: 1.6; }
body.hidden { overflow: hidden; }
header, footer, nav, section, article, aside { display: block; } 
h1,h2,h3,h4,h5,h6 { font-family: 'Pretendard','Noto Sans KR'; } 
input, select, textarea { font-family: 'Pretendard','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 15px; color: #333; } 
a { text-decoration: none; color: #333; } 
ol, ul { list-style-type: none; } 
li { list-style: none; } 
img { border: 0; vertical-align: top; } 
p { margin: 1em 0; } 

.wrap { max-width: 1560px; margin: auto; } 
.sound-only { position: absolute; left: -9999em; top: -9999em; } 
.clearfix { content: ''; display: block; clear: both; } 
.cut-txt { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

/* common */
.v_wrap { width: 100%; max-width: 1440px; margin: auto; } 
.clearfix::after { content: ''; display: block; clear: both; } 
.sound-only { position: absolute; left: -9999em; top: -9999em; } 

/* header */
#skip { } 
#skip a { position: fixed; display: block; left: 0; top: -30px; width: 100%; text-align: center; line-height: 30px; color: #fff; background-color: #0c4ea2; z-index: 200; transition: top 0.2s; } 
#skip a:focus { top: 0; } 
.top_ad_banner { width: 100%; padding-bottom: 32px; } 
.top_ad_banner_img { height: 188px; background: url('../images/ads/pc_top_banner.jpg') center center/contain no-repeat; }
/*header { padding: 45px 0 0 0; border-bottom: 1px solid #000; }*/
.header { display: flex; justify-content: center; align-items: center; }
h1 { width: 190px; height: 30px; }
h1 a { display: block; width: 100%; height: 100%; background: url('../images/ads/pc_bi.png') center center no-repeat; background-size: contain; } 
.club_manage_tab_menu { width: calc(100% - 335px); padding: 0 300px; }
.club_manage_tab_menu.mo {display: none;}
.tab_nav { width: 100%; } 
.tab_menu { display: flex; width: 100%; align-items: center; } 
.tab_menu li { width: 33.3%; text-align: center; } 
.tab_menu li.on { position: relative; } 
.tab_menu li.on::after { position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; display: block; content: ''; background-color: #000; } 
.tab_menu li a { display: block; width: 100%; padding-bottom: 10px; line-height: 1em; font-size: 1em; font-weight: 700; color: #000; }
.tab_menu li a img { width: 100%; padding: 0 25px; } 
.lang_menu { position: relative; width: 145px; } 
.lang_ico { float: left; width: 35px; margin-right: 10px; } 
.lang_ico img { width: 100%; } 
.lang_wrap { position: relative; float: left; width: 100px; height: 35px; z-index: 1; } 
.lang { display: block; height: 35px; line-height: 2.3em; background-color: #fff; } 
.lang-en, .lang-vi, .lang-cn, .lang-th { display: none; top: 5.8rem; opacity: 0; transition: all 0.3s; } 
.lang_menu a { font-size: 18px; font-weight: 500; } 
.lang_btn { position: absolute; float: right; top: 12px; right: 8px; cursor: pointer; } 
.lang.show { display: none; opacity: 1; transition: all 0.3s; } 
.lang.show:nth-child(1) { display: block; } 

/* container */
#container { } 
.main_container { padding-top: 1%; }
.promotion_banner { float: left; width: 1280px; } 
.swiper2 { display: none; } 
.promotion_slide { } 
.side_menu_wrap { width: 10%; float: right; padding-bottom: 30px;} 
.side_menu {display: flex; flex-direction: column; align-items: flex-end;} 
.side_menu li {width: 128px;height: 138px; padding-bottom: 10px; } 
.side_menu li:last-child { padding-bottom: unset; } 
.side_menu li a { display: block; } 
.side_menu_incheon_airport a { width: 128px; height: 128px; background: url('../images/ads/pc_side_icon_incheon_airport.png') center center/contain no-repeat; } 
.side_menu_apply_guide a { width: 100%; height: 100%; background: url('../images/ads/pc_side_icon_apply_guide.png') no-repeat; background-size: contain; } 
.side_menu_overseas_payment a { width: 100%; height: 100%; background: url('../images/ads/pc_side_icon_overseas_payment.png') no-repeat; background-size: contain; } 
.side_menu_customer_service a { width: 100%; height: 100%; background: url('../images/ads/pc_side_icon_customer_service_center.png') no-repeat; background-size: contain; } 
.app_down_btn { width: 494px; height: 75px; margin: auto; border-radius: 15px; text-align: center; background-color: #2429B2; } 
.app_down_btn a { line-height: 3em; font-weight: 600; font-size: 25px; color: #fff; } 
.triple_benefit { width: 100%; padding: 30px 0; text-align: center; } 
.triple_benefit img { width: 100%; height: 100%; object-fit: contain; } 
.triple_plate { width: 100%; height: 268px; } 
.triple_plate_img { display: block; background: #131313 url('../images/ads/pc_triplecard_plate.png') center center/contain no-repeat;; height: 268px; } 
.triple_mobile { width: 100%; height: 200px; padding: 48px 0; background-color: #e2e6ec; } 
.triple_app { float: left; padding: 5px 0; } 
.triple_app a { display: block; width: 596px; height: 95px; background: url('../images/ads/pc_app_store.png') no-repeat; } 
.triple_sns { float: right; height: 110px; padding: 22px 0; } 
.triple_sns ul li { float: left; margin: 0 22px; } 
.triple_sns ul li a img { display: block; width: 62px; height: 62px; } 
/* mobile */
.mo_appdown_banner1 { display: none; } 
.mo_appdown_banner2 { display: none; } 
.mo_side_menu { display: none; } 
.mo_mobile_wrap { display: none; } 
/* modal */
.modal { display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0; top: 0; width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } 
#myModal1.show, #myModal2.show, #myModal3.show, #myModal4.show,#myModal5.show { display: block; } 
.hide { display: none; } 
.mo_top_banner { display: none; } 
/* Modal Content/Box */
.modal-content { position: fixed; width: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fefefe;
 margin: auto; /* 15% from the top and centered */
 /* padding: 20px; */
 text-align: center;
 border: 1px solid #888; 
border-radius: 10px;} 
.modal-content img { width: 100%; cursor: pointer; padding-bottom: 20px;} 
.pop_bt img { width: 35px; height: 35px; cursor: pointer; } 
.modal_txt_wrap {padding: 20px 30px; text-align: left; font-size: 15px;}
.modal_txt_wrap p.title {font-weight: 600; font-size: 16px;}
.popup_close_btn {display: inline-block; border-radius: 5px; padding: 10px 40px; font-size: 15px; margin-bottom: 20px; background-color: #000; color: #fff; cursor: pointer;}
.modal_close_btn { float: right; width: 35px; height: 35px; } 

/* footer */
#footer { } 
.footer { width: 100%; } 
.ft_menu_wrap { padding: 25px; border: 1px solid #ccc; border-width: 1px 0; } 
.ft_menu { } 
.ft_menu li { float: left; padding: 0 25px; font-weight: 400; } 
.ft_menu li a { position: relative; font-size: 16px; } 
.ft_menu li a:after { position: absolute; top: 0; right: -25px; display: block; width: 2px; height: 20px; content: ''; background: #d5d5d5; } 
.ft_menu li:nth-child(4) a:after { display: none; } 
.ft_info_section { padding: 40px 0; background-color: #103475; color: #fff; } 
.ft_info_wrap { } 
.ft_info_left { float: left; margin-right: 195px; } 
.ft_info_left ul { padding: 20px 0; } 
.ft_info_left li { margin-bottom: 5px; } 
.ft_company_name { font-size: 18px; } 
.ft_info_right { float: left; } 
.ft_info_right ul { padding: 20px 0; } 
.ft_info_right li { margin-bottom: 5px; } 
.ft_font_light { } 


/* swiper */
.visual_section.adsGo {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.visual_section.adsGo.swiper-container-initialized {
    visibility: visible;
    opacity: 1;    
}
.visual_section.adsUpi {    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.adsUpi.swiper-container-initialized {
    visibility: visible;
    opacity: 1;    
}
.swiper1 .swiper-pagination { bottom: 10px; } 
.swiper-button-next { background-image: url('../images/ads/controler_right.png'); } 
.swiper-button-prev { background-image: url('../images/ads/controler_left.png'); } 
.swiper-pagination-bullet { width: 15px; height: 15px; } 
.swiper1 > .swiper-wrapper .swiper-slide:nth-child(1), .swiper1 > .swiper-wrapper .swiper-slide:nth-child(4) { width: 596px !important; } 
.swiper1 > .swiper-wrapper > .swiper-slide:nth-child(2), .swiper1 > .swiper-wrapper .swiper-slide:nth-child(3),.swiper1 > .swiper-wrapper .swiper-slide:nth-child(5) { width: 312px !important; } 
.swiper1 > .swiper-pagination-bullet-active { background: #000; } 
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #000; } 
:root { --swiper-theme-color: #fff !important; } 
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none !important; } 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none !important; } 


/* triple card page */
.main_container .visual_section { display: flex; align-items: center; padding-bottom: unset; } 
.promotion_banner ul { padding-bottom: 50px; } 

/* go page */
.promotion_banner.adsGo { width: 90%; margin-right: 20px; overflow: hidden;} 
.promotion_banner.adsGo li a img { width: 100%; } 
.promotion_banner.adsGo li img { width: 100%; height: 100%; object-fit: contain; } 
.promotion_banner.adsGo li.swiper-wrapper .swiper-slide:nth-child(4) { width: unset; } 
.top_ad_banner.cashback .top_ad_banner_img { background: url('../images/ads/UPI_main banner_web.png') center center no-repeat; background-size: contain; } 
.bottom_ad_banner.cashback { width: 100%; padding: 50px 0 30px; } 
.bottom_ad_banner.cashback .bottom_ad_banner_img { width: 100%; height: 155px; background: url('../images/ads/UPI_line\ banner_1_web.png') center center no-repeat; background-size: cover; } 
.bottom_ad_banner.cashback .bottom_ad_banner_notice { padding-top: 17px; } 
.bottom_ad_banner.cashback .bottom_ad_banner_notice p { text-align: right; margin: unset; } 
.upi_card_img { display: block; width: 100%; height: 285px; background: #131313 url('../images/ads/UPI_line banner_2_web.png') center center / contain no-repeat; } 
.card_list_wrap { width: 100%; padding: 40px 0 90px; } 
.card_list_wrap ul { display: flex; align-items: center; justify-content: center; } 
.card_list_wrap ul li { width: 32.6%; margin-right: 1%; } 
.card_list_wrap ul li:last-of-type { margin-right: unset; } 
.card_list_wrap ul li img { width: 100%; height: 100%; object-fit: contain; } 
.triple_app.adsGo a { height: 100px; background: url('../images/ads/pc_go_app_store.png') center center no-repeat; background-size: contain; } 
.triple_mobile.adsGo { background-color: #DEE2E9; }
.card_info_title {font-weight: 700;font-size: 20px; margin: unset;}
.card_info_list {padding-top: 30px;}
.card_info_cont {font-weight: 600; font-size: 15px;}
.card_info_cont:last-of-type {margin-bottom: unset;}
.card_info_without {font-size: 15px; font-weight: 500; word-break: keep-all;}
.franchisee {margin-top: 15px; border-collapse:collapse;}
.franchisee thead tr th td {font-weight: 600;}
.franchisee thead tr {border: 1px solid #424242; border-width: 1px 0;}
.franchisee tr td, .franchisee tr th {padding: 10px 8px; text-align: center; word-break: keep-all;}
.franchisee tbody tr th { border-bottom: 2px solid #424242;vertical-align: inherit!important;border-top: none!important;}
.franchisee tbody tr td {border-bottom: 2px solid #c6c6c6;vertical-align: inherit!important;border-top: none!important;}
.franchisee thead tr th {text-align: center; font-size: 15px;}


/* upi */
.promotion_banner.upi { width: 1312px; } 
.promotion_banner.upi ul { display: flex; width: 100%; flex-flow: row wrap; padding-bottom: unset; } 
.promotion_banner.upi li { width: 25%; padding-right: 20px; } 
.promotion_banner.adsUpi {width: 90%; margin-right: 20px;}
.promotion_banner.adsUpi li img {width: 100%;height: 100%;object-fit: contain;}
.promotion_banner.upi li a img { width: 100%; } 
.promotion_banner.upi li img { width: 100%; height: 100%; object-fit: contain; } 
.bottom_ad_banner.upi { padding: 50px 0 80px; } 
.bottom_ad_banner.upi .bottom_ad_banner_img { width: 100%; height: 155px; background: url('../images/ads/QR_line banner_web.png') center center no-repeat; background-size: cover; } 
.upi_qr_card_howto.pc {padding: 40px 0 90px;}
.upi_qr_card_howto.mo {display: none;}
.upi_qr_card_howto img { width: 100%; height: 100%; object-fit: contain; } 
.upi_card_img.upi { background: #131313 url('../images/ads/QR_line banner_1_web.png') center center no-repeat; background-size: contain; }

.card_menu {position: relative}
.card_menu:hover .header_card_menu { display: block;}
.card_menu .header_card_menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    background-color: white;
    /*border-radius: 5px;*/
    text-align: left;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: -15px;
    /*border: black 1px solid;*/
}
/*.navbar.sub .navbar-header .container-fluid .navbar-nav ul .card_menu .header_card_menu {*/
/*    display: none;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 30px;*/
/*    background-color: white;*/
/*    !*border-radius: 5px;*!*/
/*    text-align: left;*/
/*    line-height: 1.5;*/
/*    padding-top: 10px;*/
/*    padding-bottom: 10px;*/
/*    margin-right: -15px;*/
/*    !*border: black 1px solid;*!*/
/*}*/
.card_menu .header_card_menu .nav-item {
    padding:2px
}
.card_menu .header_card_menu .nav-item .nav-link {
    margin-bottom: -5px;
    margin-left: -10px;
}
.card_menu .header_card_menu .nav-item .nav-link img {
    width: 100px;
    display: block;
    margin: auto;
}
/*.navbar.sub .navbar-header .container-fluid .navbar-nav ul .card_menu .header_card_menu .nav-item .nav-link img {*/
/*    width: 100px;*/
/*    display: block;*/
/*    margin: auto;*/
/*    filter: brightness(0) invert(1);*/
/*}*/

.card_allmenu {position: relative}
.card_allmenu:hover .header_card_menu { display: block;}
.card_allmenu .header_card_menu {
    display: none;
    position: absolute;
    left: 8px;
    right: 0;
    top: 34px;
    background-color: #262626;
    /*border-radius: 5px;*/
    text-align: left;
    line-height: 2;
    padding-top: 10px;
    padding-bottom: 5px;
    /*border: black 1px solid;*/
}
.card_allmenu .header_card_menu .nav-item {
    padding:2px
}
.card_allmenu .header_card_menu .nav-item .nav-link {
    margin-bottom: -5px;
    margin-left: 5px;
    border-bottom: none !important;
}
/*.card_allmenu .header_card_menu .nav-item .nav-link:hover {*/
/*    border-bottom: 2px solid #fff !important;*/
/*}*/
.card_allmenu .header_card_menu .nav-item .nav-link img {
    width: 100px;
    filter: brightness(0) invert(1);
    display: block;
    margin: auto;
}