:root {
  --main-color:linear-gradient(70deg, #0DCC97, #0495E7);

  }

.mypage_wrap { width:100%; margin:0 auto; max-width:1400px; }
.mypage_wrap.tm40 { margin-top:40px; }
@media (max-width:768px){
.mypage_wrap { width:calc(100% - 20px); margin:0 auto; max-width:auto; }
}

.input_style_1 { border:1px solid #ddd; font-size:0.9rem; padding:5px 5px; }
.input_style_1.w35 { width:350px; }
.input_style_1.w100 { width:100%; }
.btn_style_1 { background: var(--main-color); border:none; color:#fff;  padding: 10px 30px;  text-align: center; font-size:16px; white-space:nowrap; cursor: pointer; height:100% }
.btn_style_1:hover { color:#fff; }
input[type="text"]:focus { outline:0; }

.mypage { display:flex; align-items:flex-start; }
.mypage .mypage_menu { width:200px; flex-shrink:0;   margin-right:30px; }
.mypage .mypage_menu h2 { background:#6d717a; color:#fff; padding:1rem 0 0.8rem; font-size:1.2rem; text-align:center; }
.mypage .mypage_menu ul {  padding:20px 15px;border:1px solid #ddd; border-top:0; }
.mypage .mypage_menu ul:first-child {  border-top:1px solid #ddd; }
/*
.mypage_menu ul:nth-child(2) { position:relative; border-top:0; padding:0; }
.mypage_menu ul:last-child { padding-bottom:0; }
*/
.mypage .mypage_menu h3 { font-size:1.2rem; font-weight:500; color:#222; margin-bottom:5px; padding:0 7px; }
.mypage .mypage_menu li a { display:block; font-size:15px; padding:3px 7px; color:#555; border-radius:5px; }
.mypage .mypage_menu li a:hover,
.mypage .mypage_menu li.selected a { background:var(--main-color-light); color:var(--main-color); }
.my_dep2_m {display: none;}
.left_cscenter { border-top: 1px solid #ccc;text-align: center;padding: 20px 0; border: 1px solid #ddd; width: 200px; background:#fff; margin-top:10px }
.left_cscenter span.material-symbols-outlined { margin:20px auto 15px; border:2px solid var(--main-color); color:var(--main-color); font-size:30px; display:flex; width:44px; height:44px; border-radius:22px; box-sizing:border-box; 
align-items:center; justify-content:center; }
.left_cscenter .p1 { font-weight:500; }
.left_cscenter .p2 { font-size:0.9rem; margin:5px 0 15px; }
.left_cscenter .p2 span { font-size:13px; }
.left_cscenter .p3 { color:var(--main-color); white-space:nowrap; font-weight:500; font-size:20px; }

.mypage_contents { flex-grow:1; }
.mypage_title { font-size:2rem; font-weight:500; margin-bottom:20px; }
.order_search { display:flex; width:100%; margin:0.8rem auto; gap:10px; }
.order_search * { font-size:0.95rem; }
.order_search .date_input { display:flex; align-items:center; flex-grow:1 }
.order_search .date_input .box { border:1px solid #ccc; padding:0px 10px; height:37px; line-height:37px; overflow:hidden; display:flex; align-items:center; }
.order_search .date_input .box span.material-symbols-outlined { display:block; height:20px; width:20px; font-size:20px; color:#555; cursor:pointer }
.order_search .date_input .box_hyphen { padding:0 7px; }
.order_search .date_input input.in_date { border:0; line-height:35px; height:35px; width:100px; }
.order_search .date_input input:focus { outline:none; }
.order_search .date_input input.keyword { border:0; line-height:35px; height:35px; width:200px; }

.order_search .date_sel {  display:flex; align-items:center;  }
.order_search .date_sel a { border:1px solid #ccc; padding:0px 15px; white-space:nowrap; display:block;  height:37px; line-height:35px; border-left:0; }
.order_search .date_sel a:first-child { border-left:1px solid #ccc; }
.order_search .date_search_btn {    display: flex;align-items: center;}
.btn_md { background:#333; color:#fff; display:block; height:37px; line-height:35px; padding:0 30px; white-space:nowrap; }



@media (max-width: 640px){
.mypage_title { font-size:1.3rem;margin-bottom:10px }
.order_search { gap:3px; }
.order_search .date_input { width:100% }
.order_search .date_input input.form-control { width:90px; font-size:1rem; }

}


.order_list_case { border:1px solid #ddd; padding:15px 20px; margin:30px 0; border-radius:10px; }
.order_list_case .order_linfo_1 { border-bottom:1px solid #ccc; display:flex; align-items:center; justify-content:space-between; padding:0 0 15px 0; }
.order_list_case .order_linfo_1 .date strong { font-size:18px; font-weight:500; color:#222 }
.order_list_case .order_linfo_1 .date p { font-size:0.9rem; color:#999; }
.order_list_case .order_linfo_1 .status { display:flex; }
.order_list_case .order_linfo_1 .status span { display:block; background:#f1f1f1; border-radius:5px; padding:5px 15px; white-space:nowrap; color:#222; font-size:0.9rem; }
.order_list_case .order_linfo_1 .status span.status_complete { background:var(--main-color-light);  color:var(--main-color); } 
.order_list_case .order_linfo_1 .status span.status_cancel { background:#e9e9e9;  color:#222; } 
.order_list_case .order_linfo_1 .status a.btn_go_detail { display:block; border:1px solid var(--main-color); border-radius:5px; padding:5px 15px; white-space:nowrap; color:var(--main-color); font-size:0.9rem; margin-left:10px; }
.order_list_case .order_linfo_1 .status .order_num { font-size:0.9rem; color:#999; }
.order_list_case .order_linfo_2 { display:flex; align-items:center; justify-content:space-between; padding:15px 0; border-bottom:1px solid #ddd; }
.order_list_case .order_linfo_2:last-child { border-bottom: 0 }
.order_list_case .order_linfo_2 .product .check { margin-right:20px; }
.order_list_case .order_linfo_2 .product .check input[type="checkbox"] { transform: scale(1.2); cursor:pointer; }
.order_list_case .order_linfo_2 .product { display:flex; text-align:left;  font-size:0.9rem; align-items:center;  }
.order_list_case .order_linfo_2 .product .img { width:140px; flex-shrink:0; flex-grow:0; margin-right:15px; border:1px solid #ddd; border-radius:0.3rem; overflow:hidden; }
.order_list_case .order_linfo_2 .product .img.small_img { width:90px; }
.order_list_case .order_linfo_2 .product .img.big_img { width:200px; }
.order_list_case .order_linfo_2 .product .p_info { }
.order_list_case .order_linfo_2 .product .p_info a {  font-size:1rem; color:#333; }
.order_list_case .order_linfo_2 .product .p_info p { color:#777; margin-top:3px; font-size: 0.9rem;} 
.order_list_case .order_linfo_2 .product .p_info strong { color:#222; font-weight:bold; }
.order_list_case .order_linfo_2 .product .p_info .sol_price strong {  font-size:1.1rem; }
.order_list_case .order_linfo_2 .product .p_info p.sol_price {margin-bottom:0.3rem }
.order_list_case .order_linfo_2 .product .p_info p.option { font-size:1rem; margin-top:0; line-height:1.3rem }
.order_list_case .order_linfo_2 .product .p_info p.net_sol { color:#222; margin-bottom:0.5rem; }
.order_list_case .order_linfo_2 .btn_area { padding:0; margin:0; }
.order_list_case .order_linfo_2 .btn_area a { display:block; font-size:1rem; white-space:nowrap;padding:3px 20px; border-radius:5px; margin:3px 0; }
.order_list_case .order_linfo_2 .btn_area a.big_btn { font-size:0.9rem !important ; line-height:1.3 }
.order_list_case .order_linfo_2 .btn_area a.white_btn {  border:1px solid var(--main-color); color:var(--main-color); }
.order_list_case .order_linfo_2 .btn_area a.blue_btn { border:1px solid var(--main-color); background:var(--main-color); color:#fff; }
.order_list_case .order_linfo_2.order_re { flex-wrap:wrap; }
.order_list_case .order_linfo_2.order_re .product { width:100%; border-top:1px solid #ddd; padding:10px 0; }
.order_list_case .order_linfo_2.order_re .product:first-child { border-top:0; padding-top:0; }
.order_list_case .order_linfo_3 { background:var(--main-color-light);  border-radius:5px; display:flex; align-items:center; justify-content:space-between;  padding: 15px; font-size:0.95rem; color:#222; }
.order_list_case .order_linfo_3 .price_detail { border-left:1px solid #ddd; padding-left:20px; }
.order_list_case .order_linfo_3 .price_detail li { display:flex; justify-content:space-between; padding:0.1rem 0; }
.order_list_case .order_linfo_3 .price_detail li span { white-space:nowrap; }
.order_list_case .order_linfo_3 .price_detail li span:first-child { margin-right:40px;min-width:100px;  }
.order_list_case .order_linfo_3 .price_detail .total { font-weight:500; }





.order_linfo_4 { padding:10px 0;  background:var(--main-color-light); padding:15px }
.order_linfo_4 li { display:flex; gap:10px; padding:5px 0; }
.order_linfo_4 li span { width:10%; text-align:center; }
.order_linfo_4 li select,
.order_linfo_4 li textarea { padding:5px; border-radius:0; border:1px solid #aaa; flex-grow:1 }
.order_linfo_4 li select { appearance: auto;  -webkit-appearance: auto;  -moz-appearance: auto; }
.order_linfo_4 li textarea { resize: vertical;}

.order_detail_box1  { background:#f5f5f5; border-radius:5px; display:flex; align-items:center; justify-content:space-between;  padding: 15px; font-size:0.9rem; color:#555; }
.order_detail_box1 .order_date { display:flex; align-items:center; font-size:1rem; color:#222; flex-wrap:wrap; }
.order_detail_box1 .order_date span { margin-right:15px; }
.order_detail_box1 .order_date span strong { margin-left:0.3rem; }
.order_detail_box1 .status span { display:block; background:#f1f1f1; border-radius:5px; padding:5px 15px; white-space:nowrap; color:#222; font-size:0.9rem; }
.order_detail_box1 .status span.status_complete { background:var(--main-color-light);  color:var(--main-color);  border:1px solid var(--main-color); } 
.order_detail_box2 { border:1px solid var(--main-color);  border-radius:5px; padding:15px 20px; font-size:0.9rem; }
.order_detail_box2 ul { margin-top:5px; }
.order_detail_box2 li { list-style:disc inside;  padding:2px 0;  }
.order_detail_box2 li::marker { color:var(--main-color); font-size:1.2rem; }
.order_detail_box2 h4 { color:var(--main-color); font-weight:bold; font-size:16px; }

.mypage_btn_area { text-align:center; margin-top:40px; }
.mypage_btn_area .big_btn { display:inline-block; white-space:nowrap;  padding:9px 30px 10px; margin:0 3px; border:1px solid #ccc; box-sizing:border-box;  color:#222; font-size:1rem }
.mypage_btn_area .btn_blue { background:var(--main-color); color:#fff; border-color:var(--main-color) }
.mypage_btn_area .btn_dark_gray { background:#444; color:#fff; border-color:#444 }
.mypage_btn_area .btn_light_gray { background:#eee; color:#bbb; border-color:#ddd; cursor:default }
/*
.my_point { border:1px solid #ccc; padding:15px 20px; margin:30px 0; border-radius:10px; }
*/
.mypage_table { width:100%; }
.mypage_table thead th { background:var(--main-color-light);  font-weight:normal;  padding:12px 0 ; text-align:center; font-size:1rem; }
.mypage_table td { text-align:center; padding:15px 10px; border-bottom:1px solid #ddd; white-space: nowrap; font-size:1rem; }
.mypage_table td.left { text-align:left; }
.mypage_table td.right { text-align:right; white-space:nowrap }



/* 모바일 */
@media (max-width:768px){
.mypage_table.responsive thead { display:none; }
.mypage_table.responsive, 
.mypage_table.responsive tbody, 
.mypage_table.responsive tr,
.mypage_table.responsive td { display:block; width:100%; }
.mypage_table.responsive tr { margin-bottom:15px; border:1px solid #ddd; border-radius:12px; padding:10px; background:#fff; }
.mypage_table.responsive td { display:flex; justify-content:space-between; align-items:center; border:none; padding:10px 5px; font-size:14px; }
.mypage_table.responsive td::before { content:attr(data-label); font-weight:600; color:#333; }
}



.mypoint_box1 { border:1px solid var(--main-color);  border-radius:5px; padding:15px 20px; font-size:1rem; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.mypoint_box1 h4 {  font-size:1rem; background:var(--main-color-light); padding:15px 30px; border-radius:5px; text-align:center; }
.mypoint_box1 h4 span { display:block; }
.mypoint_box1 h4 strong { display:block; color:var(--main-color); font-size:1.2rem; white-space:nowrap; }
.mypoint_box1 ul { flex-grow:1; margin-left:25px; }
.mypoint_box1 li { list-style:disc inside; padding:2px 0; }
.mypoint_box1 li::marker { color:var(--main-color); font-size:0.9rem; }

.chucheon_link_box { display:block;  border:1px solid var(--main-color);  border-radius:5px; padding:3rem 0px; font-size:0.9rem; margin-bottom:20px;  text-align:center; }
.chucheon_link_box h4 { font-size:1.3rem; color:var(--main-color);  border-radius:5px; text-align:center; margin-bottom:30px; }
.chucheon_link_box .btn_link_url { font-size:1.3rem;  display:inline-block; }
.chucheon_link_box .btn_link_copy { background:var(--main-color); color:#fff; padding:1rem 0px; font-size:1rem; border-radius:5px;width:50% ;
display:flex; align-items:center; justify-content:center; margin:30px auto 0; cursor:pointer;
  background: 
  linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0)),
  var(--main-color);
  );
}
.chucheon_link_box .btn_link_copy > span { font-weight:200;  transform: rotate(45deg); margin-right:5px; font-size:1.5rem; }

.sns_link { margin-top:1.5rem; display:flex; gap:0.5rem; justify-content:center; align-items:center; flex-wrap:wrap; }
.sns_link p { font-weight:bold; font-size:1.1rem ; margin-right:1rem; }
.sns_link img { width:2.2rem; }
.sns_link > div {  display:flex; gap:0.5rem; justify-content:center; align-items:center; }

.my_coupon { display:flex; flex-wrap:wrap; justify-content:space-between; }
.coupon_box { width:calc(50% - 10px); border-radius:5px; border:1px solid #ddd; padding:15px; margin:0 0 20px 0; position:relative; }
.coupon_box .status { background:#f1f1f1; position:absolute; top:15px; right:15px; display:block; padding:5px 15px; white-space:nowrap; font-size:0.9rem; border-radius:10px; cursor:default }
.coupon_box p { line-height:150% }
.coupon_box .p1 { font-size:1.2rem; font-weight:500; }
.coupon_box .p2 { font-size:0.9rem; color:#555; }
.coupon_box .p3 { font-size:0.9rem; color:#999; display:flex; align-items:center; margin-top:5px; }
.coupon_box .p3 span { display:block; padding:0px 10px 0px; white-space:nowrap; border:1px solid #ddd; border-radius:15px; margin-right:5px; font-size:0.8rem; color:#555; margin-right:10px; }



.my_qna_table { width:100%; border-top:2px solid #222; margin-top:20px; }
.my_qna_table th,
.my_qna_table td { font-size:1rem; font-weight:normal; padding:0.8rem 0; border-bottom:1px solid #ddd; text-align:center; }
.my_qna_table thead th { font-size:0.9rem; font-weight:bold; }
.my_qna_table td.subject { text-align:left; }
.my_qna_table td.subject span { display:block; color:#888; font-size:0.9rem; }
.my_qna_table .question { cursor:pointer; }
.my_qna_table .answer { display:none;  }
.my_qna_table .answer td { text-align:left;  padding:20px 0; line-height:160%; background:#f4f7fa; }
.my_qna_table .answer_re { display:flex; align-items:flex-start; justify-content:space-between; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100% ;  }
.my_qna_table .answer_re span.icon_re { background:#777; color:#fff; font-size:12px; width:40px; text-align:center; flex-shrink:0; margin-right:10px; height:21px; line-height:19px;  }
.my_qna_table .answer_re .con { flex-grow:1; text-align:left; }
.my_qna_table .answer_re .con p { text-align:left; }
.my_qna_table .answer_re .name { width:160px; flex-shrink:0; text-align:center; }
.my_qna_table .answer_re .wdate { color:#999; }
.my_qna_table .answer_re .date { width:120px; flex-shrink:0; text-align:center; }
.my_qna_table td.thum img { width:50px; height:50px; object-fit:cover; }
i.icon_q { font-style:normal; background:#999; display:flex; align-items:center; justify-content:center; color:#fff; width:26px; height:26px; border-radius:13px; line-height:26px; margin:0 auto; }
i.icon_a { font-style:normal; background:var(--main-color); display:flex; align-items:center; justify-content:center; color:#fff; width:26px; height:26px; border-radius:13px; line-height:26px; margin-right:10px; }
.my_qna_table .answer .faq_re { display:flex; align-items:flex-start; width:100% }

.board_write { border-top:2px solid #333;  }
.board_write th,
.board_write td { font-size:1rem; padding:15px; font-weight:normal; }
.board_write th { background:#f4f7fa; width:150px; text-align:center; font-weight:normal; }
.board_write tr { border-bottom:1px solid #ddd; }
.board_write input.board_w { border:1px solid #ddd; font-size:1rem; line-height:20px; height:34px; padding:6px 5px; border-radius:3px; width:250px; }
.board_write select.option { border:1px solid #ddd; font-size:1rem; line-height:34px; height:34px; padding:0px 10px; border-radius:3px; width:250px; }
.board_write input.board_w:focus { outline:none; }
.board_write input.board_w.subject { width:100%; }
.board_write input.board_w.tel { width:100px }
.board_write textarea { border:1px solid #ddd; font-size:16px; line-height:21px; padding:6px 5px; border-radius:3px; width:100%; height:400px; }
.board_write textarea:focus { outline:none; }

.mypage_btn_area { text-align:center; margin-top:40px; }
.mypage_btn_area .big_btn { display:inline-block; white-space:nowrap;  padding:9px 30px 10px; margin:0 3px; font-size:1rem }
.mypage_btn_area .btn_blue { background:var(--main-color); color:#fff; }
.mypage_btn_area .btn_dark_gray { background:#444; color:#fff; }


.cart_table { width:100%; border-top:2px solid #222; }
.cart_table thead { background:var(--main-color-light); border-bottom:1px solid #ccc; }
.cart_table thead th { padding:15px 0; text-align:center; font-weight:normal; font-size: 0.9rem; }
.cart_table tbody > tr > td { padding:15px 5px; text-align:center; border-bottom:1px solid #ccc;font-size: 0.9rem; }
.cart_table .product { display:flex; text-align:left;  font-size:0.9rem; align-items:center;  min-height:100px;}
.cart_table .product .img { width:90px; flex-shrink:0; flex-grow:0; margin-right:10px; }
.cart_table .product .p_info { }
.cart_table .product .p_info a {  font-size:0.9rem; color:#333; }
.cart_table .soldout { position:relative; }
.cart_table .soldout:after { position:absolute; width:80px; height:80px; display:flex; align-items:center; content:"판매종료"; left:5px; top:5px; justify-content:center; border:3px solid #fff; border-radius:40px; box-sizing:border-box; color:#fff; background:rgba(0,0,0,0.6) }
.cart_table strike { font-size:0.9rem; display:block; color:#888 }
.btn_small { padding:3px 5px 4px; white-space:nowrap; font-size:0.9rem; border-radius:3px; margin:5px auto; display:block; width:110px; text-align:center; box-sizing:border-box; }
.btn_buy_now { background:var(--main-color); color:#fff; }
.btn_cart_del { border:1px solid #aaa; background:#f5f5f5; color:#222; }
.btn_buy_now:hover { color:#fff; }
.btn_cart_del:hover { color:#222; }
.mypage_items .small_btn_area { margin-bottom:10px }
.mypage_items .small_btn_area .small_btn { border:1px solid #aaa; font-size:13px; padding:2px 5px 3px; white-space:nowrap; display:inline-block; margin-right:3px; border-radius:3px; color:#222; }

.mypage_box_1 p { font-size:0.9rem; color:#777; }
.pass_box { display:flex; margin:40px auto; border-radius:0px; border:1px solid #ddd; padding:70px;  justify-content:center; }
.pass_box ul { margin-right:10px; }
.pass_box ul li { margin-bottom:10px; }
.pass_box ul li:last-child { margin-bottom:0; }
.pass_box .input_style_1 { width:300px; }
.pass_box .btn_style_1 { padding: 10px 40px;  height:100% ; background: var(--main-color);}

.member_out { margin:40px auto; }
.member_out p { font-weight:500; color:#222; position:relative; padding:0 0 5px 22px; font-size:1rem; }
.member_out p:after { position:absolute; top:6px; left:0; width:14px; height:14px; box-sizing:border-box; border:4px solid var(--main-color); border-radius:8px; display:block; content:"" }
.member_out ul { border-top:1px solid #222; margin-bottom:40px; }
.member_out ul li { padding:10px 0 10px 20px; border-bottom:1px solid #ddd; }
.member_out ul li input[type="checkbox"] { margin-right:12px; height:18px; width:18px; accent-color: var(--main-color); }
.member_out textarea { border:1px solid #ccc; padding:10px; font-size:16px; width:100%; height:200px; resize:none; }
.member_out textarea:focus { outline:0; }

.mypage_result_box { border:5px solid #ddd; width:100%; text-align:center; padding:70px 0; margin:0px auto 30px; }
.mypage_result_box span.material-symbols-outlined { display:block; font-size:60px; color:var(--main-color); margin-bottom:20px; }
.mypage_result_box strong { font-size:1.2rem; font-weight:500; }
.mypage_result_box p { font-size:1.3rem; font-weight:normal; }
.mypage_result_box p span { color:#df3b3b; }


@media (max-width: 1200px){
.mypage{flex-wrap: wrap;flex-direction: column;}
.mypage .mypage_menu, .mypage_contents {width:100%}
.mypage .mypage_menu { width:100%; flex-shrink:0;   margin-right:0px; display:flex; margin-bottom:20px; }
.mypage .mypage_menu ul { padding:5px ;border:1px solid #ddd; display:flex; flex-wrap:wrap;}
.mypage .mypage_menu ul:last-child { padding-bottom:0; }

.mypage .mypage_menu h3 { display:none; }
.mypage .mypage_menu li a { display:block; font-size:12px; padding:3px 7px; color:#555; border-radius:5px; }
.mypage .mypage_menu li a:hover,
.mypage .mypage_menu li.selected a { background:var(--main-color-light); color:var(--main-color); }


.my_dep2_m {background: #f8f8f8; width:100%; border-radius: 8px; margin: 5px 0 20px; padding: 10px; display: block;}
.my_dep2_m li {display: inline-block; margin-right: 15px; position:relative; padding-left: 10px;}
.my_dep2_m li:after{position:absolute; content: ''; width:3px; height: 3px; background: #000;top:8px; left:0}
.mypage_table {font-size: 0.9rem;}

.mypage_result_box {padding: 30px 0 40px;}
.left_cscenter { display:none; }

}

/*
@media (max-width: 860px){
.my_qna_table {width:860px}
.w100{width:100% !important}
}
*/
@media (max-width: 640px){
.coupon_box { width:100% }
.mypoint_box1 {padding:8px}
.mypoint_box1 h4 {padding: 10px 10px; width: 100%; margin-bottom: 10px;}
.mypoint_box1 ul {margin-left: 5px;}
.mypoint_box1 li { list-style:disc inside; padding:2px 0; text-indent:-0.5em; }
.mypoint_box1 li::marker { color:var(--main-color); font-size:1.2rem; }
.mypoint_box1 {    flex-wrap: wrap;}

.order_list_case { padding:10px; margin-top:0; }
.order_list_case .order_linfo_2 .product .img {width:100px}
.order_list_case .order_linfo_2 .product .img.big_img {width:100px}
.order_list_case .order_linfo_2 .product .check { margin-right:15px; }
.order_list_case .order_linfo_2 .product .check input[type="checkbox"] { transform: scale(1); cursor:pointer; }
.order_list_case .order_linfo_2, .order_list_case .order_linfo_3 {flex-wrap: wrap;}
.order_list_case .order_linfo_3>div {width:100%}
.order_list_case .order_linfo_3 .price_detail {border-left:0; margin-top:8px; padding-left:0}
.order_list_case .order_linfo_2 .product {width:100%; margin-bottom:0px}
.order_list_case .order_linfo_2 .product .img.small_img { width:60px; }

.order_list_case .order_linfo_2.order_re { flex-wrap:wrap; }
.order_list_case .order_linfo_2.order_re .product { width:100%; border-top:1px solid #ddd; padding:4px 0; }
.order_list_case .order_linfo_2.order_re .product:first-child { border-top:0; padding-top:0; }


.order_linfo_4 { padding:10px; }
.order_linfo_4 li { display:flex; gap:10px; padding:5px 0; flex-wrap:wrap; }
.order_linfo_4 li span { width:100%; text-align:left; display:block; }
.order_linfo_4 li select,
.order_linfo_4 li textarea { padding:5px; border-radius:0; border:1px solid #aaa; flex-grow:1 }
.order_linfo_4 li select { appearance: auto;  -webkit-appearance: auto;  -moz-appearance: auto; }
.order_linfo_4 li textarea { resize: vertical;}


.order_linfo_2 .btn_area {width:100%; text-align: center; }
.order_linfo_2 .btn_area { padding:10px 0 0 0 !important; margin:0; display:flex; flex-wrap:wrap ; gap:5px 2px; }
.order_linfo_2 .btn_area a { display:block; font-size:1rem; white-space:nowrap;padding:6px 0px !important; border-radius:5px; margin: 0 !important; width:cacl(50% - 10px);  flex-grow:1 }
.order_linfo_2 .btn_area a.btn_confirm { width:100%; }

.order_search .date_input .box {height: 30px; line-height: 30px;}
.mypage_btn_area .big_btn {    padding: 6px 15px 6px; margin-bottom: 5px; font-size:1rem }



.order_search {flex-wrap: wrap;     justify-content: flex-start;  align-items:center  }
.order_search .date_input {margin-bottom: 5px;}

.order_search .date_sel{  flex-grow: 0; margin-left:0; }
.order_search .date_search_btn {flex-grow:0}
.order_search .date_sel a, .order_search .btn_md{ height: 30px; line-height: 30px;}
.order_list_case .order_linfo_1 {flex-wrap: wrap; }

.order_linfo_1 .date {width:100%; margin-bottom: 5px;}

.pass_box {padding: 50px 20px;}
.pass_box ul, .pass_box .input_style_1{width:100%}


.board_write, .board_write tbody, .board_write tbody tr, .board_write tbody th, .board_write tbody td {display:block; width:100%}
.board_write th, .board_write td {padding:8px 10px;}
.board_write input.board_w.tel {width:80px}

.order_search .btn_md { margin-left:0px; }
.order_search .date_sel a {padding:0 6px}

}


.btn_area { text-align:center; margin-top:40px; }
.btn_area .big_btn { display:inline-block; white-space:nowrap;  padding:9px 30px 10px; margin:0 3px; border:0; font-size:1rem !important }
.btn_area .btn_blue { background:var(--main-color); color:#fff; }
.btn_area .btn_dark_gray { background:#444; color:#fff; }
.btn_area .btn_d_type_3 { display:inline-block; white-space:nowrap;  padding:9px 30px 10px; margin:0 3px; border:0; }
.btn_area .btn_d_type_3_dark { background:#444; color:#fff; }


.mypage_main { width:100%; font-size:16px; }
.mypage_myinfo { background:var(--main-color-light); /* width:calc(100% - 20px); */ width:100%; margin:0 auto; border-radius:10px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:60px 40px; border:1px solid var(--main-color);  }
.mypage_myinfo .my_level { width:50% }
.mypage_myinfo .my_level strong { font-size:1.4em; font-weight:bold; }
.mypage_myinfo .my_level p { font-size:1.2em; font-weight:bold.; }
.mypage_myinfo .my_level p.level_guide { font-size:0.9em; font-weight:normal; color:rgba(0,0,0,0.5) }
.mypage_myinfo .my_benefit { display:flex; flex-grow:1; }
.mypage_myinfo .my_benefit > div { border-left:1px solid rgba(0,0,0,0.2); padding:0 0px; width:50% }
.mypage_myinfo .my_benefit > div:first-child { border-left:0; }
.mypage_myinfo .my_benefit a span,
.mypage_myinfo .my_benefit a strong { display:block; text-align:center; }
.mypage_myinfo .my_benefit a strong { font-size:1.5em; }

.mypage_main .mypage_menu { display:flex; flex-wrap:wrap; width:100%; margin-top:4rem;  }
.mypage_main .mypage_menu ul { width:calc(100% / 5); border:1px solid #ccc; padding:2rem; border-left:0; }
.mypage_main .mypage_menu ul.user_info { border:0; border-right:1px solid #ccc;background:#f1f1f1;  display:none; }
.mypage_main .mypage_menu ul h3 { margin-bottom:10px; color:var(--main-color); font-size:1.2em; }
.mypage_main .mypage_menu ul li { }
.mypage_main .mypage_menu ul li a { font-size:1em; }


@media (max-width: 640px){

.mypage .mypage_menu { display:none; }

.mypage_main { font-size:12px;  }
.mypage_myinfo {  padding:10px 15px;  }
.mypage_myinfo .my_level { width:100%; border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:10px; }
.mypage_myinfo .my_benefit { padding-top:10px; }
.mypage_myinfo .my_level p.level_guide { font-size:0.9rem; }


.mypage_myinfo .my_level strong { font-size:1.1em; font-weight:bold; }
.mypage_myinfo .my_level p { font-size:0.9em; font-weight:bold.; }
.mypage_myinfo .my_benefit a strong { font-size:1em; }

.mypage_main .mypage_menu { display:flex; flex-wrap:wrap; width:100%; margin-top:20px;  }
.mypage_main .mypage_menu ul { width:100%; border:0; margin:0; padding:0 ;}
.mypage_main .mypage_menu ul.user_info { display:block; border:0; border-bottom:1px solid:#ccc; background:#f1f1f1; display:flex; flex-wrap:wrap; padding:10px 15px; margin-bottom:10px; }
.mypage_main .mypage_menu ul.user_info li:nth-child(2) { flex-grow:1; }
.mypage_main .mypage_menu ul h3 { display:none; font-size:0.9em; margin-top:15px; padding:0; padding-left:10px; ; }
.mypage_main .mypage_menu ul li { border-bottom:1px solid #ddd; }
.mypage_main .mypage_menu ul li a { font-size:1em; padding:10px 15px ; display:block; }
.mypage_main .mypage_menu ul.user_info li { border-bottom:0; font-size:0.9em; }
.mypage_main .mypage_menu ul.user_info li a { font-size:0.9em; padding:0; }



}






.flexArea{display: flex; gap: 1rem; margin-top:2rem }

.tb50_ {width:50% ; flex-grow:1 }

.guide-blbox {
  background: #F6FDFF;
  border-radius: 5px;
  border: 1px solid #B3DBE6;
  color: var(--primary-color);
  font-size: 0.9rem;
  padding: 1rem;
}
.guide-blbox li.star {
  background: var(--white);
  border-radius: 5px;
  padding: 0.2rem 0.8rem;
  display: inline-block;
  color: var(--gray-60);
  border: 2px solid var(--gray-20);
  margin-top: 10px;
}
.guide-blbox li.star span {
  margin-left: 15px;
  color: var(--black);
}

.guide-half-box {
  position: relative;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: var(--black);
  font-size: 1rem;
  padding: 1.5rem;
  width: auto;
  
}
.guide-half-box::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: var(--primary-color);
  content: "";
}
.guide-half-box:nth-child(1)::after {
  background: #0495e7;
}

.guide-half-box:nth-child(2)::after {
  background: #E7B604;
}

/* 링크복사추천 
.link-copy ul{display: flex; }
.link-copy ul li:first-child{flex: 1; text-align: center;font-weight: 600;}
.link-text {display: flex;flex-direction: column;justify-content: center; }
.link-copy #copyText { font-size:0.9rem; }
.sns {display: flex; height:100%;flex-direction: column;justify-content: center; text-align: center;}
.sns dl {display:flex; width:100%; text-align: center; gap: 0.5rem;}
.sns dl dt {width: 30%; font-weight: 600; line-height: 2rem;}
.sns dl dd {width: 70%; text-align: left;}
.sns dl dd img{width:2rem; height:2rem; margin:0 0.5rem;}

*/
@media all and (max-width:768px){


    .flexArea {flex-direction: column; }
}









.btn_area,
.btn_defult {
  padding: 0 1rem;
  line-height: 2rem;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 8px;
}
.btn_area > a:hover,
.btn_defult > a:hover {
  text-decoration: none;
}
.btn_area i,
.btn_defult i {
  margin-bottom: 4px; font-weight:normal;
}


.btn_01 {
  background: #0495e7;
  border: 1px solid #0495e7;
  color: #fff;
  transition: all 0.3s ease;
}
.btn_01:hover {
  background: #fff;
  border-color: #0495e7;
  color: #0495e7;
}

.btn_area_2 { margin-top:0; padding-top:0; }











.charge_form { margin:20px auto; width:100%; background:#fff; border:1px solid #ddd;  padding:50px 0;   border-radius:5px;  }
.charge_form .charge_wrap { width:520px; max-width:calc(100% - 10px); margin:0 auto; }
.charge_form .charge_wrap > div { display:flex;  margin:5px auto; gap:5px; }
.charge_form .charge_wrap > div > div { width:70%; display:flex; align-items:center; justify-content:flex-end;  border:1px solid #ddd; border-radius:3px; padding:0.8rem 15px; }
.charge_form .charge_wrap > div > div.custom_input input { color:#e2503b; letter-spacing:0.1rem;  text-align:right; }
.charge_form .charge_wrap p.tit { font-size:1rem; background:var(--main-color-light);  display:block; flex-grow:1; padding:0.8rem 10px; white-space:nowrap; text-align:center; }
.charge_form .charge_wrap > div > div.td_payment { gap:5px; padding:0.8rem 1.2rem ;justify-content:flex-start; }
.charge_form .charge_wrap > div > div.td_payment ul { display:flex; flex-wrap:wrap;justify-content:flex-start; }
.charge_form .charge_wrap > div > div.td_payment li { width:50%; text-align:left; flex-grow:0; flex-shrink:0; }
.charge_form .charge_wrap > div > div.td_payment label { display:flex; align-items:center; gap:5px; cursor:pointer; font-size:1rem ;  justify-content:flex-start; width:auto;  }
.charge_form .charge_wrap > div > div.td_payment label span { white-space:nowrap; font-weight:normal; display:block; }
.charge_form .charge_wrap > div > div.td_payment label * { line-height:1.4rem; margin:0; text-align:left; }

@media all and (max-width:768px){
.charge_form { border:0;  padding:0px 0; }
.charge_form .charge_wrap div.td_payment {justify-content:flex-start; }

}







.otp-container { max-width:500px; margin:20px auto; padding:30px; border:1px solid #ddd; background:#fff; border-radius:10px; font-family:sans-serif; box-shadow:0 4px 20px rgba(0,0,0,0.05); }
.otp-title { text-align:center; color:#333; margin-bottom:20px; }
.otp-guide { background:#f9f9f9; padding:15px; border-radius:6px; font-size:14px; line-height:1.6; color:#555; }
.otp-qr-area { text-align:center; margin:30px 0; }
.otp-qr-img { border:10px solid #fff; border-radius:6px; box-shadow:0 4px 15px rgba(0,0,0,0.08); }
.otp-secret { margin-top:10px; font-weight:bold; color:var(--main-color); letter-spacing:1px; background:#f3f3f3; padding:6px 10px; display:inline-block; border-radius:4px; display:block; }
.otp-input-area { text-align:center; }
.otp-desc { font-size:14px; margin-bottom:10px; }
.otp-input { width:150px; padding:10px; font-size:20px; text-align:center; border:2px solid #ddd; border-radius:5px; transition:all 0.2s ease; }
.otp-input:focus { border-color:var(--main-color); outline:none; box-shadow:0 0 0 3px rgba(0,0,0,0.05); }
.otp-btn { display:block; width:100%; margin-top:20px; padding:12px; background:linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0)), var(--main-color); color:#fff; border:none; border-radius:6px; font-size:16px; cursor:pointer; font-weight:bold; transition:all 0.2s ease; }
.otp-btn:hover { transform:translateY(-2px); box-shadow:0 6px 15px rgba(0,0,0,0.1); }
.otp-btn:active { transform:translateY(0); box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.otp-info { text-align:center; padding:20px 0; }
.otp-check { font-size:50px; color:#4CAF50; margin-bottom:15px; }
.otp-success { font-size:18px; font-weight:bold; color:#333; }
.otp-sub { font-size:14px; color:#888; margin-top:10px; }
.otp-reset { margin-top:40px; background:none; border:none; color:#ff4d4d; text-decoration:underline; cursor:pointer; font-size:13px; transition:opacity 0.2s; }
.otp-reset:hover { opacity:0.7; }

/* 모바일 최적화 */
@media (max-width:768px) {
  .otp-container { margin:15px; padding:20px; border-radius:8px; }
  .otp-title { font-size:18px; }
  .otp-guide { font-size:13px; padding:12px; }
  .otp-qr-area { margin:20px 0; }
  .otp-qr-img { width:180px; max-width:100%; }
  .otp-secret { font-size:13px; padding:5px 8px; }
  .otp-desc { font-size:13px; }
  .otp-input { width:100%; max-width:200px; font-size:18px; padding:12px; }
  .otp-btn { font-size:15px; padding:14px; }
  .otp-check { font-size:40px; }
  .otp-success { font-size:16px; }
  .otp-sub { font-size:13px; }
}





/* 여기서부터 렌탈 투자 */
.mypage_favorite_list { list-style:none; padding:0; margin:0; background:#fff; border:1px solid #e7e7e7; border-radius:16px; overflow:hidden; }
.mypage_favorite_list li { display:flex; align-items:center; justify-content:space-between; padding:0px 20px; border-bottom:1px solid #f0f0f0; }
.mypage_favorite_list li:last-child { border-bottom:0; }
.mypage_favorite_list li a { font-size:18px; color:#222; display:block; width:100%; padding:16px 5px }

.mypage_favorite_list .favorite_btn { width:36px; height:36px; border:0; background:#f3f4f6; border-radius:50%; font-size:18px; color:#bbb; cursor:pointer; transition:0.2s; }
.mypage_favorite_list .favorite_btn.active { background:#fff1f2; color:#e21d23; }
.mypage_favorite_list .favorite_btn:hover { transform:scale(1.1); }

@media (max-width:600px) {
.mypage_favorite_list li { padding:0px 16px; }
.mypage_favorite_list li a { font-size:14px; padding:14px 3px }
}


.invest_write_wrap { padding:60px 20px; background:#f5f6f8; }
.invest_write_inner { max-width:1180px; margin:0 auto; }

.invest_write_head { margin-bottom:28px; }
.invest_write_eyebrow { margin:0 0 10px; font-size:13px; font-weight:700; color:#d7262e; letter-spacing:0.08em; text-transform:uppercase; }
.invest_write_title { margin:0; font-size:38px; font-weight:800; color:#111; line-height:1.2; }
.invest_write_desc { margin:14px 0 0; font-size:16px; color:#666; line-height:1.7; }

.invest_write_card { background:#fff; border:1px solid #e7e7e7; border-radius:24px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.04); }
.invest_write_table { width:100%; border-collapse:collapse; table-layout:fixed; }
.invest_write_table th { padding:28px 24px; background:#fafafa; border-right:1px solid #ececec; border-bottom:1px solid #ececec; font-size:18px; color:#111; text-align:center; vertical-align:middle; word-break:keep-all; font-weight:normal }
.invest_write_table td { padding:20px; border-bottom:1px solid #ececec; background:#fff; vertical-align:middle; font-size:16px }
.invest_write_table tr:last-child th { border-bottom:0; }
.invest_write_table tr:last-child td { border-bottom:0; }
.invest_write_table .flex { display:flex; align-items:center; gap:10px }

.invest_input_group { display:flex; flex-direction:column; gap:10px; }
.invest_write_table input[type="text"],
.invest_write_table input[type="number"] { width:100%; height:54px; padding:0 16px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; font-size:16px; color:#111; box-sizing:border-box; outline:none; transition:0.2s; flex-grow:1 }
.invest_write_table input[type="file"] { width:100%; height:54px; padding:11px 16px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; font-size:16px; color:#111; box-sizing:border-box; outline:none; transition:0.2s; }
.invest_write_table select { width:100%; height:54px; padding:0 16px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; font-size:16px; color:#111; box-sizing:border-box; outline:none; transition:0.2s; }
.invest_write_table textarea { width:100%; min-height:180px; padding:16px; border:1px solid #d9d9d9; border-radius:16px; background:#fff; font-size:16px; color:#111; line-height:1.7; box-sizing:border-box; outline:none; resize:vertical; transition:0.2s; }

.invest_input:focus { border-color:#d7262e; box-shadow:0 0 0 4px rgba(215,38,46,0.08); }
.invest_select:focus { border-color:#d7262e; box-shadow:0 0 0 4px rgba(215,38,46,0.08); }
.invest_textarea:focus { border-color:#d7262e; box-shadow:0 0 0 4px rgba(215,38,46,0.08); }

.invest_inline_field { display:flex; align-items:center; gap:12px; }
.invest_inline_field .invest_input { flex:1; }
.invest_unit { flex-shrink:0; font-size:24px; font-weight:800; color:#222; }

.invest_file_row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.product_file { display:none; }
.invest_file_btn { display:inline-flex; align-items:center; justify-content:center; min-width:110px; height:46px; padding:0 18px; border:1px solid #d4d4d4; border-radius:12px; background:#fff; color:#222; font-size:15px; font-weight:700; cursor:pointer; transition:0.25s; }
.invest_file_btn:hover { border-color:#111; color:#111; }
.invest_file_name { font-size:15px; color:#666; }
.invest_file_note { margin:12px 0 0; font-size:14px; color:#888; line-height:1.6; }

.invest_agree_card { margin-top:24px; background:#fff; border:1px solid #e7e7e7; border-radius:24px; padding:28px; box-shadow:0 10px 30px rgba(0,0,0,0.04); }
.invest_agree_head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.invest_agree_head h3 { margin:0; font-size:24px; font-weight:800; color:#111; }
.invest_agree_check { display:flex; align-items:center; gap:8px; cursor:pointer; }
.invest_agree_check input { margin:0; }
.invest_agree_check span { font-size:18px; font-weight:700; color:#111; }

.invest_agree_box { border:1px solid #ececec; border-radius:18px; overflow:hidden; background:#fafafa; }
.iframe_layer { width:100%; height:280px; border:0; display:block; }

.invest_bottom_notice { margin:28px 0 0; text-align:center; font-size:20px; font-weight:700; color:#222; line-height:1.7; }
.invest_submit_area { margin-top:26px; text-align:center; }
.invest_submit_btn { min-width:180px; height:62px; padding:0 30px; border:0; border-radius:16px; background:linear-gradient(135deg, #e21d23, #c9151b); color:#fff; font-size:22px; cursor:pointer; box-shadow:0 14px 30px rgba(210,24,32,0.22); transition:0.25s; font-weight:normal; max-width:200px }
.invest_submit_btn:hover { transform:translateY(-2px); box-shadow:0 18px 34px rgba(210,24,32,0.28); }

@media (max-width:1024px) {
.invest_write_wrap { padding:40px 16px; }
.invest_write_title { font-size:30px; }
.invest_write_card { border-radius:20px; }
.invest_agree_card { padding:24px; border-radius:20px; }
.invest_write_table th { width:220px; padding:24px 18px; font-size:18px; }
.invest_write_table td { padding:18px; }
.invest_bottom_notice { font-size:18px; }
}

@media (max-width:768px) {
.invest_write_table colgroup { display:none; }
.invest_write_table { display:block; }
.invest_write_table tbody { display:block; }
.invest_write_table tr { display:block; border-bottom:1px solid #ececec; }
.invest_write_table tr:last-child { border-bottom:0; }
.invest_write_table th { display:block; width:100%; padding:18px 18px 10px; border-right:0; border-bottom:0; background:#fff; text-align:left; font-size:17px; }
.invest_write_table td { display:block; padding:0 18px 18px; border-bottom:0; }
.invest_inline_field { gap:10px; }
.invest_unit { font-size:18px; }
}

@media (max-width:600px) {
.invest_write_title { font-size:26px; }
.invest_write_desc { font-size:14px; }
.invest_input { height:50px; font-size:15px; }

.invest_write_table input[type="text"],
.invest_write_table input[type="number"] {  height:50px; font-size:15px; }
.invest_write_table input[type="file"] { height:50px; font-size:15px; }
.invest_write_table select {  height:50px; font-size:15px; }
.invest_write_table textarea {  height:50px; font-size:15px; }



.invest_select { height:50px; font-size:15px; }
.invest_textarea { min-height:160px; font-size:15px; }
.invest_file_btn { min-width:96px; height:42px; font-size:14px; }
.invest_file_name { font-size:14px; }
.invest_agree_head h3 { font-size:20px; }
.invest_agree_check span { font-size:16px; }
.invest_bottom_notice { font-size:16px; }
.invest_submit_btn { width:100%; min-width:0; height:58px; font-size:19px; border-radius:14px; }
}




.table_btn_link { display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:34px; padding:0 10px; border-radius:8px; color:#222; text-decoration:none; transition:all .25s ease; }

.table_btn_link:hover { background:#f7f7f7; }

.table_btn_review { display:inline-flex; align-items:center; justify-content:center; min-width:54px; height:34px; padding:0 12px; border:1px solid #222; border-radius:8px; background:#fff; color:#222; font-size:14px; font-weight:600; cursor:pointer; transition:all .25s ease; }

.table_btn_review:hover { background:#222; color:#fff; }





.modal_overlay { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.55); display:none; align-items:center; justify-content:center; z-index:9999; padding:20px; }

.modal_overlay.active { display:flex; }

.modal_box { position:relative; width:100%; background:#fff; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,0.18); overflow:hidden; }

.modal_box_detail { max-width:600px; }

.modal_box_review { max-width:640px; }

.modal_head { padding:28px 28px 18px; border-bottom:1px solid #eee; }

.modal_title { margin:0; font-size:24px; font-weight:800; color:#111; }

.modal_subtitle { margin:10px 0 0; font-size:14px; color:#666; }

.modal_body { padding:28px; }

.modal_close { position:absolute; right:16px; top:16px; width:40px; height:40px; border:0; background:#f5f5f5; border-radius:50%; font-size:24px; line-height:1; color:#222; cursor:pointer; transition:all .25s ease; }

.modal_close:hover { background:#222; color:#fff; }

.detail_text_area { min-height:220px; padding:18px; border:1px solid #e5e5e5; border-radius:12px; background:#fafafa; font-size:15px; line-height:1.7; color:#333; white-space:pre-line; }

.review_form_row { margin-bottom:24px; }

.review_label { display:block; margin-bottom:10px; font-size:15px; font-weight:700; color:#111; }

.star_rating { display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:6px; }

.star_rating input { display:none; }

.star_rating label { font-size:34px; line-height:1; color:#ddd; cursor:pointer; transition:all .2s ease; }

.star_rating label:hover { color:#ffb400; }

.star_rating label:hover ~ label { color:#ffb400; }

.star_rating input:checked ~ label { color:#ffb400; }

.review_file_input { display:block; width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:10px; background:#fff; font-size:14px; color:#333; box-sizing:border-box; }

.review_textarea { display:block; width:100%; min-height:160px; padding:14px 16px; border:1px solid #ddd; border-radius:12px; background:#fff; font-size:15px; color:#333; line-height:1.6; resize:vertical; box-sizing:border-box; }

.review_textarea:focus { outline:none; border-color:#222; }

.review_help { margin:8px 0 0; font-size:13px; color:#777; }

.review_help_point { color:#ff5a36; }

.review_form_btns { display:flex; justify-content:flex-end; gap:10px; margin-top:10px; }

.btn_modal { min-width:110px; height:46px; padding:0 20px; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer; transition:all .25s ease; }

.btn_modal_cancel { border:1px solid #ccc; background:#fff; color:#333; }

.btn_modal_cancel:hover { background:#f5f5f5; }

.btn_modal_submit { border:1px solid #222; background:#222; color:#fff; }

.btn_modal_submit:hover { background:#000; border-color:#000; }

body.modal_open { overflow:hidden; }

@media all and (max-width:768px) {
.invest_table { display:block; overflow-x:auto; white-space:nowrap; }
.invest_table th { font-size:14px; padding:14px 8px; }
.invest_table td { font-size:14px; padding:14px 8px; }
.table_btn_review { min-width:50px; height:32px; padding:0 10px; font-size:13px; width:100%; }
.modal_overlay { padding:16px; }
.modal_head { padding:22px 20px 16px; }
.modal_body { padding:20px; }
.modal_title { font-size:20px; }
.modal_subtitle { font-size:13px; }
.detail_text_area { min-height:180px; padding:16px; font-size:14px; }
.star_rating label { font-size:30px; }
.review_textarea { min-height:140px; font-size:14px; }
.review_form_btns { flex-direction:column; }
.btn_modal { width:100%; }
}