/*공통*/
#container{background:#f8f8f8;padding-bottom:170px;}
.gw-bbs-con{margin:0 auto;width: 1200px;}

.more_opt {display: none;position:absolute;top: 45px;right:0;background: #fff;border: 1px solid #ddd;z-index: 100;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);}
.more_opt:before {content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #b8bfc4 transparent;}
.more_opt:after {content: "";position: absolute;top: -6px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:154px;margin:0;color:#666;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#666;text-align: left;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family: "Outfit", sans-serif; font-weight: 600;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 20px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-start.png') no-repeat 50% 50%;background-size: 100%;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-prev.png') no-repeat 50% 50%;background-size: 100%;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("img/gw-bbs-end.png") no-repeat 50% 50%;background-size: 100%;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-next.png') no-repeat 50% 50%;background-size: 100%;}

/*list*/
#gw-bo-list .search-container {padding:80px 0;position: relative;width: 700px;margin: 0 auto;display: flex;gap: 15px;}
#gw-bo-list .search-container button {position: absolute;right: 17px;top:50%;transform:translateY(-50%);}
#gw-bo-list .sch_input {padding:12px 17px;height:55px;border: 2px solid #ddd;border-radius: 5px;background: #fff;}
#gw-bo-list .sch_input::placeholder{text-align: left;font-family: "Noto Sans KR", sans-serif; font-weight: 500; color:#666;}
#gw-bo-list .sch_input:focus{text-align: left;border-color: #000;}
input[type="text"]:not(:focus) {text-align: left;}
#bo_cate_on{background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}
#bo_cate ul {zoom:1;}
.gw-table01 .chk_box {width: 60px;}
#gw-bo-list .td_num2 {width: 130px;}
#gw-bo-list .td_name {width: 140px;}
#gw-bo-list .td_num {width: 110px;}
#gw-bo-list .td_datetime {width: 110px;}
#gw-bo-list .profile_img {display: none;}
#gw-bo-list .gw-table01 .td_subject > a {display: inline-block;vertical-align: middle;}
#gw-bo-list .bo_cate_link {margin-right:5px;color:var(--main-color);transition: all .3s;}
#gw-bo-list .bo_tit {font-size: var(--main-title04);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 350px;}
#gw-bo-list .btn_bo_user > li {position: relative;}
#gw-bo-list .btn_bo_user{place-content: center;align-items:flex-start;}
#gw-bo-list .icon-wrap {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 20px;color: #000;display:flex;gap:5px;}
#gw-bo-list .new_icon {font-size:14px;font-family: "Outfit", sans-serif; font-weight: 600;color: #fff;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;background:  var(--main-color);}
#gw-bo-list .icon-wrap .fa-download:before {content: "\eb7c";font-family: xeicon;}
#gw-bo-list .icon-wrap .fa-link:before {content: "\e9c0";font-family: xeicon;}
#gw-bo-list .fa-lock:before {content: "\e964";font-family: xeicon;}
#gw-bo-list .cnt_cmt {color: var(--main-color);}
#gw-bo-list .gw-table01 tbody tr{position:relative;transition: all .5s;}
#gw-bo-list .gw-table01 tbody tr.on{background: #fff;}
#gw-bo-list .gw-table01 td{transition: all .3s;color: #000;}
#gw-bo-list .gw-table01 .td_subject {transition: all .3s;}
#gw-bo-list .gw-table01 .td_subject:hover{cursor:pointer;}
#gw-bo-list .gw-table01 .td_subject:hover .bo_cate_link {background: var(--main-color);color: #fff !important;}
#gw-bo-list .gw-empty-list{border-top: 2px solid #000;}
#gw-bo-list .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
#gw-bo-list .gw-empty-list > h3 {font-size: var(--main-title03);}

/*view*/
#gw-bo-v{padding-top: 120px;}
#gw-bo-v .profile_img {display: none;}
#bo_v_info .profile_info{text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#bo_v_atc {min-height: 250px;border: 2px solid #ddd;border-radius: 5px;background: #fff;padding: 20px;}
#gw-bo-v .bo_v_nb{padding-top:60px;margin-bottom:60px;align-items:center;border-top: 1px solid #ddd;text-align: center;}
#gw-bo-v .bo_v_nb > li > a {display: block;width: 100%;transition: all .3s;text-transform: uppercase;font-size: var(--main-title04);}
#gw-bo-v .bo_v_nb > li > .list-btn {display:inline-block;width: 60px;height: 60px;background: #000;color: #fff;position: relative;box-shadow: 0 20px 30px rgba(0, 0, 0, .05);transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .list-btn:hover {background: var(--main-color);}
#gw-bo-v .bo_v_nb > li > a.disabled-link {color: #ccc;}
#gw-bo-v .btn_bo_user {place-content: center;align-items:flex-start;}
#bo_v_link .gw-box01 {margin-bottom: 30px;}
#bo_v_link .gw-box01:last-child {margin-bottom: 60px;}
#bo_v_link .gw-box01 .gw-flex {align-items: center;gap: 10px;}
.gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
.gw-empty-list > h3 {font-size: var(--main-title03);}
#wr_content{background: #fff;}
#bo_vc .cmt_contents {background: #fff;}
#bo_vc .gw-box02 {border: 2px solid #ddd;margin-bottom: 20px;}
#bo_v_sns{place-content: center;}
#bo_v_sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;}
#bo_v_sns > li > a {display: block;width: 100%;height: 100%;color: #666;}
#bo_v_sns > li > a.disabled {color: #ccc;}
#bo_v_act {place-content: center;}
#bo_vc_w .bo_vc_w_wr input{background: #fff;}
#gw-bo-v .bo_v_nb > li > a{position: relative;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before {content: "";display: block;width: 100%;height: 3px;background: var(--main-color);position: absolute;top: -80px;opacity: 0;transition: all .3s;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:hover:before{opacity: 1;}
#gw-bo-v .bo_v_nb > li > .prev > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .prev:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .prev:hover > i {transform: translateX(-10px);}
#gw-bo-v .bo_v_nb > li > .next > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .next:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .next:hover > i {transform: translateX(10px);}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a.disabled-link:before {opacity: 0;}
#gw-bo-v .bo_v_nb > li > .disabled-link:hover > i {transform: translateX(0);}




/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_wrapper .gw-btn03 {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #ddd;background:#fff;box-shadow:70px 70px 130px rgb(39 49 108 / 20%);}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #ddd;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #ddd}
#autosave_pop li {padding:10px;border-bottom:1px solid #fff;background:#f3f3f3;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999;font-family: 'Poppins_R', sans-serif;}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}


/*글쓰기*/
#gw-bo-w{padding-top: 120px;width: 1000px;}
#gw-bo-w > h2 {padding-bottom: 40px;margin-bottom: 20px;border-bottom: 2px solid #000;}
#gw-bo-w > form > div:not(:last-child) {border-bottom: 1px solid #ddd;}
#gw-bo-w > form input {margin-top:10px;background: #fff;}
#gw-bo-w .file-name {background: #fff;width: calc(80% - 3px);}
#gw-bo-w .file-name .num {border-bottom: 1px solid #000;margin-left: 10px;}
#gw-bo-w .gw-btn-wrap {margin: 0 auto;}
#gw-bo-w .file_del {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
#gw-bo-w .gw-box02{height:240px;border:2px solid #ddd;overflow-y:scroll;}
#gw-bo-w .gw-box02::-webkit-scrollbar {width: 8px;}
#gw-bo-w .gw-box02::-webkit-scrollbar-track {background: #ddd;}
#gw-bo-w .gw-box02::-webkit-scrollbar-thumb {background: #888; border-radius: 4px;}
.btn_cke_sc{font-size:14px;}
.cke_sc_def{font-size:14px;}





@media screen and (max-width:1280px){
	#container{padding-bottom:120px;}
    .gw-bbs-con{width: 100%;padding: 0 40px;}

    /*write*/
    #gw-bo-w{width: 100%;}
}

@media screen and (max-width:1200px){
    #gw-bo-list .bo_cate_link{margin-bottom:10px;}
}

@media screen and (max-width:1024px){
    .gw-bbs-con{width: 100%;padding: 0 20px;}

    /*list*/
    #gw-bo-list .search-container{padding: 60px 0;width:100%;}
    #gw-bo-list .bo_cate_link{margin-bottom:0px;}
    #gw-bo-list .icon-wrap{right:20px;}
}

@media screen and (max-width:768px){
	#container{padding-bottom:60px;}

    /*list*/
    #gw-bo-list .gw-table01 .td_chk {text-align: left;}
    #gw-bo-list .gw-table01 .td_subject{display: flex;align-items:center;}
    #gw-bo-list .bo_cate_link{margin-right:10px;position: relative;left: auto;top: auto;transform: translateY(0);}
    #gw-bo-list .bo_tit{padding-left: 0;}
    #gw-bo-list .icon-wrap{right: 20px;}

    /*write*/
    #gw-bo-w{padding-top: 60px;}

    /*view*/
    #gw-bo-v{padding-top: 60px;}
}

@media screen and (max-width:576px){
    /*공통*/
    .pg_page, .pg_current{height: 25px;}
    
    /*말풍선*/
    .sv_on{left:auto;right: 0;}
    .sv_wrap .sv:before{left:auto;right: 15px;}
    .sv_wrap .sv:after{left:auto;right: 15px;}

    /*list*/
    #gw-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    #gw-bo-list .icon-wrap{right: 10px;}
    #gw-bo-list .bo_tit{width: 200px;}
    #gw-bo-list .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-list .btn_bo_user > li{flex: 1;font-size: 12px;}
    #gw-bo-list .gw-table01 .td_subject{flex-direction:column;align-items:flex-start;}
    #gw-bo-list .bo_cate_link{margin-right: 0;margin-bottom: 5px;}
    #gw-bo-list .icon-wrap{right:10px;}

    /*write*/
    #gw-bo-w > form > div {flex-direction: column;}
    #gw-bo-w > form > div .gw-w-15 {width: 100% !important;margin-bottom: 10px;}
    #gw-bo-w > form > div .gw-w-85 {width: 100% !important;flex-wrap: wrap;}
    #gw-bo-w > form > div > .gw-w-50:first-child {border-bottom: 1px solid #ddd;padding-bottom: 10px;}
    #gw-bo-w .gw-box02{height: 40vw;}
    #gw-bo-w .file-name{width: calc(75% - 3px);}
    .gw-file-input-button{width: 25% !important;}
    .btn_cke_sc{font-size:12px;}
    .cke_sc_def{font-size:12px;}
    .cke_sc_def dd{text-align:center;}


    /*view*/
    #gw-bo-v .sv_wrap .sv {right: auto;left: 0;}
    #gw-bo-v .sv_wrap .sv:before {left: 15px;right: auto;}
    #gw-bo-v .sv_wrap .sv:after {left: 15px;right: auto;}
    #bo_vc .cm_wrap > .gw-flex-btw {flex-direction: column;gap: 10px;text-align:center;}
    #bo_vc .cmt_contents{margin-bottom: 0 !important;}
    #gw-bo-v .bo_v_nb{margin-bottom: 30px;}
    #gw-bo-v .gw-btn0102 {width: 100% !important;}
    #gw-bo-v .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-v .btn_bo_user > li{flex: 1;font-size: 12px;}
    #bo_v_info .profile_info{padding-bottom: 20px;margin-bottom: 20px;font-size: 12px;}
    #gw-bo-v .bo_v_nb {padding-top: 30px;}
    #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before{top: -50px;}
    .more_opt li{width:122px;}
}

@media screen and (max-width:375px){
	 /*list*/
	.pg_page, .pg_current{margin:0 3px;}

    /*view*/
    #gw-bo-v .bo_v_nb > li > .list-btn{width:50px;height:50px;}
}

/* 프레쉬랩 브랜드 톤 — 문의 폼 전용 보정 (색상은 freshlab-brand.css 토큰만 사용) */
.fl-inquiry-guide {margin:-10px 0 40px;color:var(--fl-ink-2, #4a524e);font-size:15px;line-height:1.6;}
#gw-bo-w.fl-inquiry-form input[type="text"]:focus,
#gw-bo-w.fl-inquiry-form input[type="email"]:focus,
#gw-bo-w.fl-inquiry-form select:focus,
#gw-bo-w.fl-inquiry-form textarea:focus {border-color:var(--fl-primary, #e5484d) !important;}
#gw-bo-w.fl-inquiry-form input[type="checkbox"]:checked + .check-label:before {background:var(--fl-primary, #e5484d);border-color:var(--fl-primary, #e5484d);}
#gw-bo-w.fl-inquiry-form .gw-btn0102 {background:var(--fl-primary, #e5484d);border-color:var(--fl-primary, #e5484d);}
#gw-bo-w.fl-inquiry-form .gw-btn0102:hover {background:var(--fl-primary-dark, #c7353a);border-color:var(--fl-primary-dark, #c7353a);}

/* 공동구매·단체/기업주문·납품문의 추가 입력(희망일자·수량·배송주소) */
.fl-inquiry-extra {background:#fff;}
.fl-inquiry-extra input[readonly] {background:#f3f3f3;cursor:default;}
.fl-addr-row {align-items:center;}
.fl-addr-row input {flex:0 0 140px;}
.fl-addr-row button {flex:0 0 auto;white-space:nowrap;}

/* 문의 상세 처리 상태 배지 */
.fl-status-badge {display:inline-block;padding:2px 10px;border-radius:20px;background:#eee;font-size:13px;font-weight:700;}

@media screen and (max-width:576px) {
    .fl-addr-row {flex-wrap:wrap;}
    .fl-addr-row input {flex:1 1 100%;}
}

/* ---------------------------------------------------------------------
   프레쉬랩 톤 문의하기 글쓰기 (.fl-iq) — 왼쪽 딥그린 안내 카드 + 오른쪽 흰 둥근 폼 카드.
   문의 유형은 알약 라디오, 입력칸은 둥근 칸 2열, 개인정보는 체크 + 펼쳐 보기.
--------------------------------------------------------------------- */
body:has(.fl-iq), body:has(.fl-iq) #container_wr, body:has(.fl-iq) #container, body:has(.fl-iq) .gw-footer-container { background: var(--fl-cream) !important; }
body:has(.fl-iq) #container { padding-bottom: 0; }
#gw-bo-w.fl-iq { width: auto; max-width: calc(var(--fl-container) + 2 * var(--fl-gutter)); padding: clamp(64px, 6vw, 96px) var(--fl-gutter) clamp(80px, 8vw, 128px); box-sizing: border-box; }
.fl-iq-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 20px; align-items: start; }

/* 안내 카드 */
.fl-iq-side { --fl-focus: var(--fl-white); position: sticky; top: calc(var(--fl-hd-total, 0px) + 24px); padding: clamp(32px, 3.4vw, 48px); border-radius: 32px; background: var(--fl-dark); color: var(--fl-cream); }
.fl-iq-en { font-family: var(--fl-font-display); font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--fl-mango-on-dark); }
.fl-iq-title { margin-top: 12px; font-size: clamp(22px, 1.9vw, 27px); white-space: nowrap; font-weight: 800; line-height: 1.3; letter-spacing: -0.04em; color: var(--fl-white); word-break: keep-all; }
.fl-iq-desc { margin-top: 14px; font-size: clamp(12.5px, .95vw, 14px); white-space: nowrap; line-height: 1.8; color: color-mix(in srgb, var(--fl-cream) 85%, transparent); word-break: keep-all; }
.fl-iq-contacts { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.fl-iq-contacts li { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 20px; background: rgba(255, 255, 255, .07); }
.fl-iq-ico { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--fl-mango); color: var(--fl-white); }
.fl-iq-ico .fl-ico { width: 18px; height: 18px; }
.fl-iq-contacts small { display: block; font-size: 13px; color: color-mix(in srgb, var(--fl-cream) 70%, transparent); }
.fl-iq-contacts a { font-family: var(--fl-font-display); font-size: 22px; font-weight: 600; letter-spacing: .01em; text-decoration: none; color: var(--fl-white); }
.fl-iq-contacts a:hover { color: var(--fl-mango-on-dark); }
.fl-iq-tip { margin-top: 24px; font-size: clamp(12.5px, .95vw, 14px); line-height: 1.8; color: color-mix(in srgb, var(--fl-cream) 85%, transparent); word-break: keep-all; }

/* 폼 카드 */
#gw-bo-w.fl-iq .fl-iq-form { display: flex; flex-direction: column; gap: 22px; width: auto !important; padding: clamp(28px, 3.4vw, 48px); border-radius: 32px; background: var(--fl-white); }
.fl-iq-options { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; padding: 0 0 18px; border-bottom: 1px solid var(--fl-line); list-style: none; }
.fl-iq-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.fl-iq-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.fl-iq-field > label, .fl-iq-field > legend, .fl-iq-label { padding: 0; font-size: 14px; font-weight: 800; color: var(--fl-dark); }
.fl-iq-types .fl-iq-label { margin-bottom: 2px; }
.fl-iq-field em, .fl-iq-check em { font-style: normal; color: var(--fl-mango); }
.fl-iq-label small { font-weight: 500; color: var(--fl-ink-3); }
#gw-bo-w.fl-iq input[type="text"], #gw-bo-w.fl-iq input[type="password"], #gw-bo-w.fl-iq input[type="date"], #gw-bo-w.fl-iq textarea {
    width: 100%; height: 52px; padding: 0 18px; box-sizing: border-box; border: 1.5px solid var(--fl-line) !important; border-radius: 16px; background: var(--fl-cream); font-size: 15px; color: var(--fl-ink); transition: border-color .25s ease, background .25s ease;
}
#gw-bo-w.fl-iq textarea { height: 220px !important; padding: 16px 18px; line-height: 1.7; resize: vertical; }
#gw-bo-w.fl-iq input:focus, #gw-bo-w.fl-iq textarea:focus { outline: none; border-color: var(--fl-dark) !important; background: var(--fl-white); }
#gw-bo-w.fl-iq input[readonly] { color: var(--fl-ink-2); cursor: default; }
#gw-bo-w.fl-iq .required, #gw-bo-w.fl-iq input.required { background-image: none !important; } /* 기본 필수 표시 빨간 점 대신 라벨의 * 를 쓴다 */
#gw-bo-w.fl-iq input::placeholder, #gw-bo-w.fl-iq textarea::placeholder { color: var(--fl-ink-3); }

/* 문의 유형 알약 */
.fl-iq-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.fl-iq-pill { position: relative; cursor: pointer; }
.fl-iq-pill input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.fl-iq-pill span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1.5px solid var(--fl-line); border-radius: 999px; background: var(--fl-white); font-size: 15px; font-weight: 700; color: var(--fl-ink-2); transition: background .25s ease, color .25s ease, border-color .25s ease; }
.fl-iq-pill:hover span { border-color: var(--fl-dark); color: var(--fl-dark); }
.fl-iq-pill input:checked + span { border-color: var(--fl-dark); background: var(--fl-dark); color: var(--fl-white); }
.fl-iq-pill input:focus-visible + span { outline: 2px solid var(--fl-mango); outline-offset: 2px; }

/* 주문 정보(유형에 따라) */
.fl-iq-extra { display: flex; flex-direction: column; gap: 16px; padding: 22px; border: 1.5px dashed var(--fl-line); border-radius: 22px; background: var(--fl-cream); }
.fl-iq-extra[hidden] { display: none; }
.fl-iq-extra-title { font-size: 15px; font-weight: 800; color: var(--fl-dark); }
.fl-iq-extra-title span { font-weight: 500; color: var(--fl-ink-3); }
#gw-bo-w.fl-iq .fl-iq-extra input { background: var(--fl-white); }
.fl-iq-addr { display: flex; gap: 8px; }
#gw-bo-w.fl-iq .fl-iq-addr input { flex: 0 1 160px; }
.fl-iq-addr-btn { flex: none; height: 52px; padding: 0 20px; border: 0; border-radius: 16px; background: var(--fl-dark); font-size: 14px; font-weight: 700; color: var(--fl-white); cursor: pointer; }
.fl-iq-addr-btn:hover { background: var(--fl-primary); }

/* 파일 */
.fl-iq-file { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.fl-iq-file .frm_file { position: absolute; width: 1px; height: 1px; opacity: 0; }
.fl-iq-file-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border: 1.5px solid var(--fl-line); border-radius: 999px; font-size: 14px; font-weight: 700; color: var(--fl-dark); cursor: pointer; }
.fl-iq-file-btn:hover { border-color: var(--fl-dark); }
.fl-iq-file-name { font-size: 14px; color: var(--fl-ink-2); }

/* 개인정보 동의 */
.fl-iq-agree { display: flex; flex-direction: column; gap: 10px; padding-top: 6px; }
.fl-iq-check { position: relative; display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--fl-ink); cursor: pointer; }
.fl-iq-check input { position: absolute; opacity: 0; width: 22px; height: 22px; margin: 0; }
.fl-iq-check-box { flex: none; width: 22px; height: 22px; box-sizing: border-box; border: 1.5px solid var(--fl-line); border-radius: 7px; background: var(--fl-white); transition: background .2s ease, border-color .2s ease; }
.fl-iq-check input:checked + .fl-iq-check-box { border-color: var(--fl-dark); background: var(--fl-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat; }
.fl-iq-check input:focus-visible + .fl-iq-check-box { outline: 2px solid var(--fl-mango); outline-offset: 2px; }
.fl-iq-check strong { font-weight: 800; color: var(--fl-dark); word-break: keep-all; }
.fl-iq-agree { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; } /* 동의 문구 왼쪽, 자세히 보기 오른쪽 */
.fl-iq-privacy-open { display: inline-flex; align-items: center; gap: 2px; flex: none; height: 30px; padding: 0 8px 0 12px; border: 1.5px solid var(--fl-line); border-radius: 999px; background: var(--fl-white); font-size: 13px; font-weight: 700; color: var(--fl-ink-2); cursor: pointer; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.fl-iq-privacy-open:hover { border-color: var(--fl-dark); background: var(--fl-dark); color: var(--fl-white); }
/* 개인정보 모달 */
.fl-iq-modal { width: min(560px, calc(100% - 32px)); max-height: min(640px, calc(100% - 48px)); padding: 0; border: 0; border-radius: 28px; background: var(--fl-white); box-shadow: 0 30px 80px rgba(20, 12, 7, .25); color: var(--fl-ink); }
.fl-iq-modal[open] { display: flex; flex-direction: column; animation: fl-iq-pop .3s cubic-bezier(.2, .7, .2, 1); }
.fl-iq-modal::backdrop { background: rgba(20, 12, 7, .45); }
@keyframes fl-iq-pop { from { opacity: 0; transform: translateY(16px) scale(.98); } }
.fl-iq-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 24px 16px; border-bottom: 1px solid var(--fl-line); }
.fl-iq-modal-head strong { font-size: 18px; font-weight: 800; color: var(--fl-dark); }
.fl-iq-modal-close { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--fl-cream); font-size: 16px; color: var(--fl-dark); cursor: pointer; }
.fl-iq-modal-close:hover { background: var(--fl-dark); color: var(--fl-white); }
.fl-iq-modal-body { overflow-y: auto; padding: 20px 24px; font-size: 14px; line-height: 1.8; color: var(--fl-ink-2); word-break: keep-all; }
.fl-iq-modal-foot { padding: 14px 24px 22px; border-top: 1px solid var(--fl-line); }
.fl-iq-modal-agree { width: 100%; height: 52px; border: 0; border-radius: 999px; background: var(--fl-dark); font-size: 15px; font-weight: 800; color: var(--fl-white); cursor: pointer; }
.fl-iq-modal-agree:hover { background: var(--fl-primary); }
.fl-iq-captcha { padding-top: 4px; }

/* 보내기 */
.fl-iq-actions { display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 12px; }
.fl-iq-submit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 180px; height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--fl-dark); font-size: 16px; font-weight: 800; color: var(--fl-white); cursor: pointer; transition: background .25s ease; }
.fl-iq-submit i { transition: transform .3s ease; }
.fl-iq-submit:hover { background: var(--fl-primary); }
.fl-iq-submit:hover i { transform: translateX(4px); }
.fl-iq-submit:disabled { opacity: .6; cursor: wait; }
.fl-iq-cancel { display: inline-flex; align-items: center; justify-content: center; min-width: 100px; height: 52px; padding: 0 24px; box-sizing: border-box; border: 1.5px solid var(--fl-line); border-radius: 999px; font-size: 16px; font-weight: 700; text-decoration: none; color: var(--fl-ink-2); }
.fl-iq-cancel:hover { border-color: var(--fl-dark); color: var(--fl-dark); }
.fl-iq-autosave { margin-top: 8px; padding: 6px 14px; border: 1.5px solid var(--fl-line); border-radius: 999px; background: var(--fl-white); font-size: 13px; }

/* 자동등록방지: 기본 이미지 버튼(틀어진 회색 네모) 대신 사이트 톤 — 숫자 그림 · 둥근 입력칸 · 동그란 듣기/새로고침 버튼 */
#gw-bo-w.fl-iq #captcha { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
#gw-bo-w.fl-iq #captcha #captcha_audio { display: none; } /* 모바일 기본 오디오 플레이어 — 듣기 버튼(write.skin.php)이 대신 재생 */
#gw-bo-w.fl-iq #captcha legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#gw-bo-w.fl-iq #captcha #captcha_img { height: 52px; width: auto; padding: 0 10px; box-sizing: border-box; border: 1.5px solid var(--fl-line); border-radius: 16px; background: var(--fl-white); }
#gw-bo-w.fl-iq #captcha #captcha_key { width: 140px; height: 52px; margin: 0; padding: 0 16px; box-sizing: border-box; border: 1.5px solid var(--fl-line) !important; border-radius: 16px; background: var(--fl-cream) !important; font-family: var(--fl-font-en); font-size: 18px; letter-spacing: .12em; text-align: center; vertical-align: middle; }
#gw-bo-w.fl-iq #captcha #captcha_key:focus { outline: none; border-color: var(--fl-dark) !important; background: var(--fl-white) !important; }
#gw-bo-w.fl-iq #captcha #captcha_mp3, #gw-bo-w.fl-iq #captcha #captcha_reload { position: relative; width: 44px; height: 44px; margin: 0; padding: 0; overflow: hidden; border: 1.5px solid var(--fl-line); border-radius: 50%; background: var(--fl-white) !important; font-size: 0; text-indent: 0; color: var(--fl-dark); cursor: pointer; transition: border-color .25s ease, background .25s ease, color .25s ease; }
#gw-bo-w.fl-iq #captcha #captcha_mp3 span, #gw-bo-w.fl-iq #captcha #captcha_reload span { display: none; }
#gw-bo-w.fl-iq #captcha #captcha_mp3::before, #gw-bo-w.fl-iq #captcha #captcha_reload::before { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--fl-cap-ico) center / contain no-repeat; mask: var(--fl-cap-ico) center / contain no-repeat; }
#gw-bo-w.fl-iq #captcha #captcha_mp3 { --fl-cap-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5v5h3.5L12 18.5v-13L7.5 9.5z' fill='%23000'/%3E%3Cpath d='M15.5 9a4 4 0 0 1 0 6M18 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E"); }
#gw-bo-w.fl-iq #captcha #captcha_reload { --fl-cap-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.5 4.5v4.2h-4.2'/%3E%3C/svg%3E"); }
#gw-bo-w.fl-iq #captcha #captcha_mp3:hover, #gw-bo-w.fl-iq #captcha #captcha_reload:hover { border-color: var(--fl-dark); background: var(--fl-dark) !important; color: var(--fl-white); }
#gw-bo-w.fl-iq #captcha #captcha_info { display: block; flex-basis: 100%; margin-top: 2px; font-size: 13px; color: var(--fl-ink-3); }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .fl-iq-desc { white-space: normal; } /* 안내 카드가 좁아지는 폭에서는 설명만 줄바꿈 허용 */
}
@media screen and (max-width: 1024px) {
    /* 한 열: 안내 카드 위, 폼 카드 아래. 한 줄 고정(nowrap)이던 제목·설명이 카드 폭을 화면 밖으로 밀어내지 않게 줄바꿈 허용 */
    .fl-iq-grid { grid-template-columns: minmax(0, 1fr); }
    .fl-iq-side { position: static; }
    .fl-iq-title, .fl-iq-desc { white-space: normal; }
    .fl-iq-br { display: none; }
}
@media screen and (max-width: 768px) {
    body:has(.fl-iq) #container { padding-top: 0; } /* gw.css 의 768px 이하 #container 윗여백 90px 을 빼고 이 영역 여백만 쓴다 */
}
@media screen and (max-width: 576px) {
    #gw-bo-w.fl-iq { padding-top: 72px; padding-bottom: 64px; } /* 서브 탭 아래 간격 = 소개 페이지(72px) */
    .fl-iq-grid { gap: 12px; }
    .fl-iq-side { padding: 28px 22px; }
    .fl-iq-side, #gw-bo-w.fl-iq .fl-iq-form { border-radius: 24px; }
    .fl-iq-en { font-size: 15px; }
    .fl-iq-title { margin-top: 8px; font-size: 22px; }
    .fl-iq-desc, .fl-iq-tip { font-size: 13.5px; line-height: 1.7; }
    .fl-iq-contacts { margin-top: 20px; }
    .fl-iq-contacts li { padding: 14px 16px; border-radius: 16px; }
    .fl-iq-contacts a { font-size: 20px; }
    .fl-iq-tip { margin-top: 16px; }

    #gw-bo-w.fl-iq .fl-iq-form { gap: 20px; padding: 28px 20px; }
    .fl-iq-row { grid-template-columns: minmax(0, 1fr); }
    /* 문의 유형: 2개씩 2줄, 칸 폭을 똑같이 */
    .fl-iq-pills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fl-iq-pill span { justify-content: center; width: 100%; min-height: 44px; padding: 0 10px; box-sizing: border-box; font-size: 14px; }
    /* 개인정보: 문구 한 줄, 자세히 보기는 아래 왼쪽 */
    .fl-iq-agree { flex-direction: column; align-items: flex-start; gap: 10px; }
    /* 자동등록방지: 1줄 = 숫자 그림·듣기·새로고침, 2줄 = 입력칸(폭 전체), 3줄 = 안내 */
    #gw-bo-w.fl-iq #captcha #captcha_img { order: 1; flex: none; }
    #gw-bo-w.fl-iq #captcha #captcha_mp3 { order: 2; }
    #gw-bo-w.fl-iq #captcha #captcha_reload { order: 3; }
    #gw-bo-w.fl-iq #captcha #captcha_key { order: 4; flex: 1 1 100%; width: 100%; }
    #gw-bo-w.fl-iq #captcha #captcha_info { order: 5; }
    /* 보내기: 화면 폭 전체 */
    .fl-iq-actions { padding-top: 4px; }
    .fl-iq-submit { flex: 1; width: 100%; min-width: 0; height: 54px; }
}

/* ---------------------------------------------------------------------
   문의 접수함 (.fl-iqa 목록 · .fl-iqv 글 보기) — 관리자 전용. 크림 바탕 · 처리상태 요약 카드 · 한 줄 카드 목록,
   글 보기는 왼쪽 문의 내용 카드 + 오른쪽 문의자·처리(상태·메모) 카드.
--------------------------------------------------------------------- */
body:has(.fl-iqa), body:has(.fl-iqv), body:has(.fl-iqa) #container_wr, body:has(.fl-iqv) #container_wr, body:has(.fl-iqa) #container, body:has(.fl-iqv) #container,
body:has(.fl-iqa) .gw-footer-container, body:has(.fl-iqv) .gw-footer-container { background: var(--fl-cream) !important; }
body:has(.fl-iqa) #container, body:has(.fl-iqv) #container { padding-bottom: 0; }
.fl-iqa.gw-bbs-con, .fl-iqv.gw-bbs-con { width: auto; max-width: calc(var(--fl-container) + 2 * var(--fl-gutter)); padding: clamp(56px, 5vw, 80px) var(--fl-gutter) clamp(72px, 7vw, 112px); box-sizing: border-box; }

/* 처리상태 배지 · 유형 태그 (목록·글 보기 공통) */
.fl-iqa-status { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 30px; padding: 0 12px; box-sizing: border-box; border-radius: 999px; background: color-mix(in srgb, var(--fl-st-c) 14%, var(--fl-white)); font-size: 13px; font-weight: 800; color: var(--fl-st-c); }
.fl-iqa-type { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 8px; background: var(--fl-cream); font-size: 12px; font-weight: 700; color: var(--fl-ink-2); white-space: nowrap; }

/* 상태 요약 */
.fl-iqa-sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fl-iqa-sum-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 20px 24px; border: 1.5px solid transparent; border-radius: 22px; background: var(--fl-white); text-decoration: none; transition: border-color .25s ease; }
.fl-iqa-sum-card span { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--fl-ink-2); }
.fl-iqa-sum-card span i { width: 9px; height: 9px; border-radius: 50%; background: var(--fl-st-c); }
.fl-iqa-sum-card strong { font-family: var(--fl-font-display); font-size: 32px; font-weight: 600; line-height: 1; color: var(--fl-dark); }
.fl-iqa-sum-card:hover { border-color: var(--fl-line); }
.fl-iqa-sum-card.is-on { border-color: var(--fl-dark); }
.fl-iqa-bar { padding: 28px 0 20px; }
.fl-iqa-bar > * { min-width: 0; max-width: 100%; } /* 좁은 화면에서 분류 줄이 막대를 넓히지 않게 */
.fl-iqa-tools { display: flex; align-items: center; gap: 8px; }
.fl-iqa-csv { display: inline-flex; align-items: center; gap: 6px; height: 48px; padding: 0 18px; box-sizing: border-box; border: 1.5px solid var(--fl-line); border-radius: 999px; background: var(--fl-white); font-size: 14px; font-weight: 700; text-decoration: none; color: var(--fl-dark); white-space: nowrap; }
.fl-iqa-csv:hover { border-color: var(--fl-dark); }

