@import url(jquery-ui.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monda:wght@400;700&display=swap');

.ui-datepicker { border-radius:5px !important; padding:20px !important; border:1px solid #ddd;  }
.ui-datepicker .ui-datepicker-header { background: none; border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0; border-radius:4px; }
.ui-state-default:hover { background: #f2f2f2; }
.ui-datepicker-today a { font-weight: 600 !important;}
.ui-state-active { background: #a90329 !important; color: #fff !important; }
.ui-datepicker .ui-datepicker-prev { left:2px; background: url(../images/common_v2/ico_cal_prev.gif) no-repeat 50% 50%; cursor: pointer}
.ui-datepicker .ui-datepicker-next { right:2px; background: url(../images/common_v2/ico_cal_next.gif) no-repeat 50% 50%; cursor: pointer;}
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-state-active { background: #367bd6 !important; }


.ml20 { margin-left: 20px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb8 { margin-bottom: 8px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb16 { margin-bottom: 16px !important;}
.mb24 { margin-bottom: 24px !important;}
.mb30 { margin-bottom: 30px !important;}
.pd20 { padding: 20px; }

.black { color: #000 !important; }


.bg-wrap2 { min-height: 100vh; background: #3964A4;  }
.bg-wrap { min-height: 100vh; background: #fbfbfc;  }
.header-wrap-v2 {  background: #fff;  }
.header-v2 { height: 50px; position: relative;}
.header-v2 .tit { text-align: center; }
.header-v2 .tit h2 { line-height: 49px; font-size:20px; color: #1d1d1d;}
.header-v2 .left-box { position: absolute; left: 0; top:0;  }
.header-v2 .left-box a { display: inline-block; vertical-align: middle; width:50px; height: 50px; text-align: center; line-height: 49px; }
.header-v2 .right-box { position: absolute; right:10px; top:0; }
.header-v2 .right-box .btn-home { display: inline-block; vertical-align: middle; width:40px; height: 50px; background: url(../images/home.svg) no-repeat 50% 50%; background-size:17px auto; }

.tabs2 { display: flex; justify-content: space-between; padding:0 17px 15px; }
.tabs2 p { flex:1;  padding:0 3px; margin-bottom: 0; }
.tabs2 p a { display: block; height: 32px; line-height: 30px; border-radius:30px; font-size:14px; color: #252525; border: 1px solid #3964A4; text-align: center; }
.tabs2 p a.active { background: #dae9ff; color: #3964A4; font-weight: 600; }
.tabs2.scroll { padding-left: 0; padding-right:0;  }
.tabs2.scroll .swiper-container { padding:0 17px; }
.tabs2.scroll .swiper-slide { width:auto !important}
.tabs2.scroll a { width:95px; }
.tabs2.scroll a { display: block; height: 32px; line-height: 30px; border-radius:30px; font-size:14px; color: #252525; border: 1px solid #3964A4; text-align: center; }
.tabs2.scroll a.active { background: #dae9ff; color: #3964A4; font-weight: 600; }


.content-type1 { padding: 20px 20px;  background: #fbfbfc; border-radius:20px 20px 0 0;}
.content-type2 { padding:0 0 40px;  background: #fff; }
.content-type1.overflow { overflow: hidden; }
.content-type1 + .content-type2 { padding:40px 20px; }

.h3 { font-size:16px; color: #373737; font-weight: 600; margin-bottom: 8px;}
.h4 { font-size:14px; color: #373737; font-weight: 600; margin-bottom:15px;}
.h4 img { vertical-align: middle; margin-top:-3px; }
.h6 { font-size:14px; color: #373737; font-weight: 600; margin-bottom:15px;}

.select { display: inline-block; vertical-align: middle; width:100%; height: 48px; line-height: 48px; border: 1px solid #edeced; border-radius:4px; padding:0 30px 0 16px; font-size:14px; color: #000; background: #fff url(../images/common_v2/bu_select.svg) no-repeat 100% 50%; background-position: right 12px center; margin-bottom: 0;}
.inp1 { display: inline-block; vertical-align: middle; width:100% !important; height: 42px !important; line-height: 46px; border: 1px solid #d7d7d7 !important; border-radius:6px !important; padding:0 0 0 16px !important;  color: #000 !important; background: #fff !important; margin-bottom: 0 !important;}

.text-right { text-align: right !important; }
.inp1.text-right { padding-right:16px !important; }
.inp1[readonly] { background: #fbfcfc !important; color: #2f3032 !important; font-size: 16px;  font-weight: bold;}
.inp1[disabled] { background: #fbfcfc !important; color: #2f3032 !important; font-size: 16px;  font-weight: bold;}

.textarea1 { display: inline-block; vertical-align: middle; width:100% !important; height: 120px !important; line-height: 46px; border: 1px solid #edeced !important; border-radius:6px !important; padding:0 0 0 16px !important; font-size:14px !important; color: #000 !important; background: #fff !important; margin-bottom: 0 !important; resize:none;}
.inp1.inp-date { background:#fff url(../images/common_v2/ico_inp_date.svg) no-repeat 100% 50% !important; background-position: right 12px center !important;}

.btn-type1 {
   align-items: center;
   appearance: none;
   
   border: 0;
   border-radius: 6px;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   display: inline-flex;
   font-family: "JetBrains Mono",monospace;
   height: 48px;
   
   justify-content: center;
   line-height: 1;
   list-style: none;
   overflow: hidden;
   padding-left: 16px;
   padding-right: 16px;
   position: relative;
   text-align: left;
   text-decoration: none;
   transition: box-shadow .15s,transform .15s;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   white-space: nowrap;
   will-change: box-shadow,transform;
   font-size: 18px;
}

.btn-type2 { display: inline-block; vertical-align: middle; width:100%; height: 48px; line-height: 46px; border-radius:8px; text-align: center;  background-color: #3964A4;  font-size:16px; color: #ffffff; }
.btn-m { height: 40px; line-height: 38px; font-size:15px; }

/* 계좌관리 */
.bank-swiper { margin:0 -20px; }
.bank-swiper .swiper-container { padding:30px ; }
.bank-swiper .swiper-slide { transition: all 0.5s ease; transform: scale(0.9);}
.bank-swiper .swiper-slide-active { transform: scale(1); }
.bank-swiper .item { height: 200px; padding: 30px; background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius:15px;position: relative; }
.bank-swiper .item .head {  display: flex; justify-content: space-between; }
.bank-swiper .item .head .logo1 img { height: 41px; vertical-align: top; }
.bank-swiper .item .head .logo2 img { height: 33px; vertical-align: bottom; }
.bank-swiper .item .head .logo2 strong { font-size:18px; vertical-align: bottom ; color: #000; margin:0 5px 0 3px; }
.bank-swiper .item .head .logo2 span { font-size:13px; color: #565656; vertical-align: bottom;}
.bank-swiper .item .head .logo2 img,
.bank-swiper .item .head .logo2 strong,
.bank-swiper .item .head .logo2 span { vertical-align: sub; }
.bank-swiper .item dl { position: absolute; left: 30px; bottom:30px;  }
.bank-swiper .item dl dt { font-size:15px; color: #71707a; margin-bottom: 4px; }
.bank-swiper .item dl dd { font-size:18px; font-weight: 600; color: #000; }
.bank-swiper .swiper-pagination { }
.bank-swiper .swiper-pagination .swiper-pagination-bullet { width:8px; height: 8px; opacity: 1; border: 1px solid #3964A4; background: none; transition: all 0.5s ease; }
.bank-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #3964A4; }

.my-cpoint { margin-top:15px; padding: 20px; background: #edeced; border-radius:20px; margin-bottom: 15px; }
.my-cpoint dl { display: flex; justify-content: space-between; font-size:15px; line-height: 20px; color: #000; align-items: center;}
.my-cpoint dl + dl { margin-top:12px; }
.my-cpoint dl dt {  }
.my-cpoint dl dd { text-align: right; }
.my-cpoint dl.total dt { font-size:15px; font-weight: 600;}
.my-cpoint dl.total dd { font-size:22px; font-weight: 400;}
.my-cpoint dl.total dd strong { font-size:28px; }
.my-cpoint-desc { text-align: center; margin-bottom: 30px; font-size:12px; color: #3964A4; }

.inp-box1 { position: relative;}
.inp-box1 .won { position: absolute; right:16px; top:0; line-height: 42px; font-size:15px; color: #949ca9; }
.inp-box1 .btn-show { position: absolute; right:10px; top:0; width:30px; height: 48px; background: url(../images/common_v2/ico_pw_view.svg) no-repeat 50% 50%; text-indent: -9999px; }
.inp-box1 input[type="text"] + .btn-show { background-image: url(../images/common_v2/ico_pw_view_on.svg); }
.inp-point-box { position: relative;}
.inp-point-box p { position: absolute; right:10px; top:0; line-height: 48px; font-size:13px; color: #3964A4; }
.inp-point-box strong { position: absolute;left: 16px; top:0; line-height: 40px; font-size: 15px; color: #000; }
.inp-point-box .inp1 { text-align: right; padding-right:20px !important; font-size:23px !important; font-weight: 600; color: #000 !important; }

.head-point { padding:0 20px 40px; background: #fff; margin-bottom: -20px;}
.head-point div { padding: 24px 32px; border-radius:20px; background: #fff; }
.head-point dl + dl { margin-top:15px; }
.head-point da + da { margin-top:5px; }
.head-point dl { display: flex; justify-content: space-between; align-items: center; color: #242424; line-height: 1; }
.head-point da { display: flex; justify-content: space-between; align-items: center; color: #242424; line-height: 1; }
.head-point dl dt { font-size:13px; }
.head-point dl dd { font-size:18px; }
.head-point dl dd strong { font-size:26px; margin-right:5px; letter-spacing: -1px; }
.head-point .p-desc { padding: 0; background:none; text-align: center; font-size:12px; color: rgba(231, 181, 184, 0.7); font-weight: 500; padding-top:15px;}

.inp-box2 { display: flex; justify-content: space-between; align-items: center;}
.inp-box2 label { flex: 1 1 auto; white-space: nowrap; vertical-align: middle; margin-right:15px; }

.checkbox1 { position: absolute;left: -9999px; }
.checkbox1 + em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border-radius:100%; border: 1px solid #3964A4; background: #fff; position: relative; }
.checkbox1 + em + span { display: inline-block; vertical-align: middle; font-size:15px; margin:-2px 0 0 6px; color: #000; }
.checkbox1 + em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; border: 5px solid #3964A4; opacity:0; transition: all 0.5s ease; border-radius:100%; transform: scale(1.5);}
.checkbox1:checked + em:before { opacity:1; transform: scale(1);}

.checkbox2 { position: absolute;left: -9999px; }
.checkbox2 + em { display: inline-block; vertical-align: middle; width:16px; height: 16px; border-radius:2px; border: 1px solid #ccc; background: #fff; position: relative; transition: all 0.5s ease; }
.checkbox2 + em + span { display: inline-block; vertical-align: middle; font-size:15px; margin:-2px 0 0 6px; color: #000; }
.checkbox2 + em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; opacity:0; transition: all 0.5s ease; transform: scale(0.5); background: url(../images/common_v2/checkbox2.svg) no-repeat 50% 50%; }
.checkbox2:checked + em { background: #3964A4; border-color:#3964A4; }
.checkbox2:checked + em:before { opacity:1; transform: scale(1);}

.description1 { font-size:12px; line-height: 1.5;  color: #3964A4; margin-bottom: 24px; }

.tabs3 { padding: 8px; border-radius:48px; background: #fff; border: 1px solid #edeced; overflow: hidden; margin-bottom: 15px; }
.tabs3 a { float:left; width:50%; height: 32px; line-height: 32px; font-size:15px;color: #949ca9; text-align: center; border-radius:32px; transition: all 0.5s ease; }
.tabs3 a.active { background: #3964A4; color: #fff; }

.auto-bank-cont { }
.auto-bank-list ul li { margin-bottom: 8px; }
.auto-bank-list ul li .item { border: 1px solid #edeced; border-radius:4px; position: relative; padding:18px 54px 18px 24px;  overflow: hidden; background: #fff;  }
.auto-bank-list ul li .item:before { content: ''; position: absolute; left: -1px; top:-1px; bottom:-1px; width:4px; background: #007bc6;  }
.auto-bank-list ul li.bg1 .item:before {  background: #007bc6;}
.auto-bank-list ul li.bg2 .item:before {  background: #fbaf17;}
.auto-bank-list ul li.bg3 .item:before {  background: #009490;}
.auto-bank-list ul li.bg4 .item:before {  background: #ff0000;}
.auto-bank-list ul li.bg5 .item:before {  background: #ef4a74;}
.auto-bank-list ul li.bg6 .item:before {  background: #00ae37;}
.auto-bank-list ul li .item .btns { position: absolute; right:0; top:0; width:39px; height: 100%; border-left: 1px solid #edeced; }
.auto-bank-list ul li .item .btns a { display: block; height: 50%; }
.auto-bank-list ul li .item .btns .btn-modify { background: url(../images/common_v2/ico_auto_modify.svg) no-repeat 50% 50%; border-bottom: 1px solid #edeced; }
.auto-bank-list ul li .item .btns .btn-trash { background: url(../images/common_v2/ico_auto_trash.svg) no-repeat 50% 50%; }
.auto-bank-list ul li .item .head { display: flex; justify-content: space-between; margin-bottom: 5px; }
.auto-bank-list ul li .item .head .tit { font-size:13px; color: #949ca9;}

.auto-bank-list ul li .item .head .ammount { font-size:15px; color: #000; }
.auto-bank-list ul li .item .head .ammount strong { font-size:18px; }
.auto-bank-list ul li .item .body img { width:16px; }
.auto-bank-list ul li .item .body strong {font-size:14px; color: #000;}
.auto-bank-list ul li .item .body span {font-size:14px; color: #000;}

.quick-add {position: fixed; right:20px; bottom:60px; z-index:20; }
.quick-add a { display: block; width:56px; height: 56px; border-radius:100%; background: #3964A4 url(../images/common_v2/ico_quick_add.svg) no-repeat 50% 50%;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); position: relative;}
.quick-add a span { position: absolute; right:65px; top:50%; margin-top:-15px; width:75px; height: 33px; background: url(../images/common_v2/bg_tooltip.png) no-repeat 0 0; background-size:75px auto;  font-size:12px; color: #3964A4; font-weight: 600; padding-left: 12px;line-height: 32px;}

.sort-box {
   margin-top: -16px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   background: #edeced url(../images/common_v2/ico_sort.svg) no-repeat right 15px center;
   background-size: 26px 26px; /* 아이콘 크기 지정 */
   border-radius: 4px;
   font-size: 13px;
   color: #000;
   margin-bottom: 10px;
 }
 .bank-history .history-list ul li { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #edeced;  align-items: center; }
.bank-history .history-list ul li .info p { font-size:13px; color: #000; margin-bottom: 2px;  }
.bank-history .history-list ul li .info span { font-size:13px; color: #949ca9; }
.bank-history .history-list ul li .point { font-size:15px; color: #3964A4; text-align: right; }

.bg-layer { position: fixed;left: 0; right:0; top:0; bottom:0; z-index:4000; background: rgba(0,0,0,0.7)}
.drop-layer { position: fixed;left: 0; right:0; bottom:0; padding: 30px 20px 50px; background: #fbfbfc; border-radius:20px 20px 0 0;  z-index:5000;}
.drop-layer .subj { position: relative; text-align: center; margin-bottom: 20px;  }
.drop-layer .subj h5 { font-size:18px; color: #000; font-weight: 600;}
.drop-layer .subj .close { position:absolute; right:0; top:0; width:25px; height: 25px;background: url(../images/common_v2/ico_layer_close.svg) no-repeat 50% 50%; }
.flex-tab1 { display: flex; justify-content: space-between; align-items: center;  background: #fff; }
.flex-tab1 a { flex:1; height: 40px; line-height: 38px; font-size:15px; color: #949ca9; border: 1px solid #edeced; margin-right:-1px; margin-top:-1px; text-align: center; position: relative; }
.flex-tab1 a:before { content: ''; position: absolute;left:-1px; top:-1px; right:-1px; bottom:-1px; border: 1px solid #3964A4; opacity:0; transition: all 0.5s ease; z-index:2;}
.flex-tab1 a.active:before { opacity:1; }
.flex-tab1 a.active { color: #3964A4; }
.flex-tab1.col3 { flex-wrap: wrap; }
.flex-tab1.col3 a { flex: 33.3333%; }

.date-box { display: flex; justify-content: space-between; }
.date-box > div { flex: 1; }
.date-box em { flex: 0 0 30px; line-height: 48px; text-align: center; }

.login-head { padding:20px 20px 20px;}
.login-head .logo p { font-size:20px; font-weight: 700; color: #fff; margin-top:3px;  }
.login-head .logo p strong { font-size:28px; }
.login-head .logo div { padding-top:18px; font-size:15px; line-height: 1.5; color: #fff;}
.login-wrap {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   margin: 0;
   box-sizing: border-box;
   position: fixed; /* 고정 위치 설정 */
   bottom: 0; /* 하단에 고정 */
   width: 100%; /* 화면 너비 전체를 사용 */
   max-width: 500px; /* PC에서 최대 너비 600px로 제한 */
   left: 50%; /* 중앙 정렬을 위해 */
   transform: translateX(-50%); /* 중앙 정렬 유지 */
}

.login-content {
   margin-top: auto; /* 콘텐츠가 위로 올라가지 않도록 하단에 고정 */
   width: 100%; /* 필요에 따라 너비를 100%로 설정 */
}

@media only screen and (max-width: 600px) {
   .login-wrap {
      width: 100%; /* 모바일에서는 화면 전체 너비 사용 */
      left: 0; /* 모바일에서는 좌우 여백 제거 */
      transform: none; /* 모바일에서는 중앙 정렬 제거 */
   }
}
.login-wrap .content-type1 .tit { font-size:24px; margin-bottom: 24px; font-weight: 700; color: #000; font-family: 'Monda';}
.login-wrap .content-type1 .inp-box { margin-bottom: 8px; }
.login-wrap .content-type1 .inp1 { padding-left:40px !important;}
.login-wrap .content-type1 .inp1[name=user_code] { 
   background: #ffffff url(../images/common_v2/ico_login01.png) no-repeat 2px 50% !important; 
   background-size: 34px 34px !important; 
}

.login-wrap .content-type1 .inp1[name=user_pswd] { 
   background: #ffffff url(../images/common_v2/ico_login02.png) no-repeat 2px 50% !important; 
   background-size: 34px 34px !important; 
}
.login-wrap .content-type1 .etc { display: flex; justify-content: space-between; }
.login-wrap .content-type1 .etc a { flex:1; text-align: center; font-size:14px; color: #000; text-decoration: underline; position: relative; }
.login-wrap .content-type1 .etc a + a:before { content: ''; position: absolute;left: 0; top:3px; bottom:3px; width:1px; background: #ccc; }

.profile-box {  background: #3964A4; }
.profile-box .photo-box { padding:15px 0 30px;}
.profile-box .photo { width:90px; height: 90px; border-radius:100%; position: relative;margin: 0 auto; }
.profile-box .photo img { width:90px; height: 90px; border-radius:100%; }
.profile-box .photo .btn-modify { text-indent: -9999px; position: absolute;left: -3px; bottom:-3px; width:32px; height: 32px; background: #fff url(../images/common_v2/ico_profile_modify.svg) no-repeat 50% 50%; border-radius:100%; border: 1px solid #3964A4; }

.register_form { padding:0; }

.addr-find { display: flex; justify-content: space-between; align-items: center; }
.addr-find .btn-type2 { flex:0 0 85px; padding: 0; margin-left: 8px;}

.files1 ul:after { display: block; content: ''; clear: both; }
.files1 ul {  margin:0 -6px; }
.files1 ul li { float:left; width:33.3333%; padding:0 6px 12px; }
.files1 ul li p { position: relative;}
.files1 ul li p img { width:100%; border-radius:5px; }
.files1 ul li p .btn-remove { position: absolute; padding:0; margin: 0; right:-10px; top:-10px; width:24px; height: 24px; background: url(../images/common_v2/ico_file_remove.png) no-repeat 0 0; background-size:24px auto; text-indent: -9999px; }

.qr-box { padding:20px 20px 20px; height: calc(100vh - 55px); text-align: center; }
.qr-box .content-type1 { height: 100%; border-radius:20px; display: flex; align-items: center; flex-direction: column; overflow-y: auto; }
.qr-box .qr1 { font-size:18px; font-weight: 600; margin-bottom: 15px; }
.qr-box .qr2 { font-size:14px;  margin-bottom: 35px; color: #71707a; }
.qr-box .qr-area { width:250px; margin: 0 auto; height: 250px; position: relative; padding:15px; margin-bottom: 40px;}

.qr-box .qr-area:before { content: ''; position: absolute;left: 0; top:0; width:25px; height: 25px; border-left: 3px solid #3964A4; border-top:3px solid #3964A4;}
.qr-box .qr-area:after { content: ''; position: absolute;right: 0; top:0; width:25px; height: 25px; border-right: 3px solid #3964A4; border-top:3px solid #3964A4;}
.qr-box .qr-area > div:after { content: ''; position: absolute;right: 0; bottom:0; width:25px; height: 25px; border-right: 3px solid #3964A4; border-bottom:3px solid #3964A4;}
.qr-box .qr-area > div:before { content: ''; position: absolute;left: 0; bottom:0; width:25px; height: 25px; border-left: 3px solid #3964A4; border-bottom:3px solid #3964A4;}

.notice1 { }
.notice1 .t1 { font-size:18px; font-weight: 600; margin-bottom: 24px; color: #000;}
.notice1 .logo { width:80px; height: 80px; border-radius:20px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.05);; background: #fff url(../images/logo_notice_tium.png) no-repeat 50% 50%; background-size: 80px 80px; margin:0 auto 15px; }
.notice1 .t2 { font-size:16px; line-height: 1.8; margin-bottom: 24px; font-weight: 500; color: #000;}
.notice1 .t2 p { color: #3964A4; }
.notice1 .banks { width:255px; padding:24px; background: #fff; border: 1px solid #edeced; border-radius:20px; }
.notice1 .banks div { font-size:14px; line-height: 1.4; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #edeced;  color: #71707a;}
.notice1 .banks p { font-size:14px; }
.notice1 .banks p img { width:20px; }

.point-box1 { position: relative; padding:32px 24px; border-radius:20px; background: #edeced; margin-bottom: 24px; letter-spacing: -0.5px; }
.point-box1 .box1 label { display: block; position: relative;  }
.point-box1 .box1 + .box1 { margin-top:11px; }
.point-box1 .box1 label .pts { position: absolute; right:0; top:0; font-size:15px; color: #000; }
.point-box1 .box1 label .pts strong { font-size:20px; }
.point-box1 .box1 label .t1 { font-size:15px; color: #000; width:89px; padding:0 14px 12px 0; display: inline-block; vertical-align: middle; background: url(../images/common_v2/ico_point_arr.png) no-repeat 65px 10%; background-size:24px auto;  }
.point-box1 .box1 label .t2 { font-size:15px; color: #000;  display: inline-block; vertical-align: middle; padding:0 14px 12px 0;}
.point-box1 .box1 label img { height: 16px; }
.point-box1 .box1 .inps { padding-top:8px;}
.point-box1 .box1 .inps .inp1 { height: 40px !important; border-radius:40px !important; font-size:13px !important; }
.point-box1 .checkbox1 + em { border-width:0; }

.text-center { text-align: center !important; }


.store-box {  background: #fff; }
.store-box .search-box { padding:10px 20px 20px;}
.store-box .search-box .inp-box3 { position: relative; }
.store-box .search-box .inp-box3 .btn-srch { position: absolute; right:0; top:5px; width:40px; height: 33px; background: url(../images/common_v2/ico_srch.svg) no-repeat 40% 40%; outline:none; border:0; text-indent: -9999px; }

.store-slider { margin:-40px -20px 25px;}
.store-slider .swiper-pagination { position: static; }
.store-slider .swiper-pagination-bullet { border: 1px solid #3964A4; background: none; opacity:1; transition: all 0.5s ease; }
.store-slider .swiper-pagination-bullet-active { background: #3964A4; }

.store-category { margin:0 -20px 24px; }
.store-category .swiper-container { padding:0 20px; }
.store-category .swiper-slide { width:auto !important}
.store-category div a {display: block; width:64px; text-align: center; }
.store-category div a .ico { width:64px; height: 64px; border-radius:20px; background: #edeced; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0; }
.store-category div a .ico img { width:64px; }
.store-category div a .ico .on { display: none; }
.store-category div a .txt { font-size:13px;color: #000; padding-top:8px; }
.store-category div a.active .ico { background-color:#3964A4; }
.store-category div a.active .ico .off {display: none;}
.store-category div a.active .ico .on {display: inline;}
/*
.store-category div { white-space: nowrap; overflow: auto; padding:0 20px; }
.store-category div a {display: inline-block; vertical-align: top; width:64px; margin-right:15px; text-align: center; }
.store-category div a:last-child { margin-right:0; }
.store-category div a .ico { width:64px; height: 64px; border-radius:20px; background: #edeced; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0; }
.store-category div a .ico img { width:28px; }
.store-category div a .ico .on { display: none; }
.store-category div a .txt { font-size:13px;color: #000; padding-top:8px; }
.store-category div a.active .ico { background-color:#3964A4; }
.store-category div a.active .ico .off {display: none;}
.store-category div a.active .ico .on {display: inline;}
*/

.srch-map { padding-right:52px; position: relative; margin-bottom: 20px; }
.srch-map .btn-map { position: absolute; right:0; top:0; width:44px; height: 44px; border-radius:12px; border:1px solid #e5e5e5; background: #fff url(../images/main/ico_map.png) no-repeat 50% 50%; background-size: 20px auto; text-indent: -9999px; }
.store-view .srch-map { position: absolute !important; right:0; top:-10px; padding-right:56px; position: relative; margin-bottom: 0px !important; }
.store-view .srch-map .btn-map { right: 72px !important; }

.route_ses { position: absolute; right: 124px; top: 0; width: 44px; height: 44px; border-radius: 12px; border: 1px solid #e5e5e5; background: #fff url(../images/ico_directions.png) no-repeat 50% 50%; background-size: 22px auto; text-indent: -9999px; }

.store-list { }
.store-list ul li { margin-bottom: 24px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid #edeced; border-radius:4px; overflow: hidden;  background: #fff; }
.store-list ul li { display: block;  }
.store-list ul li .img img { width:100%; }
.store-list ul li .info { padding: 15px; }
.store-list ul li .info dl dt {}
.store-list ul li .info dl dt strong {  display: inline-block; vertical-align: middle; font-size:18px; color: #000; }
.store-list ul li .info dl dt .dc {  display: inline-block; vertical-align: middle; font-size:10px; color: #e02020; padding: 0 8px; height: 16px; line-height: 15px; border-radius:16px; background: #ffd4d4; }
.store-list ul li .info dl dd { font-size:15px; color: #71707a; padding:8px 40px 0 0;}

.content-type2 .store-slider { margin: 0 0 25px;}

.store-view .title { padding: 0 20px 24px; border-bottom: 8px solid #fbfbfc; position: relative; }
.store-view .title > div > strong {  display: inline-block; vertical-align: middle; font-size:18px; color: #000; }
.store-view .title > div > span { display: inline-block; vertical-align: middle; font-size:10px; color: #e02020; padding: 0 8px; height: 16px; line-height: 15px; border-radius:16px; background: #ffd4d4; }
.store-view .title p { font-size:15px; color: #71707a; padding-top:7px;}
.store-view .title .tel { position: absolute; right:20px; top:0; width:44px; height: 44px; border-radius:10px; border:1px solid #e5e5e5; background: #fff url(../images/main/ico_tell_a.png) no-repeat 50% 50%; background-size: 20px auto; text-indent: -9999px; }
.store-view .title .arar { margin : 0 120px 0 0; position: absolute; right:56px; top:0; width:44px; height: 44px; border-radius:10px; border:1px solid #e5e5e5; background: #fff url(../images/main/ico_3dd_a.png) no-repeat 50% 50%; background-size: 28px auto; text-indent: -9999px; }

.store-view .title .desc { color: #3964A4; }
.store-view .title .price { color: #000; font-size:15px; }
.store-view .title .price strong { font-size:18px; color: #3964A4; }
.store-view .title .flex { padding-top:10px; }
.store-view .body { padding:24px 20px; }
.store-view .body .tabs { overflow: hidden; border-radius:25px; border: 1px solid #edeced; padding: 8px; margin-bottom: 24px; }
.store-view .body .tabs a { float:left; width:50%; text-align: center; height: 32px; line-height: 30px; font-size:15px; color: #949ca9; font-weight: 600; transition: all 0.5s ease; border-radius:32px; }
.store-view .body .tabs a.active { background: #3964A4; color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);}
.store-view .body .views dl { padding-left: 35px; position: relative; margin-bottom:10px; background: url(../images/common_v2/ico_store_view1.svg) no-repeat 13px 4px; font-size:13px; line-height: 23px;  }
.store-view .body .views dl.ic1 { background-image: url(../images/common_v2/ico_store_view1.svg);}
.store-view .body .views dl.ic2 { background-image: url(../images/common_v2/ico_store_view2.svg);}
.store-view .body .views dl.ic3 { background-image: url(../images/common_v2/ico_store_view3.svg);}
.store-view .body .views dl.ic4 { background-image: url(../images/common_v2/ico_store_view4.svg);}
.store-view .body .views dl dt { color: #3964A4; font-weight: 600; }
.store-view .body .views dl dd { color: #000; }
.store-view .body .reviews { padding:0 12px; }
.store-view .body .reviews ul li { border-bottom: 1px solid #edeced; padding-bottom: 16px; margin-bottom: 16px; padding-left:  57px; position: relative;}
.store-view .body .reviews ul li .photo { position: absolute;left: 0; top:0; width:40px; height: 40px; border-radius:100%; overflow: hidden; }
.store-view .body .reviews ul li dl dt { font-size:15px; color: #3964A4; font-weight: 600; margin-bottom: 5px;  }
.store-view .body .reviews ul li dl dd { font-size:13px; color: #000; }
.store-view .body .reviews ul li .date { position: absolute; right:0; top:0; font-size:13px; color: #949ca9; }

.map-big { position: fixed !important;  left: 0; right:0; top:50px; bottom:0; border-radius:20px 20px 0 0; overflow: hidden; }

.pay-box { padding:20px; border: 1px solid #edeced; background: #fff; border-radius:4px;margin-bottom: 30px; }
.pay-box dl:after {display: block; content: ''; clear: both; }
.pay-box dl + dl { margin-top:12px; }
.pay-box dl dt { float:left; width:120px; font-size:16px; color: #3964A4; font-weight: 600; }
.pay-box dl dd { font-size:16px; color: #000; }

.shop-list { }
.shop-list ul li { padding: 24px 0; border-bottom: 1px solid #edeced; }
.shop-list ul li a { display: block; }
.shop-list ul li a .photo-box { padding-left:96px; position: relative;}
.shop-list ul li a .photo-box .photo { position: absolute;left: 0; top:0; width:80px; height: 80px; border: 1px solid #edeced; }
.shop-list ul li a .photo-box .photo img { width:78px; height: 78px; }
.shop-list ul li a .photo-box .info { min-height: 80px; margin-bottom: 15px; }
.shop-list ul li a .photo-box .info .name { font-size:16px; line-height: 1.2; color: #000; font-weight: 600;  }
.shop-list ul li a .photo-box .info .price { text-align: right; font-size:15px; color: #000; line-height: 1.2;  }
.shop-list ul li a .photo-box .info .price strong { font-size:18px; color: #3964A4;  margin-right:4px; }
.shop-list ul li a .desc { font-size:13px; color: #949ca9; line-height: 1.3; }
.shop-list.type2 ul li { padding: 15px; background: #fff; border-radius:4px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); border: 0; }
.shop-list.type2 ul li + li { margin-top:16px; }

.store-detail { padding-bottom: 56px; position: relative;}
.store-detail-txt { font-size:13px; color: #000; line-height: 23px; }
.store-detail-txt strong { color: #3964A4; }
.store-detail .btns { position: fixed; left: 0; right:0; bottom:0; z-index:20; box-shadow:0 0 15px rgba(0,0,0,0.2); margin: 0 auto; max-width: 600px;}
.store-detail .btns a { float:left; width:50%; height:56px; line-height: 55px;text-align: center; font-size:15px; color: #949ca9; font-weight: 500; background: #fff;  }
.store-detail .btns a.btn2 { background: #3964A4; color: #fff; }


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

.order-box .content-type2 { border-radius:20px 20px 0 0;}
.order-box .content-type2 .shop-list { padding:10px 20px; border-bottom: 8px solid #fbfbfc;}
.order-box .content-type2 .shop-list ul li { border-bottom: 0; padding-bottom: 0; }
.order-box .content-type2 .shop-list ul li a .info .name2 { font-size:15px; }
.order-box .content-type2 .shop-list ul li a .info .p { font-size:12px; color: #3964A4; margin:4px 0; }
.order-box .content-type2 .shop-list ul li a .info .count { font-size:12px; color: #949ca9; }
.order-box .order-detail { padding:25px 20px 0;}
.order-box .order-detail .points { margin-bottom: 24px; }
.order-box .order-detail .points p { display: inline-block; vertical-align: middle; margin-right:6px; margin-bottom: 0; }
.order-box .order-detail .points p span {  display: inline-block; vertical-align: middle; margin-left: 5px; font-size:15px; color: #000; }
.order-box .order-detail .addr-find .inp-box1 { flex: 1 1 auto; }
.order-box .order-detail .addr-find .btn-type2 {flex:0 0 64px; }
.order-box .order-detail .deliv { padding-top:24px; margin-top:24px; border-top:1px solid #edeced; margin-bottom: 22px; }
.order-box .order-detail .deliv .remain { font-size:13px;color: #000; }
.order-box .order-detail .deliv .remain strong { color: #3964A4; }

.btn-link { font-size:14px; color: #71707a; text-decoration: underline !important; }

.history-list2 ul li { position: relative; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #edeced; padding-right:70px;  }
.history-list2 ul li dl:after { display: block; content: ''; clear: both; }
.history-list2 ul li dl { font-size:13px; color: #71707a; line-height: 1.2;}
.history-list2 ul li dl + dl { margin-top:4px; }
.history-list2 ul li dl dt { float:left; width:95px; letter-spacing: -0.5px; color: #949ca9; }
.history-list2 ul li dl dd { overflow: hidden; word-break: break-all;  }
.history-list2 ul li .cmt { position: absolute; right:0; top:0; font-size:15px; color: #3964A4; font-weight: 600; }

.wallet-list {}
.wallet-list ul li  { margin-bottom: 16px; background: #fff; }
.wallet-list ul li .coin .head { border: solid 1px rgba(255, 142, 0, 0.5);   border-left: 4px solid #ff8e00;  padding: 16px 40px 16px 24px; display: flex; justify-content: space-between; align-items: center; position: relative; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.05); border-radius:4px;}
.wallet-list ul li .coin .head .img { flex:0 0 48px; margin-right:16px; }
.wallet-list ul li .coin .head .img img { width:48px; height: 48px; }
.wallet-list ul li .coin .head .info { flex: 1 1 auto;  }
.wallet-list ul li .coin .head .info strong { display: block; font-size:15px; color: #ff7300; font-weight: 600; margin-bottom: 5px;  }
.wallet-list ul li .coin .head .info p { font-size:13px; color: #949ca9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:75px; }
.wallet-list ul li .coin .head .control { flex: 0 0 80px; text-align: right; padding-right:15px; }
.wallet-list ul li .coin .head .control .num { font-size:15px; color: #000;  padding-right:5px; margin-bottom: 5px; }
.wallet-list ul li .coin .head .control .btns img { width:24px; }
.wallet-list ul li .coin .head .btn-flip { position: absolute; right:0; top:0 ;width:40px; bottom:0; border-left: 1px solid #edeced; background: none;border-radius:0; padding: 0; text-align: center; }
.wallet-list ul li .coin .head .btn-flip:before { content: ''; display: inline-block; vertical-align: middle; width:8px; height: 8px; border-left: 2px solid #949ca9; border-bottom: 2px solid #949ca9; transform: rotate(-45deg); transition: all 0.3s ease;}
.wallet-list ul li.active .coin .head .btn-flip:before { transform: rotate(-225deg); }
.wallet-list ul li .coin .body {  display: none; padding: 19px 20px;   border: 1px solid #edeced;  }
.wallet-list ul li .coin .body button { margin:0 4px; height: 32px; line-height: 29px; text-align: center; font-size:14px; color: #3964A4; border: 1px solid #3964A4; background: none; border-radius:32px; padding: 0;  }
.wallet-list ul li .coin .body  div { display: flex; justify-content: space-between; align-items: center; }
.wallet-list ul li .coin .body .btn1 { }
.wallet-list ul li .coin .body .btn2 { border-color:#018195; color: #018195; }
.wallet-list ul li .coin .body .btn3 { border-color:#ff0000; color: #ff0000; }
.wallet-list ul li.eth .coin .head { border-color:rgba(140, 140, 140, 0.5); border-left-color:#8c8c8c; }
.wallet-list ul li.eth .coin .head .info strong { color: #71707a; }
.wallet-list ul li.usdt .coin .head { border-color:rgba(0, 164, 121, 0.5); border-left-color:#00a479; }
.wallet-list ul li.usdt .coin .head .info strong { color: #00a479; }
.wallet-list ul li.wifi .coin .head { border-color:rgba(124, 26, 58, 0.5); border-left-color:#3964A4; }
.wallet-list ul li.wifi .coin .head .info strong { color: #3964A4; }
.wallet-list ul li.active .coin .body {}

.inp-box4 { position: relative; padding-right:56px; }
.inp-box4 .btn-qr { position: absolute; right:0; top:0; width:48px; height: 48px; background:#fff  url(../images/common_v2/ico_wallet2.png) no-repeat 50% 50%; background-size:30px auto;  outline:none; border:1px solid #edeced; text-indent: -9999px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1); }

.points2 { padding:24px 0; text-align: center; margin-bottom: 24px; background: #fff; border: 1px solid #edeced; border-radius:4px; overflow: hidden;}
.points2 p { float:left; width:50%; margin-bottom: 0; white-space: nowrap; overflow: hidden;  }
.points2 p + p {border-left: 1px solid #edeced; }
.points2 p span {  display: inline-block; vertical-align: middle; margin-left: 5px; font-size:15px; color: #000; }

.point-option {
   display: flex;
   align-items: center;
   margin-top: 15px;
   padding: 20px;
   background: #edeced;
   border-radius: 20px;
   margin-bottom: 15px;
   cursor: pointer;
   transition: border-color 0.3s ease;
   position: relative; /* 가상 요소의 위치를 설정하기 위해 position을 relative로 설정 */
}

.point-option input[type="radio"] {
   display: none; /* 기본 라디오 버튼을 숨김 */
}

.point-content {
   width: 100%;
   display: flex;
   align-items: center;
}

.status-dot {
   width: 22px;
   height: 22px;
   background-color: #fff; /* 기본 상태에서 흰색 점 */
   border-radius: 50%;
   margin-right: 10px; /* 점과 텍스트 사이의 간격 */
   transition: border-color 0.3s ease, background-color 0.3s ease; /* 색상 변화에 애니메이션 추가 */
   border: 5px solid transparent; /* 기본 상태에서 투명한 테두리 */
}

.point-details {
   display: flex;
   justify-content: space-between;
   font-size: 15px;
   line-height: 20px;
   color: #000;
   width: 100%;
}

.point-title {
   font-size: 14px;
   font-weight: 600;
}

.point-amount {
   text-align: right;
   font-size: 22px;
   font-weight: 400;
}

.point-amount strong {
   font-size: 22px;
}

/* 라디오 버튼이 선택되었을 때 부모 요소에 동일한 테두리 적용 */
.point-radio:checked + .point-content::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 20px;
   border: 3px solid #3964A4; /* 선택된 경우 테두리 색상 */
   pointer-events: none; /* 테두리 요소가 클릭을 방해하지 않도록 설정 */
   z-index: 1; /* 가상 요소가 다른 콘텐츠 위에 오도록 설정 */
}

/* 라디오 버튼이 선택되었을 때 status-dot의 선 색상 변경 */
.point-radio:checked + .point-content .status-dot {
   background-color: transparent; /* 배경을 투명하게 */
   border-color: #3964A4; /* 선택된 경우 점의 테두리 색상 */
   border-width: 5px; /* 테두리 두께를 5px로 설정 */
}

.point-radio:disabled + .point-content .status-dot {
   cursor: not-allowed; /* 비활성화된 라디오 버튼에는 커서를 변경 */
   background-color: #c8c8c8; /* 비활성화된 상태에서 배경색 변경 */
}

.float-right {
   float: right;
}

.float-left {
   float: left;
}

.clearfix {
   clear: both;
}

.inline-block {
   display: inline-block;
}