@charset 'utf-8'; /* 모바일만 ~767px */
/* PC부터 1280px~ */
@media screen and (max-width: 1440px){
 .side_menu li { width: 100px; height: 110px; }
 .club_manage_tab_menu { padding: 0 10%; }
 .tab_menu li a img { padding: 0 12%; }
 .upi_card_img { height: 145px; }
}
@media screen and (max-width: 1200px){
 .promotion_banner.adsGo { margin-right: 15px; }
}
@media screen and (max-width: 1024px){
 .card_info_list.table {width: 100%; overflow-x: auto;}
 .franchisee {min-width: 1016px;}
}
@media screen and (max-width: 1000px){
 .header { padding-bottom: 5%; }
 .club_manage_tab_menu { display: none; }
 .club_manage_tab_menu.mo { display: block; width: 100%; padding: 0 15px; }
 .tab_menu li a { padding-bottom: 25px; }
 .tab_menu li a img { padding: unset; width: 46%; }
 .visual_section { padding: 0 20px; }
 .side_menu li { width: 80px; height: 90px; }
 .top_ad_banner { padding: 0 20px 30px 20px; }
 .bottom_ad_banner.cashback .bottom_ad_banner_img { height: 185px; background: url('../images/ads/UPI_line banner_1_mobile.png') center center no-repeat; background-size: contain; }
 .card_info {padding: 0 15px;}
}

