/* 구매 흐름 화면 — 영카트가 직접 그리는 부분(선택사항수정 창 cartoption.php)을 새 화면 모양에 맞춘다 (10/13). 직각·그림자 없음 */
.le-flow{max-width:1180px;margin:0 auto;padding:0 28px 60px}
/* 그누보드가 화면 낭독기용으로 숨기는 글자('웹에디터 시작' 등) — 지금 테마 CSS 에 있던 규칙 */
.sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden;clip:rect(0 0 0 0);border:0;font-size:0;line-height:0}
.le-flow .sc-item b a{color:inherit}
.le-flow .sc-item .opt+.opt{margin-top:2px}
/* 전용리본(추가옵션) 줄은 라벨 줄과 점선으로 나눈다 (10/14) */
.le-flow .sc-item .opt{word-break:keep-all}
.le-flow .sc-item .opt-add{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line,#dbe4ea);word-break:keep-all}
.le-flow .sc-item .opt-add .opt-tag{display:inline-block;margin-right:6px;padding:0 6px;border:1px solid var(--ink,#102b43);font-size:12px;font-weight:800;line-height:20px;color:var(--ink,#102b43);vertical-align:1px}
.le-flow .sc-item .opt-add em{display:block;margin-top:3px;font-style:normal;font-weight:700;color:var(--ink,#102b43)}
/* 옵션·수량 변경 창 위의 상품 이름 (10/14 예람님: 품명이 비슷해 어느 상품인지 알기 어려움) */
#mod_option_frm .le-mod-name{margin:-6px 0 4px;font-size:16px;font-weight:800;color:var(--ink,#102b43);word-break:keep-all}
.le-flow .qty-add{display:block;margin-top:4px;font-size:13px;font-weight:600;color:var(--muted,#627487)}
#mod_option_frm{position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-height:calc(100% - 64px);overflow:auto;
background:#fff;border:1px solid var(--flat-line,#dce4e8);padding:22px 22px 18px;font-size:15px}
.mod_option_bg{position:fixed;z-index:999;inset:0;background:rgba(16,43,67,.45)}
#mod_option_frm h2{margin:0 0 14px;font-size:18px}
#mod_option_frm select,#mod_option_frm input[type=text]{height:42px;border:1px solid var(--flat-line,#dce4e8);padding:0 10px;font:inherit}
#mod_option_frm select{width:100%}
#mod_option_frm ul{list-style:none;margin:10px 0;padding:0}
#mod_option_frm li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--flat-line,#dce4e8)}
#mod_option_frm button{min-height:40px;padding:0 14px;border:1px solid var(--flat-line,#dce4e8);background:#fff;font:inherit;font-weight:700;cursor:pointer}
#mod_option_frm .btn_submit,#mod_option_frm button[type=submit]{background:var(--navy,#17384d);border-color:var(--navy,#17384d);color:#fff}
#mod_option_frm .sound_only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* 10/14 실제 미리보기: 단추 그림이 아이콘 글꼴(fa)이라 새 화면에선 빈 네모였다 → 글자로. 줄 = [옵션 이름] / [− 수량 + 금액 삭제] */
#mod_option_frm h3{margin:16px 0 8px;font-size:15px}
#mod_option_frm #sit_sel_option h3{display:none}
#mod_option_frm .fa{display:none}
/* 처음 그린 줄(cartoption.php)과 창에서 새로 고른 줄(shop.js)의 모양이 달라 div 를 풀고 order 로 같은 순서로 */
#mod_option_frm li>div:not(.opt_name){display:contents}
#mod_option_frm .opt_name,#mod_option_frm li>.sit_opt_subj{width:100%;font-weight:700}
#mod_option_frm li button{font-size:0}
#mod_option_frm .sit_qty_minus{order:1}
#mod_option_frm li input[name^=ct_qty]{order:2;width:64px;text-align:center;padding:0}
#mod_option_frm .sit_qty_plus{order:3}
#mod_option_frm .sit_opt_prc{order:4;margin-left:auto;font-weight:800}
#mod_option_frm .sit_opt_del{order:5}
#mod_option_frm .sit_qty_minus,#mod_option_frm .sit_qty_plus{width:42px;padding:0}
#mod_option_frm .sit_qty_minus::before{content:'−';font-size:20px}
#mod_option_frm .sit_qty_plus::before{content:'+';font-size:20px}
#mod_option_frm .sit_opt_del::before{content:'삭제';font-size:15px}
#mod_option_frm #sit_tot_price{padding:12px 0;text-align:right;font-weight:800}
#mod_option_frm #sit_tot_price span{float:left;color:var(--muted,#5b6b78)}
#mod_option_frm #sit_tot_price strong{font-size:18px}
#mod_option_frm .btn_confirm{display:flex;gap:8px}
#mod_option_frm .btn_confirm button{flex:1}
#mod_option_frm #mod_option_close::before{content:'닫기'}
/* 주문서 — 영카트가 그리는 상품 표(#sod_list)·결제 단추(orderform.3.php)를 목업 오른쪽 칸 모양으로 */
.le-items{width:100%;border-collapse:collapse;margin-bottom:6px}
.le-items td{padding:0 0 12px;border:0;text-align:left}
.le-items .le-line-price{color:var(--ink,#102b43);font-weight:800}
.le-paybtn{margin-top:14px}
/* 주문 처리 중 덮개 (10/14) — 다시 누르지 못하게 화면 전체를 덮는다. 직각·그림자 없음 */
.le-paying{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(16,43,67,.55)}
.le-paying[hidden]{display:none}
.le-paying-box{width:min(380px,100%);padding:30px 26px 24px;background:#fff;border-top:4px solid var(--ink,#102b43);text-align:center;word-break:keep-all}
.le-paying-box b{display:block;font-size:20px;font-weight:800;color:var(--ink,#102b43);letter-spacing:-.02em}
.le-paying-box span{display:block;margin-top:6px;font-size:15px;color:var(--muted,#627487)}
.le-paying-box i{position:relative;display:block;height:4px;margin:22px 0 0;background:var(--line,#dbe4ea);overflow:hidden}
.le-paying-box i::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:var(--ink,#102b43);animation:le-paying 1.2s ease-in-out infinite}
@keyframes le-paying{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.le-paying-box i::after{animation:none;width:100%}}
.le-paying-box small{display:block;margin-top:16px;font-size:13px;line-height:1.5;color:var(--muted,#627487)}
.le-paybtn .btn_submit{width:100%;min-height:54px;font-size:17px;cursor:pointer}
.le-paybtn .btn01{display:none}
.le-paybtn #display_pay_process{padding:14px 0;text-align:center;color:var(--muted)}
.le-paybtn #display_pay_process img{vertical-align:middle;margin-right:6px}
.bank-one{margin:0;min-height:46px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);background:#f6f9fb;font-weight:700}
/* 폰 주문서 (영카트 폰 파일: 상품이 목록 줄, 단추가 '결제등록'·'주문하기' 둘, 취소 링크) */
ul.le-items{list-style:none;margin:0 0 6px;padding:0}
ul.le-items li{padding:0 0 12px}
.le-items .li_cp{display:inline-block;margin-left:6px;vertical-align:middle}
.le-items .cp_btn{min-height:30px;padding:0 10px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.le-paybtn .btn_cancel{display:none}
.le-paybtn #show_progress{padding:14px 0;text-align:center;color:var(--muted)}
/* 주문서 쿠폰 고르기 창(영카트 ordercoupon·ordersendcostcoupon·orderitemcoupon 이 그리는 .od_coupon) — 옵션 변경 창과 같은 가운데 창. 뒤는 outline 으로 어둡게(그림자 아님) */
.od_coupon{position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - 64px);overflow:auto;box-sizing:border-box;
background:#fff;border:1px solid var(--flat-line,#dce4e8);padding:20px 22px 18px;outline:100vmax solid rgba(16,43,67,.45);font-size:15px;text-align:left}
.od_coupon h3{margin:0 0 12px;padding-right:40px;font-size:18px}
.od_coupon caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.od_coupon table{width:100%;border-collapse:collapse}
.od_coupon th,.od_coupon td{padding:10px 8px;border-bottom:1px solid var(--flat-line,#dce4e8);text-align:left;vertical-align:middle}
.od_coupon th{border-top:1px solid var(--ink,#102b43);font-size:13px;font-weight:800;color:#6d8191}
.od_coupon .td_numbig{text-align:right;font-weight:800;white-space:nowrap}
.od_coupon .td_mngsmall{width:84px;text-align:right}
.od_coupon .btn_frmline{min-height:36px;padding:0 14px;border:1px solid var(--navy,#17384d);background:var(--navy,#17384d);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.od_coupon .btn_confirm{position:absolute;top:12px;right:12px;margin:0}
.od_coupon .btn_close{width:36px;height:36px;border:0;background:none;font-size:24px;line-height:1;color:var(--ink,#102b43);cursor:pointer}
.od_coupon .btn_close i{display:none}.od_coupon .btn_close::before{content:"×"}
/* 회원가입 자동등록방지(그누보드 kcaptcha: fieldset#captcha.captcha — 숫자 그림·입력·음성·새로고침) */
.le-captcha fieldset{border:0;padding:0;margin:16px 0 0;min-width:0;flex-wrap:wrap}
.le-captcha legend{padding:0;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.le-captcha #captcha_img{height:44px;border:1px solid var(--flat-line)}
.le-captcha button{min-height:40px;padding:0 12px;border:1px solid var(--flat-line);background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}
.le-captcha #captcha_info{flex-basis:100%;font-size:13px;color:var(--muted)}
/* 작은 창(후기·문의 쓰기) — 머리줄·바닥글 없이 */
.le-popup{max-width:760px;padding:16px 16px 24px}
.le-popup .radio-row{flex-wrap:wrap}
/* 고객센터 탭(자주 묻는 질문·공지사항·자료실) — 목업 .catalog-tabs 단추 모양을 링크에 */
/* 10/14 예람님 '정렬 깔끔하게': 탭 사이 틈 없이 이어 붙이고, 같은 최소 폭·글자 가운데, 아래 남색 줄 위에 앉게(아래 테두리 없음). 폰은 네 칸이 폭을 나눠 갖는다 */
.le-tabs{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;margin:0 !important}
.le-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:46px;padding:0 18px;border:1px solid var(--line);border-bottom:0;background:#fff;color:#536b7e;font-size:15px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;word-break:keep-all}
.le-tabs a+a{margin-left:-1px}
.le-tabs a:not(.active):hover{color:var(--ink,#102b43)}
.le-tabs a.active{position:relative;z-index:1;border-color:var(--blue-dark,#17384d);background:var(--blue-dark,#17384d);color:#fff}
@media (max-width:640px){.le-tabs a{flex:1 1 auto;min-width:0;min-height:48px;padding:0 8px;font-size:14px;white-space:nowrap}} /* 탭 글은 linebreak.js 가 한 덩어리로 묶어 줄이 안 바뀐다 → 글 길이만큼 나눠 갖기 */
@media (max-width:360px){.le-tabs a{padding:0 5px;font-size:13px}}
/* FAQ: 분류 칩 · 편집기로 넣은 글꼴 크기/종류는 화면 글꼴로 */
.le-faq-cats{display:flex;flex-wrap:wrap;gap:6px;padding:14px 18px 0;margin:0}
.le-faq-cats a.chip{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #cfdae0;background:#fff;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
.le-faq-cats a.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.le-faq summary span,.le-faq summary span *,.mf-faq-a div,.mf-faq-a div *{font-size:inherit !important;font-family:inherit !important}
.le-faq summary{padding:18px 2px 10px;cursor:pointer;list-style:none;font-size:18px;font-weight:800;line-height:1.5;color:var(--ink,#102b43)}
/* 10/15 오재민 님: 답 박스 때문에 Q·A 줄이 어긋남 → 박스 없이 Q·A 를 같은 줄에 맞추고, 질문을 크게·굵게 해 위계를 준다.
답은 편집기가 줄마다 문단(빈 문단 포함)을 만들어 사이가 벌어짐 → 짧은 글이라 한 문단으로 이어 쓴다. 편집기로 넣은 글자 색은 무시하고 한 색으로 */
.le-faq .mf-faq-a{display:flex;gap:12px;margin:0;padding:0 2px 20px;background:none}
.le-faq .mf-faq-a>div{font-size:16px;line-height:1.75;color:#24384a;word-break:keep-all}
.le-faq .mf-faq-a>div p{display:inline;margin:0;padding:0 !important}
.le-faq .mf-faq-a>div p::after{content:' '}
.le-faq .mf-faq-a>div p br{display:none} /* 옛 편집기 글(문단 속 줄바꿈)만 이어 쓴다. 10/15 다듬은 글은
로 줄을 나눈다 */
.le-faq .mf-faq-a>div a{color:var(--navy,#102b43);text-decoration:underline;text-underline-offset:3px}
.le-faq summary span,.le-faq summary span *{color:inherit !important;font-weight:inherit !important}
.le-faq .mf-faq-a>div *{color:inherit !important}
@media(max-width:640px){.le-faq summary{font-size:16.5px}.le-faq .mf-faq-a>div{font-size:15px}}
.le-faq summary::-webkit-details-marker{display:none}
.mf-faq-a div p{margin:0 0 6px}
.le-faq-html{padding:12px 18px}
/* 견적문의 게시판 목록·글 보기 (목업 게시판 .mf-board 위에) */
.le-board-tools{display:flex;flex-wrap:wrap;gap:6px}
.le-board-tools .btn{min-height:36px;padding:0 14px;font-size:14px}
.mf-board-table th.chk,.mf-board-table td.chk{width:36px;text-align:center}
.mf-board-table tr.le-reply td{background:#f7fafb}
.mf-board-table tr.le-reply td.t{padding-left:28px}
.mf-tag.le-re{margin-left:0;margin-right:6px;border-color:var(--navy);color:var(--navy)}
.mf-tag.le-lock{border-color:#c3d0d7;color:#7f929c}
.mf-board-table td.t>.mf-tag:first-child{margin-left:0}
.mf-board-table td.hit .state{white-space:nowrap}
/* 쪽 제목 — 가운데 크게 (10/15 견적문의) */
.le-page-head{text-align:center;margin:6px 0 22px;word-break:keep-all}
.le-page-head h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink,#102b43)}
.le-page-head p{margin:8px 0 0;font-size:15.5px;color:var(--muted,#627487)}
.le-page-head .q-direct{margin:6px 0 0;color:var(--muted,#627487)}
.le-page-link{margin:0 0 8px;text-align:right;font-size:14.5px}
.le-page-link a{font-weight:800;color:var(--navy);border-bottom:1px solid currentColor}
@media(max-width:640px){.le-page-head{margin:2px 0 16px}.le-page-head h2{font-size:24px}.le-page-head p{font-size:14.5px}}
/* 게시판 공지 줄은 옅은 바탕으로 구분 (10/15 예람님) */
.mf-board-table tr.le-notice td{background:#f3f7f9}
.mf-board-table tr.le-notice td.t a{font-weight:800}
.le-pages .pg_wrap{display:flex;justify-content:center;padding:16px 0}
.le-pages .pg{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.le-pages .pg_page,.le-pages .pg_current{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--flat-line);background:#fff;font-weight:700;color:#4c6273;text-decoration:none}
.le-pages .pg_current{background:var(--navy);border-color:var(--navy);color:#fff}
.le-pages .sound_only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.le-board-search{display:flex;gap:6px;justify-content:center;margin:16px 0 8px}
.le-board-search select,.le-board-search input{height:40px;border:1px solid var(--flat-line);padding:0 10px;font:inherit}
.mf-post-foot{flex-wrap:wrap;gap:6px}
.le-answer{margin:0 18px 18px;padding:16px 18px;border:1px solid var(--flat-line);border-left:4px solid var(--navy);background:#f7fafb}
.le-answer h4{margin:0 0 10px;font-size:15px;color:var(--navy)}
.le-answer h4 small{margin-left:6px;font-weight:600;color:#7f929c}
.mf-post-body img{max-width:100%;height:auto}
/* 이용약관·개인정보처리방침(/bbs/content.php): 그누보드 기본 내용 스킨(#ctt)을 새 화면 카드 모양으로. 편집기 글꼴은 화면 글꼴로 */
#ctt{box-sizing:border-box;max-width:1124px;margin:24px auto 60px;border:1px solid var(--flat-line);background:#fff}
#ctt>header{padding:14px 20px;border-bottom:1px solid var(--flat-line)}
#ctt>header h1{margin:0;font-size:18px;color:var(--ink)}
#ctt_con{padding:18px 20px 22px;line-height:1.75;overflow-wrap:break-word}
#ctt_con *{font-family:inherit !important}
#ctt_con img{max-width:100%;height:auto}
#ctt_con table{border-collapse:collapse;max-width:100%}
#ctt_con td,#ctt_con th{border:1px solid var(--flat-line);padding:6px 8px}
.ctt_img{max-width:1124px;margin:24px auto 0;text-align:center}.ctt_img img{max-width:100%;height:auto}
@media(max-width:700px){#ctt{margin:16px 16px 40px}#ctt>header,#ctt_con{padding-left:14px;padding-right:14px}}
/*