@charset 'utf-8';
.pin_help_text{margin-top:40px; font-size:14px; font-weight:400; color:red; text-align:center;}
.forgot_pin_text{font-size:14px; font-weight:400; text-decoration:underline;}

.franchise_radio_box{padding: 10px 20px;}
.franchise_radio_inner_box{display:flex; align-items:center; gap:20px; margin-top:10px;}
.franchise_radio{display:flex; justify-content:center; align-items:center; gap:10px;}
.franchise_radio{cursor:pointer;}
.franchise_radio input{display:none;}
.franchise_radio .icon{display:block; width:20px; height:20px; border-radius:50%; border:1px solid #ccc; position:relative;}
.franchise_radio input:checked + .icon{border-color:var(--main);}
.franchise_radio input:checked + .icon:after{content:""; display:block; width:14px; height:14px; border-radius:50%; background-color:var(--main); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.viewport { height:auto; min-height: calc(100vh - 125px); }
.viewport_info {  height:auto; min-height: 100vh; }
.viewport_header {  height:auto; min-height: calc(100vh - 60px); }
.contents_cont.login > h2 { font-size: 22px; font-weight: 800; }
.contents_cont.login > p { padding: 20px 0 40px; font-size: 14px; font-weight: 400; color: var(--sub); }
.cm_design { width: 100%; padding: 13px 16px; border-radius: 10px; border: 1px solid #b1b1b1; font-size: 14px; font-weight: 500; }
.label_txt {font-size:14px; font-weight: 500; margin-bottom:6px; display:inline-block;}
.cm_design::placeholder { font-size: 14px; font-weight: 500; color:#b1b1b1; }
.cm_design:read-only {
  background: #f1f1f1;
  border:none;
}
.contents_cont.login li { padding: 0 10px; font-size: 12px; font-weight: 500; color: var(--sub); border-right: 1px solid var(--sub); line-height: 10px; }
.contents_cont.login li:last-child { border: none; }

.contents_cont.join { padding-bottom:40px; }
.step_img { padding: 18px 0 25px; text-align: center; }
.check_box.agreement { padding: 0 20px; }

.spa { margin: 10px 10px 0 24px; padding-bottom: 20px; font-size: 14px; font-weight: 400; color: var(--sub); cursor: pointer; text-align: justify; }
.all_agree { margin-top: 30px; border-bottom: 1px solid var(--line); }

.all_agree input[type="checkbox"] + label { width: 100%; overflow: hidden; font-size: 16px; font-weight:500; padding-left: 24px; background: url("../img/layout/svg/icon_check_off.svg") no-repeat 0 50% / 20px 20px; cursor: pointer; }

.all_agree input[type="checkbox"]:checked + label { background: url("../img/new/icon_check.svg") no-repeat 0 50% / 20px 20px; cursor: pointer; }

.all_agree input[type="checkbox"], .individual_chk input[type="checkbox"] { display: none; }

.chk_box { margin:0 0 15px 5px; }

.individual_chk input[type="checkbox"] + label { font-size: 14px; font-weight: 500; padding-left: 30px; background: url("../img/layout/svg/icon_check_off.svg") no-repeat 0 50% / 20px 20px; cursor: pointer; }

.individual_chk input[type="checkbox"]:checked + label { background: url("../img/new/icon_check.svg") no-repeat 0 50% / 20px 20px; cursor: pointer; }

.clause { width: 25px; height: 25px; background: url('../img/layout/svg/icon_arrow_right.svg') no-repeat; }

.user_info { padding: 20px; }
.us
.info_item_tit { font-size: 16px; font-weight: 500; }
.user_info input:focus { border-color:#1749C2; }
.user_info input::placeholder { color: var(--inactive); }
.user_info span > input { width: calc(100% - 97px); }
.user_info button { width: 82px; height: 30px; background-color: #fff; border-radius: 20px; border: 1px solid var(--inactive); font-size: 14px; font-weight: 500; color: var(--inactive); text-align: center; transition: background-color 300ms ease; }
.user_info button.on_color { border-color: #1749C2; background-color: #1749C2; color: #ffffff; }
.info_note { display: flex; align-items:baseline; padding-top: 10px; font-size: 12px; font-weight: 400;  text-align: justify; color:var(--sub); }
.info_note span { margin-right: 3px; }

.contents_cont.comp { padding: 100px 0; text-align: center; }

.step_icon { padding: 20px 0; text-align: center; }
.franchising_info { padding : 30px 20px; }
.franchising_info p { margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height: 26px; }
.franchising_info span { font-size: 14px; font-weight: 400; color: var(--sub); }

.applicant_info { padding : 10px 20px 20px; border-bottom: 4px solid var(--line); }
.applicant_info h2 { font-size: 18px; font-weight:500; }
.applicant_info > ul { padding: 0 16px; margin: 10px 0; border: 1px solid var(--inactive); border-radius: 10px; }
.applicant_info > ul > li { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }
.applicant_info > ul > li:first-child { border-bottom: 1px solid var(--line); }
.applicant_info > ul > li > p { font-size: 14px; font-weight: 400; color: var(--sub); }
.applicant_info > ul > li > span { font-size: 14px; font-weight: 500; }
.applicant_info > p { display: flex; font-size: 12px; font-weight: 400; color: var(--sub); }
.applicant_info > p:nth-child(3) { margin-bottom: 12px; }
.applicant_info > p::before { content: '* '; display: block; width: 8px; height: auto; margin-right: 2px; }
.applicant_title { padding: 30px 20px 20px; margin-bottom: 10.5px; font-size: 18px; font-weight: 500; border-top: 4px solid var(--line); border-bottom: 1px solid var(--line); }
.applicant_sub_title { font-size: 16px; font-weight: 500; }

.business_num_box { padding: 10px 20px; margin-bottom: 10px; }

.contents_franchise input { width: 100%; font-family: "noto_sans"; font-weight: 400; font-size: 14px; color: #000; }

.business_name_box { padding: 10px 20px; }
.business_select_box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.category_select_box, .whether_select_box { position: relative; width: 100%; border-bottom: solid 1px var(--inactive); background-color: #ffffff; box-sizing: border-box; font-size: 18px; cursor: pointer; outline: 0px; }
.category_select, .whether_select { display: flex; justify-content: space-between; align-items: center; padding: 15px 0 8px; }
.category_select > span, .whether_select > span, .applicant_select > span {  font-size: 15px; font-weight: 500; }
.category_select_box ul, .whether_select_box ul { font-size: 18px; width: 100%; height: 125px; text-align: left; margin-top: -3px; box-sizing: border-box; overflow-y: scroll; }
.category_select_box ul { left: 0; }
.whether_select_box ul { right: 0; }
.category_select_box ul li:hover, .whether_select_box ul > li:hover, .applicant_select_box ul li:hover { background-color: var(--inactive); }
.scroll_list { display: none; padding: 15px; position: absolute; top: 48px; width: 100%; border: solid 1px var(--inactive); background-color: #ffffff; z-index: 10; }
.category_select_box ul > li, .whether_select_box ul > li, .applicant_select_box ul li { font-size: 14px; font-weight: 400; line-height: 40px; cursor: pointer; }

.category_select_arrow, .whether_select_arrow { transition: 500ms ease; }
.down { transform: rotate(-180deg); }

.represent_box { padding: 10px 20px 20px; }

.drag_drop_zone { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 100%; height: auto; min-height: 213px; border: 1px dashed var(--inactive); border-radius: 10px; overflow: hidden; margin-top: 15px; }
.drag_drop_zone p { font-size: 14px; font-weight: 400; line-height: 33px; color: var(--inactive); }
.drop_upload, .promotion_upload { display: none; }
.drag_drop_zone > label { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; cursor: pointer; }
.represent_box > p { display: flex; align-items: flex-start; font-size: 12px; font-weight: 400; color: var(--sub); margin-top: 10px; }
.represent_box > p::before { content: '* '; display: block; width: 8px; height: auto; margin-right: 2px; }
.drop_img { width: 100%; height: 100%; object-fit: cover; }
.off { display: none; }

.franchise_name_box { padding: 10px 20px 20px; }
.applicant_select_box { position: relative; }
.applicant_select { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 0 8px; border-bottom: solid 1px var(--inactive); background-color: #ffffff; box-sizing: border-box; font-size: 18px; cursor: pointer; outline: 0px; }
.applicant_select > img { transition: 500ms ease; }
.applicant_select_box ul { font-size: 18px; width: 100%; height: 125px; text-align: left; margin-top: -3px; box-sizing: border-box; overflow-y: scroll; }
.franchise_num_box, .franchise_adress_box { padding: 10px 20px; }

.zip_code { width: calc(100% - 113px); }
.address_btn { font-family: "noto_sans"; min-width:100px; width:auto; height:35px; margin-left:15px; border: 1px solid var(--inactive); border-radius: 15px; font-size: 14px; font-weight: 500; background-color: #fff; color: var(--inactive);  white-space: nowrap;}


.franchise_recom_box { padding: 10px 20px 30px; }


input::placeholder, textarea::placeholder  { color: var(--inactive); font-family: "noto_sans"; font-weight: 400; font-size: 14px; }

.on_color { border: none; background-color: #1749C2; color: #ffffff; }
.address_on_btn { display: none; border: none; font-family: "noto_sans"; padding: 5px 10px; border-radius: 15px; font-size: 14px; font-weight: 500; background-color: #1749C2; color: #ffffff; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.scroll_box::-webkit-scrollbar { width: 6px; }
.scroll_box::-webkit-scrollbar-track { background-color: #F0F0F0; border-radius: 30px; }
.scroll_box::-webkit-scrollbar-thumb { background-color: #E3E3E3; border-radius: 30px; }

.dark_bg { position: fixed; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); z-index: -1; opacity: 0; }
.dark_bg.active { opacity: 1; z-index: 150; transition: opacity 300ms ease; }


.popup_wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: rgba(0,0,0,0.5); }
.pop_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 8000; transition: all 300ms ease-in; }

.pop_cont { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 76px); max-width:300px; background-color: #fff; z-index: 9920; border:1px solid #000; border-radius: 10px; padding:20px;}
.pop_title { font-weight: 500; text-align: center; font-size: 16px; }
.popup_txt { color: #000; font-size: 14px; text-align: center; }

.popup_amounttxt {font-family: "poppins"; text-align: center; font-weight: 700; font-size:20px; padding:30px 0;}
.pop_btn {display: flex; justify-content:center; align-items: center; margin-top:30px;}
.pop_btn .cancel_btn  {border-radius: 6px; color:#333; background:#fff; font-size:14px; padding:10px; border:1px solid #d3d3d3;}
.pop_btn .ok_btn  {border-radius: 6px; color:#fff; background: #1749C2; font-size:14px; padding:10px; }

.contents_qr_scan { position: relative; width: 100%; max-width: 767px; min-height: 600px; background-color: rgba(0,0,0, 0.7); }
/* --- */
.qr_scan_txt { width: 100%; padding: 20px 0px; display: flex; }
.qr_txt_left { flex: 1; }
.qr_txt_center { flex: 1.5; }
.qr_txt_right { display:flex; flex: 1; }

#camera_name { display: block; width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width:500px){
	.qr_scan_txt { width: 100%; padding: 20px 0px; display: flex; flex-wrap: wrap; }
	.qr_txt_left { flex: none; }
	.qr_txt_center { flex: none; width: 100%; text-align: center; }
	.qr_txt_right { flex: none; width: 100%; text-align: center; }
}

/* .qr_scan_txt {  width: 100%; text-align: center; background-color: #ffffff; } */
/* .qr_scan_txt > p { width: 100%; padding: 20px; font-size: 16px; font-weight: 500; line-height: 20px; color: var(--sub); } */
/* .scan_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} */

.scan_box {
    width: 100%;
    height: 310px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (min-width:500px){
	div.scan_box { height: 400px; }
}
@media screen and (min-width:768px){
	div.scan_box { height: 500px; }
}
/* --- */

.scan_box .qr_area_off {width:100%;  height:100%;}
.scan_box video {object-fit: contain;}

.wrapper_qr { width: 100%; max-width: 768px; margin: 0 auto; background-color: #fff; font-family: "noto_sans"; }
.contents_qr { width: 100%; max-width: 768px; min-height: 600px; background-color: rgba(0,0,0, 0.6); }
.qr_img { position: fixed; max-width: 768px; bottom: 0; width: 100%; text-align: center; background-color: #ffffff; }
.qr_img img { max-width: 160px; }
.qr_img > p { width: 100%; padding: 20px; font-size: 16px; font-weight: 500; line-height: 20px; color: var(--sub); margin-bottom: 30px; }
.qr_close { position : relative; width: 100%; height: 70px; line-height: 70px; }
.qr_close a { position: absolute; right: 20px; }

.input_box { display: block; padding-top: 18px; }
.input_box > input { width: 100%; padding-bottom: 10px; border-bottom: 1px solid var(--inactive);
  transition: border-bottom 300ms ease;font-weight: 500; font-size:15px; font-family: "noto_sans"; }
.business_num { width: calc(100% - 97px); }
.recom_id { width: 100%; }
.input_btn { width: 87px; height: 30px; border: 1px solid var(--inactive); border-radius: 15px; background-color: #fff; font-size: 14px; font-weight: 500; color: var(--inactive); transition: background-color 300ms ease; }
#recom_btn { width:unset; }
.input_btn.on_color { background-color: #1749C2; border-color: #1749C2; color: #fff; }

.franchise_listwrap { padding-bottom:90px; }
.list_search, .map_around { width:50%; text-align: center; padding:24px 20px 14px; border-bottom:2px solid var(--line); cursor:pointer; color:var(--inactive); }

.f_active { border-bottom:2px solid #1749C2; color:#000; font-weight:800; }
.qna_tab .f_active { border-bottom:2px solid #1749C2; color:#000; font-weight:800; }
.franchise_search { border:1px solid var(--inactive); border-radius: 6px; margin: 10px 20px; display: flex; justify-content: space-between; align-items: center; padding:10px 20px; }
.search_input { width:100%; }
.search_input input { width:100%; }
.search_btn { width:auto; }
.search_btn button { outline:none; border:none; background:transparent }
.list_active { background:#1749C2; color:#fff; border:none !important; }

.list_slider { overflow-x:auto; display: flex; margin: 10px 0 20px 20px;  }

.list_slider::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 20px; }

.list_slider::-webkit-scrollbar-track { background-color: #fff; }

.list_slider li { padding:6px 10px; margin-right:8px; color: black; font-weight: bold; font-size:14px; white-space: nowrap; border:1px solid var(--inactive); border-radius: 20px; cursor:pointer; }
.list_slider li.list_active { background:#1749C2; color:#fff; border:none !important; }
.franchise_total .franchise_number { color:#1749C2; font-family: "poppins"}
.franchise_total { padding:0 20px; font-size:14px; font-family: "noto_sans"; font-weight: 500; }
.franchise_total span:nth-child(2) {font-family: }


.franchise_imglist { width:10%; min-width:100px; height:100px; border-radius: 10px; border: 1px solid var(--middle-gray); margin-right:20px; cursor:pointer; position: relative; overflow: hidden; }
.franchise_imglist img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
.fran_list { display: flex; }
.fran_list p:nth-child(3) { font-size:12px; color:var(--inactive); }
.fran_list p:nth-child(4) { text-align: right; }
.fran_listw { border-bottom:1px solid var(--line); padding:20px; cursor: pointer; }
.back_img { position:absolute; top:0; left:0; }
.fran_infotxt { width:100%; }
.d_none { display: none; }
.fri_section { position: relative; width:100%; min-height:470px; height:auto; margin-bottom:20px; background: url('../img/layout/svg/no_datebg.svg'); }
.fri_infosection { position: relative; width:100%; min-height:370px; height:auto; margin-bottom:20px; }
.no_data { background-color: var(--line); position: absolute; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; height:100%;}
.no_searchdata p:nth-child(1) { font-size:22px; font-family: "noto_sans"; }
.no_searchdata p:nth-child(2) { font-size:14px; font-family: "noto_sans"; color:var(--sub); }

.nodata_bg { width:100%; height:100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wrapper_franchise { width: 100%; max-width: 768px; margin:0 auto 65px; background-color: #fff; font-family: 'noto_sans'; }
.wrapper_franchise header { background:unset; border-bottom:unset; }
.fran_infowrap { padding: 20px; }
.heart_img { cursor:pointer; }
.heart_img img {display:block;}
.sectors { font-size:14px; color:var(--inactive); margin:10px 0; }
.fri_infoj { padding:20px; }
.franchise_tel p { cursor:pointer; }
.company_name { font-size:16px; margin-bottom:20px; font-weight: 500; color:#111; }
.fri_details_info { margin-top:30px; }
.fri_details_info p:nth-child(1) { margin-bottom:8px; }
.fri_details_info img {position: relative; top:4px; left:2px;}
.hashtag_wrap { margin-top:36px; color:#1749C2; font-size:14px; }
.hash_tag { display:flex; flex-wrap: wrap;}
.hashtag_wrap p { margin-right:16px; margin-bottom:20px; }
.hashtag_wrap p:last-child { margin-right:0; }

.fri_addrtxt {color:var(--sub); font-size:14px; font-weight: 400;}
.fri_saddrtxt {font-size:14px; color:#000; font-weight: 500;}

.logo_img > img { width: 100px; }
.userstate_img img { width: 24px; height:24px; }
.login_box { padding : 20px 20px 40px; background: #F7FAFF;}
.login_title_box { display: flex; align-items: center; }
.login_title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 20px; }
.login_title > p { font-size: 16px; font-weight: 400; }
.login_wallet { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 100%; border-radius: 10px; background-color: #1749C2; margin:20px 0 14px; }



.total_wallet > p { font-size: 14px; font-weight: 500; color: #ffffff; margin-bottom: 6px; }
.total_wallet > span { font-size: 22px; font-weight: 700; font-family: "poppins"; color: #ffffff; }
.login_wallet > img { width: 48px; height: 48px; }

.fran_wallet_imgcode img { width: 48px; height: 48px;}
.total_wallet .total_amount {font-size: 14px; font-weight: 500; color: #ffffff; margin-bottom: 5px; }
.box_wallet {font-size:12px; background-color:#fff; color:#1749C2; border-radius:20px; padding: 3px 6px;}
.wallet_totalamount {font-size: 22px; font-weight: 700; font-family: "poppins"; color: #fff; margin-left:8px;}

.guest_box { display: none; padding : 20px; background-color: #F7FCEF; }
.guest_box.active { display: block; }
.guest_title_box { text-align: left; }
.guest_title > p { font-size: 16px; font-weight: 400; margin-left: 10px; }
.guest_title { display: flex; justify-content: flex-start; align-items: center; margin: 0 20px 22px 0; }
.guest_wallet { padding: 20px; width: 100%; border-radius: 10px; background-color: #fff; }
.null_wallet { display: flex; justify-content: center; align-items: center; }
.null_wallet > p { margin-left: 4.5px; font-size: 14px; font-weight: 500; color: #1749C2; }

.icon_box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 20px; border-bottom: 4px solid var(--line); }
.icon_box li { display: flex; justify-content: center; align-items: center; flex-basis: calc(100% / 4); min-height: 74px; padding:7.5px 0; text-align: center; }
.icon_box li a p { font-size: 14px; font-weight: 500; }

.new_franchisee { position: relative; width: 100%; height: auto; padding: 0 20px; }
.new_franchisee h2, .wallet_send h2  { padding: 20px 0; font-size: 18px; }
.new_franchisee .swiper { width: 100%; height: 100%; overflow: hidden; }
.new_franchisee .swiper .swiper-wrapper { display: flex; }
.bg_wait { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); border-radius:10px; }
.bg_wait p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 14px; font-weight: 500; color: #ffffff; width:100%; text-align: center;}
.fran_img { position: relative; height:150px; width: 80%; margin: 0 auto 10px; }
.fran_img img { position: absolute; top:0; left:0; width:100%; height:100%;  border-radius: 10px; border: 1px solid var(--middle-gray); }

.new_franchisee .swiper .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.new_franchisee .swiper .swiper-wrapper .swiper-slide a > p { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.new_franchisee .swiper .swiper-wrapper .swiper-slide a { display: block; width: 100%; text-align: center; }
.new_franchisee .swiper .swiper-wrapper .swiper-slide a > span { display: block; padding-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--sub); text-align: center; }
.new_franchisee .swiper .swiper-wrapper .swiper-slide img { display: block; width: 100%; object-fit: cover; }
.new_franchisee .swiper .swiper-button-prev { background-image: url(../img/layout/svg/icon_shevron_left.svg) !important; background-size:25px 25px !important; left: 0 !important; top: 55% !important; }
.new_franchisee .swiper .swiper-button-next { background-image: url(../img/layout/svg/icon_shevron_right.svg) !important; background-size:25px 25px !important; right: 0 !important; top: 55% !important; }

.main_tab_box { position: fixed; z-index: 25; bottom: 0; right:0; left:0; margin:0 auto; width: 100%; max-width: 768px; height: 65px; padding: 0 20px; background-color: #ffffff; border-top: 1px solid var(--line); }
.main_tab_box li { font-size: 12px; font-weight: 500; color: black; text-align: center; width: 60px; }
.main_tab_box li:nth-child(1) a { display: block; background: url("../img/new/icon_home.svg") center 5px no-repeat; height: 54px; padding-top: 35px; }
/* .main_tab_box li:nth-child(1) a { display: block; background: url("../img/icon/icon-home_footer.jpg") center 5px no-repeat; height: 54px; padding-top: 35px; } */
.main_tab_box li:nth-child(2) a { display: block; background: url("../img/new/icon-payment.svg") no-repeat; height: 54px; padding: 35px 0 0; background-position: center 5px; }
.main_tab_box li:nth-child(3) a { display: block; background: url("../img/new/icon-gift.svg") no-repeat; height: 54px; padding: 35px 0 0; background-position: center 5px; }
.main_tab_box li:nth-child(4) a { display: block; background: url("../img/new/icon.svg") no-repeat; height: 54px; padding: 35px 0 0; background-position: center 5px; }

.home a { background: url("../img/new/icon_home_active.svg") center 5px no-repeat !important; color: #1749C2; }
/* .home a { background: url("../img/icon/icon-home_footer_over.jpg") center 5px no-repeat !important; color: #1749C2; } */
.paymnet a { background: url("../img/new/icon-payment_active.svg") center 5px no-repeat !important; color: #1749C2; }
.gift a { background: url("../img/new/icon-gift_active.svg") center 5px no-repeat !important; color: #1749C2; }
.store a { background: url("../img/new/icon-store search_active.svg") center 5px no-repeat !important; color: #1749C2; }
.fran_box { padding: 20px; background-color: #EBF4FE; }
.fran_title_box { display: flex; justify-content: flex-start; align-items: center; }
.fran_title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 20px; }
.fran_title > span { display: block; font-size: 12px; font-weight: 500; color: #1749C2; }
.fran_title > p { font-size: 16px; font-weight: 400; }
.fran_box > div > p { width: 57px; height: 25px; line-height: 23px; border-radius: 13px; color: #1749C2; border : 1px solid #1749C2; text-align: center; font-size: 12px; font-weight: 500; }
.fran_wallet { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 100%; border-radius: 10px; background-color: #1749C2; margin: 20px 0; }
.fran_wallet > img { width: 48px; height: 48px; }
.advertisement_slide { position: relative; width: 100%; }
.pay_wiper { width: 100%; height: 100%; overflow: hidden; }
.slide_ul > li { width:100%; text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 10px;}
.slide_ul > li > img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.slide_dot { bottom: -25px !important; }
.fran_blue { background-color: #1749C2; }
.fran_icon_box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px; margin-bottom: 65px; }
.fran_icon_box li { display: flex; justify-content: center; align-items: center; flex-basis: calc(100% / 4); min-height: 74px; padding: 7.5px 0; text-align: center; }

.fran_icon_box li a p { font-size: 12px; font-weight:500; }
.swiper-pagination-bullet { width: 6px !important; height: 6px !important; }
.fran_icon_box li a img { width: 44px; height: 44px; }
.bg_color_fran { background-color: #EBF4FE; position: relative; }
.bg_color { background-color: #F7FCEF; position: relative; }
.splash { position: relative; width: 100vw; height: 100vh; }
.splash_fran_txt { text-align: center; font-size: 22px; font-weight: 500; line-height: 32px; color: #1749C2; font-family: 'noto_sans'; font-weight : 700;}
.splash_txt { text-align: center; font-size: 22px; font-weight: 500; line-height: 32px; color: #1749C2; font-family: 'noto_sans'; font-weight : 700;}
.splash { width:100%; text-align: center; }
.splash_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.splash img { background-origin: border-box; background-clip: content-box, border-box; width:30px; height: 30px; animation: spin 1s linear infinite; margin-bottom: 20px; }

@keyframes spin {
 0% { transform:rotate(0deg); }
 100% { transform:rotate(360deg); }
 }
.fri_section { position: relative; width:100%; min-height:470px; height:auto; margin-bottom:20px; }
.fri_infosection { position: relative; width:100%; min-height:370px; height:auto; margin-bottom:20px; }
.no_data { position: absolute; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; height:100%; padding-top:16vh; background-color: rgba(249, 249, 249, 0.1); backdrop-filter: blur(5px); }
.fran_name { font-size: 22px; font-weight: 800; }
.fran_mainimg.null { background-color: #f9f9f9; }
.nullimgf { max-width:70% !important;}
.franchise_tel { justify-content: flex-end; align-items: center; }
.franchise_tel a { padding: 10px; color: #1749C2; border: 1px solid #1749C2; border-radius: 20px; line-height: 1; }
.fran_mainimg { position: relative; width:100%; height:280px; }

.fran_mainimg img { position: absolute; top:0; left:0; right:0; bottom:0; margin: auto; width: 100%; height: 100%; max-width:100%; object-fit: contain; }
.franchise_tel.modified { margin-left: 10px; }
.franchise_tel.modified a { width:98px; padding:4px 10px; margin-bottom: 10px; color: #1749C2; border: 1px solid #1749C2; border-radius: 20px; line-height: 1; }
.input_form { width:100%; height:40px; border:1px solid var(--inactive); border-radius: 6px; text-indent:16px; margin-top:10px;}
.input_form:read-only {border:none; background:var(--line);  font-family: "noto_sans"; font-weight: 400;}

.now_email:read-only { border:none; background:var(--line); }

.change_active { border:1px solid #1749C2; }
.change_id_pw label { font-size: 16px; font-weight: 500; }
.change_id_pw input { margin-top: 6px; }
.pro_add { position: relative; width: 115px; margin: 0 auto; padding: 20px 0 20px; }
.pro_icon { position: absolute; right: 10%; top: 35%; width: 40px; height: 40px; z-index: 2; }
.add_pro_icon { position: relative; margin: 0 auto 0; width: 80px; height: 80px; border: 1px solid var(--middle-gray); border-radius: 50%; overflow: hidden; }
.add_pro_icon img { width: 100%; height: 100%; object-fit: cover; }
.add_pro_icon label { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; cursor:pointer; }
.pro_add label input { display: none; }
.profile_move { width: 100%; text-align: center; margin-top: 5px; }
.profile_move p { font-size: 14px; font-weight: 500; }
.profile_move p:nth-child(2) { font-size: 16px; font-weight: 700; line-height: 22px; font-family: "poppins"; margin-top: 6px; }
.member_info_box { width: 100%; border-top: 1px solid var(--line); padding: 15px 0 11px; }
.member_info_box > a > div { padding: 10px 10px 10px 20px; margin-top : 10px; }
.member_info_box > a:nth-child(2) > div { margin-top: 5px; }
.member_info_box > div { padding: 10px 20px; margin-top : 10px; }
.member_info_box a { display: block; }
.info_title { font-size: 14px; font-weight: 500; color: var(--inactive); padding: 0 20px; }
.sub_title, .more_info { display: flex; justify-content: space-between; align-items: center; }
.sub_title p { font-size: 16px; font-weight: 500; }
.sub_title > img { margin-right: 10px; }
.more_info > p { margin-right: 10px; font-family: "poppins"; color:#1749C2; font-weight: 400; }
.more_fran_info > p { font-family: "poppins"; color: #000; font-size:14px; font-weight: 400; }
.logout_box { width: 100%; border-top: 1px solid var(--line); padding-top: 10px; }
.logout_box > a > div { padding: 10px 10px 10px 20px; }
.info_switch { line-height: 0; }
.switch_check { position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 50px; height: 26px; z-index: 2; margin: 0; }
.switch_label { position: relative; cursor: pointer; display: inline-block; width: 50px; height: 26px; background: var(--inactive); border-radius: 20px; transition: 0.2s; }
.onf_btn { position: absolute; top: 2px; left: 2px; display: inline-block; width: 22px; height: 22px; border-radius: 20px; background: #ffffff; transition: 0.2s; box-shadow: 0px 0px 5px rgba(0,0,0, 0.16); }
.switch_check:checked+.switch_label .onf_btn { left: 26px; top: 2px; }
.switch_check:checked+.switch_label { background: #1749C2; }
.terms_box { padding: 20px 0; }
.terms_box li a { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; font-size: 16px; font-weight: 500; margin-top: 10px; }
.terms_box li:first-child a { margin: 0; }
.policy { padding: 30px 20px 0; }
.policy > p { line-height: 24px; }
.term_main_txt { font-size: 18px; font-weight: 800; margin-bottom: 30px; }
.term_sub_txt { font-size: 14px; font-weight: 400; margin-bottom: 30px; }
.term_txt { font-size: 14px; font-weight: 400; margin-bottom: 30px; text-align: justify; }
.term_txt:last-child { margin: 0; }
.business_box .france_active { border:1px solid #1749C2; }
.business_box label { font-size: 16px; font-weight: 500; color:#111; }
.business_box input { margin-top: 6px; border: 1px solid var(--inactive); }
.company_text:read-only { border:none; background:var(--line); }
.company_text::placeholder { font-family: "poppins"; color: #000; font-size: 14px; font-weight: 400; }
.business_box > form > ul { margin-bottom: 10px; }

.wrapper_logout { width: 100%; max-width: 768px; height: 100vh; margin: 0 auto; background-color: #fff; font-family: 'noto_sans'; position: relative; }
.logout { text-align: center; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-40%); width: 100%; }
.logout h2 { font-size: 22px; font-weight: bold; }
.logout span { font-size: 14px; font-weight: 400; color: var(--sub); }
.logout_comp { position: absolute; bottom: 30px; width: 100%; text-align: center; }
.logout_comp button { width: calc(100% - 40px); height: 40px; border: none; background-color: #1749C2; border-radius: 20px; color: #ffffff; font-size: 16px; font-weight: 500; }

.logout_comp_btn { width: 100%; text-align: center; }
.logout_comp_btn button { width: calc(100% - 40px); height: 40px; border: none; background-color: #1749C2; border-radius: 20px; color: #ffffff; font-size: 16px; font-weight: 500; margin-top: 30px; }
.info_change { padding: 0 20px; }
.info_change button { display: none; width: 100%; height: 40px; background-color: #1749C2; border-radius: 20px; font-size: 16px; font-weight: 500; color: #ffffff; margin: 30px 0; }
.info_change button.active { display: block; }
.recom_id:readonly { border:none; background:var(--line); }
.recom_id::placeholder { font-family: "poppins"; color: #000; font-size: 14px; font-weight: 400; }


.postcode_but { width:84%; }

.post_flex { display: flex; justify-content: space-between; align-items: center; }

.postcode_active { background:#1749C2; border:none; color:#fff; height:35px; }

@media (max-width: 605px){
 .new_franchisee .swiper .swiper-button-next { top: 51% !important; }
.new_franchisee .swiper .swiper-button-prev { top: 51% !important; }
 }

@media (max-width: 468px) {
 .contents_cont.viewport.main { height:unset; margin-bottom: 40px; }
 .guest_wallet { padding: 10px; }
 .new_franchisee h2 { padding: 10px 0; }

 .recom_id { width: 100%; }
 .new_franchisee .swiper .swiper-button-next { top: 46% !important; }
 .new_franchisee .swiper .swiper-button-prev { top: 46% !important; }
 .viewport_header, .viewport_info, .viewport { height: 100%; }}

@media (max-width: 431px){
 .new_franchisee .swiper .swiper-button-next { top: 43% !important; }
.new_franchisee .swiper .swiper-button-prev { top: 43% !important; }
 }

.back_color { -webkit-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; }


.logout_btn { width: 57px; height: 25px; line-height: 23px; border-radius: 13px; color: #1749C2; border: 1px solid #1749C2; text-align: center; font-size: 12px; font-weight: 500; }

.fran_listw:last-child { border-bottom:0; }

.main_bg .swiper-pagination-bullet-active { background:#1749C2; }
.swiper-pagination-bullet-active {background:#1749C2 !important;

}
.main_slider_box { position: relative;}
.state_mainslider_txt { position: absolute; bottom:0; left:0; right:0; margin:auto; width:calc(100% - 40px); color:#fff; font-weight: 500; font-size:14px; padding:10px 20px; background:rgba(0,0,0, 0.5); border-radius: 20px; text-align: center; z-index:300; }

.store_holiday_txt { width:100%; color:#fff; font-weight: 500; font-size:14px; padding:10px 20px; background:rgba(0,0,0, 0.5); border-radius: 20px; text-align: center; z-index:300; margin-top:10px;}
.contents_cont.mypage { margin-bottom:68px; }


@media screen and (min-width:768px){
.nullimgf {max-width:30% !important;}
 .list_slider::-webkit-scrollbar { display: none; }

}

.basic_info { width: 50%; text-align: center; font-weight: 800; padding: 24px 20px 14px; border-bottom: 2px solid var(--line); cursor: pointer; color: var(--inactive); }
.basic_info { width: 50%; text-align: center; font-weight: 800; padding: 24px 20px 14px; border-bottom: 2px solid var(--line); cursor: pointer; color: var(--inactive); }
.infor_title { font-size:18px; padding:30px 20px 24px; font-weight: 800; border-bottom:1px solid var(--line); }
.store_active { border-bottom:2px solid #1749C2; color:#000; font-weight:800; }
.openinfor_wrap { border:1px solid var(--inactive); border-radius: 10px; padding:26px; }
.open_totalwrap { padding:20px; border-bottom:1px solid var(--line); }
.open_timetitle { font-weight: 800; margin-bottom:14px; }
.open_numbertitle { font-weight:400; font-family: "poppins"; font-size:14px; }
.day_flex { display: flex; justify-content: space-between; align-items: center; margin-top:24px; flex-wrap: wrap;}
.day_week { display: flex; justify-content: center; align-items: center; width:34px; height:34px; border-radius: 50%; border:1px solid var(--inactive); color:var(--inactive); }
.day_active { background:#1749C2; color:#fff; border:none; }
.holiday_wrap { padding:20px; border-bottom:1px solid var(--line); }
.holiday_txt { font-size:16px; font-weight: 800; }
.holiday_stxt { font-size:14px; font-weight: 400; }
.holiday_date { font-family: poppins; font-size:14px; font-weight: 400; }
.store_line { height:4px; background:var(--line); }
.employee_wrap { padding:30px 20px; }
.employee_flex { display: flex; justify-content: space-between; align-items: center; margin-bottom:14px; }
.employee_sflex { display: flex; align-items: center; }
.employee_name { margin-right:30px; font-weight: 500; }
.employee_time { font-family: poppins; font-weight: 400; }
.employee_img img { display: block; }
.employee_state.employee_active { background:#EBF4FE; color:#1749C2; padding:10px; border:none; border-radius: 18px; }
.employee_state { margin-left:16px; padding:10px; font-size:14px; border-radius: 18px; font-weight: 500; color:var(--inactive); border:1px solid var(--inactive); }
.businessstatus_wrap { padding:24px 20px 20px; border-bottom:1px solid var(--line); }
.businessstatus_time { font-size:12px; font-weight: 400; }
.btn_state { outline: none; border:none; background:#fff; border:1px solid var(--inactive); border-radius: 18px; min-height:35px; font-size:14px; font-weight: 500; width:100%; color:var(--inactive); word-break: keep-all;}
.businessstatus_btn div { width:49%; margin-right:30px; text-align: center; }
.businessstatus_btn div:last-child { margin-right:0; }
.businessstatus_active { background:#1749C2; color:#fff; border:none; }
.business_hours_wrap { margin:20px; }
.business_hours { border:1px solid var(--inactive); border-radius: 10px; padding:20px; }
.hoilday_closeimg { cursor: pointer; margin-bottom:20px; }
.hours_time { border:1px solid var(--inactive); border-radius: 10px; width:100%; padding:8px; }
.hours_box { width:49%; position: relative;}
.hour_switch { line-height: 0; }
.hour_switch_check { cursor:pointer; position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 50px; height: 26px; z-index: 2; margin: 0; }
.switch_label { position: relative; cursor: pointer; display: inline-block; width: 50px; height: 26px; background: var(--inactive); border-radius: 20px; transition: 0.2s; }
.onf_btn { position: absolute; top: 2px; left: 2px; display: inline-block; width: 22px; height: 22px; border-radius: 20px; background: #ffffff; transition: 0.2s; box-shadow: 0px 0px 5px rgba(0,0,0, 0.16); }
.hour_switch_check:checked+.switch_label .onf_btn { left: 26px; top: 2px; }
.hour_switch_check:checked+.switch_label { background: #1749C2; }

.join_state { display: flex; justify-content: space-around; align-items: center; margin-top:14px; }

.join_obj input[type="radio"] {  display: none;}

.join_obj input[type="radio"] + span {display: flex; justify-content: center; align-items: center; color: var(--inactive); border-radius: 50%; border:1px solid var(--inactive); cursor: pointer; width:34px; height:34px; font-size:14px; font-weight: 400;}

.join_obj input[type="radio"]:checked + span { color: #fff; background:#1749C2; border:none;}
.plus_buzi img { display: block; }
.buzi_txt { font-size:14px; color:#1749C2; font-weight: 500; margin-left:4px; }
.choice_huwrap { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.choice_hu { padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }

.regular_holiday { width:47%; }
.business_hours_wrap .scroll_list { top:42px; z-index:2; }
.date_calander { border:1px solid var(--inactive); border-radius: 10px; width:46%; height:40px; display: flex; align-items: center; background:#fff; }
.date_calander input { width:100%; height:100%; border-radius: 10px; text-indent: 16px; background:#fff; }
.coment_box { width: 100%; background-color: #ffffff; box-sizing: border-box; font-size: 18px; border: 1px solid var(--inactive); border-radius: 10px; width: 100%; padding:0; }
.coment_box input { width:100%; height:40px; display: block; border-radius: 10px; text-indent: 16px; }
.plus_holidy { cursor: pointer; width:110px; }

input[type="date"] { position: relative; font-size:14px; font-family: "poppins"; font-weight: 400; }
input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; z-index: 1; }
.date_calander input:after { position: absolute; top:50%; display: block; right:10px; content: ''; width: 20px; height:20px; background: url('../img/layout/svg/icon_calander.svg'); background-repeat: no-repeat; background-position: center; transform: translateY(-50%); z-index: 0; }
.store_img_box { padding: 20px 20px 20px; margin-bottom: 10px; border-bottom: 4px solid var(--line); }
.store_img_box p { font-size: 14px; font-weight: 400; padding-bottom: 15px; }
.store_img_box .store_container { overflow: auto; padding-bottom: 10px; }
.store_slide { width: max-content; min-width:100%;  display: flex;  overflow-x: auto; }
.store_slide li { margin-right: 5px; text-align: center; font-size: 18px; width: 100%;  max-width: 153px; height: 115px; border-radius: 10px; overflow: hidden; position: relative;}
.store_slide li img { display: block; width: 100%; height:100%; object-fit: cover; }
.store_slide .noset_img {height:60%; object-fit: contain; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.store_container::-webkit-scrollbar { position: absolute; left: 0; top: 0; width: 100%; background-color: transparent;}
.store_container::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px;  }
.store_container::-webkit-scrollbar-track { background-color: transparent;  transition: 10s;}
.store_list_box { padding: 20px; border-bottom:1px solid var(--line); }
.store_sub { font-size: 16px; font-weight: 800; margin-bottom: 16px; }
.store_list_box span { font-size: 14px; font-weight: 400;}
.store_list_box ul { display: flex; align-items: center; flex-wrap: wrap; }
.store_list_box ul li { padding: 10px; font-size: 14px; font-weight: 500; color: #1749C2; }
.parking_btn { display: none; font-size:14px; margin-right:15px; width: 94px; height: 35px; line-height: 35px; text-align: center; border:1px solid var(--inactive); border-radius: 18px; color: var(--inactive); }
.parking_btn.active { display: block; background-color: #1749C2; color: #ffffff; border: none; }
.repre_img { display: none; position: absolute; top: 5px; left: 5px; width: 67px; height: 21px; line-height: 21px; font-size: 12px; font-weight: 500; text-align: center; background-color: var(--line); border-radius: 10px; }
.repre_img.active { display: block; }
.store_list input:focus { border-color: #1749C2; }
.store_list > div { margin-bottom: 8px; }
.store_list > div:last-child { margin: 0; }
.store_list { position: relative; padding: 16px 20px 20px; border-bottom:1px solid var(--line); }
.store_list input { font-size: 14px; font-weight: 400; }
.store_select > span { padding-left: 7px !important; }
.edit_sub { font-size: 16px; font-weight: 800; margin-bottom: 10px; }
.edit_area { width: 100%; height: 265px; padding: 20px; border: 1px solid var(--inactive); font-family: "noto_sans"; font-size: 14px; font-weight: 400; resize: none; border-radius: 10px; }
.store_list input::placeholder, .edit_area::placeholder { font-family: "noto_sans"; font-size: 14px; font-weight: 400; color: var(--inactive); }
.store_list textarea:focus { border-color: #1749C2; }
textarea { outline: none; }
.area_textLengthWrap {  position: absolute; bottom: 20px; right: 20px; display: flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items: center; font-size: 12px; font-weight: 500; color: var(--inactive); background: #fff; border-radius: 10px;}
.area_textCount { margin-right: 4px; min-width:30px; text-align: right;}
.area_textTotal {min-width:40px;}
.tag_add { margin-left: 15px; min-width: 94px; height: 35px; font-size: 14px; font-weight: 400; color: #ffffff; background-color: #1749C2; border-radius: 18px; }
.tag_add_input { width:100%; height: 35px; border:1px solid var(--inactive); border-radius: 10px; text-indent:16px; }
.store_list > ul { margin: 16px 0 20px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.hash_add { margin: 5px 4px;  height: 35px; padding: 8px 14px; background-color: #F7FCEF; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; color: #1749C2; border-radius: 18px; }
.hash_add img {margin-left:10px;}
.hash_add > a { height: 35px; line-height: 40px; }
.postcode_edit { width: calc(100% - 135px);}
.address_btn_edit { font-family: "noto_sans"; width: 120px; height: 35px; border: 1px solid var(--inactive); border-radius: 15px; font-size: 14px; font-weight: 500; background-color: #fff; color: var(--inactive); }
@media screen and (max-width:400px){
 .hash_add { margin: 5px 2px; }
 }
.store_select_box { width: 100%; height: 40px; }
.store_select_box .scroll_list { display: none; padding: 15px; position: absolute; top: 40px; width: 100%; border: solid 1px var(--inactive); background-color: #ffffff; z-index: 2; }
.store_select { border: 1px solid var(--inactive); border-radius: 10px; width: 100%; }
.rep_container { padding: 20px;}
.rep_container .rep_txt{ display: flex; align-items: baseline;}
.rep_container span { display: block; width: 10px; height: 100%; margin-right: 5px;}
.rep_container p { font-size: 12px; font-weight: 400; color: var(--sub); margin-top: 10px;}
.rep_img_box { position: relative; width: 100%; height: 0; padding-top: 75%; margin: 0 auto; overflow: hidden; border-radius: 10px; border: 1px dashed var(--inactive);}
.rep_img_box img{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; height: 100%; object-fit: cover;}
.rep_img_box > label { position:absolute; left: 0; top: 0; width:100%; height: 100%; cursor:pointer;}
.rep_img_box input { display: none;}
.img_add_box {border: 1px dashed var(--inactive); }
.detail_img { display: flex; flex-wrap:wrap; justify-content: space-between; padding: 20px; }
.detail_img > li { position: relative; text-align: center; width: calc(100% / 2 - 10px); height: 0; padding-bottom: 37.5%; margin-bottom: 10px; overflow: hidden; border-radius: 10px; }
.detail_img > li img { width: 100%; height:100%; object-fit: cover; position: absolute; left:0; top:0; }
.detail_img .noset_img {height:50%; object-fit: contain; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.create_img_close { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; z-index: 2; background-color: transparent; cursor:pointer; background: url(../img/contents/store/icon_img_close.svg)no-repeat;}
.detail_img > li label { position:absolute; left: 0; top: 0; width:100%; height: 100%; cursor:pointer;}
.detail_img > li input { display: none;}
.holiday_txt b { margin-left:10px; font-size : 12px; font-weight:500; color:red;}
.hours_box > img { position: absolute; right: 0; top: 25%; transition: 500ms ease;}
.header_wrap > p > span { font-size:12px; border-radius: 13px; padding: 6px 10px; font-family: 'noto_sans'; color: #888888; background-color: #F2F2F2; }
.franchise_icon > span { width:57px; height:25px; border-radius:13px; color:#1749C2 !important; border:1px solid #1749C2; text-align: center; font-size:12px; font-weight:500; background-color: #ffffff !important;}
.login_img { width:37px; height: 37px; position:relative;}
.login_img img { width: 100%; height: 100%; object-fit: cover;}
.edit_txt { margin : 0 15px 15px 0 !important;}
.join_comp_txt { font-size: 14px; color:var(--sub); }
.no_services { position: absolute; top:50%; left:50%; width:100%; text-align: center; transform: translate(-50%, -50%);}
.no_servicesbox { width:100%; height:100%; background: var(--tab_menu); min-height: 370px;}
.fir_saddrtxt {font-size:14px;}
.fran_man_type {font-size:12px; color:var(--inactive);}
.no_set { color:var(--inactive); font-weight: 400; }

.dash {border:1px dashed var(--middle-gray);}

.solid {border:1px solid var(--middle-gray);}

.fran_infoone { font-size:14px; font-weight: 500; word-break: break-all;}
.fran_inftw {font-size:12px; color:var(--sub);font-weight: 400; }

.join_franstate {
  font-size:22px;
  font-family: "noto_sans";
  font-weight: 800;
}

.join_franscomplet {
  font-size:14px;
  color:var(--sub);
  font-family: "noto_sans";
  font-weight: 400;
}

.wrap_btn { width:100%; max-width:768px; min-height:calc(100vh - 230px); height:100%; margin:70px auto 50px; position: relative; }
.btn_wrap {width: 100%; max-width: 768px; padding: 20px 20px 30px; margin: 0 auto;}
.pay_btn { width:100%; height:40px; color:#fff; border-radius:26px; background-color: var(--fran_color); padding:8px 0; font-size:16px; font-weight: 500; margin-top:30px; font-family: "noto_sans";}
.bg_white {background-color: #fff;}
.qr_complet_box {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; text-align: center;}
.qr_complet_txt p:nth-child(1) {font-weight: 700; font-size:22px;}
.qr_complet_txt p:nth-child(2), .qr_complet_txt p:nth-child(4) { font-size: 14px; text-align: center; font-weight: 400; color:var(--sub);}
.qr_complet_txt p:nth-child(3) { font-size: 22px; text-align: center;  font-family: "poppins"; font-weight: 600; padding:6px 0;}
.qr_complet_txt p:nth-child(3) span {color:var(--fran_color);}
.total_cm_amount { background:var(--tab_menu); padding:30px 20px;}
.total_cm_amount li:nth-child(2){ color:var(--fran_cm_buy);}
.total_cm_amount li:nth-child(3){ color:var(--fran_cm_sale);}
.sync_box {cursor:pointer;}
.sync_box img {display: block; margin-left:4px;}
.sync_box p:nth-child(1) {color:var(--fran_color); font-size:14px; font-weight: 500;}
.total_money {color:var(--sub); fon-size:14px; font-weight: 500;}
.buy_cm p:nth-child(1) { margin-top:13px; font-size:18px; font-weight: 700; }
.buy_cm p:nth-child(2) { margin-top:6px; font-family: "poppins"; font-weight: 600; font-size:22px;}
.buy_cm p:nth-child(2) span { font-family: "poppins"; font-weight: 600; font-size:18px;}
.mt_16 {margin-top:16px;}
.month_choice .ui-datepicker { font-size : 14px; }
.month_choice > li > button { padding:0; width:76px; height:35px; border-radius: 18px; border:1px solid #B1B1B1; color: #B1B1B1; background-color:#fff; font-size:14px; font-weight: 500; font-family: 'noto_sans'; }
.month_choice > li > button.active{ background-color:#1749C2; color:#fff; border:none;}
.payment_time { font-weight:500; }
.date_inputbox {min-width:120px; height:40px; border-radius:10px; border:1px solid var(--inactive); cursor:pointer; padding:10px 0;  font-size:14px; text-align: center;}
.date_choice input::placeholder {font-family: "poppins"; font-weight: 400; color:#000;}
.date_choice input {width:120px; font-family: "poppins"; font-weight: 400; color:#000;}
.month_wrap {border-bottom:1px solid var(--line); padding:20px;}
.search_date { border-radius: 20px; background: var(--fran_color); padding:6px 20px; color:#fff; font-size:16px; font-weight: 500; font-family: "noto_sans";}
.date_choice {display:flex; align-items: center; justify-content: space-between; margin-top:20px;}
.ba_s {font-size:14px; font-weight: 400; margin:0 4px; font-family: "poppins"; }
.month_wrap .applicant_select_box .applicant_select span { font-weight: 500;}
.month_wrap .hours_box {width:94px;}
.month_wrap .scroll_list { top:38px; padding: 0;}
.month_wrap .scroll_box { height:auto; padding: 8px 0;}
.month_wrap .scroll_box > li { padding:8px 23px 8px; min-height:auto; line-height: inherit; font-weight: 500;}
.paymentdate_title {font-size:16px; font-weight: 700; padding:10px 20px; background-color:var(--tab_menu);}
.payment_amount {font-size:16px; font-family: "poppins"; font-weight: 600; }
.payment_name { color:var(--sub); margin-bottom:5px; font-size:12px; font-weight:500;}
.pay_state { font-size:14px; font-weight: 500; }
.payment_state { font-size:16px; font-weight: 500; }
.line_l {border-top:1px solid var(--line);}
.bar {width:100%; height:4px; background: var(--line);}
.view_box { background: var(--tab_menu); padding:10px 20px;}
.view_cm_box { font-size:12px; font-weight:400; color:#4D4D4D; }
.view_cm_box.w-50 { width:50%; }
.m_B6 { margin-bottom : 6px;}
.total_viewamount {font-family: "poppins"; font-weight: 400; text-align: right; color:var(--sub); font-size:12px;}
.view_bamount {font-family: "poppins"; font-size:12px; font-weight: 500; margin-top:2px;}
.list_data {padding:20px; cursor:pointer;}
.now_state {cursor:pointer; min-width:70px;}
.now_state > p { font-size:14px; font-weight: 500; }
.month_wrap .applicant_select {height:40px;}
.month_wrap .scroll_list{padding:0; border-radius: 0 0 10px 10px;}
.no_wrap {position: relative; min-height:320px; text-align: center;}
.no_txt {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.no_txt p {font-size: 14px; font-family: "noto_sans"; font-weight: 500;}
.month_wrap .applicant_select_box ul li:hover {
  background-color:transparent;
}
.month_wrap .scroll_list .scroll_box {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.month_wrap .scroll_list .scroll_box::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
table { width: 100%; border: 1px solid #000; border-collapse: collapse; text-align: center; }
th, td { border: 1px solid #000; padding: 10px; word-break: break-word;}
#map {width:100%; height: calc(100% - 250px); position: relative;}
.member{width:100%; padding:0 0 20px; margin-top: 20px;}
.member_list{width:100%; padding:20px 20px 10px; border-radius:6px; background-color:#1749C2;}
.member_id{font-size:16px; font-family: "noto_sans"; color:#fff;}
.member_cash{font-size:22px; font-family: "poppins"; color:#fff; padding:5px 0 10px; border-bottom:1px solid rgba(242, 242, 242,0.3); word-break:break-all; font-weight: 700;}
.copy_btn{width:112px; height:40px; margin-top:10px; border-radius:4px; background-color:#96BC5D; font-size:16px; font-family: "noto_sans"; color:#fff;}
.wallet_copy_box { padding : 10px 0 5px;}
.wallet_copy_box img { margin-left: 6px; cursor: pointer;}
.wallet_copy_box p { font-size: 14px; color:#fff; word-break: break-word; }
.wallet_border { border-top:10px solid var(--line);}
.wallet_send{width:100%; padding:20px 20px 30px; background-color:#fff;}
.btn_list{position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; width:fit-content;}
.btn_item{width:70px; height:60px; margin-left:10px; border-radius:10px; background-color:#1749C2; font-size:12px; font-family:"poppins"; font-weight:700; color:#fff; text-align:center; cursor:pointer;}
.btn_item a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#fff;}
.coin_list_detail{width:100%; padding: 20px 20px 0 20px; overflow:hidden;}
.coin_list{width:100%;}
.coin_item{position:relative; display:flex; justify-content:flex-end; align-items:center; width:100%; margin-top:14px;  border-radius:6px; overflow:hidden;}
.coin_item:first-of-type{margin-top:0;}
.item_info{position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:10px 16px; border:1px solid var(--line); border-radius:10px; background-color:#fff; transition:left .3s; cursor:pointer; box-shadow: 1px 1px 2px rgba(226,226,226,0.3);}
.coin_img{display:flex; justify-content:center; align-items:center; flex:none; width:46px; height:46px;  margin-right:10px;}
.coin_img img{width:100%; height:100%; object-fit:contain; object-position:center;}
.coin_text{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; word-break:break-all;}
.coin_name{font-size:16px; font-family:"poppins"; font-weight:700; color: #000; width: 100%;}
.coin_amount{text-align:right; width:100%;}
.coin_unit{font-size:16px; font-family:"poppins";  font-weight:500; color: #000; white-space: nowrap;}
.coin_cash{font-size:14px; font-family:"poppins";  font-weight:400; color:var(--inactive);}
.content_inner{padding:0 20px;}

.d_table{display:table;}
.d_row{display:table-row;}
.d_cell{display:table-cell;}
.input_basic { width:100%; height:40px; padding:10px 16px; margin-top:10px; border-radius:10px; border:1px solid var(--middle-gray); font-size:14px; font-weight:400; outline: none; font-family:'poppins';}
.input_readonly{width:100%; height:40px; padding:10px 16px; margin-top:10px; border-radius:10px; background-color:var(--inactive); font-size:14px;  font-weight:400;}
.textarea_basic{width:100%; height:412px; padding:10px 16px 10px; margin-top:10px; border-radius:10px; border:1px solid var(--middle-gray); font-size:14px; font-weight:400; resize:none;}
.confirm_list_wrap{width:100%; padding:20px;}
.confirm_list{width:100%; border:1px solid var(--middle-gray); border-radius:10px; padding:0 16px; }
.confirm_item{display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); font-weight:500;}
.confirm_item:last-child{border-bottom:none;}
.confirm_title{font-size:14px; font-weight:400; font-family: 'noto_sans'; color:var(--dark_gray); min-width:100px; margin-right: 5px;}
.confirm_content{font-size:14px; font-weight:400; color: #000; word-break: break-all; font-family: 'poppins';}
.confirm_text_center{font-size:18px; font-weight:500; color: #000; text-align:center;}
.history_date{font-size:16px; font-weight:400; color:var(--dark_gray); margin-bottom:20px; font-family:'poppins';}
.confirm_list_null { text-align: center; padding: 20px; font-size:16px; font-family: 'noto_sans'; font-weight:700; color:var(--dark_gray);}
.confirm_history_title { margin:20px 0 ; padding: 10px; font-size:28px; font-family: 'noto_sans'; font-weight:700; color:var(--dark_gray); border-bottom:3px solid #1749C2;text-align: center;}
.send_info {text-align: center; font-size:22px; font-weight:700; margin-bottom:14px;}
.send_sinfo {font-size:14px; font-weight:400; text-align: center; }
.pinnumber {margin-right:4px; width: 38px; height: 38px; border-radius: 6px; text-align: center; background-color: var(--line); padding-top:15px;}
.pinnumber:last-child {margin-right:0}
.send_button { color: #000; width: 33%; font-weight:700; padding: 20px 40px; margin-bottom: 2px; border-radius: 10px; outline: none; border: none; background-color: transparent;  font-size:26px;}
.reset_txt {font-size:18px; font-weight:700;}
.pin_active {  background-color: #1749C2;}
.number_box {margin-top: 60px; }
.number_box input::placeholder{color: #fff; font-size:22px; font-weight:700; }
.comp_btn { position: fixed; bottom:0; width: 100%; max-width: 768px;}
.send_next_button { background-color : var(--inactive); color:#fff;}
.send_next_button.active { background-color: #1749C2;}
.popup_bg{position:fixed; left:50%; top:0; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:100%; max-width:768px; height:100%; backdrop-filter:blur(5px) brightness(0.7); text-align:center; z-index:9999;}
.popup_box{display:flex; flex-direction:column; justify-content:center; align-items:center; width:334px; height:320px; border-radius:6px; background-color:#fff;}
.popup_title{margin-bottom:20px; font-size:22px; font-weight: 700; }
.popup_desc{margin-bottom:70px; font-size:14px; font-weight: 500;; color:var(--sub);}
.popup_btn{width:158px;}

.agree_txt { height:200px; overflow: scroll;  overflow-x: hidden; border:1px solid var(--line); border-radius: 8px; padding:10px;}
.input_list{width:100%;}
.input_item{display:flex; align-items:flex-end; position:relative; width:100%; padding:10px 20px;}
.input_item label{flex-grow:1; font-size: 16px; font-weight: 700;}
.guide_text{width:100%; padding:18px 20px; font-size:14px; font-weight: 700; text-align:right;}
.chk_mark{font-size:16px; font-weight: 700;}
.input_item_txt { padding:0 20px 10px; font-size:12px; font-weight:500; }
.confirm_list_title {font-size:18px; font-style:normal; font-weight: 500;}
.complete_title {font-size:22px; font-weight: 700; text-align: center; padding:20px 0;}
.rem_box { background-image: url("../img/layout/svg/icon_search.svg"); background-repeat: no-repeat; background-position: 98%, center;  }
.please_note{width:100%; padding:30px 20px;}
.note_title {font-size:16px; font-weight: 700; border-bottom:1px solid var(--line); padding-bottom:14px;}
.note_stitle {font-size:14px; font-weight: 500;; padding-top:14px;}

.button_img { position: absolute; right: 20px; bottom: 9px; width: 50px; height: 40px; background: transparent; }

.sendmain_box {padding:0 20px;}

.txt_sender { font-size:16px; font-weight: 500; text-align: center; }
.drop_arrow_img {transform: rotate(90deg); margin:0 auto; display: block;}
.addr_send {display:flex; justify-content:center; align-items:center; border-radius: 10px; background:var(--line); font-size:14px; font-weight: 400; padding:14px 10px; word-break: break-all; }


/* send scroll none */
body.send{
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
body.send::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.height_100 { height: 100%;}
.btn_height { height: calc(100% - 60px); touch-action: pan-y; }


/* 미디어쿼리 */
@media all  and (max-width:600px){
  .coin_name{width:100%;}

}

@media all  and (max-width:550px){
  .coin_name{width:100%;}

}

@media all  and (max-width:337px){

  .confirm_content{ width:100%; margin-top:10px;}
}

  .coinitem_info {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:10px 16px; border:1px solid var(--line); border-radius:6px; background-color:var(--white); transition:left .3s;}
  .example_text {margin-top:10px; padding:0 20px; font-size:12px; font-weight: 400; color:var(--sub);}



.coin_logo{display:flex; align-items:center; max-width:calc(50% - 20px); font-size:16px; font-weight:700; color:#000; word-break:break-all;}
.coin_logo img{width:46px; height:46px; margin-right:10px; object-fit:contain; object-position:center;}

.coin_before{display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:calc(50% - 26px); font-size:16px; font-weight:700; color:#000; word-break:break-all;}
.coin_before img{width:46px; height:46px; margin-right:10px; object-fit:contain; object-position:center;}

.coin_after{display:flex; flex-direction:row-reverse; flex-wrap:wrap; align-items:center; width:100%; max-width:calc(50% - 26px); font-size:16px; font-weight: 700; color:#000; text-align: center;}
.coin_after img{width:46px; height:46px; margin-left:10px; object-fit:contain; object-position:center;}

.coin_arrow{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.confirm_content_w100{display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:10px; word-break: break-all;}
.half_item{width:100%; font-size:14px; font-weight: 400; color:#000; text-align: right;}
.send_splash { position: fixed; width: 100vw; height: 100vh; background-color: #F2F2F2; z-index: 999; top: 0;}
.send_splash_fran_txt { text-align: center; font-size: 22px; font-weight: 500; line-height: 32px; color: #1749C2; font-family: 'noto_sans'; font-weight : 700;}
.send_splash_txt { text-align: center; font-size: 22px; font-weight: 500; line-height: 32px; color: #1749C2; font-family: 'noto_sans'; font-weight : 700;}
.send_splash { width:100%; text-align: center; }
.send_splash_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.send_splash img { background-origin: border-box; background-clip: content-box, border-box; width:30px; height: 30px; animation: spin 1s linear infinite; margin-bottom: 20px; }

.title_service {font-size:17px; font-weight: 500; margin-bottom:6px; width:max-content;}
.notice_list { width: 100%; border-radius: 10px; border: 1px solid #d3d3d3; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%); padding:0 20px; }
.notice_listbox, .qna_box {border-bottom: 1px solid #efefef;}
.notice_listbox p {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 12px 0;}
.notice_listbox .title,  .qna_box .title {font-size: 15px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-right: 20px;}
.not_data  {border-bottom: none; font-weight: 500; text-align:center; font-size:15px; padding:14px 0;}
.notice_listbox .date {font-size: 14px; font-weight: 400;color: #b1b1b1; white-space: nowrap;}
.notice_box, .qna_servicebox {width:calc(100% - 40px); margin:0 auto; }


.qna_wrap {width:100%;}


.away_answer {display:flex; font-size:14px; margin-top:2px; font-weight: 500;}
.answer_one::after {content:"|"; color:#d3d3d3; padding:0 6px;}
.qna_box {padding:12px 0;}

.title_wrap img {cursor:pointer;}
.mb65 {margin-bottom:65px;}
.pagination_wrap {display: flex; justify-content: center; align-items: center;}
.pagination { display: flex; align-items: center;}
.pagination li { width: 26px;height: 26px; margin-right: 4px;}
.pagination .page.active {border-radius: 4px;background-color: #1749C2;}
.pagination .page.active a { color: #fff;}
.pagination li a { display: flex;justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 14px; font-weight: 500;  font-family: "poppins";  color: #b1b1b1;}
.noticeview_title {border-bottom: 1px solid #efefef; padding:20px 0 ; display: flex; justify-content: space-between;     align-items: end; }
.noticeview_title li:nth-child(1) {font-weight: 500; font-size:16px; font-family: "noto_sans";}
.noticeview_title li:nth-child(2) {margin-left: 20px; color:#b1b1b1; font-size:14px; font-family:'poppins'; font-weight:400;}
.noticeview_sub {font-size:14px; font-weight: 400; padding:20px 0;  font-family: "noto_sans";}
.textarea_box textarea {width: 100%; min-height: 400px; resize: none; padding: 8px 16px; border: 1px solid #c3c3c3; border-radius: 6px;  font-family: "noto_sans"; margin-top:10px;}

.qna_anwer label {font-weight: 500;}
.complet_answer {font-weight: 500;  font-family: "noto_sans";}
.complet_answer span {font-size:14px; display: inline-block; margin-right:4px;}
.qna_data {font-size:14px; color:#b1b1b1; margin-top:4px;}
.user_qna {padding:20px; font-weight: 500; font-size:14px;  font-family: "noto_sans";}
hr.type2 { border-top: 10px solid #F8F9FB;}
.qnaview_box {width:100%;}
.qna_subtxt {padding:20px; font-size:14px; font-weight: 500; font-family: "noto_sans";}
.qna_wrap .qna_subtxt li {border-bottom:0;}
.delete {display:flex; justify-content: space-between; align-items: center; margin-bottom:80px; padding:0 20px;}
.delete li {width:100%; }
.user_answerwrap {border-bottom:1px solid #ededed; padding:20px;}

.total_payment {padding:0 20px;}
.nowamount_title {font-size:16px;  font-weight: 500;   font-family: "noto_sans";}
.now_cmp_wrap { border-radius: 10px; padding:20px;  font-weight:400; margin-top:10px;}

.now_cmp_wrap p:nth-child(1) {  font-family: "noto_sans";}
.now_cmp {text-align: right; }
.exchange .exchange_span {font-family:'poppins'; font-weight:700; font-size:16px;}
.exchange span {font-family:'poppins';}
.exchange small {color:#ff0000; text-align: right; display:inline-block; width:100%; font-size:12px; margin-top:6px;  font-family: "noto_sans"; font-weight: 500;}
.exchange {font-weight: 500; font-size:16px; margin-top:20px;}
.exchange input {font-family:'poppins'; font-weight: 500;}
.paymemt_amount {text-align: right; font-family:'poppins'; font-weight: 500;}
.paymemt_amountinfo {color:#ff0000; text-align: right; font-size:12px; margin-top:6px; margin-bottom:12px; font-family: "noto_sans"; font-weight: 500;}
.completed_pay {padding-top:30px; text-align: center; font-size:16px; font-weight:500; font-size:18px; font-weight: 500; font-family: "noto_sans";}
.pay_view {height: auto;min-height: calc(100vh - 60px);}
.paymemt_amountinfo span {font-family:'poppins';}
.join_info_box {padding-top:100px;}


.result-check {display:unset;}
.unset_d {display:unset;}
.login .logo {padding :30px 0 20px;}
.header_wrap .clogout_box {font-size:12px; border-radius: 10px; padding: 6px 10px;font-family: 'noto_sans'; color: #888888; background-color: #F2F2F2;}
.header_wrap .clogin_box {font-size:12px; border-radius: 10px; padding: 6px 10px; font-family: 'noto_sans';
color: #fff; background-color: #6EA41C;}
.p8 {padding:8px !important;}
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.state {display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.line_18 {line-height:18px;}
.line_18 b {color:#b1b1b1;}
.boder_none {border-bottom:none !important;}
.temporarily_closed {border-bottom:none; padding-bottom: 0;}
.date_cal {width:94%;}
.date_cal input {width:100%; text-align:left;}
.store_allwrap .no_set {padding:10px 30px;}
.fran_infototalwrap .hash_name {margin:6px;}
.fran_cancelp .pop_cont {padding:0;}

.fran_mainwrap {padding:20px 20px 0;}
.fran_mainwrap .swiper-pagination-bullet {background:#1D65B1 !important;}

.user_grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; padding: 20px 20px 20px;}

.fran_grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; padding: 20px 20px 20px;}
.user_grid li, .fran_grid li, .buz_grid li {text-align: center; font-size: 14px; font-weight:500; }
.user_grid img, .fran_grid img, .buz_grid img {width: 44px; height: 44px;}

.buz_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; padding: 20px 20px 20px;}

.complet_btntab .btn_basic {padding:0px 20px 70px;}
.inquiry_qu, .inquiry_qu input, .inquiry_qu textarea {font-family: 'noto_sans';}
.inquiry_qu label {font-weight: 500; display:block;}
.logout_main {font-size:12px; border-radius: 10px; padding: 6px 10px; font-family: 'noto_sans'; color: #888888; background-color: #F2F2F2;  margin-right:20px;}

.fran_border {background: linear-gradient(to right, #2BB488, #1A5CB7); }
.fran_border p:nth-child(1) {color:#fff;}

.user_border {background: linear-gradient(to left, #3B46CA, #6640E4);}
.buzi_border {background: linear-gradient(to left, #3B46CA, #C82ED5);}
.fran_color {color:#30B48A;}
.user_color {color:#6640E4;}
.buzi_color {color:#C82ED5;}
.member_type {font-size:14px; font-weight: 500;}

.apply_infowrap {padding:40px 0;}
.info_txt {font-size:18px; font-weight: 700;}
.ok_apply, .no_apply {border-radius: 10px; border:1px solid #ededed;  padding:20px; margin-top:6px;}
.ok_apply li {list-style: decimal; margin-left:20px; margin-bottom:6px; font-weight: 500;}
.ok_apply li:last-child {margin-bottom:0;}
.no_apply li {font-weight: 500;}

.title_qr {font-size:18px; font-weight: 400; text-align: center; margin-top:70px;}
.stitle_qr {font-size:16px; font-weight: 400; margin-top:30px; text-align: center;}
.payment_qrimg {width:200px; height:200px; margin:30px auto 0; }
.payment_qrimg img {max-width:100%;}
.qr_box, .qr_number { width:200px; margin:20px auto; border-radius: 10px; text-align: center; padding:6px; font-weight: 400;  font-family:'poppins'; border:1px solid #c3c3c3;}
.qr_number input {text-align: center;}
.qr_number { width:200px; margin:20px auto; }
.qrpaymentamount {text-align: center; margin-top:16px; font-weight: 400;}
.qrpaymentamount p:nth-child(2) { font-weight: 600;  font-family:'poppins'; font-size:20px; margin-top:4px;}
.qr_comp_txt {font-size:14px; margin-top:14px; }
.qr_comp_stxt {font-size:18px; font-weight: 600; font-family:'poppins'; margin-top:6px; }
.qrtab {display:flex; justify-content: space-between; align-items: center;}
.qrtab p {text-align: center; width:100%; padding:12px; cursor:pointer; border-bottom:1px solid #ededed;}
.qrtab .f_active { border-bottom:2px solid #1749C2; color:#000; font-weight:800; }

.sync_wrap {display:flex; justify-content: flex-end;}
.sync_img {display:flex; align-items: center; cursor:pointer;}
.sync_img img {display:block; margin-left:6px;}
.searimgin {background-image: url("../img/layout/svg/icon_search.svg"); background-repeat: no-repeat; background-position: 98%, center;}
.sear_choice {display:flex; justify-content: flex-end; align-items: center; margin-top:12px;}
.sear_choice {width:20%;}
.history_viewdate, .history_view {display:flex; justify-content: space-between; align-items: center; font-size:15px; }
.history_viewdate p:nth-child(2) {width:max-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align: right;}
.h_user {width:170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.h_date {font-family:'poppins'; font-size:15px; font-weight: 500;}
.h_date span {font-family: 'noto_sans';}

.h_totalamount {font-size:18px; font-family:'poppins'; font-weight: 500; width:160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align: right;}
.not_his {text-align: center; font-size:18px; font-weight: 400;}
.h_listwrap {margin-top:20px;}
.border_m {border-bottom:1px solid #ededed;}
.after_pay {margin-top:60px;}
.footer { margin:30px 0 80px; font-size:13px; padding:0 20px; text-align: center; font-weight: 400;}
.footer li {display:flex; justify-content:center; margin-bottom:6px; flex-wrap: wrap;}
/*.footer li p::after {content:"|";color:#333; padding:0 6px; font-weight: 500;}*/
.footer li p::after {color:#333; padding:0 6px; font-weight: 500;}
.footer li p:nth-child(2)::after {content:"";padding:0;}
.infologin { text-align: center;}
.infologin .cm_info  {color: #000;font-size: 18px;font-weight:700; margin-top:10px;}
.infologin .cm_info  li:last-child {font-size:14px; color:#555; margin-top:10px;}
.infologin .cm_info span  {color: #1749C2;font-size: 18px;font-weight:700;}
.login_userchoice a {font-size:14px;}
.user_infosearch input{margin-top:4px;}
.search_complet {border:1px solid #ededed; border-radius: 10px; padding:0 12px 0; margin-top:6px;}
.search_complet .search_data {display:flex; justify-content: space-between; align-items: center; font-size:14px; border-bottom:1px solid #ededed; padding:10px 0; font-weight: 400;}

.idfind_compbox {margin-top:70px; text-align: center; font-weight: 400;}
.idfind_compbox li:nth-child(1) {font-size:20px; font-weight: 500;}
.idfind_compbox li:nth-child(2) {font-size:14px; margin-top:22px;}

.findid {font-size:22px; font-weight: 500; margin-top:50px; text-align: center; border-bottom:2px solid #1749C2; padding-bottom:4px;}
.link_pw {text-align: center; margin:30px 0; font-size:16px; font-weight: 500; }
.link_pw a {width: max-content;}
.level_infobox {
  position: absolute;
  bottom:-10px;
  left:48%;
  font-size:10px;
  text-align: center;
  border-radius: 10px;
  padding:2px 6px;
  color:#fff;
  transform: translateX(-50%);
  width:32px;
}

.user_txtbox { background: #6640E4;}
.fran_txtbox { background: #2CAC8D;}
.buzi_txtbox { background: #C82ED5;}

.user_imgbox {border:2px solid #6640E4;}
.fran_imgbox {border:2px solid #2BB488;}
.buzi_imgbox {border:2px solid #C82ED5;}
.possession {color:#fff; font-weight: 500;}
.cmamount {font-size:22px; font-weight: 600; font-family:'poppins'; color:#fff; line-height: normal;}
.fmcm_amount span, .mcm_amount span  {display:block; }
.cmtitle {font-size:16px; font-weight: 500; color:#fff;  height:33px; line-height: 33px;}
.pwfind {margin-top:70px;}
.fmcm_amount {margin-bottom:6px;}
.pwfind li:nth-child(1) {font-size:20px; font-weight: 500;}
.payment_cancel {

  text-align: right;
  margin-top:10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.payment_cancel_p {
  width:100%;
  text-align: right;
  margin-top:10px;
}

.payment_cancel button {
  border:1px solid #d3d3d3;
  font-size:14px;
  padding:10px;
  border-radius: 6px;
  color:#212121;
   margin-left:auto;
   background: #fff;
   font-weight: 400;
   font-family: 'noto_sans';
}

.payment_cancel .click_active {background-color: #1749C2; color:#fff; border:none;}
.buz_overlap {display:flex; align-items:center;}
.overlap_btn button {background-color: #1749C2;  color:#fff; padding:10px; border-radius: 6px; white-space: nowrap; margin-left:10px;}
.click_history {  background: #d3d3d3;}

.change_pwinfo  {
  font-size:13px;
  margin-top:12px;
  color:#999;
}

.w_checkbox {margin-right:10px;}
.popup_amounttxt span {
  font-size:14px;
}

.user_choice {font-size:14px; display:flex; justify-content: center; align-items: center; margin-top:10px;}
.user_choice li::after {content:"|"; color:#d3d3d3; padding:0 10px;}
.user_choice li:last-child::after {content:""; padding:0;}

.reason_view {
  height:250px;
  border:1px solid var(--line);
  border-radius: 10px;
  padding:10px;
  font-size:14px;
  margin-top:12px;
}

.reason_title {margin-top:60px; font-size:16px; font-weight: 700;}
.myphonenum {display:flex; margin-top:50px; align-items: center; font-size:14px; color:#1749C2; font-family:'poppins'; font-weight: 600;}
.delect_req {margin-top:20px; font-size:15px; font-weight: 400;}
.buz_phonechange .myphonenum {margin-top:14px;}
.buz_phonechange input {margin-top:6px;}
.buz_phonechange label {font-weight: 500;}
.buz_phonechange .myphonenum p {color:#C82ED5;}
.nowphonenum {font-weight: 500;}
.report_tab .r_active { border-bottom:2px solid #C82ED5; color:#000; font-weight:800; }
.list_sliderbox {width:100%;  max-width:768px; margin:0 auto;}
.fran_amountbox {display: flex;  justify-content: space-between; align-items: center;}
.untradable_btn {background: #fff; color:#212121; border:1px solid var(--line); flex:none; padding:6px 8px; border-radius: 10px; font-weight: 500; font-family: 'noto_sans'; font-size:14px;}
.myamount_btn {background: var(--main); color:#fff; border:1px solid var(--main); flex:none; padding:6px 8px; border-radius: 10px; font-weight: 500; font-family: 'noto_sans';  font-size:14px;}
.untradable_btn span {font-family:'poppins';}
.no_imgstore {display: flex; justify-content: center; align-items: center; text-align: center;}
.myamount_ltxt span {font-family:'poppins';}
.week_wrap {padding:20px;}
.week_open, .ready_time {font-size:16px; font-weight: 500;}
.week_choice, .ready_choice, .holiday_tab {display:flex; justify-content: space-between; align-items: center; border:1px solid var(--line); border-radius: 20px; }
.week_choice li, .ready_choice li, .holiday_tab li {text-align: center; width:49%; height:100%; padding:8px; font-weight: 500; cursor:pointer;}
.week_active, .ready_active, .holiday_active {background: var(--main);  height:100%; border-radius: 20px; color:#fff; }
.every_txt {flex:none; margin-right:10px; font-weight:400;}
.ready_time span {font-size:12px; color:#666; display: inline-block; margin-left:20px;}
.line_h {border:1px solid #dfdfdf; margin:20px 0;}
.closebtn {flex:none; margin-left:10px;}
.closebtn button { background: #E31D2E; color:#fff; padding:12px; font-size:14px;border-radius: 8px; font-weight: 400; font-family: 'noto_sans';}
.nullbox {padding:12px; width:49px;}
.header_unsetlist { background: unset; border-bottom: unset;}
.map_no {width: 100%; height: 100%; z-index: 2; position: absolute;background-color:rgba(255,255,255,0.8);}
.no_locationtxt {display:flex;justify-content: center; align-items: center; height: 100%;}
.daum_searchtrue {position: absolute; z-index: 2; width:36px; height: 35px;
  background:url("//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png") no-repeat -150px -450px;}
.map_storewrap {position:relative; }
.store_fran {position: absolute; z-index:4; width:98%; height:170px; left:50%; bottom:64px; transform: translateX(-50%); max-width:768px; }
.store_infoview {position: absolute; width:100%; padding: 0 10px;  background:#fff; border:1px solid #d3d3d3; border-radius: 10px;}
.addr_store {font-size:14px; font-weight: 500;}
.close_imgfran {display:flex; justify-content: flex-end; padding:10px 0 0;}
.close_imgfran img {width:max-content; cursor:pointer; width:13px;}

.faq_title { font-size:1.8rem; font-weight:700; margin-bottom:10px; color:var(--main); padding:0 20px;}
.faq_list { width:100%; cursor:pointer; position: relative;}
.faq_answer { color:var(--main); font-family:'poppins'; }
.faq_question {padding:18px 44px 18px 20px;  font-size:16px; font-weight: 500; width:100%; word-break: break-all; border-bottom: 1px solid var(--line);}
.answer_box { background-color:var(--line); font-size:16px; font-weight: 400; max-height: 0; overflow: hidden;  transition: 0.4s; }
.faq_list:after { background-position: center; background-image: url("../../assets/img/new/icon_arrow_down.svg");
background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; content:""; position:absolute; top:50%; right:20px; transform: translateY(-50%); }
.faq_list.active:after { background-image: url("../../assets/img/new/icon_arrow_up.svg"); content:""; }
.answer_faq img {max-width:100%;  }
.answer_faq  {font-weight: 500; line-height: 30px;}
.titlebox {border-bottom: 1px solid #f1f1f1;padding: 18px 20px;}
.titlebox li:nth-child(1) {font-size: 18px; font-weight: 700; margin-bottom: 8px;}
.terms_txtview {font-weight: 400; font-size:15px; line-height:32px; margin-bottom:30px; padding:0 20px;}
.version { font-size: 14px; font-weight: 500; color: #89949c;}
.terms_linkbox p {
  font-size:16px;
  font-weight: 400;
  padding:10px 0;
}

.terms_linkbox a {
  border-bottom:1px solid #f1f1f1;
  display:block;
}

.agree_terms {
  padding:0 20px;
}

.agree_terms p:nth-child(1) {
  font-size:16px;
  font-weight: 500;
}

.agree_terms p:nth-child(2) {
  font-size:14px;
  color:#666;
  font-weight: 400;
}

.agree_terms p:nth-child(1) span {
  font-size:16px;
  font-weight: 500;
}

.informap_view {position: absolute; z-index:4; width:100%; height:150px; left:50%; bottom:66px; transform: translateX(-50%); max-width:768px;}
.map_fran { position:relative; padding-bottom:0;}
.addr_searchmap {position: absolute; z-index: 2; width:36px; height: 35px;
   background:url("//t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png") no-repeat -150px -450px;}
.flex_map {display:flex;justify-content: center; align-items: center; height: 100%;}
.map_box {width:100%; margin-top:20px;}
.map_splach {width: 100%; height: 100%; z-index: 99; position: absolute;background-color:white;}
.nomaplist {width: 100%; height: 100%; z-index: 2; position: absolute;background-color:rgba(255,255,255,0.8);}
.boxmapfran {padding:10px 0;}
.listmap_fran {position: absolute; width:100%; padding: 0 10px;  background:#fff;}
.co_name_p {font-size:15px; font-weight: 500;}
.co_addr_p {font-size:14px; color:#999; font-weight: 400;}
.faq_active {border-bottom:none !important;}
.choice_list {font-weight: 500; font-size:15px;}
.img_profile {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left:0;
}

.gift_userbox {position: relative;}
.searimgd {position: absolute; top:60%; right:10px; transform: translateY(-50%); cursor:pointer; padding:8px;  }
.searimgd img {display:block; width:16px;}
.gift_usertxt {font-weight: 500;}
.fees_box .paymemt_amountinfo {margin-bottom:0;margin-top:0;margin-left:4px;}
.memno_not {  text-align: center;  height:100px;  display:flex;  justify-content: center;  align-items: center;  font-weight: 500;}
hr.line {  border:1px solid #f1f3f5;}
.adver_h2 {  padding-bottom:0 !important;}
.adver_wrapper img { display: block;  width: 100%;  height: 100%;  object-fit: cover;  border-radius: 10px;}
.adver_wrapper li img { height:240px;}
.contentbox{width:100%; min-height:calc(100vh - 124px); min-height:calc(100svh - 125px);}
.contentbox.no_header {min-height:calc(100vh - 60px); min-height:calc(100svh - 60px);}
.contentbox.no_footer{min-height:calc(100vh - 50px); min-height:calc(100svh - 60px);}
.contentbox.no_both {min-height:100vh; min-height:100svh;}
.flex_cor { display: flex; flex-direction: column; justify-content: space-between;}
.header_h {height:60px;}
.footer_h {height:65px;}
@media screen and (min-width:768px) {
  .cancel_hover:hover  {   background:#ededed;  }
}

@media screen and (max-width:767px) {
  .history_viewdate p:nth-child(2) {width:160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align: right;}
  .list_slider { padding-bottom:20px; margin:10px 0px 0px 20px }
  .openinfor_wrap {padding:16px;}
  .fran_img {width:100%; height:110px;}
  #map { height: calc(100% - 250px); }
  .contents_qr_scan {min-height:400px;}
  .fran_amountbox .fran_infoone {width:120px;}
  .user_grid {grid-template-columns: repeat(4, 1fr);}
  .fran_grid {grid-template-columns: repeat(3, 1fr);}
  .sear_choice {width:30%;}
}


@media screen and (max-width:375px) {
.user_grid li, .fran_grid li, .buz_grid li {font-size:12px;}
.user_grid img, .fran_grid img, .buz_grid img {width:40px; height:40px;}
.user_grid {grid-template-columns: repeat(3, 1fr);}
  .contents_qr_scan {min-height:300px;}
}