/* 태블릿부터 768px~ */
@media screen and (max-width: 768px) { header { border: unset; }
 #header { height: unset; padding: 25px 15px 30px; }
 .tab_menu { border-bottom: 1px solid rgba(0,0,0,0.5); }
 header { width: 100%; padding: 0; }
 h1 { width: 220px; }
 h1 a { width: 220px; background: url('../images/ads/mo_bi.png') center center/contain no-repeat; }
 .lang_ico { width: 20px; margin: 7px 0 0 0; }
 .lang_ico img { width: 20px; height: 20px; }
 .lang_wrap { width: unset; height: auto; }
 .lang_menu { width: unset; }
 .lang_wrap > div { display: none; }
 .lang_wrap > div:nth-child(1) { display: block; }
 .lang_menu a { font-size: 15px; font-weight: 400; }
 .lang { height: 25px; }
 .lang_btn { z-index: 1; }
 .lang_btn img { width: 15px; }
 .visual_section { width: 100%; height: 370px; }
 .visual_section.adsgo { height: unset; }
 .visual_section.upi { height: unset; }
 #container { width: 100%; }
 .top_ad_banner_img { display: none; }
 .top_ad_banner.cashback .top_ad_banner_img { display: block; height: 140px; background: url('../images/ads/UPI_main banner.png') center center no-repeat; background-size: contain; }
 .side_menu_wrap { display: none; }
 .mo_side_menu { display: block; margin-bottom: 30px; }
 .mo_side_menu ul { display: flex; flex-flow: row wrap; justify-content: center; padding: 0 15px; }
 .mo_side_menu ul li { width: 32%; padding: 3%; border: 1px solid #CCC; margin-right: 2%; text-align: center; border: 1px solid #ccc; border-radius: 5px; background-color: #fff;}
 .mo_side_menu ul li:last-child { margin-right: unset; }
 .mo_side_menu ul li a { font-size: 18px; font-weight: 700; }
 .mo_apply_guide #myModal2-1 .modal-content { top: 10%; }
 .mo_apply_guide #myModal1-1 .modal-content { top: -2%; left: 50%; transform: translate(-50%,0); width: 65vw; }
 /* swiper */
 .promotion_banner { width: 100%; height: auto; }
 .swiper1 { display: none; }
 .swiper2 { display: block; width: 100%; height: 100%; padding: 25px 0; }
 .swiper-wrapper { width: 100%; }
 .swiper2 > .swiper-wrapper .swiper-slide,.swiper-wrapper .swiper-slide img { width: 100% !important; height: 100%; }
 .slide_banner1 a { background: url('../images/ads/mo_top_banner_ott.png') center center/contain no-repeat; }
 .slide_banner2 a { background: url('../images/ads/mo_top_banner_overseas_cashback.png') center center/contain no-repeat; }
 .slide_banner3 a { background: url('../images/ads/mo_top_banner_atm.png') center center/contain no-repeat; }
 .slide_banner4 a { background: url('../images/ads/mo_top_banner_overseas_cashback.png') center center/contain no-repeat; }
 .slide_banner5 a { background: url('../images/ads/mo_top_banner_hotel_cashback.png') center center/contain no-repeat; }
 .slide_banner6 a { background: url('../images/ads/mo_top_banner_domestic_cashback.png') center center/contain no-repeat; }
 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }
 .swiper-pagination-bullet { width: 10px; height: 10px; }
 .promotion_banner.adsGo { width: 100%; margin-right: unset; }
 .promotion_banner.adsUpi { width: 100%; margin-right: unset; }
 .app_down_btn { display: none; }
 .mo_appdown_banner1 { display: block; height: 90px; margin: 0; background-color: transparent; }
 .mo_appdown_banner1 a { display: block; width: 100%; height: 100%; font-size: 20px; background: url('../images/ads/mo_app_store.png') center center/cover no-repeat; }
 .mo_mobile_wrap { display: block; width: 100%; margin: 20px 0; background-color: transparent; }
 .mo_appdown_minibanner { float:left; margin-left: 5px; }
 .mo_appdown_minibanner a { display: block; width: 180px; height: 65px; font-size: 20px; background: url('../images/ads/mo_app_store2.png') center center/contain no-repeat; }
 .mo_appdown_banner2 { display: block; height: 60px; margin: 30px 0; background-color: transparent; }
 .mo_appdown_banner2 a { display: block; width: 100%; height: 100%; font-size: 20px; background: url('../images/ads/mo_app_store2.png') center center/contain no-repeat; }
 .mo_appdown_banner2 { display: block; }
 .mo_appdown_banner2 a { display: block; }
 .triple_plate { display: block; width: 100%; height: 86px; background: url('../images/ads/mo_benefits.png') center center/contain no-repeat; }
 .triple_plate_img { width: 100%; height: 86px; background: url('../images/ads/mo_benefits.png') center center/cover no-repeat; }
 .triple_mobile { display: none; }
 .triple_app { display: none; }
 .triple_sns { display: none; }
 .triple_benefit, .triple_benefit img { width: 100%; }
 .mo_mobile_wrap { display: block; }
 .mo_top_banner { display: block; width: 100%; padding: 20px 0; }
 #myModal4-1 .modal-content { top: -2%; }
 .mo_top_banner img { width: 100%; }
 .mo_triple_sns { float: right; margin: 10px 5px 0px 0px; }
 .mo_triple_sns ul li { float: left; width: 45px; height: 45px; margin: 0 5px; }
 .mo_triple_sns ul li a { display: block; width: 100%; height: 100%; }
 .mo_triple_sns ul li a img { width: 45px; height: 45px; }
 .bottom_ad_banner.upi { padding-bottom: unset; }
 .bottom_ad_banner.upi .bottom_ad_banner_img {height: 115px; background: url('../images/ads/QR_line banner_mobile.png') center center no-repeat; background-size: cover; }
 .upi_qr_card_howto.mo { display: block; padding: 30px 15px; background-color: #f0f0f0; }
 .upi_qr_card_howto.pc {display: none;}
 .upi_qr_card_howto p { display: block; margin: unset; font-weight: 800; font-size: 23px; }
 .upi_qr_card_howto > ul li {padding-bottom: 30px;}
 .upi_qr_card_howto > ul li:first-of-type {padding: 30px 0;}
 .upi_card_img.upi {background: #131313 url('../images/ads/UPI_line banner_2_mobile.png') center center no-repeat; background-size: contain;}
 /* footer */
 .ft_menu { width: 100%; }
 .ft_info_wrap { width: 100%; }
 .side_menu li { float: left; }
 .side_menu li a { width: 25%; background: none; }
 .ft_info_section { padding: 30px }
 .ft_menu { width: 100%; display: flex; align-items: center; justify-content: center; }
 .ft_menu_wrap { padding:unset; }
 .ft_menu li { padding: 10px; }
 .ft_menu li:nth-child(1) { padding-left: 0; }
 .ft_menu li:nth-child(4) { padding-right: 0; }
 .ft_menu li a { font-size: 15px; font-weight: 600; }
 .ft_menu li a:after { position: absolute; top: 0; right: -10px; display: block; width: 1px; height: 20px; content: ''; background: #d5d5d5; }
 .ft_info_left { margin-right: 0; margin-bottom: 30px; }
 .ft_company_name { font-size: 14px; }
 .ft_info_left ul { font-size: 12px; }
 .ft_customer_center { font-size: 14px; }
 .ft_info_right ul { font-size: 12px; padding: 10px 0; }
 .ft_info_left ul span { font-weight: 300; }
 .ft_info_right ul span { font-weight: 300; }
 .ft_copyright { font-size: 12px; font-weight: 400; color: #ddd; }
 /* modal */
 .modal-content, .modal-content img { left: 0; width: 100%; }
 #myModal1.show, #myModal2.show, #myModal3.show, #myModal4.show,#myModal5.show { display: none; }
 #myModal1-1.show, #myModal2-1.show, #myModal3-1.show, #myModal4-1.show,#myModal5-1.show { display: block; }
}
@media screen and (max-width: 600px){
 .bottom_ad_banner.cashback .bottom_ad_banner_img { height: 145px; }
 .card_list_wrap ul { flex-direction: column; padding: 0 15px; }
 .card_list_wrap ul li { width: 100%; margin-right: unset; margin-bottom: 10px; }
 .card_list_wrap ul li:last-of-type { margin-bottom: unset; }
 .card_list_wrap { padding: 30px 0 50px; }
 .bottom_ad_banner.cashback .bottom_ad_banner_notice { padding: 0 15px; }
 .upi_card_img { background: url('../images/ads/UPI_line banner_2_mobile.png') center center no-repeat; background-size: contain; }
 .tab_menu li a { padding-bottom: 18px; font-size: 16px; }
 .top_ad_banner.cashback .top_ad_banner_img { height: 111px; }
 .top_ad_banner { padding-bottom: 10px; }
}
@media screen and (max-width: 600px){
 .bottom_ad_banner.cashback { padding: unset; }
 .bottom_ad_banner.cashback .bottom_ad_banner_img { height: 116px; }
}