/* 목록 */
.fl-iqa-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.fl-iqa-item { display: flex; align-items: center; gap: 12px; }
.fl-iqa-chk { flex: none; }
.fl-iqa-link { flex: 1; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 18px 24px; border: 1.5px solid transparent; border-radius: 22px; background: var(--fl-white); text-decoration: none; color: var(--fl-dark); transition: border-color .25s ease, box-shadow .3s ease; }
.fl-iqa-link:hover { border-color: var(--fl-dark); box-shadow: 0 12px 28px rgba(28, 17, 10, .07); }
.fl-iqa-item.is-current .fl-iqa-link { border-color: var(--fl-dark); }
.fl-iqa-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fl-iqa-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.fl-iqa-title { overflow: hidden; font-size: 17px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; }
.fl-iqa-who { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; color: var(--fl-ink-2); }
.fl-iqa-memo { display: inline-flex; align-items: center; gap: 4px; color: var(--fl-primary); }
.fl-iqa-date { font-family: var(--fl-font-en); font-size: 14px; color: var(--fl-ink-3); white-space: nowrap; }
.fl-iqa-empty { padding: 80px 20px; text-align: center; color: var(--fl-ink-2); }
.fl-iqa-empty i { display: block; margin-bottom: 14px; color: var(--fl-ink-3); }

