* li { list-style:none; }
.input_style_1 { border:1px solid #ddd; font-size:1rem; padding:5px 5px; }
.btn_style_1 { background: #2a5bd8; 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_menu { width:200px; flex-shrink:0;   margin-right:30px; }
.mypage_menu ul {  padding:20px 15px;border:1px solid #ddd; border-top:0; }
.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_menu h3 { font-size:1.3rem; font-weight:500; color:#222; margin-bottom:5px; padding:0 7px; }
.mypage_menu li a { display:block; font-size:15px; padding:3px 7px; color:#555; border-radius:5px; }
.mypage_menu li a:hover,
.mypage_menu li.selected a { background:#e9eefb; color:#2a5bd8; }
.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 #2a5bd8; color:#2a5bd8; 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:1rem; margin:5px 0 15px; }
.left_cscenter .p2 span { font-size:13px; }
.left_cscenter .p3 { color:#2a5bd8; white-space:nowrap; font-weight:500; font-size:20px; }

.mypage_contents { flex-grow:1; }
.mypage_title { font-size:1.5rem; font-weight:500; margin-bottom:20px; position:relative; }
.mypage_title .btn_review_all { position:absolute; bottom:0; right:0; font-size:0.9rem; padding:3px 10px; border:1px solid #aaa; border-radius:4px; color:#666; }
.order_search { display:flex; width:100%; }
.order_search * { font-size:1rem; }
.order_search .date_input { display:flex; align-items:center; }
.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; background:transparent; }

.order_search .date_sel {  display:flex; align-items:center;  margin-left:10px; }
.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 { flex-grow:1; margin-left:10px;     display: flex;align-items: center;}
.btn_md { background:#777; color:#fff; display:block; height:37px; line-height:35px; padding:0 30px; white-space:nowrap; border:0; }


.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; margin-bottom:15px; }
.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:1rem; 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:1rem; }
.order_list_case .order_linfo_1 .status span.status_complete { background:#e9eefb;  color:#2a5bd8; } 
.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 #2a5bd8; border-radius:5px; padding:5px 15px; white-space:nowrap; color:#2a5bd8; font-size:1rem; margin-left:10px; }
.order_list_case .order_linfo_2 { display:flex; align-items:center; justify-content:space-between; padding:0 0 15px 0; }
.order_list_case .order_linfo_2 .product { display:flex; text-align:left;  font-size:1rem; align-items:center; }
.order_list_case .order_linfo_2 .product .img { width:150px; flex-shrink:0; flex-grow:0; margin-right:15px; }
.order_list_case .order_linfo_2 .product .p_info { }
.order_list_case .order_linfo_2 .product .p_info a {  font-size:0.9rem; color:#333; }
.order_list_case .order_linfo_2 .product .p_info p { color:#777; margin-top:3px; font-size: 1rem;} 
.order_list_case .order_linfo_2 .btn_area a { display:block; font-size:0.9rem; white-space:nowrap;padding:5px 30px; border-radius:5px; margin:5px 0; }
.order_list_case .order_linfo_2 .btn_area a.white_btn {  border:1px solid #2a5bd8; color:#2a5bd8; }
.order_list_case .order_linfo_2 .btn_area a.blue_btn { border:1px solid #2a5bd8; background:#2a5bd8; color:#fff; }
.order_list_case .order_linfo_3 { background:#f4f6fc;  border-radius:5px; display:flex; align-items:center; justify-content:space-between;  padding: 15px; font-size:1rem; color:#555; }
.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; }
.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_detail_box1  { background:#f5f5f5; border-radius:5px; display:flex; align-items:center; justify-content:space-between;  padding: 15px; font-size:1rem; color:#555; }
.order_detail_box1 .order_date { display:flex; align-items:center; font-size:0.9rem; }
.order_detail_box1 .order_date span { margin-right:15px; }
.order_detail_box1 .status span { display:block; background:#f1f1f1; border-radius:5px; padding:5px 15px; white-space:nowrap; color:#222; font-size:1rem; }
.order_detail_box1 .status span.status_complete { background:#e9eefb;  color:#2a5bd8;  border:1px solid #2a5bd8; } 
.order_detail_box2 { border:1px solid #f05670;  border-radius:5px; padding:15px 20px; font-size:1rem; }
.order_detail_box2 ul { margin-top:5px; }
.order_detail_box2 li { list-style:disc inside;  padding:2px 0;  }
.order_detail_box2 li::marker { color:#f05670; font-size:0.9rem; }
.order_detail_box2 h4 { color:#f05670; 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; }
.mypage_btn_area .btn_blue { background:#2a5bd8; color:#fff; border-color:#2a5bd8 }
.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:#e9eefb;  font-weight:normal;  padding:12px 0 ; }
.mypage_table td { text-align:center; padding:15px 10px; border-bottom:1px solid #ddd; white-space: nowrap; }
.mypage_table td.left { text-align:left; }
.mypage_table td.right { text-align:right; white-space:nowrap }

.mypoint_box1 { border:1px solid #f05670;  border-radius:5px; padding:15px 20px; font-size:1.4rem; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.mypoint_box1 h4 {  font-size:1.8rem; background:#fbf2f1; padding:15px 30px; border-radius:5px; text-align:center; }
.mypoint_box1 h4 span { display:block; }
.mypoint_box1 h4 strong { display:block; color:#e2503b; font-size:2.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:#f05670; font-size:1.2remx; }

.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:1.4rem; border-radius:10px; cursor:default }
.coupon_box p { line-height:150% }
.coupon_box .p1 { font-size:1.8rem; font-weight:500; }
.coupon_box .p2 { font-size:1.5rem; color:#555; }
.coupon_box .p3 { font-size:1.5rem; 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:1.3rem; color:#555; margin-right:10px; }



.my_qna_table { width:100%; border-top:1px solid #666; margin-top:20px; }
.my_qna_table th { background:#f5f5f5; font-weight:normal !important; }
.my_qna_table th.no { width:120px; }
.my_qna_table th.title { width:auto; }
.my_qna_table th.name { width:130px; }
.my_qna_table th.date { width:140px; }
.my_qna_table .w_title { width:170px; }
.my_qna_table th,
.my_qna_table td { font-size:1rem; font-weight:normal; padding:1rem 0; border-bottom:1px solid #ddd; text-align:center; font-family:'Noto Sans Kr' ; color:#444; }
.my_qna_table.myoffice_board td { padding-left:1rem; text-align:left; }
.my_qna_table td a  { font-size:1rem; font-weight:normal;  font-family:'Noto Sans Kr' ; color:#444; }
.my_qna_table thead th { font-size:1rem; font-weight:bold; }
.my_qna_table td.subject { text-align:left; }
.my_qna_table td.subject span { display:block; color:#888; font-size:1rem; }
.my_qna_table td.td_date { color:#999; }
.my_qna_table td.subject a { display:inline-flex; align-items:center; }
.my_qna_table td.subject a:hover { color:#111; }
.my_qna_table .icon_secret { height:1rem; margin-left:0.5rem; }
.my_qna_table .question { cursor:pointer; }
.my_qna_table .answer { display:none;  }
.my_qna_table .answer td { text-align:left; line-height:160%; background:#f4f7fa;  font-size:1rem;  }
.my_qna_table .answer td * { font-size:1rem !important; font-family:'Noto Sans Kr' ;}
.my_qna_table .answer .answer_re { display:flex; align-items:flex-start; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100% }
.my_qna_table .answer .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 .answer_re p.con { flex-grow:1 }
.my_qna_table .answer .answer_re p.name { width:160px; flex-shrink:0; text-align:center; }
.my_qna_table .answer .answer_re p.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:#f05670; 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% ;  padding:1rem 0; }





.com_my_qna_table { width:100%; border-top:1px solid #666; margin-top:20px; }
.com_my_qna_table th { background:#f5f5f5; font-weight:normal !important; }
.com_my_qna_table th.no { width:120px; }
.com_my_qna_table th.title { width:auto; }
.com_my_qna_table th.name { width:130px; }
.com_my_qna_table th.date { width:140px; }
.com_my_qna_table .w_title { width:170px; }
.com_my_qna_table th,
.com_my_qna_table td { font-size:1rem; font-weight:normal; padding:1rem; border-bottom:1px solid #ddd; text-align:center; font-family:'Noto Sans Kr' ; color:#444; }
.com_my_qna_table td a  { font-size:1rem; font-weight:normal;  font-family:'Noto Sans Kr' ; color:#444; }
.com_my_qna_table thead th { font-size:1rem; font-weight:bold; }
.com_my_qna_table td.subject { text-align:left; }
.com_my_qna_table td.subject span { display:block; color:#888; font-size:1rem; }
.com_my_qna_table td.td_date { color:#999; }
.com_my_qna_table td.subject a { display:inline-flex; align-items:center; }
.com_my_qna_table td.subject a:hover { color:#111; }
.com_my_qna_table .icon_secret { height:1rem; margin-left:0.5rem; }
.com_my_qna_table .question { cursor:pointer; }
.com_my_qna_table .answer { display:none;  }
.com_my_qna_table .answer td { text-align:left; line-height:160%; background:#f4f7fa;  font-size:1rem;  }
.com_my_qna_table .answer td * { font-size:1rem !important; font-family:'Noto Sans Kr' ;}
.com_my_qna_table .answer .answer_re { display:flex; align-items:flex-start; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100% }
.com_my_qna_table .answer .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; }
.com_my_qna_table .answer .answer_re p.con { flex-grow:1 }
.com_my_qna_table .answer .answer_re p.name { width:160px; flex-shrink:0; text-align:center; }
.com_my_qna_table .answer .answer_re p.date { width:120px; flex-shrink:0; text-align:center; }
.com_my_qna_table td.thum img { width:50px; height:50px; object-fit:cover; }
.com_my_qna_table .answer .faq_re { display:flex; align-items:flex-start; width:100% ;  padding:1rem 0; }
.com_my_qna_table iframe,
.com_my_qna_table video,
.com_my_qna_table object { max-width:100%; }

.board_write_form { border-top:1px solid #666;  }
.board_write_form th,
.board_write_form td { font-size:1rem; padding:15px; font-weight:normal; }
.board_write_form th { background:#f5f5f5; width:150px; text-align:center; font-weight:normal; white-space:nowrap; min-width:150px; }
.board_write_form tr { border-bottom:1px solid #ddd; }
.board_write_form input[type="text"],
.board_write_form input[type="password"],
.board_write_form input.board_w { border:1px solid #ddd; font-size:1rem; line-height:20px; height:34px; padding:6px 5px; border-radius:3px; width:300px; }
.board_write_form input.w100 { width:100%; }
.board_write_form label { font-weight:normal; display:inline-flex; align-items:center; gap:10px }
.board_write_form select.option { border:1px solid #ddd; font-size:1rem; line-height:34px; height:34px; padding:0px 10px; border-radius:3px; width:300px; }
.board_write_form input.board_w:focus { outline:none; }
.board_write_form input.board_w.subject { width:100%; }
.board_write_form input.board_w.tel { width:100px }
.board_write_form textarea { border:1px solid #ddd; font-size:1rem; line-height:1.6rem; padding:6px 5px; border-radius:3px; width:100%; height:400px; }
.board_write_form textarea:focus { outline:none; }


.board_write { border-top:1px solid #666;  }
.board_write th,
.board_write td { font-size:1rem; padding:15px; font-weight:normal; }
.board_write th { background:#f5f5f5; width:150px; text-align:center; font-weight:normal; }
.board_write tr { border-bottom:1px solid #ddd; }
.board_write input[type="text"],
.board_write input[type="password"],
.board_write input.board_w { border:1px solid #ddd; font-size:1rem; line-height:20px; height:34px; padding:6px 5px; border-radius:3px; width:300px; }
.board_write input.w100 { width:100%; }
.board_write label { font-weight:normal; display:inline-flex; align-items:center; gap:10px }
.board_write select.option { border:1px solid #ddd; font-size:1rem; line-height:34px; height:34px; padding:0px 10px; border-radius:3px; width:300px; }
.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:1rem; line-height:1.6rem; 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; }
.mypage_btn_area .btn_blue { background:#2a5bd8; 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:#f2f5fc; border-bottom:1px solid #ccc; }
.cart_table thead th { padding:15px 0; text-align:center; font-weight:normal; }
.cart_table tbody > tr > td { padding:15px 5px; text-align:center; border-bottom:1px solid #ccc;font-size: 1.5rem; }
.cart_table .product { display:flex; text-align:left;  font-size:1.4rem; 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:1.5rem; 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:1.4rem; display:block; color:#888 }
.btn_small { padding:3px 5px 4px; white-space:nowrap; font-size:1.4rem; border-radius:3px; margin:5px auto; display:block; width:110px; text-align:center; box-sizing:border-box; }
.btn_buy_now { background:#2a5bd8; 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:1.4rem; 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% }

.member_out { margin:40px auto; }
.member_out p { font-weight:500; color:#222; position:relative; padding:0 0 5px 22px; font-size:1.7rem; }
.member_out p:after { position:absolute; top:6px; left:0; width:14px; height:14px; box-sizing:border-box; border:4px solid #2a5bd8; 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: #2a5bd8; }
.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:#2a5bd8; margin-bottom:20px; }
.mypage_result_box strong { font-size:2rem; font-weight:500; }
.mypage_result_box p { font-size:1.6rem; font-weight:normal; }
.mypage_result_box p span { color:#df3b3b; }


@media (max-width: 1200px){
.mypage{flex-wrap: wrap;flex-direction: column;}
.mypage_menu, .mypage_contents {width:100%}

.mypage_menu { width:100%; flex-shrink:0;   margin-right:0px; display:flex; margin-bottom:20px; }
.mypage_menu ul { padding:5px ;border:1px solid #ddd; display:flex; flex-wrap:wrap;}
.mypage_menu ul:last-child { padding-bottom:0; }

.mypage_menu h3 { display:none; }
.mypage_menu li a { display:block; font-size:12px; padding:3px 7px; color:#555; border-radius:5px; }
.mypage_menu li a:hover,
.mypage_menu li.selected a { background:#e9eefb; color:#2a5bd8; }


.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: 1.4rem;}

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

}

@media (max-width: 860px){
.my_qna_table {width:100%}
.w100{width:100% !important}
}

@media (max-width: 768px){

.my_qna_table th.no { width:3rem; }
.my_qna_table th.title { width:auto; }
.my_qna_table th.name { width:5rem; }
.my_qna_table th.date { width:6rem; }
.my_qna_table .w_title { width:3.5rem; }

.coupon_box { width:100% }
.mypoint_box1 {padding:8px}
.mypoint_box1 h4 {padding: 10px 10px; width: 100%; margin-bottom: 10px;}
.mypoint_box1 ul {margin-left: 10px;}

.mypoint_box1 {    flex-wrap: wrap;}

.order_list_case .order_linfo_2 .product .img {width:100px}
.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:10px}
.order_linfo_2 .btn_area {width:100%; text-align: center;}
.order_search .date_input .box {height: 30px; line-height: 30px; padding:0 5px; }
.mypage_btn_area .big_btn {    padding: 6px 15px 6px; margin-bottom: 5px;}



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

.order_search .date_sel{    flex-grow: 2; justify-content: flex-end;}
.order_search .date_search_btn {flex-grow:0; padding:0; margin:0; }
.order_search .date_sel a, .order_search .btn_md {  height: 30px; line-height: 30px; padding:0 10px; }
.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 0px;}
.board_write input.board_w.tel {width:80px}

.board_write_form th,
.board_write_form .w_title { width:80px; padding:10px 0; min-width:80px; }
.board_write_form td { font-size:1rem; padding:10px; font-weight:normal; }
.board_write_form input[type="text"] { width:100%; }


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

}


.btn_area { text-align:center; margin-top:2.2rem; }
.btn_area .big_btn { display:inline-block; white-space:nowrap;  padding:0.563rem 1.4rem 0.625rem; margin:0 3px; border:0; }
.btn_area .btn_blue { background:#2a5bd8; color:#fff; }
.btn_area .btn_dark_gray { background:#444; color:#fff; }
.btn_area .btn_d_type_3 { display:inline-block; white-space:nowrap;    padding:0.563rem 1.4rem 0.625rem;  margin:0 3px; border:0; font-size:1rem; }
.btn_area .btn_d_type_3_dark { background:#444; color:#fff; }






/* 갤러리 게시판 */

.gallery-list {
  display: flex; /* Flexbox 레이아웃 사용 */
  flex-wrap: wrap; /* 공간이 부족하면 다음 줄로 넘김 */
  list-style: none; /* 리스트 점 제거 */
  padding: 20px 0px;
  margin: -10px; /* 아이템 간의 여백을 상쇄 */
}

.gallery-list li {
  flex: 0 0 calc(100% / 4 - 30px); /* 아이템 너비: 50%에서 여백을 뺀 값 */
  margin: 15px; /* 아이템 간의 여백 */
  box-sizing: border-box;
  text-align: center;
  overflow: hidden; /* 모서리가 둥글게 잘리도록 */
  transition: transform 0.3s ease; /* 호버 효과 */
}

.gallery-list li .no_image { background:#f1f1f1; min-height:150px; width:100%; display:flex; align-items:center; justify-content:center; color:#ddd; font-size:2rem; font-weight:bold; }

.gallery-list li:hover {
  transform: translateY(-5px); /* 호버 시 약간 위로 이동 */
}

.gallery-list a {
  display: block;
  text-decoration: none;
  color: #333;
}

.gallery-list img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* 이미지가 잘리지 않고 채워지도록 */
}

.caption {
  padding: 15px 0;
  text-align: left;
}

.caption h4 {
  font-size: 1em;
 display:inline-flex; align-items:center; 
}


.caption h4  .icon_secret { height:1rem; margin-left:0.5rem; }


.caption p {
  font-size: 0.9em;
  color: #666;
}

/* 768px 이하 화면에서 1열로 변경 */
@media (max-width: 768px) {
  .gallery-list li {
    flex: 1 1 calc(100% - 20px);
  }
}


/* 글쓰기 */

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: .1em .75em;
    color: #999;
    font-size: inherit;
    line-height: 30px;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    vertical-align: -1px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .1em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filebox.bs3-primary label {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.filebox.bs3-secondary label {
    color: #fff;
    background-color: #b63434;
    border-color: #a6302d;
}

.file_name_list { display:flex; flex-wrap:wrap; }
.file_name_list li { white-space:nowrap; position:relative; padding-left:10px; padding-right:10px; }
.file_name_list li:first-child { padding-left:0; }
.file_name_list li::after { content:""; display:block; width:1px; height:15px; background:#aaa; position:absolute; top:6px; left:0; }
.file_name_list li:first-child::after { display:none; }

.table_basic .title span.new_icon { display:inline-block; color:var(--main-color); margin-left:5px; font-size:11px; font-family:'verdana'; opacity:0.8; }




.table_basic { width:100%; border-top:1px solid #666; margin-top:20px; }
.table_basic th { background:#f5f5f5; font-weight:normal !important; }
.table_basic th.no { width:120px; }
.table_basic th.title { width:auto; }
.table_basic th.name { width:130px; }
.table_basic th.date { width:140px; }
.table_basic .w_title { width:170px; }
.table_basic th,
.table_basic td { font-size:1rem; font-weight:normal; padding:1rem 0; border-bottom:1px solid #ddd; text-align:center; font-family:'Noto Sans Kr' ; color:#444; }
.table_basic td a  { font-size:1rem; font-weight:normal;  font-family:'Noto Sans Kr' ; color:#444; }
.table_basic thead th { font-size:1rem; font-weight:bold; }
.table_basic td.title { text-align:left; }
.table_basic td.title span { display:block; color:#888; font-size:1rem; }
.table_basic td.date { color:#999; }
.table_basic td.title a { display:inline-flex; align-items:center; }
.table_basic td.title a:hover { color:#111; }
.table_basic .icon_secret { height:1rem; margin-left:0.5rem; }
.table_basic .question { cursor:pointer; }
.table_basic .answer { display:none;  }
.table_basic .answer td { text-align:left; line-height:160%; background:#f4f7fa;  font-size:1rem;  }
.table_basic .answer td * { font-size:1rem !important; font-family:'Noto Sans Kr' ;}
.table_basic .answer .answer_re { display:flex; align-items:flex-start; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100% }
.table_basic .answer .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; }
.table_basic .answer .answer_re p.con { flex-grow:1 }
.table_basic .answer .answer_re p.name { width:160px; flex-shrink:0; text-align:center; }
.table_basic .answer .answer_re p.date { width:120px; flex-shrink:0; text-align:center; }
.table_basic 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:#f05670; display:flex; align-items:center; justify-content:center; color:#fff; width:26px; height:26px; border-radius:13px; line-height:26px; margin-right:10px; }
.table_basic .answer .faq_re { display:flex; align-items:flex-start; width:100% ;  padding:1rem 0; }
.table_basic .date { display:none; }
.table_basic td.title a span.mo_date { display:none; }
.board_write_form td.td_text_left {text-align:left;}
.board_write_form td.td_p0 { padding-left:0; padding-right:0; }
.table_basic td.name { min-width:50px; }

@media (max-width: 768px){
.table_basic {width:100%}
.table_basic th { padding:0.5rem 0; font-size:0.9rem }
.table_basic thead th { font-size:0.9rem; font-weight:bold; }
.w100{width:100% !important}
.table_basic th.no { width:3rem; }
.table_basic th.title { width:auto; }
.table_basic th.name { width:5rem; }
.table_basic th.date { width:6rem; }
.table_basic .w_title { width:3.5rem; }
.table_basic td.title a { display:block; }
.table_basic td.title a span.mo_date { display:block; width:100%; color:#999; font-size:0.9rem; }
}



.reply_area { margin-top:30px; }
.reply_write {padding:20px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;}
.reply_write h3 {font-size:18px;font-weight:700;margin-bottom:15px;}
.reply_row {display:flex;gap:10px;margin-bottom:10px;}
.reply_area input {width:100%;height:44px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;}
.reply_area textarea {width:100%;height:130px;padding:14px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:none;box-sizing:border-box;}
.reply_write > button {margin-top:12px;height:42px;padding:0 20px;border:none;border-radius:8px;background:#222;color:#fff;font-size:14px;cursor:pointer;}
.reply_list {margin-top:25px;}
.reply_item {padding:20px 0;border-bottom:1px solid #eee;}
.reply_top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.reply_top strong {font-size:15px;color:#222;}
.reply_top span {margin-left:8px;font-size:13px;color:#888;}
.reply_view p {font-size:14px;line-height:1.7;color:#444;}
.reply_btns {display:flex;gap:6px;}
.reply_btns button {height:34px;padding:0 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;color:#555;cursor:pointer;}
.reply_edit,
.reply_delete {display:none;margin-top:15px;padding:15px;border:1px solid #eee;border-radius:10px;background:#fafafa;}
.reply_edit textarea {margin:10px 0;}
.reply_delete p {margin-bottom:10px;font-size:14px;color:#333;}
.reply_delete input {margin-bottom:10px;}

@media (max-width:768px) {
.reply_row {flex-direction:column;}
.reply_top {flex-direction:column;align-items:flex-start;}
}