@charset "utf-8";
#container{background:#f8f8f8;padding-bottom:170px;}
.gw-bbs-con{margin:0 auto;width: 1200px;}

/* 페이징 */
.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: 15px;height: 30px;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("http://theme.gnuwiz.com/skin/board/gw_basic/img/gw-bbs-start.png") no-repeat 50% 50%;background-size: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("http://theme.gnuwiz.com/skin/board/gw_basic/img/gw-bbs-end.png") no-repeat 50% 50%;background-size: cover;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;}

#faq_sch .faq-search-container  {padding:80px 0;position: relative;width: 700px;margin: 0 auto;display: flex;gap: 15px;}
/* 라운드 없이 각지게 — 사이트 전체(탭·게시판 검색창)와 통일.
   brand.css 에도 같은 의도의 규칙이 있으나 이쪽이 ID 셀렉터라 특이도가 높아
   여기서 고쳐야 실제로 적용된다. */
#faq_sch .frm_input {padding:12px 17px;height:55px;border: 2px solid #ddd;border-radius: 0;background: #fff;}
#faq_sch .frm_input::placeholder{text-align: left;font-family:"Noto Sans KR", sans-serif; font-weight: 500; color:#666;}
#faq_sch .frm_input:focus{text-align: left;border-color: #000;}
input[type="text"]:not(:focus) {text-align: left;}
#faq_sch button {position: absolute;right: 17px;top:50%;transform:translateY(-50%);}

/******************************************************************
    FAQ 목록 — 번호 리스트형
    01·02 번호를 앞에 두고, 열린 항목은 행 전체가 연한 주황으로 채워진다.
    컬러 토큰은 theme/busanbcm/css/brand.css 에 정의되어 있다.
******************************************************************/

#gw-faq-wrap {margin:0 auto;width: 1200px;}
#gw-faq-wrap h2 {display: none;}
.faq_admin {text-align:center;}

.bcm-faq-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e5e5e5;
}
.bcm-faq-item {
    border-bottom: 1px solid #e5e5e5;
    transition: background .25s ease;
}
.bcm-faq-item.is-open { background: var(--accent-bg); }

/* 질문 줄 — 번호 / 질문 / 화살표 */
/* 질문이 2~3줄로 늘어나도 번호와 화살표는 '첫 줄'에 맞춰 위쪽 정렬한다.
   (center 로 두면 긴 질문에서 번호가 가운데로 내려가 어긋나 보인다)
   번호·화살표의 line-height 를 질문 첫 줄의 줄높이(17px * 1.5 = 25.5px)와
   같게 맞춰야 글자 중심선이 정확히 일치한다. */
.bcm-faq-q {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    width: 100%;
    padding: 24px 20px;
    border: 0;
    background: none;
    text-align: left;
    font-family: "Noto Sans KR", sans-serif;
    /* gw.css 의 `button{white-space:nowrap}` 를 되돌린다.
       이게 남아 있으면 질문이 길어도 줄바꿈이 아예 안 되고 칸을 밀고 나간다. */
    white-space: normal;
    cursor: pointer;
}
.bcm-faq-num {
    flex: 0 0 auto;
    color: #d5d5d5;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25.5px;   /* 질문 첫 줄과 같은 줄높이 */
    transition: color .25s ease;
}
.bcm-faq-item.is-open .bcm-faq-num { color: var(--brand-orange); }
.bcm-faq-qtxt {
    flex: 1;
    /* flex 항목의 기본 min-width 는 auto 라 내용 너비 밑으로 줄어들지 않는다.
       그대로 두면 질문이 길 때 줄바꿈 대신 칸을 밀고 나가 레이아웃이 터진다.
       0 으로 낮춰야 남는 폭에 맞춰 줄바꿈된다. */
    min-width: 0;
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.4px;
    word-break: keep-all;      /* 한글 단어는 안 쪼갠다 (띄어쓰기에서 줄바꿈) */
    overflow-wrap: break-word; /* 띄어쓰기 없는 긴 문자열(URL 등) 대비 */
}
.bcm-faq-item.is-open .bcm-faq-qtxt { color: var(--navy); font-weight: 700; }
.bcm-faq-ico {
    flex: 0 0 auto;
    color: #c4c4c4;
    font-size: 18px;
    line-height: 25.5px;   /* 질문 첫 줄과 같은 줄높이 */
    transition: transform .3s ease, color .25s ease;
}
.bcm-faq-item.is-open .bcm-faq-ico {
    color: var(--cta-orange);
    transform: rotate(180deg);
}

/* 답변 — 번호 자리만큼 들여쓴다 */
.bcm-faq-a { display: none; }
.bcm-faq-a-inner {
    padding: 0 20px 26px 64px;
    color: #6b5f56;
    font-size: 15px;
    line-height: 1.85;
    word-break: keep-all;
}
.bcm-faq-a-inner p { margin: 0; }
.bcm-faq-a-inner p + p { margin-top: 12px; }
.bcm-faq-a-inner img { max-width: 100%; height: auto; }

.gw-empty-list {padding: 120px 0;border-bottom: 1px solid #ddd;}
.gw-empty-list > h3 {font-size: var(--main-title03);}

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

@media screen and (max-width:1024px){
    .gw-bbs-con{padding: 0 20px;}
    #faq_sch .faq-search-container{padding:60px 0;width: 100%;}
    #gw-faq-wrap{width: calc(100% - 40px);}
}

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

@media screen and (max-width:576px){
    #faq_sch .faq-search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    /* 좁은 화면에서는 좌우 여백과 번호 자리를 줄인다 */
    .bcm-faq-q{gap:14px;padding:20px 4px;}
    .bcm-faq-qtxt{font-size:16px;}
    /* 질문이 16px 이 되므로 첫 줄 줄높이도 24px(16*1.5). 번호·화살표를 여기에 맞춘다 */
    .bcm-faq-num{font-size:17px;line-height:24px;}
    .bcm-faq-ico{font-size:16px;line-height:24px;}
    .bcm-faq-a-inner{padding: 0 18px 20px 40px;}
    .faq_admin .gw-btn01{width: 100% !important;}
}