/* 글 보기 */
.fl-iqv-back { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 20px; font-size: 15px; font-weight: 700; text-decoration: none; color: var(--fl-ink-2); }
.fl-iqv-back:hover { color: var(--fl-dark); }
.fl-iqv-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.fl-iqv-card { padding: clamp(24px, 2.6vw, 36px); border-radius: 28px; background: var(--fl-white); }
.fl-iqv-side { display: grid; gap: 20px; position: sticky; top: calc(var(--fl-hd-total, 0px) + 24px); }
.fl-iqv-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
.fl-iqv-date { margin-left: auto; font-family: var(--fl-font-en); font-size: 14px; color: var(--fl-ink-3); }
.fl-iqv-title { margin-top: 18px; font-size: clamp(20px, 1.7vw, 24px); font-weight: 800; line-height: 1.4; letter-spacing: -0.03em; color: var(--fl-dark); word-break: keep-all; }
.fl-iqv-body { margin-top: 18px; padding-top: 20px; border-top: 1px solid var(--fl-line); font-size: 16px; line-height: 1.85; color: var(--fl-ink); word-break: keep-all; }
.fl-iqv-order { display: grid; gap: 1px; overflow: hidden; margin: 24px 0 0; border-radius: 18px; background: var(--fl-line); }
.fl-iqv-order > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 14px 18px; background: var(--fl-cream); }
.fl-iqv-order dt { font-size: 14px; font-weight: 800; color: var(--fl-dark); }
.fl-iqv-order dd { margin: 0; font-size: 15px; color: var(--fl-ink); }
.fl-iqv-files { display: grid; gap: 6px; margin: 20px 0 0; padding: 0; list-style: none; }
.fl-iqv-files a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; text-decoration: none; color: var(--fl-dark); }
.fl-iqv-files span { font-weight: 400; color: var(--fl-ink-3); }
.fl-iqv-sub { font-size: 16px; font-weight: 800; color: var(--fl-dark); }
.fl-iqv-info { display: grid; gap: 12px; margin: 16px 0 0; }
.fl-iqv-info > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
.fl-iqv-info dt { font-size: 14px; color: var(--fl-ink-3); }
.fl-iqv-info dd { margin: 0; overflow-wrap: anywhere; font-size: 15px; font-weight: 700; color: var(--fl-dark); }
.fl-iqv-info a { text-decoration: none; color: inherit; }
.fl-iqv-call { display: flex; align-items: center; justify-content: center; gap: 6px; height: 48px; margin-top: 20px; border-radius: 999px; background: var(--fl-dark); font-size: 15px; font-weight: 800; text-decoration: none; color: var(--fl-white) !important; }
.fl-iqv-call:hover { background: var(--fl-primary); }
.fl-iqv-form { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.fl-iqv-states { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.fl-iqv-states label { position: relative; cursor: pointer; }
.fl-iqv-states input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.fl-iqv-states span { display: flex; align-items: center; justify-content: center; height: 44px; border: 1.5px solid var(--fl-line); border-radius: 14px; font-size: 14px; font-weight: 800; color: var(--fl-ink-2); transition: background .2s ease, border-color .2s ease, color .2s ease; }
.fl-iqv-states input:checked + span { border-color: var(--fl-st-c); background: var(--fl-st-c); color: var(--fl-white); }
.fl-iqv-states input:focus-visible + span { outline: 2px solid var(--fl-dark); outline-offset: 2px; }
.fl-iqv-memo-label { margin-top: 6px; font-size: 14px; font-weight: 800; color: var(--fl-dark); }
.fl-iqv-form textarea { width: 100%; padding: 14px 16px; box-sizing: border-box; border: 1.5px solid var(--fl-line); border-radius: 16px; background: var(--fl-cream); font-size: 14px; line-height: 1.7; resize: vertical; }
.fl-iqv-form textarea:focus { outline: none; border-color: var(--fl-dark); background: var(--fl-white); }
.fl-iqv-save { height: 48px; border: 0; border-radius: 999px; background: var(--fl-dark); font-size: 15px; font-weight: 800; color: var(--fl-white); cursor: pointer; }
.fl-iqv-save:hover { background: var(--fl-primary); }
.fl-iqv-etc { display: flex; justify-content: flex-end; gap: 16px; margin: 0; padding: 0 8px; }
.fl-iqv-etc a { font-size: 14px; font-weight: 700; text-decoration: none; color: var(--fl-ink-3); }
.fl-iqv-etc a:hover { color: var(--fl-dark); }
.fl-iqv-nav { display: flex; flex-direction: column; margin-top: 40px; border-top: 1px solid var(--fl-line); }
.fl-iqv-nav a { display: grid; grid-template-columns: 24px 80px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 60px; padding: 0 4px; border-bottom: 1px solid var(--fl-line); text-decoration: none; color: var(--fl-dark); }
.fl-iqv-nav span { font-size: 14px; font-weight: 700; color: var(--fl-ink-3); }
.fl-iqv-nav strong { overflow: hidden; font-size: 15px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.fl-iqv-nav a:hover strong { color: var(--fl-primary); }

@media screen and (max-width: 1024px) {
    .fl-iqa-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fl-iqa-bar { flex-direction: column; align-items: stretch; }
    .fl-iqv-grid { grid-template-columns: 1fr; }
    .fl-iqv-side { position: static; }
}
@media screen and (max-width: 768px) {
    /* 서브 탭 아래 간격을 다른 페이지(72px)와 맞춘다 — gw.css 의 768px 이하 #container 윗여백 90px 을 빼고 이 영역 여백만 쓴다 */
    body:has(.fl-iqa) #container, body:has(.fl-iqv) #container { padding-top: 0; }
    .fl-iqa.gw-bbs-con, .fl-iqv.gw-bbs-con { padding-top: 72px; }
}
@media screen and (max-width: 576px) {
    .fl-iqa-sum-card { padding: 16px 18px; border-radius: 18px; }
    .fl-iqa-sum-card strong { font-size: 26px; }
    .fl-iqa-tools { flex-direction: column; align-items: stretch; }
    .fl-iqa-tools .fl-gal-search { width: 100%; }
    .fl-iqa-tools .fl-gal-search input[type="text"] { flex: 1; width: auto; min-width: 0; }
    .fl-iqa-csv { justify-content: center; }
    /* 목록 카드: 1줄 = 처리상태 배지 · 접수 시각(오른쪽), 2줄 = 유형·제목·문의자 */
    .fl-iqa-item { gap: 10px; }
    .fl-iqa-link { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: 'status date' 'main main'; gap: 10px 8px; padding: 16px 18px; border-radius: 18px; }
    .fl-iqa-status { grid-area: status; justify-self: start; min-width: 0; height: 26px; font-size: 12px; }
    .fl-iqa-date { grid-area: date; justify-self: end; font-size: 12px; }
    .fl-iqa-main { grid-area: main; }
    .fl-iqa-title { font-size: 16px; }
    .fl-iqa-who { gap: 2px 10px; font-size: 13px; }
    /* 글 보기 */
    .fl-iqv-card { padding: 22px 20px; }
    .fl-iqv-side { gap: 12px; }
    .fl-iqv-grid { gap: 12px; }
    .fl-iqv-body { font-size: 15px; }
    .fl-iqv-nav a { grid-template-columns: 20px 64px minmax(0, 1fr); gap: 8px; }
    .fl-iqv-card { border-radius: 22px; }
    .fl-iqv-date { margin-left: 0; flex-basis: 100%; }
    .fl-iqv-order > div { grid-template-columns: 1fr; gap: 4px; }
}