@charset "utf-8";
.mb_13{margin-bottom:13px;}
.mb_15{margin-bottom: 15px;}
.pd_4{padding:0 4.5px;}
.he_20{height:20px !important;}
.width_360{width:100% !important; max-width:360px !important;}
.he_line44{height:44px !important; line-height:44px !important;}
.mr_8 { margin-right: 8px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }
.mt_60 { margin-top: 60px !important; }
.mb_25 { margin-bottom: 25px; }
.mb_10 { margin-bottom: 10px; }
.pl_22 { padding-left: 22px; }
.pd_10{padding:0 10px;}
.pd_0{padding:0 !important;}
.pd_side20{padding:0 20px;}
.pd_side10{padding:0 10px;}
.pd_20{padding:20px !important;}
.mb_39 { margin-bottom: 39px; }
.mb_33 { margin-bottom: 33px; }
.mb_0 { margin-bottom: 0 !important; }
.ml_0{margin-left:0 !important;}
.ml_8 { margin-left: 8px; }
.ft_16 { font-size: 16px !important; }
.r_ft_16{font-size:16px;}
.width_530{width:530px !important;}
.width_600{width:600px !important;}
.btn_area { text-align: center; }
.ft_12 { font-size: 12px; }
.bg_F7F7F7 { background-color: #F7F7F7; }
.boder_0 { border: none !important; }
.txt_left{text-align: left;}
.align_margin{justify-content: flex-start !important; margin-top:120px !important;}
.login-container { width: 386px; background-color: #ffffff; padding: 20px 30px; border-radius: 10px; text-align: center; }
.login_logo { font-size: 24px; font-weight: bold; color: #5e3c3c; /* padding: 40px 0 40px */;margin-top: 19px;margin-bottom: 15px; display: flex; justify-content: center; border-bottom:0 !important;}
.login-form { display: flex; flex-direction: column; gap: 8px; }
.vh_center{height:100vh; justify-content: center;}
.input-group { position: relative; display: flex; align-items: center; }
/* .input-group input { width: 100% !important; padding: 12px 35px !important; height:26px; margin-left: 0 !important; border: 1px solid #ddd; border-radius: 8px; font-size: 14px;  /*box-sizing 초기화로 인한 추가} */
.input-group input { width: 100% !important; padding: 12px 35px !important; height:26px; margin-left: 0 !important; border: 1px solid #ddd; border-radius: 8px; font-size: 14px;  /*box-sizing 초기화로 인한 추가*/box-sizing: content-box;font-family: 'Pretendard';font-weight: 300;}
.input-group input::placeholder{font-family: 'Pretendard';font-weight: 300;font-size: 14px;}

.icon { position: absolute; left: 12px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; }
.user-icon { background-image: url('../images/login/login_mail.png'); }
.password-icon { background-image: url('../images/login/lock.png'); }
.options { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #999999; margin-top:8px;}
.find-info { color: #777; text-decoration: none;font-family: 'Pretendard';font-weight: 300;}
.login-btn { width: 100%; height:55px; line-height: 55px; background-color: #2196F3; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;font-family: 'Pretendard';font-weight: 300;}
.sns-login { text-align: center; margin-top: 15px; margin-bottom: 16px; font-size: 12px; }
.sns-icons { display: flex; justify-content: center; gap: 15px; margin-top: 16px; }
.sns-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.input-group input:focus { outline: 2px solid #4D6BFE; }
.signup-btn { /*width: 100%;*/ padding: 12px; border: 1px solid #2196F3; border-radius: 5px; font-size: 14px; color: #2196F3; background-color: transparent; cursor: pointer; }
.log_main { display: flex; justify-content: center; align-items: center;}
.log_check { display: flex; align-items: center; }
.log_check input { }
.find_user { font-size: 13px; color: #999999; display: inline-flex; }
.find_user .bt_line { border-bottom: 1px solid #ccc; width: 37px; display: inline-block; }
.agreement-header { display: flex; justify-content: space-between; align-items: center; padding: 19px 15px; border-radius: 8px; position: relative; height: 65px; box-sizing: border-box; }
.log_toggle-btn { background: none; border: none; cursor: pointer; display: flex; align-items: center; }
.log_toggle-btn img { margin-left: 8px; }
.sub-agreement-list { padding: 15px 15px; display: none; animation: slideDown 0.3s ease-out; border-top: 1px solid #EEEEEE; list-style: none; }
.sub-agreement-list li label .sub-agree { }
.agreement-box { border: 1px solid #EEEEEE; border-radius: 5px; }
.agreement-box.open .sub-agreement-list { display: block; }
.agreement-container { width: 386px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 16px 20px; }
.log_toggle-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; background: none; border: none; cursor: pointer; }
.text { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 8px; }
.light_txt { font-weight: 300 !important; }
.required { color: #F44336; }
.sub-agreement-list li { margin-bottom: 8px; }
.chck1, .chck2 { }
.chck1 { display: block; }
.chck2 { display: none; }
.log_toggle-btn-down .chck1 { display: none; }
.log_toggle-btn-down .chck2 { display: block; }
.signup-container { width: 400px; padding: 30px; background: #fff; border-radius: 8px; }
.signup-form .form-group { margin-bottom: 15px; }
.signup-form label { font-size: 16px; font-weight: 600; display: flex; margin-bottom: 12px; }
.signup-form .inp { width: calc(100% - 25px) !important; padding: 0px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; height:45px; box-sizing: content-box;}
.signup-form input:focus { outline: 1px solid #2196F3; }
.input-with-button { display: flex; justify-content: space-between; align-items: center; }
.input-with-button input { flex: 1; margin-right: 10px; }
.phone-input { display: flex; align-items: center; }
.phone-input input { flex: 1; text-align: center; /*margin-right: 5px;*/ }
.phone-input span { margin: 0 5px; color: #999; }
.gray_btn { border: 1px solid #9E9E9E; padding: 0px 12px; color: #999999; border-radius: 4px; cursor: pointer; font-size: 16px; height:45px;}
.blue_btn { border: 1px solid #2196F3; background-color: #2196F3; padding: 7px 12px; color: #fff; border-radius: 4px; cursor: pointer; font-size: 16px; height:45px;}
.agreement .toggle-btn { background: none; border: none; color: #007bff; font-size: 14px; cursor: pointer; margin-left: 10px; }
.submit-btn { width: 100%; background-color: #9E9E9E !important; color: #fff; padding: 12px 0; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; margin-top: 20px; }
.submit-btn:hover { }
.Valid { display: none; font-size: 14px; color: #F44336; margin-top: 10px; }
.Valid_2 { display: none; font-size: 14px; color: #2196F3;  }
.dis_flex { display: flex; }

.bg_blue { width: 100%; padding: 12px 0; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; margin-top: 20px; background-color: #2196F3 !important; color: #fff !important; }
.kakao_join_btn{line-height:55px; height:55px; padding:0; background: #fee500; border:none;}
.apple_join_btn{line-height:55px; height:55px; padding:0; background: #000000; border:none; width:100%; border-radius: 5px;}
.apple_join_btn img{width:100%; height:100%;}
.kakao_txt{margin-bottom:8px;}
.kakao_txt p{font-size: 20px;}
/* 회원가입 완료 페이지 */
.log-container { text-align: center; width: 100%; }
.title { font-size: 22px; color: #333333; }
.welcome-message { font-size: 15px; color: #333333; }
.email_txt { font-weight: bold; color: #333333; }
/* 아이디/비밀번호 찾기 메인 */
.find_btns { display: flex; justify-content: center; }
.find_btn { width: 193px; height: 55px; line-height: 55px; font-size: 16px; color: 666666; border: none; cursor: pointer; outline: none; transition: all 0.3s ease; text-align: center; border: 1px solid #ddd; }
.find_btn:hover{color: #006BFF; font-weight: bold; border: 1px solid #006BFF;}
.find_btn.active { color: #006BFF; font-weight: bold; border: 1px solid #006BFF; }
.find_btn:not(.active):hover { }
/* 아이디 찾기 */
.id_main{margin-left:auto; margin-right:auto; display: flex; flex-direction: column; align-items: center; justify-content: center; /*margin:68px 0;*/}
.id_container { width: 960px; max-width: 660px; text-align: center; padding: 20px; border-radius: 4px; display: contents; }
/* 제목 스타일 */
.id_title { font-size: 26px; font-weight: bold; }
.mb_70 { margin-bottom: 70px; }
.mb_30 { margin-bottom: 30px; }
/* 탭 메뉴 스타일 */
.id_tabmenu { display: flex; flex-direction: row; align-items: center; width:100%; }
.idt_button { flex: 1; padding: 20px 0; font-size: 13px; color: #666666; border-top: 1px solid #eeee; border-right: 1px solid #eeee; border-left: 1px solid #eeee; border-bottom: 1px solid #999999; background-color: #F7F7F7; cursor: pointer; outline: none;  width:50%;}
.idt_button.active { border: 1px solid #999999; background: none; border-bottom: 0px; font-weight: bold; }
/* 탭 콘텐츠 스타일 */
.id_tabcontent { text-align: left; border: 1px solid #999999; border-top: 0; padding: 94px 118px; }
.tb_txt { font-size: 13px; color: #666666; }
.mb_20 { margin-bottom: 20px; }
.red_point { font-size: 13px; font-weight: 600; color: #F44336; }
.mb_60 { margin-bottom: 60px; }
.boder_top { border-top: 1px solid #999999; }
.small_txt { text-align: center; }
.small_txt p { font-size: 13px; color: #666666; font-weight: 600; }
.id_tab_pane { display: none; }
.id_tab_pane.active { display: block; }
/* 테이블 스타일 */
table.tb1 { width: 759px; height: 180px; border-collapse: collapse; margin-bottom: 20px; background-color: #fff; }
table.tb1 tr { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
table.tb1 tr th { padding: 10px; vertical-align: middle; font-size: 14px; color: #666666; background-color: #F7F7F7; border-right: 1px solid #EEEEEE; text-align: center; white-space:pre;}
table.tb1 tr td { vertical-align: middle; font-size: 16px; color: #666666; padding: 10px 0; }
table.tb1 tr td input:focus { outline: 1px solid #006BFF; }
.gap_1{gap:1rem;}
@media(max-width:814px){
  table.tb1{width:100%;}
  .id_tabcontent{padding: 94px 39px;}
  .gap_1{gap:unset;}
}
@media(max-width:450px){
  table.tb1{width:100%;}
  .id_tabcontent{padding: 50px 20px;}
  .gap_1{gap:unset;}
  .pd_15{padding:15px;}
}
/* 패스워드 찾기 완료 화면 */
.h_120 { height: 120px !important; }
.back_none { background-color: unset !important; }
.certi_area { width: calc(52% - 10px); margin-left: 20px; font-size: 14px; border: 1px solid #ddd; }
.out_line { border: 2px solid #006BFF; }
.certi_area .certi_input { width: 64% !important; outline: none; border: none !important; margin-left: 0 !important; background-color: #fff; }
.certi_area .certi_input:focus { outline: none; }
.input_style td input[type="text"], input[type="email"], input[type="password"] { width: calc(52% - 10px); padding: 10px 8px; margin-left: 20px; font-size: 14px; border: 1px solid #ddd; outline: none; }
.id_confi_btn { width: 185px; height: 55px; line-height: 55px; font-size: 16px; font-weight: 600; border: none; cursor: pointer; color: #fff; background-color: #006BFF; }
.send_btn { background-color: #999999; color: #FFFFFF; width: 140px; height: 40px; line-height: 40px; font-size: 16px; }
.confirm-btn { background-color: #007aff; color: white; width: 100%; }
.id_gray_btn { width: 185px; height: 55px; line-height: 55px; font-size: 16px; font-weight: 600; border: 1px solid #EEEEEE; cursor: pointer; color: #666666; background-color: #fff; }
/* 아이디 찾기 완료 화면 */
.tb2 { /*width: 758px; height: 200px;*/width:100%; max-width:758px; margin:0 auto;}
.tb2 tr { border-top: 1px solid #EEEEEE; }
.tb2 tr:last-child { border-bottom: 1px solid #EEEEEE; }
.tb2 tr th { font-size: 13px; color: #666666; font-weight: 600; border-right: 1px solid #EEEEEE; padding: 20px 0; background: #F7F7F7; text-align: center; }
.tb2 tr td { font-size: 16px; color: #333333; border-right: 1px solid #EEEEEE; padding: 20px 0; }
.tb2 tr td:last-child { border-right: 0; }
.tb2 tr th:last-child { border-right: 0; }
/* 비밀번호 찾기 팝업 */
.pw_popup_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.pw_popup_content { background: #fff; padding: 49px 114px; border-radius: 8px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.pw_popup_content p { font-size: 16px; color: #333; margin-bottom: 20px; }
.pw_popup_button { background-color: #006BFF; color: #fff; width: 80px; height: 40px; line-height: 40px; border: none; cursor: pointer; font-size: 14px; }
.pw_popup_button:hover { background-color: #0056b3; }
.hidden { display: none; }
/*마이페이지 메인*/
.mypage_box_area{width:100%; background: #ffffff; border:1px solid #EAEAEA; height:170px;}
.customer{font-size:28px; color:#000000; margin-left:42px;}
.customer span{font-weight:600;}
.mypage_ico_area{}
.mypage_ico_area li{display: flex; flex-direction: column; align-items: center; width:145px; height:70px; border-right:1px solid #EAEAEA;}
.mypage_ico_area li:last-child{border-right:0;}
.mypage_ico_area li img{margin-bottom:4px;}
.gray_line2{width:100%; background: #EEEEEE; height:1px;}
.my_btn{height:24px;border-radius: 3px; border: 1px solid #DDDDDD; font-size: 14px; line-height: 24px; box-sizing: border-box; padding: 0 10px; color:#666666;}
.height16{height:16px;}
.height30{height:30px;}
.line_height24{line-height:24px;}
/*사이드 바*/
.mypage_menu_area{width:260px; margin-right:58px;}
.mypage_menu{}
.mypage_menu li{font-size:16px; color:#000000; height:43px;}
.mypage_menu li a{width:100%;height:100%; display: block;}
.mypage_menu li a:hover{color:#C4C4C4;}

/*결제내역*/
.history_area{/*width:882px;*/  padding:10px;}
/*.history_area:hover{background:#EFEFEF;}*/
/* 전체 감싸는 컨테이너 */
.order_wrap {
  width: 100%;
  border-top: 1px solid #000000;
  overflow: hidden;
  font-family: 'Noto Sans';
  font-size: 13px;
  color: #828282;
}

/* 헤더 스타일 */
.order_header {
  display: flex;
  padding: 12px 8px;
  border-bottom: 1px solid #DCDCDC;
}

/* 헤더 각 열 스타일 */
.order_column {
  flex: 1;
  text-align: center;
}

/* 데이터 영역 스타일 */
.order_body {
  display: flex;
  flex-direction: column;
}

/* 데이터 행 */
.order_row {
  display: flex;
  border-bottom: 1px solid #DCDCDC;
}

/* 각 셀 스타일 */
.order_cell {
  flex: 1;
  text-align: center;
  padding: 12px 8px;
}

/* 데이터가 없는 경우 */
.order_row.no_data .order_cell {
  color: #828282;
  font-size: 13px;
  padding: 20px 0;
  flex: 1;
  text-align: center;
  font-weight:600;
  border-bottom: 1px solid #DCDCDC;
}
/* 데이터 행 (내역이 있는 경우) */
.order_row {
  display: flex;
  border-bottom: 1px solid #DCDCDC;
}

.order_row:last-child {
  border-bottom: none; /* 마지막 행은 테두리를 제거 */
}

.order_cell {
  flex: 1;
  text-align: center;
  padding: 12px 8px;
  font-size: 14px;
  color: #333;
}

/* 데이터가 없는 경우 (기존 스타일 유지) */
.order_row.no_data .order_cell {
  color: #999;
  font-size: 14px;
  padding: 20px 0;
  flex: 1;
  text-align: center;
}


/* 마이페이지 */
.account_container { margin: 0; background-color: #ffffff; padding: 30px; border-radius: 20px; border: 1px solid #EEEEEE; width:550px;}
.account_tit { text-align: center; margin-bottom: 30px; font-size: 24px; font-weight: bold; }
.account_info { margin-bottom: 20px; width: 550px; /*height: 300px;*/height:auto; }
.account_info p { font-size: 16px; font-weight: 600; color: #111111; text-align: left; }
.account_row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #DDDDDD; position: relative; }
.toggle_flex{align-items:baseline; flex-direction: column;}
.acc_list { width: 80%; position: relative;}
.acc_list .acc_tit { display: inline-flex; width: 30%; align-items: center; }
.acc_list .acc_cont { width: 80%; }
/*내정보/이용내역 탭
.my_tab_area {display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #e0e0e0;max-width:400px; width:100%;}
.my_tab_btn {font-size: 16px;font-weight: bold;text-align: center;cursor: pointer;color: #333;text-decoration: none; width:100%; height:100%; display: block; padding:12px;}

.my_tab_btn:hover {border-bottom:2px solid #333333;}

.my_tab_btn.active {border-bottom:2px solid #333333;}

.my_tab_content {
  display: none;
  
}*/
.cont_intro{height: 85px;text-align: right; font-size:12px; color:#999999; position: absolute; bottom:-14px; right:0;}
/*마이페이지 스와이퍼*/
.use_datil {
 width:550px;
}

.use_datil_slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom:55px;
}
/* Swiper 하단 네비게이션 버튼 스타일 */
.use_datil .swiper-navigation-buttons {display: flex;justify-content: space-between;position: absolute;bottom: 15px; width: 180px; z-index: 50; left:50%; transform: translate(-50%);}
.use_datil .swiper-navigation-buttons .swiper-button-next, .swiper-button-prev {width: 44px !important;height: 44px !important;background-size: 28px 28px !important;border:1px solid #E3E7EF !important;color: #333333 !important;border-radius: 50% !important;cursor: pointer !important;background-color: #fff;}
/* Swiper 화살표 아이콘 크기 줄이기 */
.use_datil .swiper-button-next::after,
.use_datil .swiper-button-prev::after {font-size: 20px; font-weight:800;color: #333; opacity: 1; width:100%;height:100%;position: absolute;}
.use_datil .swiper-button-next::after{top:50%;left:50%;transform: translate(-10%, -23%);}
.use_datil .swiper-button-prev::after{top:50%;left:50%;transform: translate(-16%, -23%);}
.use_datil .swiper-pagination{position: unset; z-index: 1;}
.use_datil .swiper-button-next:hover, .swiper-button-prev:hover{background-color: #f0f0f0;}
/* 토글 버튼 스타일 */
.mypage_toggle {width: 20px;height: 20px;background: url("../images/ico/toggle_arrow.svg") no-repeat center;background-size: contain;border: none;cursor: pointer;transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; position: absolute;right: 0; top: 50%; }
.mypage_toggle[data-open="true"] {/*transform: rotate(180deg);*/}
.toggle_content {display: none;font-size: 14px;color: #666;margin-top: 10px;padding-left: 10px; }
.account_row[data-open="true"] .toggle_content {display: block;}

.acc_cont{color:#999999;}
.account_row .label { font-weight: bold; color: #333; }
.account_row .value {/* color: #666;*/ font-size:16px;}
.edit_btn { background-color: #ffffff; border: 1px solid #DDDDDD; color: #666666; /*width: 44px; height: 24px; line-height: 24px;*/ padding:5px 10px; cursor: pointer; font-size: 14px; border-radius: 3px; text-align: center; margin-bottom:10px; font-family: 'Noto Sans KR' !important; letter-spacing: -3%;}
.edit-btn:hover { background-color: #f0f0f0; }
.save_btn { width: 183px; height: 40px; /*line-height: 40px;*/ background-color: #2196F3; color: #ffffff; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; font-weight: bold; }
.save-btn:hover { background-color: #0056b3; }
.acc_edit { width: 600px; }
.input_box { padding: 20px 20px; display: flex; border-radius: 20px; border: 1px solid #EEEEEE; }
.input_box input { width: 100%; padding: 0; outline: none; border-bottom: 1px solid #DDDDDD; }
.input_box button { margin-left: -20px; }
.cancle_btn { width: 183px; height: 40px; line-height: 40px; background-color: #ffffff; color: #2196F3; border: 1px solid #2196F3; border-radius: 5px; cursor: pointer; font-size: 14px; font-weight: bold; }
/* 연락처 수정 */
.phone_box { text-align: center; width: 600px; /*height: 90px; line-height: 90px;*/ border-radius: 20px; border: 1px solid #EEEEEE; padding: 30px 0; }
.phone_box p { font-size: 18px; font-weight: 600; }
.dis_blo { display: block !important; }
/* 마이페이지 팝업 */
.mp_popup_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.mp_popup_content { background: #fff; padding: 33px 77px; border-radius: 10px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.mp_popup_content p { font-size: 13px; color: #666666; margin-bottom: 20px; }
.mp_popup_button { background-color: #2196F3; color: #fff; width: 88px; height: 40px; line-height: 40px; border: none; cursor: pointer; font-size: 14px; border-radius: 40px; }
.mp_popup_button:hover { background-color: #0056b3; }
.reset_input { position: absolute; margin-left: -20px; right: -20%; top: 0; }
/*생년월일 수정*/
.gender_toggle {display: flex;align-items: center;border: 1px solid #ccc;border-radius: 8px;overflow: hidden;width: 88px; height:24px;line-height:24px;}
/* 숨김 처리된 라디오 버튼 */
.gender_toggle input[type="radio"] {display: none;}
.gender_toggle input[type=radio]:checked+label{background-image: none;}
.gender_toggle label{display: none;}
/* 기본 라벨 스타일 */
.gender_label {flex: 1;text-align: center;padding: 5px 0;cursor: pointer;font-size: 14px;font-weight: 500;color: #999;background-color: #fff;transition: all 0.3s ease;}
/* 선택된 라벨 스타일 */
.gender_toggle input[type="radio"]:checked + .gender_label {background-color: #000;color: #fff;font-weight: bold;}
/*추가 수정*/
.sns_line_wrap{display:flex; align-items: center; padding:23px 0 19px; justify-content:space-between;}
.sns_line_wrap p{padding-right: 1px;/*padding-right:8px; padding-left:8px;  */font-size: 12px; color:#A3A3A3; white-space:pre;font-family: 'Pretendard';font-weight: 300;}
.sns_line{width:155px; height:1px; display: block;border-bottom: 1px solid  #D9D9D9;}
.sns_line2{width:155px; height:1px; display: block;border-bottom: 1px solid  #D9D9D9;}
.join_btn{position: relative;}
/*.join_btn::before{width:30px; height:30px; content:"";  background-image: url('../images/login/login_ico.svg') ;  position: absolute; top:12px; left:0; margin-left:30px;background-size: contain; }*/
.sns_login_btn1{border:1px solid #D9D9D9; display: flex; align-items: center; color: #555555; display: flex;align-items: center;justify-content: center;text-align: center; position: relative;}
.sns_login_btn1 span{font-weight: 600;}
.sns_login_btn1 p{}
.sns_login_btn1 img{width:28px; height:28px; margin-right:10px;}
.sns_login_btn2{border:1px solid #D9D9D9; display: flex; align-items: center; color: #555555; justify-content: center;}
.sns_login_btn2 img{width:28px; height:28px; top:8px; margin-right:5px;}
.sns_login_btn2 span{font-weight: 600;}
.sns_login_btn2 p{font-family: 'Pretendard';font-weight: 300;}
.mb_8{margin-bottom:8px;}
.bg_bor{background: #FAFAFA; border:none !important;}
.pdtb{margin-bottom:100px; margin-top:110px;}


/*로그인 팝업 css*/
 /* 팝업 배경 */
 .login_popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display:none;
  pointer-events: auto;  
}

/* 팝업 영역 */
.login_popup_area {
  background: #fff;
  width: 429px;
  border-radius: 12px;
  padding: 25px;
  position: relative;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  /*max-height:567px;
  height:100%;*/
  align-items: center;
  z-index: 1001;
  pointer-events: auto;
}

/* 닫기 버튼 */
#login_close_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

/* 로고 */


.log_txt{font-size:12px; color:#A3A3A3; text-align:left; letter-spacing: -0.9px; white-space: normal; line-height:18px;font-family: 'Pretendard';font-weight: 300;}
.log_txt  a{color:#262626; text-decoration: underline;}
/* 설명 텍스트 */
.login_description {
  margin: 15px 0;
  font-size: 16px;
  color: #555;
}

/* SNS 로그인 버튼 */
.login_sns_buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.login_sns_button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #f0f0f0;
}

.login_input_group {
  margin-bottom: 15px;
  text-align: left;
}

.login_input_group input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* 로그인 버튼 */
.login_submit_btn {
  width: 100%;
  padding: 12px;
  background: #333;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px;
}

/* 하단 링크 */
.login_links {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.login_links a {
  color: #555;
  text-decoration: none;
}


@media(max-width:768px){
  /*마이페이지*/
  .sm_hidden{display: none !important; visibility: hidden;}
  .hide_area{display: block !important;}
  .whradio-option2{display: flex; align-items: unset !important; width:100% !important; flex-direction: column;}
  .whradio-option2 label{padding: 15px 0; border-bottom:1px solid #EEEEEE; }
  .account_info3{width:100% !important;}
  .width_183{width:183px !important;}
  .m_h_auto{height:100% !important;}
  /*.mt_155{margin-top:155px;}*/
  .pdtb{padding:0;}
  .use_datil{width:100%;}
  .id_main{padding:0 20px; margin:0;}
  .mobile_area{display: block !important; width:100%;}
  .m_mt0{margin-top:0 !important;}
  nav{position: unset; left:unset;}
  .account_container{padding:0;}
  .dis_grid{display: grid; align-items: unset; justify-content: unset;}
  .dis_fl_none{display: unset;}
  .width_600{width:100% !important;}
  .r_ft_16{font-size: 14px !important;}
  /*아이디 비밀번호 찾기*/
  .log_main{padding:0 20px; flex-direction: column; margin-bottom:20px;}
  .find_btns{flex-direction: column;}
  .find_btn{width:100%; margin-bottom:8px;}
  .id_tabcontent{border:none; padding:50px 20px;}
  .idt_button.active{border:1px solid #0077E7; background: #0077E7; color: #ffffff;}
  .idt_button{border-bottom: 2px solid #0077E7; background: none; border-top:1px solid #EEEEEE;border-right:none;border-left:none;}
  .table.tb1{}
  table.tb1 tr{border-top:none; border-bottom:0;}
  table.tb1 tr th{display: none;}
  table.tb1 tr td{margin-left:0; width:100%; vertical-align: unset;}
  .input_style td input[type="text"], input[type="email"], input[type="password"]{margin-left:0; /*width:calc(100% - 18px);*/ width:100%; padding:15px 8px;}
  .send_btn{width:100%; height:48px; line-height: 48px; background: #ffffff; color:#666666; border:1px solid #DBDBDB; border-top:none; margin-top:1px;}
  .certi_area{width:100%; margin-left:0; width: calc(100% - 2px);}
  .dis_flcenter {margin-top:-21px;}
  #timer{font-size:12px;}
  #phone{border-top:none;}
  #phone_area{position: relative;}
  #phone_area .Valid{position: absolute; top:9px; padding-left:10px;}
  #phone_area .Valid_2{position: absolute; top:18px; padding-left:7px;}
  .signup-container{width:100%;padding: 0; margin-bottom: 50px;}
  .tb2{width:100%;}
  .m_disflex_center{display: flex; align-items: center;}
  .m_dis_block{display:block !important;}
  .m_width100{width:100%;}
  .m_width90{width:90%;}
  .m_align_item_c{align-items:center;}
  .cont_area{margin-top:60px;}
  .pd_side20{padding: 0 10px;}
  /*.m_mr20{margin-right:20px;}*/
  .pd_20{padding:0 !important;}
  .m_align_margin{justify-content: unset !important; margin-top: 0 !important;}
  .m_mt_0{margin-top:0 !important;}
  .pd_upside{padding:0 !important;}
  .reset_input{top:14px;}
  #reason_textarea{width:100% !important;}
}
@media(max-width:1024px){
  /*마이페이지*/
}
.hide_area{display: none;}
@media(max-width:640px){
  /*마이페이지*/
  .account_container{border:none;}
  .account_info{width:100% !important; height:auto; font-size:14px; }
  .mt_70{margin-top:70px;}
  .phone_box{width:100%;}
  .acc_edit{width:100%;}
  #saveFrmProcess{/*margin-top:50px;*/}
  .btn_area .cancle_btn{margin-bottom:8px;}
  .with_txt{margin-bottom:40px;}
  .with_txt a{/*padding-right:2rem;*/}
  .save_btn{width:100%; height:50px;}
  .cancle_btn{width:100%; height:50px;}
  .edit_btn{font-size: 14px;}
  .input_box{border:none !important;}
  .mr_8{margin-right: 0 !important;}

}
@media(max-width:480px){
  .login-container{width:100%;}
  .pd_5{padding:5px !important;}
  .r_ft_16{font-size:10px !important;}
  .login_popup_overlay{padding:0 20px;}
  .login_popup_area{width:100%;}
  .login_popup_area .login-container{padding:0 !important;}
  .login_popup_area .log_main{padding:0 !important;}
  .login_popup_content{width: 100%;}
}
@media(max-width:460px){
  .value_add{left:101px !important;}
  .left_80{left:80px !important;}
}
@media(max-width:410px){
  .kakao_txt{}
  .kakao_txt p{font-size: 17px;}
}
@media(max-width:384px){
  /*마이페이지*/
  .account_info{width:100% !important; border:none !important;}
  .phone_box{width:100%;}
}

/*탈퇴*/
.height0{height:0px !important;}
.account_info2{width:538px; height:150px;}

   .whradio-group {
  display: grid;
  gap: 1rem;
  font-size: 16px;
  color: #111111;
}

.whradio-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width:50%;
}
.whradio-option2 {
  align-items: center;
  gap: 0.5rem;
  width:50%;
}
.whradio-option2 input[type="radio"] {
  appearance: none !important; 
  width: 16px !important;
  height: 16px !important;
  margin-right:8px;
  border-radius: 50% !important;
  cursor: pointer;
  position: relative;
  border:none !important;
  background-image: url('../images/login/radio_btn_off_16.svg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: inline-block;
}

.whradio-option2 input[type="radio"]:checked {
  background-image: url('../images/login/radio_btn_on_16.svg') !important; /* 활성 상태 이미지 */
}

.whradio-option2 label {
  cursor: pointer;
  margin-left: 0.5rem;
  line-height: 16px;
  display:flex;
  align-items: center;
}
  .whradio-option input[type="radio"] {
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-right:8px;
    border-radius: 50% !important;
    cursor: pointer;
    position: relative;
    border:none !important;
    /* 사용자 정의 비활성 상태 */
    background-image: url('../images/login/radio_btn_off_16.svg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: inline-block;
}

.whradio-option input[type="radio"]:checked {
    background-image: url('../images/login/radio_btn_on_16.svg') !important;
}

.whradio-option label {
    cursor: pointer;
    margin-left: 0.5rem;
    line-height: 16px;
    display:flex;
    align-items: center;
}
.bottom_line{border-bottom:1px solid #EEEEEE; padding:16px 0;}
.disfl_colu{display: flex; flex-direction: column;}
.textarea_container {
  width: 100%; 
  max-width: 600px;
  margin-top: 1rem;
}

#reason_textarea {
  width: calc(100% - 20px); 
  height: 130px;
  border: 1px solid #ccc;
  padding: 10px;
  font-family: Arial, sans-serif;
  font-size: 14px; 
  color: #333; 
  background-color: #F7F7F7;
  resize: none;
}

#reason_textarea:focus {
  border: 1px solid #007BFF; 
  outline: none; 
  background-color: #ffffff; 
}
.account_info3{width:538px;}
.note_txt{margin-left:8px;}
.note_txt li {
  position: relative; 
  display: flex; 
  align-items: center;
  font-size:13px; color:#999999;
}

.note_txt li::before {
  content: ""; 
  width: 4px;
  height: 4px; 
  border-radius: 50%;
  background: #999999;
  margin-right: 8px;
}
.dis_block{display:block !important;}
.pdt43{padding-top:43px;}
.pd_upside{padding:135px 100px;}
.border_0{border:none;}
/*.value_add{position: absolute; left:14%; font-size:14px; color:#999999; font-weight:400;}
*/
.value_add{position: absolute; left:107px; font-size:16px; color:#111111; font-weight:500; line-height: 21px;}
.mi_tit{font-size:16px; font-weight:600;}
.txt_light{font-size:13px !important; color:#999999 !important; letter-spacing: -3%;}
.btn_add{padding:0; height:53px; line-height:53px;}
.pdt12{padding:12px 0;}
.dis_fl_center{display: flex; flex-direction: column; align-items: center;}
.tit_txt{font-size:25px; font-weight: 400;}
.tit_txt span{font-weight: 600;}
.mt90{margin-top:90px;}
.mb_32{margin-bottom:32px;}
.mb_16{margin-bottom: 16px;}
.compl_date_txt{font-size: 16px; font-weight: 600; color:#111111;}
.compl_date_txt span{color: #2196F3;}
.dis_fl_center{display: flex; flex-direction: column; align-items: center;}
.gray_box{background:#F7F7F7; padding:16px;}
.mgpd0{margin:0 !important; padding:0 !important;}
.line24{line-height:24px;}
.line24:hover{background: none;}
.with_txt{text-align: right; color:#999999; margin-top:10px;}
.essential{font-size:11px; color:#F44336; line-height:20px;}
.align_item_c{align-items: center;}
.pd_tb30{padding:30px 0;}
.width_80{width:80%;}
/*모바일 헤더*/
#submenu2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 1.25rem;
  background: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
  height:56px;
}

#submenu2 .container {
  padding: 0;
  margin: 0 auto; 
  max-width: 100%;
}

.sub_menu2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.sub_menu2 li {
  flex-shrink: 0;
}

.sub_menu2 li:first-child {
  
}

.sub_menu2 li .shop_ico {
  position: relative;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
.mt_100{margin-top:100px;}
.ft_size20{font-size: 20px;}