@charset "utf-8";
/* ==========================================================================
   GETHA 캠페인 공통 스타일  (naturalsleepcampaign - 헌 매트리스 인증 → 쿠폰)
   파일 경로 : /css/board/getha-campaign.css
   적용 대상 : board/skin/naturalsleepcampaign/{list,write,view}.html
   작성 규칙 : getha- 접두사, 모바일 퍼스트
   ========================================================================== */

:root{
    --getha-nsc-green:#0D4633;
    --getha-nsc-green-dk:#08301F;
    --getha-nsc-sand:#F6F3ED;
    --getha-nsc-line:#E3DED4;
    --getha-nsc-ink:#333;
    --getha-nsc-ink-sub:#767676;
    --getha-nsc-point:#B8894A;
    --getha-nsc-radius:4px;
}

/* box-sizing 정규화 : 라이브 스킨 reset이 content-box라 반드시 필요 */
[class*="getha-nsc-"],
[class*="getha-nsc-"]:before,
[class*="getha-nsc-"]:after{ box-sizing:border-box; }

/* 공통 버튼 -------------------------------------------------------------- */
.getha-nsc-btn{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:200px; height:52px; padding:0 28px;
    background:var(--getha-nsc-green); color:#fff;
    font-size:15px; font-weight:500; letter-spacing:-0.02em; line-height:1;
    border:1px solid var(--getha-nsc-green); border-radius:var(--getha-nsc-radius);
    cursor:pointer; text-decoration:none;
    transition:background .25s ease, border-color .25s ease, opacity .25s ease;
}
.getha-nsc-btn:hover{ background:var(--getha-nsc-green-dk); border-color:var(--getha-nsc-green-dk); color:#fff; }
.getha-nsc-btn--line{ background:#fff; color:var(--getha-nsc-green); }
.getha-nsc-btn--line:hover{ background:var(--getha-nsc-sand); color:var(--getha-nsc-green); }
.getha-nsc-btn.is-disabled,
.getha-nsc-btn[disabled]{ background:#BFBFBF; border-color:#BFBFBF; cursor:default; opacity:.9; }
.getha-nsc-btn.is-disabled:hover,
.getha-nsc-btn[disabled]:hover{ background:#BFBFBF; border-color:#BFBFBF; }

/* 캠페인 히어로 / 안내 (list) --------------------------------------------- */
.getha-nsc-hero{
    margin:0 0 40px; padding:36px 20px;
    background:var(--getha-nsc-sand); border-radius:var(--getha-nsc-radius);
    text-align:center;
}
.getha-nsc-hero__eyebrow{
    display:inline-block; margin:0 0 12px; padding:6px 14px;
    background:var(--getha-nsc-green); color:#fff;
    font-size:11px; font-weight:500; letter-spacing:.08em; border-radius:100px;
}
.getha-nsc-hero__title{
    margin:0 0 12px; color:var(--getha-nsc-green);
    font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-0.03em;
}
.getha-nsc-hero__desc{
    margin:0 auto; max-width:720px; color:var(--getha-nsc-ink-sub);
    font-size:14px; line-height:1.75; letter-spacing:-0.02em;
}

/* 참여 3단계 */
.getha-nsc-steps{
    display:flex; flex-wrap:wrap; gap:12px;
    margin:28px auto 0; max-width:840px; padding:0; list-style:none;
}
.getha-nsc-steps>li{
    flex:1 1 100%; padding:20px 16px;
    background:#fff; border:1px solid var(--getha-nsc-line); border-radius:var(--getha-nsc-radius);
    text-align:center;
}
.getha-nsc-steps__num{
    display:block; margin:0 0 8px;
    color:var(--getha-nsc-point); font-size:12px; font-weight:700; letter-spacing:.12em;
}
.getha-nsc-steps__txt{
    display:block; color:var(--getha-nsc-ink); font-size:14px; line-height:1.6; letter-spacing:-0.02em;
}
.getha-nsc-hero__action{ margin:28px 0 0; }
.getha-nsc-hero__action .getha-nsc-btn{ width:100%; max-width:320px; }
.getha-nsc-hero__help{
    margin:14px 0 0; color:var(--getha-nsc-ink-sub); font-size:13px; letter-spacing:-0.02em;
}
.getha-nsc-hero__help a{ color:var(--getha-nsc-green); text-decoration:underline; }

/* 작성 페이지 안내 (write) ------------------------------------------------ */
.getha-nsc-guide{
    margin:0 0 24px; padding:20px;
    background:var(--getha-nsc-sand); border-left:3px solid var(--getha-nsc-green);
    border-radius:0 var(--getha-nsc-radius) var(--getha-nsc-radius) 0;
}
.getha-nsc-guide__title{
    margin:0 0 10px; color:var(--getha-nsc-green);
    font-size:15px; font-weight:700; letter-spacing:-0.02em;
}
.getha-nsc-guide__list{ margin:0; padding:0; list-style:none; }
.getha-nsc-guide__list>li{
    position:relative; padding:0 0 0 12px; margin:0 0 6px;
    color:var(--getha-nsc-ink); font-size:13px; line-height:1.7; letter-spacing:-0.02em;
}
.getha-nsc-guide__list>li:last-child{ margin-bottom:0; }
.getha-nsc-guide__list>li:before{
    content:''; position:absolute; left:0; top:11px;
    width:3px; height:3px; background:var(--getha-nsc-point); border-radius:50%;
}
.getha-nsc-guide__list em{ font-style:normal; color:var(--getha-nsc-point); font-weight:700; }

/* 첨부파일 필수 표시 */
.getha-nsc-req{ color:#D0021B; font-weight:700; }
.getha-nsc-filehelp{
    display:block; margin:8px 0 0; color:var(--getha-nsc-ink-sub);
    font-size:12px; line-height:1.6; letter-spacing:-0.02em;
}

/* 쿠폰 영역 (view) -------------------------------------------------------- */
.getha-nsc-coupon{
    margin:0 0 32px; padding:28px 20px;
    background:var(--getha-nsc-sand); border-radius:var(--getha-nsc-radius);
    text-align:center;
}
.getha-nsc-coupon__eyebrow{
    display:block; margin:0 0 8px;
    color:var(--getha-nsc-point); font-size:12px; font-weight:700; letter-spacing:.1em;
}
.getha-nsc-coupon__title{
    margin:0 0 8px; color:var(--getha-nsc-green);
    font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.03em;
}
.getha-nsc-coupon__desc{
    margin:0 0 20px; color:var(--getha-nsc-ink-sub);
    font-size:14px; line-height:1.7; letter-spacing:-0.02em;
}
.getha-nsc-coupon__card{
    display:block; margin:0 auto 20px; max-width:420px; padding:22px 20px;
    background:#fff; border:1px solid var(--getha-nsc-line); border-radius:var(--getha-nsc-radius);
}
.getha-nsc-coupon__benefit{
    display:block; color:var(--getha-nsc-green);
    font-size:28px; font-weight:700; line-height:1.2; letter-spacing:-0.03em;
}
.getha-nsc-coupon__name{
    display:block; margin:8px 0 0; color:var(--getha-nsc-ink);
    font-size:14px; letter-spacing:-0.02em;
}
.getha-nsc-coupon__period{
    display:block; margin:6px 0 0; color:var(--getha-nsc-ink-sub); font-size:12px;
}
.getha-nsc-coupon__action .getha-nsc-btn{ width:100%; max-width:320px; }
.getha-nsc-coupon__msg{
    display:none; margin:14px 0 0;
    color:var(--getha-nsc-green); font-size:14px; font-weight:500; letter-spacing:-0.02em;
}
.getha-nsc-coupon__msg.is-error{ color:#D0021B; }
.getha-nsc-coupon__msg.is-show{ display:block; }
.getha-nsc-coupon__foot{
    margin:16px 0 0; color:var(--getha-nsc-ink-sub); font-size:12px; line-height:1.7; letter-spacing:-0.02em;
}
.getha-nsc-coupon__foot a{ color:var(--getha-nsc-green); text-decoration:underline; }

/* 로딩 상태 */
.getha-nsc-btn.is-loading{ pointer-events:none; opacity:.6; }

/* 태블릿 이상 ------------------------------------------------------------- */
@media screen and (min-width:768px){
    .getha-nsc-hero{ padding:56px 40px; margin-bottom:56px; }
    .getha-nsc-hero__title{ font-size:30px; }
    .getha-nsc-hero__desc{ font-size:15px; }
    .getha-nsc-steps>li{ flex:1 1 0; padding:24px 18px; }
    .getha-nsc-guide{ padding:24px 28px; }
    .getha-nsc-coupon{ padding:44px 40px; }
    .getha-nsc-coupon__title{ font-size:24px; }
    .getha-nsc-coupon__benefit{ font-size:34px; }
}

/* PC ---------------------------------------------------------------------- */
@media screen and (min-width:1025px){
    .getha-nsc-hero{ padding:64px 40px; }
    .getha-nsc-hero__title{ font-size:34px; }
}

/* 목록 - 내 참여글 쿠폰 (list) ------------------------------------------- */
.getha-nsc-done{
    display:none; margin:0 0 28px; padding:16px 18px;
    background:#fff; border:1px solid var(--getha-nsc-green); border-radius:var(--getha-nsc-radius);
    color:var(--getha-nsc-green); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:-0.02em;
    text-align:center;
}
.getha-nsc-done.is-show{ display:block; }
.getha-nsc-done strong{ font-weight:700; }

/* 글 등록 직후 상세로 이동하는 동안 화면 가림 (list) ---------------------- */
html.getha-nsc-redirecting{ background:#fff; }
html.getha-nsc-redirecting body{ visibility:hidden; }

/* ==========================================================================
   목록 갤러리 재구성 : 정방형 꽉찬 썸네일 + PC 4열 / 태블릿 3열 / 모바일 2열
   (고도몰 masonry 가 인라인 스타일을 주므로 !important 필요)
   ========================================================================== */
.board_list_gallery ul#grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    position:static !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.board_list_gallery ul#grid > li,
.board_list_gallery ul#grid > li.item{
    position:static !important;
    left:auto !important; top:auto !important; right:auto !important;
    width:auto !important; max-width:none !important;
    margin:0 !important; padding:0 !important;
    float:none !important;
}
.board_list_gallery ul#grid > li .gallery_cont{ width:auto !important; margin:0 !important; }

/* 썸네일 : 정방형 프레임에 여백 없이 꽉 채움 */
.board_list_gallery .board_img{ margin:0 !important; padding:0 !important; }
.board_list_gallery .board_img > a{
    display:block !important; position:relative;
    width:100% !important; aspect-ratio:1 / 1;
    overflow:hidden; background:#EFEDE8; border-radius:2px;
}
.board_list_gallery .board_img > a > img{
    width:100% !important; height:100% !important; max-width:none !important;
    object-fit:cover !important; object-position:center center !important;
    display:block !important; margin:0 !important; border:0 !important;
    transition:transform .45s ease;
}
.board_list_gallery .board_img > a:hover > img{ transform:scale(1.04); }
/* aspect-ratio 미지원 브라우저 폴백 */
@supports not (aspect-ratio: 1 / 1){
    .board_list_gallery .board_img > a{ height:0 !important; padding-top:100% !important; }
    .board_list_gallery .board_img > a > img{ position:absolute; left:0; top:0; }
}

.board_list_gallery .gallery_info_cont{ padding:10px 2px 0 !important; }
/* 제목 : 한 줄 고정 + 말줄임 */
.board_list_gallery .board_tit{
    display:block; min-width:0;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.board_list_gallery .board_tit > a{
    display:block; min-width:0;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.board_list_gallery .board_tit strong{
    display:inline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    font-size:13px; font-weight:500; letter-spacing:-0.02em; line-height:1.4;
    color:var(--getha-nsc-ink);
}
/* 제목 옆 잔여 아이콘이 생겨도 줄을 밀지 않도록 */
.board_list_gallery .board_tit img{ vertical-align:middle; margin-right:2px; }
/* 제목 아래 구분선 */
.board_list_gallery .board_tit{
    padding-bottom:9px;
    border-bottom:1px solid var(--getha-nsc-line);
}

@media screen and (min-width:768px){
    .board_list_gallery ul#grid{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:16px !important; }
    .board_list_gallery .board_tit strong{ font-size:14px; }
}
@media screen and (min-width:1025px){
    .board_list_gallery ul#grid{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:20px !important; }
}

/* ==========================================================================
   상세 하단 버튼 (삭제 / 수정 / 답글 / 목록) - 가운데 정렬 + 모던 스타일
   ========================================================================== */
.getha-nsc-viewbtns{
    display:flex !important; flex-wrap:wrap;
    align-items:center; justify-content:center; gap:8px;
    float:none !important; width:100% !important;
    margin:36px 0 0 !important; padding:0 !important;
    text-align:center !important;
}
.getha-nsc-viewbtns button{
    float:none !important;
    margin:0 !important; padding:0 22px !important;
    min-width:92px; height:46px;
    background:#fff !important; background-image:none !important;
    border:1px solid var(--getha-nsc-line) !important; border-radius:var(--getha-nsc-radius) !important;
    color:var(--getha-nsc-ink) !important;
    font-size:14px !important; line-height:44px !important; letter-spacing:-0.02em;
    cursor:pointer;
    transition:border-color .2s ease, color .2s ease, background-color .2s ease;
}
.getha-nsc-viewbtns button strong,
.getha-nsc-viewbtns button em{
    font-weight:400 !important; font-size:inherit !important; color:inherit !important;
    background:none !important; padding:0 !important; line-height:inherit !important;
}
.getha-nsc-viewbtns button:hover{
    border-color:var(--getha-nsc-green) !important;
    color:var(--getha-nsc-green) !important;
    background:var(--getha-nsc-sand) !important;
}
.getha-nsc-viewbtns .btn_board_list{
    background:var(--getha-nsc-green) !important;
    border-color:var(--getha-nsc-green) !important;
    color:#fff !important;
}
.getha-nsc-viewbtns .btn_board_list strong{ color:#fff !important; }
.getha-nsc-viewbtns .btn_board_list:hover{
    background:var(--getha-nsc-green-dk) !important;
    border-color:var(--getha-nsc-green-dk) !important;
}
.getha-nsc-viewbtns .btn_board_del:hover{
    border-color:#D0021B !important; color:#D0021B !important; background:#FDF3F4 !important;
}

/* ==========================================================================
   무한 스크롤 (list) : 페이지 넘버링 대체
   ========================================================================== */
.board_zone_list > .pagination{ display:none !important; }

.getha-nsc-more{
    display:flex; align-items:center; justify-content:center;
    min-height:64px; margin:24px 0 0;
    color:var(--getha-nsc-ink-sub); font-size:13px; letter-spacing:-0.02em;
}
.getha-nsc-more__spinner{
    display:none;
    width:22px; height:22px;
    border:2px solid var(--getha-nsc-line); border-top-color:var(--getha-nsc-green);
    border-radius:50%;
    animation:gethaNscSpin .7s linear infinite;
}
@keyframes gethaNscSpin{ to{ transform:rotate(360deg); } }

.getha-nsc-more__text{ display:none; margin:0; }
.getha-nsc-more__text--end{ color:var(--getha-nsc-ink-sub); }
.getha-nsc-more__text--error{ color:#D0021B; }
.getha-nsc-more__retry{
    margin-left:6px; padding:0; background:none; border:0;
    color:var(--getha-nsc-green); font-size:13px; text-decoration:underline; cursor:pointer;
}

.getha-nsc-more.is-loading .getha-nsc-more__spinner{ display:block; }
.getha-nsc-more.is-end .getha-nsc-more__text--end{ display:block; }
.getha-nsc-more.is-error .getha-nsc-more__text--error{ display:block; }

@media (prefers-reduced-motion: reduce){
    .getha-nsc-more__spinner{ animation-duration:2s; }
    .board_list_gallery .board_img > a:hover > img{ transform:none; }
}

/* 하단 검색창 비노출 (list) ---------------------------------------------- */
.board_zone_list > .board_search_box,
.board_search_box{ display:none !important; }

/* 카드 하단 메타 : 작성자 아이디(좌) / 조회수(우) ------------------------- */
.getha-nsc-meta{
    display:flex; align-items:center; justify-content:space-between; gap:8px;
    margin:9px 0 0; min-width:0;
    color:var(--getha-nsc-ink-sub);
    font-size:12px; line-height:1.4; letter-spacing:-0.02em;
}
.getha-nsc-meta__writer{
    min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.getha-nsc-meta__hit{ flex:0 0 auto; }

/* 구 작성자/조회수 블록 잔존 시 숨김 */
.board_list_gallery .board_name_day,
.board_list_gallery .board_likeit_hits{ display:none !important; }

/* ==========================================================================
   페이지별 폭 : 목록/상세는 PC 풀와이드, 글쓰기는 좁은 중앙 정렬
   ========================================================================== */
@media screen and (min-width:1025px){
    .board_zone_sec.getha-nsc-page--list,
    .board_zone_sec.getha-nsc-page--view{
        max-width:none !important;
        width:auto !important;
        margin-left:0 !important; margin-right:0 !important;
        padding-left:48px !important; padding-right:48px !important;
    }
    /* 풀와이드여도 PC 는 4열 고정 (요청 사양) */
    .getha-nsc-page--list .board_list_gallery ul#grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:24px !important;
    }
    /* 상세 : 섹션 여백 0, 블록별로 여백 → 제목/작성자 줄이 화면 끝까지 */
    .board_zone_sec.getha-nsc-page--view{ padding-left:0 !important; padding-right:0 !important; }
    .getha-nsc-page--view .board_zone_cont{ padding-left:0 !important; padding-right:0 !important; }
    .getha-nsc-page--view .getha-nsc-coupon{
        margin-left:0 !important; margin-right:0 !important;
        border-radius:0 !important;
        padding-left:48px !important; padding-right:48px !important;
    }
    .getha-nsc-page--view .board_zone_view{
        max-width:none !important; margin-left:0 !important; margin-right:0 !important;
        padding-left:48px !important; padding-right:48px !important;
    }
    .getha-nsc-page--view .getha-nsc-viewbtns{
        max-width:none !important; margin-left:0 !important; margin-right:0 !important;
        padding-left:48px !important; padding-right:48px !important;
    }
    /* 본문(사진·텍스트)만 읽기 좋은 폭으로 가운데 정렬 */
    .getha-nsc-page--view .board_view_content{
        max-width:1080px; margin-left:auto !important; margin-right:auto !important;
    }
}
/* (구 규칙 제거) 섹션 자체 패딩은 0으로 두고 블록별로 여백을 준다 */

/* 글쓰기 : 한눈에 들어오는 좁은 폼 ---------------------------------------- */
.board_zone_sec.getha-nsc-page--write{
    max-width:760px !important; width:100% !important;
    margin-left:auto !important; margin-right:auto !important;
    padding-left:20px !important; padding-right:20px !important;
}
.getha-nsc-page--write .board_write_table{ width:100% !important; table-layout:fixed; }
.getha-nsc-page--write .board_write_table th{
    width:96px !important;
    padding:14px 0 !important;
    color:var(--getha-nsc-ink); font-size:13px; font-weight:500; text-align:center !important;
    vertical-align:middle;
}
.getha-nsc-page--write .board_write_table td{
    padding:9px 0 !important;
    vertical-align:middle;
}
.getha-nsc-page--write .board_write_table input[type="text"],
.getha-nsc-page--write .board_write_table input[type="password"],
.getha-nsc-page--write .board_write_table select{
    max-width:100%;
    height:44px; padding:0 12px;
    border:1px solid var(--getha-nsc-line); border-radius:var(--getha-nsc-radius);
    font-size:14px; letter-spacing:-0.02em;
}
.getha-nsc-page--write .board_write_table input[type="text"]:focus,
.getha-nsc-page--write .board_write_table input[type="password"]:focus,
.getha-nsc-page--write .board_write_table select:focus{
    border-color:var(--getha-nsc-green); outline:none;
}
.getha-nsc-page--write .board_write_table input[name="subject"],
.getha-nsc-page--write .board_write_table input[name="writerNm"]{ width:100% !important; }
.getha-nsc-page--write .write_editor textarea,
.getha-nsc-page--write .write_editor .se2_inputarea{ width:100% !important; }
.getha-nsc-page--write .btn_center_box{ margin-top:28px !important; text-align:center; }
.getha-nsc-page--write .btn_center_box button{
    min-width:120px; height:48px; padding:0 24px !important; margin:0 4px !important;
    border-radius:var(--getha-nsc-radius) !important; font-size:15px !important;
}
.getha-nsc-page--write .btn_center_box .btn_write_ok{
    background:var(--getha-nsc-green) !important; border:1px solid var(--getha-nsc-green) !important; color:#fff !important;
}
.getha-nsc-page--write .btn_center_box .btn_write_ok strong{ color:#fff !important; font-weight:500 !important; }
.getha-nsc-page--write .btn_center_box .btn_before{
    background:#fff !important; border:1px solid var(--getha-nsc-line) !important; color:var(--getha-nsc-ink) !important;
}
.getha-nsc-page--write .btn_center_box .btn_before strong{ font-weight:400 !important; }

@media screen and (max-width:767px){
    .getha-nsc-page--write .board_write_table th{ width:72px !important; font-size:12px; }
}

/* ==========================================================================
   PC 풀와이드 보정 : 상단 배너 max-width 1600 해제 + 히어로 풀블리드
   ========================================================================== */
@media screen and (min-width:1025px){
    /* 섹션 자체는 여백 0, 안쪽 블록별로 여백을 준다 */
    .board_zone_sec.getha-nsc-page--list{
        padding-left:0 !important; padding-right:0 !important;
    }
    /* 게시판 상단 HTML(배너) : 1600px 제한 해제 → 화면 끝까지 */
    #subTopImgSlider.addition_zone{
        max-width:none !important; width:100% !important;
        margin-left:0 !important; margin-right:0 !important;
        padding-left:0 !important; padding-right:0 !important;
    }
    #subTopImgSlider.addition_zone img{
        width:100% !important; height:auto !important; display:block; margin:0 !important;
    }
    /* 캠페인 히어로 : 화면 끝까지 */
    .getha-nsc-page--list .getha-nsc-hero{
        margin-left:0 !important; margin-right:0 !important;
        border-radius:0 !important;
        padding-left:48px !important; padding-right:48px !important;
    }
    /* 목록 카드 영역만 좌우 여백 */
    .getha-nsc-page--list .board_zone_cont{
        padding-left:48px !important; padding-right:48px !important;
    }
    /* 기존 스킨의 -5px 오프셋 제거 (히어로와 그리드 좌측 정렬 어긋남) */
    .getha-nsc-page--list .board_list_gallery{
        margin-left:0 !important; margin-right:0 !important;
    }
}
@media screen and (min-width:1600px){
    .getha-nsc-page--list .getha-nsc-hero,
    .getha-nsc-page--list .board_zone_cont{
        padding-left:72px !important; padding-right:72px !important;
    }
}

/* ==========================================================================
   상세 : 첨부파일 줄과 본문 이미지 사이 간격
   ========================================================================== */
.getha-nsc-page--view .board_view_attach{
    padding-top:14px !important; padding-bottom:14px !important;
}
.getha-nsc-page--view .board_view_content{
    padding-top:32px !important;
}
.getha-nsc-page--view .board_view_content .seem_cont > div{
    margin-top:0 !important;
}
.getha-nsc-page--view .board_view_content img{
    max-width:100%; height:auto;
}
@media screen and (max-width:767px){
    .getha-nsc-page--view .board_view_content{ padding-top:20px !important; }
}

@media screen and (min-width:1600px){
    .getha-nsc-page--view .getha-nsc-coupon,
    .getha-nsc-page--view .board_zone_view,
    .getha-nsc-page--view .getha-nsc-viewbtns{
        padding-left:72px !important; padding-right:72px !important;
    }
}

/* ==========================================================================
   [최종 기준] 콘텐츠 폭 1300px
   - 배경(상단 배너 / 히어로 / 쿠폰 영역)은 화면 끝까지 풀블리드
   - 실제 콘텐츠(카드 그리드, 상세 제목·작성자·본문·버튼)는 1300px 중앙 정렬
   - 글 작성 폼은 760px 유지 (위쪽 .getha-nsc-page--write 규칙)
   ※ 위쪽의 풀와이드 관련 규칙을 의도적으로 덮어씁니다
   ========================================================================== */
:root{ --getha-nsc-maxw:1300px; }

@media screen and (min-width:1025px){
    .board_zone_sec.getha-nsc-page--list,
    .board_zone_sec.getha-nsc-page--view{
        max-width:none !important; width:auto !important;
        padding-left:0 !important; padding-right:0 !important;
        margin-left:0 !important; margin-right:0 !important;
    }

    /* 상단 배너 : 화면 끝까지 */
    #subTopImgSlider.addition_zone{
        max-width:none !important; width:100% !important;
        margin:0 !important; padding:0 !important;
    }
    #subTopImgSlider.addition_zone img{
        width:100% !important; height:auto !important; display:block; margin:0 !important;
    }

    /* 히어로 : 배경만 풀블리드 (내용은 가운데 정렬이라 자연히 중앙) */
    .getha-nsc-page--list .getha-nsc-hero{
        margin-left:0 !important; margin-right:0 !important;
        border-radius:0 !important;
        padding-left:24px !important; padding-right:24px !important;
    }

    /* 목록 카드 : 1300 중앙 */
    .getha-nsc-page--list .board_zone_cont{
        max-width:var(--getha-nsc-maxw) !important;
        margin-left:auto !important; margin-right:auto !important;
        padding-left:20px !important; padding-right:20px !important;
    }
    .getha-nsc-page--list .board_list_gallery ul#grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:20px !important;
    }

    /* 상세 쿠폰 영역 : 배경만 풀블리드 */
    .getha-nsc-page--view .getha-nsc-coupon{
        margin-left:0 !important; margin-right:0 !important;
        border-radius:0 !important;
        padding-left:24px !important; padding-right:24px !important;
    }
    /* 상세 콘텐츠 : 1300 중앙 */
    .getha-nsc-page--view .board_zone_cont{
        padding-left:0 !important; padding-right:0 !important;
    }
    .getha-nsc-page--view .board_zone_view,
    .getha-nsc-page--view .getha-nsc-viewbtns{
        max-width:var(--getha-nsc-maxw) !important;
        margin-left:auto !important; margin-right:auto !important;
        padding-left:20px !important; padding-right:20px !important;
    }
    /* 본문 별도 제한 해제 : 1300 컨테이너를 그대로 사용 */
    .getha-nsc-page--view .board_view_content{
        max-width:none !important;
        margin-left:0 !important; margin-right:0 !important;
    }
}

/* ==========================================================================
   [최종] 상세 페이지 재구성
   - 순서 : 사진(본문) → 제목 → 작성자/조회수 → 첨부파일 → 댓글
   - 폭   : 글쓰기 폼과 동일한 760px
   ========================================================================== */
.getha-nsc-page--view .board_zone_view{
    display:flex; flex-direction:column;
}
.getha-nsc-page--view .board_view_content{ order:1; padding-top:0 !important; }
.getha-nsc-page--view .board_view_tit{ order:2; }
.getha-nsc-page--view .board_view_info{ order:3; }
.getha-nsc-page--view .board_view_attach{ order:4; }
.getha-nsc-page--view .board_view_link{ order:5; }
.getha-nsc-page--view .board_view_comment{ order:6; }

/* 사진과 제목 사이 간격 */
.getha-nsc-page--view .board_view_content{ margin-bottom:28px !important; }

/* 글쓰기 폼과 동일한 폭 */
@media screen and (min-width:1025px){
    .getha-nsc-page--view .board_zone_view,
    .getha-nsc-page--view .getha-nsc-viewbtns{
        max-width:760px !important;
        margin-left:auto !important; margin-right:auto !important;
        padding-left:20px !important; padding-right:20px !important;
    }
}
@media screen and (max-width:1024px){
    .getha-nsc-page--view .board_zone_view,
    .getha-nsc-page--view .getha-nsc-viewbtns{
        max-width:760px; margin-left:auto; margin-right:auto;
    }
}

/* ==========================================================================
   상단 여백 : GNB 와 콘텐츠가 붙는 문제
   (기존 스킨이 .board_view_content 에 margin-top:-50px 을 걸고 있어 함께 해제)
   ========================================================================== */
.getha-nsc-page--view .board_view_content{
    margin-top:0 !important;
}
.getha-nsc-page--view .board_zone_view{
    padding-top:24px !important;   /* 기존 스킨 여백 50px + 24px = 약 74px */
}
.board_zone_sec.getha-nsc-page--write{
    padding-top:56px !important;
}
@media screen and (max-width:767px){
    .getha-nsc-page--view .board_zone_view{ padding-top:8px !important; }
    .board_zone_sec.getha-nsc-page--write{ padding-top:28px !important; }
}

/* ==========================================================================
   글쓰기 폼 정렬 : 항목명(th) 가운데 / 입력값(td) 왼쪽 + 약간의 들여쓰기
   ========================================================================== */
.getha-nsc-page--write .board_write_table th{
    text-align:center !important;
    padding-left:8px !important; padding-right:8px !important;
}
.getha-nsc-page--write .board_write_table td{
    text-align:left !important;
    padding-left:18px !important;
}
/* td 안쪽 블록들도 좌측 기준으로 */
.getha-nsc-page--write .board_write_table td .form_element,
.getha-nsc-page--write .board_write_table td .category_select,
.getha-nsc-page--write .board_write_table td .file_upload_sec,
.getha-nsc-page--write .board_write_table td .btn_upload_box,
.getha-nsc-page--write .board_write_table td .write_editor,
.getha-nsc-page--write .board_write_table td .board_goods_select{
    text-align:left !important;
}
/* 첨부파일 안내 문구 */
.getha-nsc-page--write .getha-nsc-filehelp{
    text-align:left !important;
}
/* 자동등록방지 : 이미지 왼쪽 + 설명·입력창 왼쪽 정렬 */
.getha-nsc-page--write .capcha{
    display:flex !important; align-items:center; gap:16px;
    text-align:left !important;
}
.getha-nsc-page--write .capcha_img{ flex:0 0 auto; margin:0 !important; }
.getha-nsc-page--write .capcha_txt{
    flex:1 1 auto; text-align:left !important; margin:0 !important;
}
.getha-nsc-page--write .capcha_txt p{
    text-align:left !important; margin:0 0 8px !important;
    font-size:13px; line-height:1.6; letter-spacing:-0.02em;
}
.getha-nsc-page--write .capcha_txt p br{ display:none; }
.getha-nsc-page--write .capcha_txt input.captcha{ margin:0 8px 0 0 !important; }

@media screen and (max-width:767px){
    .getha-nsc-page--write .board_write_table td{ padding-left:10px !important; }
    .getha-nsc-page--write .capcha{ flex-direction:column; gap:10px; }
}

/* ==========================================================================
   글쓰기 폼 마감 : 캡차 이미지 폭 축소 / 세로 가운데 / 첨부 입력창 높이 정리
   ========================================================================== */
/* 자동등록방지 이미지 : 여백 없이 이미지에 맞게 축소 */
.getha-nsc-page--write .capcha_img{
    flex:0 0 auto;
    width:auto !important; min-width:0 !important; max-width:220px;
    padding:6px !important; margin:0 !important;
    display:inline-flex !important; align-items:center; justify-content:center;
}
.getha-nsc-page--write .capcha_img img{
    display:block; max-width:100%; height:auto; margin:0 !important;
}
/* 입력 영역을 이미지와 세로 가운데 맞춤 */
.getha-nsc-page--write .capcha{ align-items:center !important; }
.getha-nsc-page--write .capcha_txt{
    display:flex; flex-direction:column; justify-content:center;
}
.getha-nsc-page--write .capcha_txt input.captcha{
    height:38px !important; line-height:38px !important;
    max-width:200px; margin:0 0 8px 0 !important;
}

/* 첨부파일 : 텍스트 박스 높이를 '찾아보기' 버튼과 동일하게 */
.getha-nsc-page--write .file_upload_sec{
    display:flex !important; align-items:center; gap:8px; flex-wrap:wrap;
    margin:0 0 8px !important;
}
.getha-nsc-page--write .file_upload_sec > label{
    flex:0 1 320px; max-width:320px; min-width:0; margin:0 !important;
}
.getha-nsc-page--write .file_upload_sec .file_text,
.getha-nsc-page--write .board_write_table .file_upload_sec input.file_text{
    width:100% !important;
    height:38px !important; line-height:38px !important;
    padding:0 12px !important;
    box-sizing:border-box;
}
.getha-nsc-page--write .file_upload_sec .btn_upload_box{
    flex:0 0 auto; display:flex; align-items:center; gap:8px; margin:0 !important;
}
.getha-nsc-page--write .file_upload_sec .btn_upload,
.getha-nsc-page--write .file_upload_sec .btn_gray_big{
    height:38px !important; line-height:36px !important; padding:0 16px !important;
    box-sizing:border-box;
}
.getha-nsc-page--write .file_upload_sec .form_element{ flex:1 1 100%; margin:0 0 4px !important; }

@media screen and (max-width:767px){
    .getha-nsc-page--write .capcha_img{ max-width:180px; }
    .getha-nsc-page--write .file_upload_sec > label{ flex:1 1 100%; }
}

/* ==========================================================================
   첨부파일 버튼 : 찾아보기(브랜드 그린) / +추가(그레이) — 저장 버튼과 동일한 radius
   ========================================================================== */
/* 찾아보기 : 저장 버튼과 같은 컬러 */
.getha-nsc-page--write .file_upload_sec .btn_upload{
    background:var(--getha-nsc-green) !important;
    background-image:none !important;
    border:1px solid var(--getha-nsc-green) !important;
    border-radius:var(--getha-nsc-radius) !important;
    color:#fff !important;
    height:38px !important; line-height:36px !important;
    padding:0 18px !important;
    width:auto !important; min-width:0 !important;
    font-size:13px !important; white-space:nowrap;
    overflow:visible !important; text-indent:0 !important;
    box-sizing:border-box; cursor:pointer;
}
.getha-nsc-page--write .file_upload_sec .btn_upload em{
    display:inline !important;
    font-style:normal !important; font-size:inherit !important; font-weight:400 !important;
    color:#fff !important; background:none !important;
    padding:0 !important; margin:0 !important; line-height:inherit !important;
    width:auto !important; height:auto !important;
    white-space:nowrap; overflow:visible !important; text-indent:0 !important;
}
.getha-nsc-page--write .file_upload_sec .btn_upload:hover{
    background:var(--getha-nsc-green-dk) !important;
    border-color:var(--getha-nsc-green-dk) !important;
}

/* +추가 / 삭제 : 그레이 */
.getha-nsc-page--write .file_upload_sec .btn_gray_list{
    display:inline-flex !important; align-items:center;
    background:none !important; border:0 !important;
    margin:0 !important; padding:0 !important;
}
.getha-nsc-page--write .file_upload_sec .btn_gray_list:hover{ background:none !important; }
.getha-nsc-page--write .file_upload_sec .btn_gray_big,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button{
    background:#8C8C8C !important;
    background-image:none !important;
    border:1px solid #8C8C8C !important;
    border-radius:var(--getha-nsc-radius) !important;
    color:#fff !important;
    height:38px !important; line-height:36px !important;
    padding:0 14px !important;
    width:auto !important; min-width:0 !important;
    font-size:13px !important; white-space:nowrap;
    box-sizing:border-box; cursor:pointer;
}
.getha-nsc-page--write .file_upload_sec .btn_gray_big span,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button span{
    color:#fff !important; background:none !important;
    padding:0 !important; margin:0 !important; line-height:inherit !important;
    text-indent:0 !important; overflow:visible !important; width:auto !important;
}
.getha-nsc-page--write .file_upload_sec .btn_gray_big:hover,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button:hover{
    background:#6E6E6E !important;
    border-color:#6E6E6E !important;
    color:#fff !important;
}

/* 파일 input 이 버튼 위를 덮으며 생기는 hover 잔상 제거 */
.getha-nsc-page--write .file_upload_sec .btn_upload_box{
    background:none !important;
}
.getha-nsc-page--write .file_upload_sec .btn_upload_box:hover,
.getha-nsc-page--write .file_upload_sec label:hover{
    background:none !important;
}

/* 이미지 새로고침 버튼도 동일 radius */
.getha-nsc-page--write .capcha_txt .btn_gray_small{
    border-radius:var(--getha-nsc-radius) !important;
    height:34px !important; line-height:32px !important; padding:0 12px !important;
}

/* ==========================================================================
   [보정] 찾아보기 버튼 컬러 #333 + 잘림 방지 (수정 페이지 포함)
   ========================================================================== */
.getha-nsc-page--write .file_upload_sec .btn_upload,
.getha-nsc-page--write .file_upload_sec button.btn_upload{
    background:#333 !important;
    background-image:none !important;
    border:1px solid #333 !important;
    color:#fff !important;
}
.getha-nsc-page--write .file_upload_sec .btn_upload:hover,
.getha-nsc-page--write .file_upload_sec button.btn_upload:hover{
    background:#1A1A1A !important;
    border-color:#1A1A1A !important;
}
.getha-nsc-page--write .file_upload_sec .btn_upload em{ color:#fff !important; }

/* 버튼이 좁아지며 글자가 잘리는 것 방지 : 절대 축소되지 않게 */
.getha-nsc-page--write .file_upload_sec .btn_upload_box{
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    white-space:nowrap;
}
.getha-nsc-page--write .file_upload_sec .btn_upload,
.getha-nsc-page--write .file_upload_sec .btn_gray_big,
.getha-nsc-page--write .file_upload_sec .btn_gray_list,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button{
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    min-width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    letter-spacing:-0.02em;
}
/* 텍스트 박스만 줄어들도록 */
.getha-nsc-page--write .file_upload_sec > label{
    flex:1 1 auto !important;
    max-width:320px !important;
    min-width:120px !important;
}
/* 기존 파일 행(수정 페이지)의 파일명 · 삭제 체크박스 줄 */
.getha-nsc-page--write .file_upload_sec .form_element{
    flex:1 1 100% !important;
    display:flex; align-items:center; gap:8px;
    margin:0 0 6px !important;
}
.getha-nsc-page--write .file_upload_sec .form_element .link_file_down{
    color:var(--getha-nsc-green); text-decoration:none;
}

/* ==========================================================================
   [보정2] '+ 추가' 버튼 잘림 : 텍스트 박스를 더 줄이고 버튼 영역 넉넉히 확보
   ========================================================================== */
.getha-nsc-page--write .file_upload_sec > label{
    flex:1 1 auto !important;
    max-width:260px !important;
    min-width:100px !important;
}
/* 버튼을 감싸는 모든 래퍼가 잘라내지 않도록 */
.getha-nsc-page--write .file_upload_sec .btn_upload_box,
.getha-nsc-page--write .file_upload_sec .btn_gray_list{
    overflow:visible !important;
    width:auto !important; max-width:none !important;
    flex:0 0 auto !important; flex-shrink:0 !important;
    display:inline-flex !important; align-items:center; gap:8px;
    text-overflow:clip !important;
}
/* '+ 추가' 좌우 여백 확보 */
.getha-nsc-page--write .file_upload_sec .btn_gray_big,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button{
    padding:0 18px !important;
    min-width:max-content !important;
    overflow:visible !important;
    text-overflow:clip !important;
}
.getha-nsc-page--write .file_upload_sec .btn_gray_big span,
.getha-nsc-page--write .file_upload_sec .btn_gray_list button span{
    display:inline-block !important;
    white-space:nowrap !important;
    overflow:visible !important;
    width:auto !important; min-width:0 !important;
    text-overflow:clip !important;
}
/* 행 전체가 넘치면 버튼이 아래로 내려가되 잘리지는 않게 */
.getha-nsc-page--write .file_upload_sec{
    flex-wrap:wrap !important;
    overflow:visible !important;
}
.getha-nsc-page--write .board_write_table td#uploadBox{
    overflow:visible !important;
}

/* ==========================================================================
   [보정3] 수정 페이지 첨부파일 : 기존 파일명·삭제를 자기 입력창 '아래'로
   (마크업상 파일명이 입력창보다 앞에 있어 윗행에 딸린 것처럼 보이던 문제)
   ========================================================================== */
.getha-nsc-page--write .file_upload_sec{
    display:flex !important; flex-wrap:wrap !important;
    align-items:center; gap:8px;
    margin:0 0 18px !important;          /* 파일 묶음 사이 간격 */
}
.getha-nsc-page--write .file_upload_sec:last-child{ margin-bottom:0 !important; }

.getha-nsc-page--write .file_upload_sec > label{ order:1 !important; }
.getha-nsc-page--write .file_upload_sec .btn_upload_box{ order:2 !important; }
.getha-nsc-page--write .file_upload_sec .form_element{
    order:3 !important;
    flex:1 1 100% !important;
    display:flex !important; align-items:center; gap:8px;
    margin:2px 0 0 !important;           /* 입력창 바로 아래 바짝 */
    padding:0 !important;
    font-size:12px; line-height:1.5; letter-spacing:-0.02em;
}
.getha-nsc-page--write .file_upload_sec .form_element .link_file_down{
    font-size:12px; color:var(--getha-nsc-green); text-decoration:none;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:260px;
}
.getha-nsc-page--write .file_upload_sec .form_element .link_file_down:hover{ text-decoration:underline; }
.getha-nsc-page--write .file_upload_sec .form_element label.check_s{
    font-size:12px; color:var(--getha-nsc-ink-sub); margin:0 !important;
}

/* ==========================================================================
   [보정4] 목록 진입 시 카드가 옆에서 밀려오는 현상 제거
   masonry(Outlayer)가 배치할 때 transform: translate3d + transition 0.4s 를
   인라인으로 넣는다. position:static 으로 덮어도 transform 은 살아 있어
   카드가 이동했다가 제자리로 튕겨 보인다. → 카드 단위 모션을 전면 차단.
   (썸네일 hover 확대는 img 요소라 영향 없음)
   ========================================================================== */
.board_list_gallery ul#grid > li,
.board_list_gallery ul#grid > li.item,
.board_list_gallery ul#grid > li > .gallery_cont{
    transform:none !important;
    -webkit-transform:none !important;
    transition:none !important;
    -webkit-transition:none !important;
    animation:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* ==========================================================================
   쿠폰 3종 카드 (view)
   ========================================================================== */
.getha-nsc-cplist{
    display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;
    margin:0 auto 22px; padding:0; max-width:520px; list-style:none;
}
.getha-nsc-cp{
    padding:18px 10px;
    background:#fff; border:1px solid var(--getha-nsc-line); border-radius:var(--getha-nsc-radius);
    text-align:center; transition:border-color .2s ease, opacity .2s ease;
}
.getha-nsc-cp__benefit{
    display:block; color:var(--getha-nsc-green);
    font-size:20px; font-weight:700; line-height:1.2; letter-spacing:-0.03em;
}
.getha-nsc-cp__name{
    display:block; margin:6px 0 0; color:var(--getha-nsc-ink-sub);
    font-size:12px; letter-spacing:-0.02em;
}
.getha-nsc-cp__state{
    display:none; margin:8px 0 0;
    font-size:11px; font-weight:500; color:var(--getha-nsc-point); letter-spacing:-0.02em;
}
.getha-nsc-cp.is-owned{ border-color:var(--getha-nsc-green); background:var(--getha-nsc-sand); }
.getha-nsc-cp.is-owned .getha-nsc-cp__state{ display:block; color:var(--getha-nsc-green); }

@media screen and (max-width:480px){
    .getha-nsc-cplist{ gap:8px; }
    .getha-nsc-cp{ padding:14px 6px; }
    .getha-nsc-cp__benefit{ font-size:16px; }
    .getha-nsc-cp__name{ font-size:11px; }
}
@media screen and (min-width:768px){
    .getha-nsc-cplist{ max-width:560px; gap:12px; }
    .getha-nsc-cp{ padding:22px 12px; }
    .getha-nsc-cp__benefit{ font-size:24px; }
}


/* ==========================================================================
   [2026-09-28] 모바일 글쓰기 폼 최적화 (<=767px)
   원인 : 라이브 스킨 css/common.css 의
          @media(max-width:768px){ .board_write_table th,.board_write_table td{display:block} }
          가 이미 셀을 세로 스택시키는데, 여기에 우리 규칙
          th{width:72px} + table-layout:fixed 가 겹쳐
          라벨이 좁은 회색 박스가 되고 td 가 168px 로 찌그러졌다.
   조치 : 모바일에서는 표를 완전한 블록 레이아웃으로 전환.
   ※ PC(768px 이상) 레이아웃은 건드리지 않는다.
   ========================================================================== */
@media screen and (max-width:767px){

    /* 표 구성요소 전부 블록화 : table-layout 계산 자체를 무력화 */
    .getha-nsc-page--write .board_write_table,
    .getha-nsc-page--write .board_write_table tbody,
    .getha-nsc-page--write .board_write_table tr,
    .getha-nsc-page--write .board_write_table th,
    .getha-nsc-page--write .board_write_table td{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    .getha-nsc-page--write .board_write_table{
        table-layout:auto !important;
        border-top:0 !important;
        margin:0 0 8px !important;
    }

    /* 구분선을 셀이 아닌 '행' 단위로 */
    .getha-nsc-page--write .board_write_table tr{
        padding:16px 0 !important;
        border-bottom:1px solid var(--getha-nsc-line) !important;
    }
    .getha-nsc-page--write .board_write_table tr:last-child{ border-bottom:0 !important; }

    /* 항목명 : 회색 박스 제거, 값 위 라벨로 */
    .getha-nsc-page--write .board_write_table th{
        padding:0 0 8px !important;
        border:0 !important;
        background:none !important;
        text-align:left !important;
        font-size:12px !important;
        font-weight:600 !important;
        color:var(--getha-nsc-ink-sub) !important;
        letter-spacing:-0.02em;
        vertical-align:baseline;
    }

    /* 값 영역 */
    .getha-nsc-page--write .board_write_table td{
        padding:0 !important;
        border:0 !important;
        background:none !important;
        text-align:left !important;
        height:auto !important;
        font-size:14px;
    }

    /* 입력요소 전부 폭 100% */
    .getha-nsc-page--write .board_write_table input[type="text"],
    .getha-nsc-page--write .board_write_table input[type="password"],
    .getha-nsc-page--write .board_write_table select,
    .getha-nsc-page--write .board_write_table textarea{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* 본문 에디터(iframe) : 폭 100% -> 툴바 줄바꿈 해소 */
    .getha-nsc-page--write .write_editor iframe{
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box;
        border:1px solid var(--getha-nsc-line);
        border-radius:var(--getha-nsc-radius);
    }

    /* 비밀글 체크박스 : 에디터 위에 붙여 정리 */
    .getha-nsc-page--write td.write_editor{
        display:flex !important;
        flex-direction:column;
    }
    .getha-nsc-page--write td.write_editor > .form_element{
        order:1;
        width:auto !important;
        margin:0 0 8px !important;
    }
    .getha-nsc-page--write td.write_editor > textarea,
    .getha-nsc-page--write td.write_editor > iframe{ order:2; }

    /* 첨부파일 : 입력창은 한 줄 전체, 버튼은 아래 줄 */
    .getha-nsc-page--write .file_upload_sec > label{
        flex:1 1 100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
    .getha-nsc-page--write .file_upload_sec .btn_upload_box{
        flex:0 0 auto !important;
    }

    /* 하단 버튼 : 좌우 꽉 채워 탭하기 쉽게 */
    .getha-nsc-page--write .btn_center_box{
        display:flex !important;
        gap:8px;
        margin-top:24px !important;
    }
    .getha-nsc-page--write .btn_center_box button{
        flex:1 1 0 !important;
        min-width:0 !important;
        margin:0 !important;
    }
}

/* [2026-09-28] 상세 : 라이브 스킨 .seem_cont{margin-top:50px} 으로 생기는
   쿠폰 영역 ~ 사진 사이 과도한 공백 제거 (PC/모바일 공통) */
.getha-nsc-page--view .board_view_content .seem_cont{ margin-top:0 !important; }

/* [2026-09-28] 모바일 : 라이브 스킨이 걸어 둔 에디터 min-height:400px 해제
   (에디터를 220px 로 줄여도 이 값 때문에 아래에 180px 공백이 남았다) */
@media screen and (max-width:767px){
    .getha-nsc-page--write td.write_editor{
        min-height:0 !important;
        height:auto !important;
    }
    .getha-nsc-page--write .write_editor #editor{
        min-height:0 !important;
    }
}

/* ==========================================================================
   [2026-09-28 R2] 모바일 마감 보정
   - 값 텍스트 12px -> 14px : common.css 가
     @media(max-width:768px){ .board_write_table th,td{font-size:12px !important} }
     로 눌러두고 있어 !important 로 되받는다. (항목명 th 는 12px 유지)
   - td min-height:32px (mplshop_board.css) 해제 -> 아래 구분선과의 과한 여백 제거
   - '찾아보기' 버튼 6px 어긋남 : common.css .btn_upload_box{padding-left:6px} 해제
   ========================================================================== */
@media screen and (max-width:767px){
    .getha-nsc-page--write .board_write_table td{
        font-size:14px !important;
        line-height:1.5 !important;
        min-height:0 !important;
    }
    .getha-nsc-page--write .board_write_table th{
        font-size:12px !important;
    }
    /* 첨부 안내문구는 작게 유지 */
    .getha-nsc-page--write .getha-nsc-filehelp{ font-size:12px !important; }
    /* 기존 첨부파일명 / 삭제 체크박스도 작게 유지 */
    .getha-nsc-page--write .file_upload_sec .form_element,
    .getha-nsc-page--write .file_upload_sec .form_element .link_file_down,
    .getha-nsc-page--write .file_upload_sec .form_element label.check_s{
        font-size:12px !important;
    }

    /* '찾아보기' 버튼을 입력창 좌측 라인에 정렬 */
    .getha-nsc-page--write .file_upload_sec .btn_upload_box{
        padding-left:0 !important;
    }

    /* 상세(view) : 작성자 이름도 본문과 같은 14px */
    .getha-nsc-page--view .board_view_info,
    .getha-nsc-page--view .board_view_info strong,
    .getha-nsc-page--view .board_view_info span{
        font-size:14px !important;
    }
}

/* [2026-09-28 R2] '+추가' 버튼 숨김 (최대 장수 도달 시)
   .btn_gray_list 에 display:inline-flex !important 가 걸려 있어 특이도를 한 단계 올린다 */
.getha-nsc-page--write .file_upload_sec .btn_gray_list.getha-nsc-hide,
.getha-nsc-page--write .btn_gray_list.getha-nsc-hide{
    display:none !important;
}

/* [2026-09-28 R2] 상세 모바일 : 작성자(14px) 가 제목(13px) 보다 커 보이던 역전 해소 */
@media screen and (max-width:767px){
    .getha-nsc-page--view .board_view_tit h3{
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1.45 !important;
    }
}

/* ==========================================================================
   [2026-10-01] 쿠폰 카드 열 수를 '카드 개수'에 맞춘다
   기존 repeat(3, …) 고정이라 1장만 남기면 왼쪽 1/3 칸에만 붙어 보였다.
   ========================================================================== */
.getha-nsc-cplist{
    grid-template-columns:none !important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
}
/* 1장일 때 과도하게 넓어지지 않게 (미지원 브라우저는 기존 max-width 유지) */
.getha-nsc-cplist:has(> .getha-nsc-cp:only-child){
    max-width:300px;
}
@media screen and (max-width:480px){
    .getha-nsc-cplist:has(> .getha-nsc-cp:only-child){ max-width:220px; }
}

/* ==========================================================================
   [2026-10-01b] 카드 1장 구성 : 큰 줄 = 쿠폰명 / 작은 줄 = 쿠폰설명
   혜택 숫자('5%')보다 글자가 길어 기존 20~24px 로는 줄이 어색하게 끊긴다.
   ========================================================================== */
.getha-nsc-cp__benefit{
    font-size:15px !important;
    line-height:1.4 !important;
    word-break:keep-all;      /* 한글 단어 중간에서 끊기지 않게 */
}
.getha-nsc-cp__name{
    margin-top:8px !important;
    line-height:1.5;
    word-break:keep-all;
}
.getha-nsc-cplist:has(> .getha-nsc-cp:only-child){
    max-width:340px;
}
@media screen and (max-width:480px){
    .getha-nsc-cp__benefit{ font-size:14px !important; }
    .getha-nsc-cplist:has(> .getha-nsc-cp:only-child){ max-width:300px; }
}

/* ==========================================================================
   [2026-10-02] 말머리 = 머티리얼 스타일 라디오 버튼 (글쓰기)
   --------------------------------------------------------------------------
   ⚠ 버튼(박스)형이 아니라 **원형 라디오**다. 선택 상태를 한눈에 알 수 있게
     체크 시 테두리 + 가운데 점을 브랜드 그린으로 채운다.
   ⚠ appearance:none 으로 OS 기본 라디오를 지우고 직접 그린다.
     이걸 빼면 윈도우 크롬에서 파란 기본 라디오가 그대로 나온다.
   ========================================================================== */
.getha-nsc-cate{
    display:flex; flex-wrap:wrap;
    gap:4px 28px;
    padding:2px 0;
}
.getha-nsc-cate__item{
    display:inline-flex; align-items:center; gap:9px;
    padding:7px 0;
    border:0; border-radius:0; background:none;
    font-size:14px; letter-spacing:-0.02em;
    color:var(--getha-nsc-ink);
    cursor:pointer;
    transition:color .15s ease;
    -webkit-tap-highlight-color:transparent;
}
.getha-nsc-cate__item input[type="radio"]{
    -webkit-appearance:none; appearance:none;
    position:relative; flex:none;
    width:20px; height:20px; margin:0; padding:0;
    border:2px solid #BDBDBD; border-radius:50%;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease, box-shadow .18s ease;
}
.getha-nsc-cate__item input[type="radio"]::after{
    content:''; position:absolute;
    left:50%; top:50%;
    width:10px; height:10px; margin:-5px 0 0 -5px;
    border-radius:50%;
    background:var(--getha-nsc-green);
    transform:scale(0);
    transition:transform .18s cubic-bezier(.4,0,.2,1);
}
.getha-nsc-cate__item input[type="radio"]:checked{ border-color:var(--getha-nsc-green); }
.getha-nsc-cate__item input[type="radio"]:checked::after{ transform:scale(1); }
.getha-nsc-cate__item:hover input[type="radio"]{ border-color:var(--getha-nsc-green); }
.getha-nsc-cate__item input[type="radio"]:focus-visible{
    outline:none;
    box-shadow:0 0 0 6px rgba(13,70,51,.12);
}
.getha-nsc-cate__item:has(input:checked){
    color:var(--getha-nsc-green);
    font-weight:500;
}

/* [2026-10-02] PC 항목명(th) 줄바꿈 방지 — '기존 매트리스 타입' 이 2줄로 깨지던 현상.
   ⚠ 이 표는 table-layout:fixed 라 nowrap 만으로는 열이 넓어지지 않는다.
     열 너비는 write.html 의 <colgroup> 에서 20% 로 올려 두었고, 여기서는 보조로 막는다.
   ⚠ 모바일(767px 이하)은 th/td 가 block 으로 쌓이므로 적용하지 않는다. */
@media screen and (min-width:768px){
    .getha-nsc-page--write .board_write_table th{
        white-space:nowrap;
    }
}

@media screen and (max-width:767px){
    /* ⚠ flex 로 두면 2행이 서로 어긋난다 — 2열 그리드로 각 열을 맞춘다. */
    .getha-nsc-cate{ display:grid; grid-template-columns:1fr 1fr; gap:2px 10px; }
    .getha-nsc-cate__item{ font-size:13px; gap:8px; }
    .getha-nsc-cate__item input[type="radio"]{ width:18px; height:18px; }
    .getha-nsc-cate__item input[type="radio"]::after{ width:9px; height:9px; margin:-4.5px 0 0 -4.5px; }
}

/* ==========================================================================
   [2026-10-02] 쿠폰 카드 = 이미지 티켓 (view)
   --------------------------------------------------------------------------
   coupon.png (1000x600) 로 교체했다.
   ⚠ 이 PNG 는 좌우 반원이 **투명**이다. 카드에 배경·테두리를 두면 반원 안이
     희게 막혀 티켓 느낌이 죽는다 -> .getha-nsc-cp 의 배경/테두리/여백을 걷어낸다.
   ⚠ 앞선 [2026-10-01b] 블록이 !important 로 값을 잡아 두어서 여기서도 필요하다.
   ⚠ '발급 완료' 는 글자 줄이 아니라 티켓 위 배지로 얹는다.
     비어 있을 때는 :empty 로 완전히 숨긴다.
   ========================================================================== */
.getha-nsc-cplist,
.getha-nsc-cplist:has(> .getha-nsc-cp:only-child){
    max-width:460px !important;
}
.getha-nsc-cp{
    position:relative;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    text-align:center;
}
.getha-nsc-cp.is-owned{
    background:none !important;
    border:0 !important;
}

.getha-nsc-cp__ticket{
    position:relative;
    display:block;
    width:100%; max-width:420px;
    margin:0 auto;
}
.getha-nsc-cp__img{
    display:block;
    width:100%; height:auto;
    aspect-ratio:1000 / 600;      /* 로딩 중 레이아웃이 튀지 않게 */
    transition:opacity .2s ease;
}
.getha-nsc-cp.is-owned .getha-nsc-cp__img{ opacity:.4; }

.getha-nsc-cp__state{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%, -50%);
    margin:0 !important;
    padding:8px 18px;
    border-radius:999px;
    background:#fff;
    color:var(--getha-nsc-green) !important;
    font-size:14px !important; font-weight:600; letter-spacing:-0.02em;
    white-space:nowrap;
    box-shadow:0 3px 12px rgba(0,0,0,.18);
}
.getha-nsc-cp__state:empty{ display:none !important; }

.getha-nsc-cp__name{
    margin-top:12px !important;
    font-size:13px !important;
}

@media screen and (max-width:480px){
    .getha-nsc-cplist,
    .getha-nsc-cplist:has(> .getha-nsc-cp:only-child){ max-width:340px !important; }
    .getha-nsc-cp__ticket{ max-width:300px; }
    .getha-nsc-cp__state{ font-size:13px !important; padding:7px 15px; }
    .getha-nsc-cp__name{ font-size:12px !important; }
}

/* ==========================================================================
   [2026-10-02] 리스트 상단 개편 : 이미지 / 유의사항(아코디언) / 버튼
   --------------------------------------------------------------------------
   기존 STEP 01~03 히어로(.getha-nsc-hero)는 마크업에서 제거했다.
   ⚠ 메인 비주얼·버튼은 PC/모바일 이미지를 <picture> 로 분기한다.
     모바일 파일이 없으면 list.html 의 폴백 스크립트가 PC 이미지로 되돌린다.
   ========================================================================== */
.getha-nsc-top{
    max-width:1000px;
    margin:0 auto 36px;
    padding:0 16px;
}
.getha-nsc-top__visual{
    display:block;
    margin:0 0 24px;
}
.getha-nsc-top__visual img{
    display:block;
    width:100%; height:auto;
    margin:0 auto;
}

/* ── 유의사항 아코디언 ─────────────────────────────────────────────────── */
.getha-nsc-acc{
    border:1px solid var(--getha-nsc-line);
    border-radius:var(--getha-nsc-radius);
    background:#fff;
    overflow:hidden;
}
.getha-nsc-acc__head{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    width:100%; margin:0; padding:16px 20px;
    border:0; background:var(--getha-nsc-sand);
    font-size:15px; font-weight:600; letter-spacing:-0.02em;
    color:var(--getha-nsc-ink);
    text-align:left; cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.getha-nsc-acc__arrow{
    flex:none; width:9px; height:9px; margin-right:4px;
    border-right:2px solid var(--getha-nsc-ink-sub);
    border-bottom:2px solid var(--getha-nsc-ink-sub);
    transform:translateY(-3px) rotate(45deg);
    transition:transform .25s ease;
}
.getha-nsc-acc.is-open .getha-nsc-acc__arrow{
    transform:translateY(2px) rotate(-135deg);
}
.getha-nsc-acc__body{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
}
.getha-nsc-acc__list{
    margin:0; padding:18px 20px 20px;
    list-style:none;
}
.getha-nsc-acc__list > li{
    position:relative;
    margin-top:9px; padding-left:13px;
    font-size:14px; line-height:1.65; letter-spacing:-0.02em;
    color:var(--getha-nsc-ink-sub);
    word-break:keep-all;
}
.getha-nsc-acc__list > li:first-child{ margin-top:0; }
.getha-nsc-acc__list > li::before{
    content:''; position:absolute; left:2px; top:9px;
    width:3px; height:3px; border-radius:50%;
    background:var(--getha-nsc-ink-sub);
}
.getha-nsc-acc__list ul{
    margin:6px 0 0; padding:0; list-style:none;
}
.getha-nsc-acc__list ul li{
    position:relative; padding-left:13px;
    font-size:13px; line-height:1.6; color:#999;
}
.getha-nsc-acc__list ul li::before{
    content:'*'; position:absolute; left:2px; top:0;
    width:auto; height:auto; background:none; border-radius:0;
}

/* ── 참여 버튼 ─────────────────────────────────────────────────────────── */
.getha-nsc-top__cta{
    margin-top:28px;
    text-align:center;
}
.getha-nsc-cta{
    display:block;
    width:100%; max-width:420px;
    margin:0 auto;
    transition:opacity .2s ease, transform .2s ease;
}
.getha-nsc-cta:hover{ opacity:.88; }
.getha-nsc-cta:active{ transform:translateY(1px); }
.getha-nsc-cta img{
    display:block;
    width:100%; height:auto;
}
.getha-nsc-top__help{
    margin:14px 0 0;
    font-size:13px; line-height:1.6; letter-spacing:-0.02em;
    color:var(--getha-nsc-ink-sub);
    word-break:keep-all;
}

@media screen and (max-width:767px){
    .getha-nsc-top{ margin-bottom:28px; padding:0 14px; }
    .getha-nsc-top__visual{ margin-bottom:20px; }
    .getha-nsc-acc__head{ padding:14px 16px; font-size:14px; }
    .getha-nsc-acc__list{ padding:16px; }
    .getha-nsc-acc__list > li{ font-size:13px; }
    .getha-nsc-acc__list ul li{ font-size:12px; }
    .getha-nsc-top__cta{ margin-top:22px; }
    .getha-nsc-cta{ max-width:340px; }
    .getha-nsc-top__help{ font-size:12px; }
}

/* ==========================================================================
   [2026-10-02b] 상단 영역을 '한 장의 이미지'처럼 이어 붙인다
   --------------------------------------------------------------------------
   업로드된 메인 비주얼의 배경을 화면 캡처에서 실측한 결과 #daeee3 (연녹색)이다.
   -> 아코디언과 버튼 영역도 같은 색으로 깔고, 테두리와 사이 여백을 없앤다.
   ⚠ 시안(목업)은 흰 배경이었지만 실제 업로드본은 연녹색이다. 색을 바꾸려면
     아래 --getha-nsc-top-bg 한 곳만 고치면 된다.
   ⚠ 모바일은 메인 이미지를 화면 좌우 끝까지 채운다.
     부모(.board_zone_sec 등)의 좌우 여백을 넘어가야 하므로
     width:100vw + margin:calc(50% - 50vw) 로 빼낸다.
   ========================================================================== */
.getha-nsc-top{
    background:#fff;
    padding:0;
}
.getha-nsc-top__visual{
    margin:0;                      /* 이미지 <-> 아코디언 유격 제거 */
}
.getha-nsc-acc{
    border:0 !important;           /* 외곽선 제거 */
    border-radius:0;
    background:#fff;
    overflow:hidden;
}
.getha-nsc-acc__head{
    background:#fff;               /* 메인 이미지 배경과 동일 */
    padding:18px 20px;
}
.getha-nsc-acc__body{
    background:#fff;
}
.getha-nsc-acc__list{
    padding:0 20px 18px;
}
.getha-nsc-top__cta{
    margin-top:16px;
    background:#fff;
}

@media screen and (max-width:767px){
    .getha-nsc-top{ padding:0; margin-bottom:28px; }

    /* 메인 이미지 : 화면 좌우 가득 */
    .getha-nsc-top__visual{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
    }

    .getha-nsc-acc__head{ padding:16px; }
    .getha-nsc-acc__list{ padding:0 16px 16px; }
    .getha-nsc-top__cta{ margin-top:12px; }
}

/* [2026-10-02c] 상단 영역 배경색을 메인 이미지와 동일하게 (#daeee3 실측) */
:root{ --getha-nsc-top-bg:#daeee3; }
.getha-nsc-top,
.getha-nsc-acc,
.getha-nsc-acc__head,
.getha-nsc-acc__body,
.getha-nsc-top__cta{
    background:var(--getha-nsc-top-bg) !important;
}
.getha-nsc-top__cta{
    padding-bottom:22px;
}

/* PC 이미지가 아직 없어 모바일 이미지로 대체된 경우 — 과하게 늘어나지 않게 */
.getha-nsc-top__visual.is-fallback img{ max-width:520px; margin:0 auto; }
.getha-nsc-top__visual.is-fallback img{ max-width:520px !important; margin:0 auto; }

/* ==========================================================================
   [2026-10-02d] PC 풀 와이드 : 배경은 화면 끝까지, 콘텐츠는 1200px 중앙
   --------------------------------------------------------------------------
   부모(.board_zone_sec.getha-nsc-page--list)는 좌우 패딩이 0이고
   overflow-x:hidden 이 걸려 있다 -> width:100% 만으로 화면 끝까지 닿는다.
   ⚠ 100vw 는 세로 스크롤바(15px)만큼 넘쳐 부모에서 잘리므로 쓰지 않는다.
   ⚠ 이미지는 1200px 제작본 기준. 그보다 넓은 화면에서는 배경만 늘어난다.
   ========================================================================== */
.getha-nsc-top{
    max-width:none !important;
    width:100%;
    margin-left:0;
    margin-right:0;
    padding:0;
}
.getha-nsc-top__visual img,
.getha-nsc-acc,
.getha-nsc-top__cta{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.getha-nsc-acc__head{ padding-left:24px; padding-right:24px; }
.getha-nsc-acc__list{ padding-left:24px; padding-right:24px; }

@media screen and (max-width:767px){
    /* 모바일은 이미 좌우 가득이므로 안쪽 여백만 되돌린다 */
    .getha-nsc-top__visual img{ max-width:none; }
    .getha-nsc-acc__head{ padding-left:16px; padding-right:16px; }
    .getha-nsc-acc__list{ padding-left:16px; padding-right:16px; }
}
/* ⚠ 스킨 공용 CSS 에 img{max-width:100% !important} 가 있어 !important 가 필요하다 */
.getha-nsc-top__visual img{ max-width:1200px !important; }
@media screen and (max-width:767px){
    .getha-nsc-top__visual img{ max-width:none !important; }
}

/* [2026-10-02e] 이미지 업스케일 방지
   ⚠ width:100% 로 두면 원본보다 큰 칸에서 억지로 늘어나 흐려진다.
     (업로드된 visual_pc.png 실측 1000x960 -> 1200 칸에서 1.2배 확대되고 있었다)
   width:auto 로 원본 크기를 지키고, 칸이 좁아지면 그때만 줄인다. */
.getha-nsc-top__visual img{
    width:auto !important;
    max-width:min(1200px, 100%) !important;
}
@media screen and (max-width:767px){
    /* 모바일은 좌우 가득이 우선 — 원본(860px)보다 화면이 좁으므로 축소만 일어난다 */
    .getha-nsc-top__visual img{ width:100% !important; max-width:100% !important; }
}

/* ==========================================================================
   [2026-10-06] 아코디언 헤더 가독성 개선
   --------------------------------------------------------------------------
   문제 : 제목은 왼쪽 끝, 화살표는 오른쪽 끝이라 둘 사이가 멀어
          '눌러서 펼치는 영역'으로 읽히지 않고 그냥 지나치기 쉬웠다.
   조치 : ① 화살표를 글 바로 옆으로 붙인다 (space-between -> flex-start)
          ② 제목을 2단계 키운다 (15 -> 19px / 모바일 14 -> 17px)
          ③ 보조문구는 작게 + 배경(#daeee3)에 어울리는 밝은 초록으로 구분
   ⚠ 보조문구 색은 --getha-nsc-acc-sub 한 곳에서 관리한다.
   ========================================================================== */
:root{ --getha-nsc-acc-sub:#2E7D5B; }

.getha-nsc-acc__head{
    justify-content:flex-start;   /* 화살표를 글 바로 뒤로 */
    gap:10px;
    align-items:center;
}
.getha-nsc-acc__title{
    display:inline-flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:7px;
    font-size:19px;               /* 15 -> 19 (2단계 up) */
    line-height:1.35;
}
.getha-nsc-acc__title-sub{
    font-size:13px;
    font-weight:500;
    color:var(--getha-nsc-acc-sub);
    letter-spacing:-0.02em;
    white-space:nowrap;
}
.getha-nsc-acc__arrow{
    margin-right:0;
    border-color:var(--getha-nsc-acc-sub);   /* 보조문구와 같은 톤으로 묶는다 */
    border-width:2px;
}

@media screen and (max-width:767px){
    .getha-nsc-acc__title{ font-size:17px; }   /* 14 -> 17 (2단계 up) */
    .getha-nsc-acc__title-sub{ font-size:12px; }
    .getha-nsc-acc__head{ gap:8px; }
}

/* [2026-10-06b] 아코디언 헤더 : 제목 1단계 축소 + 가운데 정렬
   ⚠ 가운데로 오는 건 '탭 메뉴(헤더)'만이다. 펼쳐지는 안내 문구는
     읽기 편하도록 왼쪽 정렬을 유지한다. */
.getha-nsc-acc__head{
    justify-content:center;
    text-align:center;
}
.getha-nsc-acc__title{ font-size:17px; }      /* 19 -> 17 (1단계 down) */

@media screen and (max-width:767px){
    .getha-nsc-acc__title{ font-size:15px; }  /* 17 -> 15 (1단계 down) */
}

/* [2026-10-06c] 유의사항 목록 : 글은 왼쪽 정렬, 블록만 가로 가운데
   --------------------------------------------------------------------------
   ⚠ 글자까지 가운데 정렬하면 줄머리가 들쭉날쭉해 읽기 어렵다(앞선 시안).
     -> 가장 긴 줄에 맞춰 목록 블록의 폭을 잡고(fit-content),
        그 블록 자체만 가운데로 보낸다. 글은 왼쪽 기준으로 가지런해진다.
   ⚠ 불릿은 원래대로 position:absolute 를 쓴다 — 줄이 넘어가도 들여쓰기가 산다.
   ========================================================================== */
.getha-nsc-acc__list{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
.getha-nsc-acc__list ul{
    padding-left:0;        /* 하위 항목 들여쓰기 */
}

/* ==========================================================================
   [2026-10-06d] view 페이지 : 고객이 쓴 본문을 왼쪽 정렬
   --------------------------------------------------------------------------
   스킨 공용 규칙이 본문 컨테이너(.seem_cont)에 text-align:center 를 걸어 두어
   고객 글이 전부 가운데로 나왔다. 여러 줄 글은 줄머리가 들쭉날쭉해 읽기 어렵다.
   ⚠ .seem_cont 는 다른 게시판도 함께 쓰는 공용 클래스다.
     반드시 .getha-nsc-page--view 로 **이 캠페인 게시판에만** 한정한다.
   ⚠ 첨부 사진은 가운데 유지 — 사진까지 왼쪽으로 붙으면 허전해 보인다.
   ========================================================================== */
.getha-nsc-page--view .seem_cont,
.getha-nsc-page--view .seem_cont div,
.getha-nsc-page--view .seem_cont p{
    text-align:left !important;
}
.getha-nsc-page--view .seem_cont img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

/* ==========================================================================
   [2026-10-06e] view 페이지 모바일 : 본문 좌우 여백 + 글자/행간 키우기
   --------------------------------------------------------------------------
   현재 : .seem_cont padding 0 -> 글이 화면 끝(0~375)에 붙고
          13px / 행간 19.5px(1.5) 라 작고 빽빽하다.
   조치 : 좌우 18px 여백, 15px / 행간 1.75 로 조정.
   ⚠ 사진은 지금처럼 화면 끝까지 두는 게 보기 좋아서, 글에만 여백을 주고
     이미지는 음수 마진으로 여백을 되돌린다.
   ⚠ word-break:keep-all 로 한글 단어가 중간에서 끊기지 않게 한다.
   ========================================================================== */
@media screen and (max-width:767px){
    .getha-nsc-page--view .seem_cont{
        padding-left:15px;    /* 제목/작성자 줄머리(15px)와 맞춘다 */
        padding-right:15px;
    }
    .getha-nsc-page--view .seem_cont,
    .getha-nsc-page--view .seem_cont p,
    .getha-nsc-page--view .seem_cont div,
    .getha-nsc-page--view .seem_cont span{
        font-size:15px !important;
        line-height:1.75 !important;
        letter-spacing:-0.02em;
        word-break:keep-all;
    }
    /* 사진은 좌우 여백을 되돌려 화면 끝까지 */
    .getha-nsc-page--view .seem_cont img{
        width:calc(100% + 30px) !important;
        max-width:calc(100% + 30px) !important;
        margin-left:-15px !important;
        margin-right:-15px !important;
        height:auto !important;
    }
}

/* ==========================================================================
   [2026-10-07] 아코디언 : 기본 펼침 · 제목 좌측 정렬 · 라벨 강조
   --------------------------------------------------------------------------
   ① '(유의사항 펼쳐보기)' 보조문구 제거 → 제목만 남긴다.
   ② 헤더를 가운데 정렬에서 좌측 정렬로 되돌린다.
      실제 시작 위치는 JS(alignHead)가 '적용 대상' 글자 기준으로 맞춘다.
      ⚠ JS가 막혀도 왼쪽 정렬로는 보이도록 CSS만으로도 flex-start 를 준다.
   ③ 항목 라벨(적용 대상 / 사용처 / 사용기간)을 제목과 같은 색·굵기로 강조.
      ⚠ 3개 모두 적용했다. 2개만 강조하면 가운데 줄만 비어 보여 어색하다.
   ========================================================================== */
.getha-nsc-acc__head{
    justify-content:flex-start;
    text-align:left;
}
.getha-nsc-acc__key{
    font-weight:700;
    color:var(--getha-nsc-ink);   /* '쿠폰 사용 안내' 제목과 동일 */
}

/* [2026-10-07b] 참여 버튼 : 모바일에서 50% 축소 */
@media screen and (max-width:767px){
    .getha-nsc-cta{ max-width:170px; }   /* 340 → 170 */
}

/* ==========================================================================
   [2026-10-07c] 아코디언 헤더 : 화살표를 우측 끝으로 / 버튼 크기 재조정
   --------------------------------------------------------------------------
   ⚠ 제목의 시작 위치는 JS(alignHead)가 '적용 대상' 글자에 맞춰 padding-left 를
     넣는다. 화살표만 margin-left:auto 로 밀어야 제목 위치가 흔들리지 않는다.
     (justify-content 를 건드리면 정렬 기준이 깨진다)
   ========================================================================== */
.getha-nsc-acc__arrow{
    margin-left:auto;
}

/* 참여 버튼 : 모바일 170 → 255px (직전 대비 50% 확대) */
@media screen and (max-width:767px){
    .getha-nsc-cta{ max-width:255px; }
}

/* ==========================================================================
   [2026-10-07d] 유의사항 : '적용 대상' · '사용처' 줄 전체를 강조
   --------------------------------------------------------------------------
   라벨만 굵게 하던 방식(__key)을 걷어내고, 두 항목은 하위 설명(* 매장 사용시…)
   까지 줄 전체를 같은 굵기·색으로 묶는다. 글자 크기는 기존 위계를 유지한다.
   ⚠ 화살표 위치는 JS(alignHead)가 목록 블록의 오른쪽 끝에 맞춘다.
   ========================================================================== */
.getha-nsc-acc__list > li.getha-nsc-acc__em,
.getha-nsc-acc__list > li.getha-nsc-acc__em ul li{
    font-weight:700;
    color:var(--getha-nsc-ink);
}
.getha-nsc-acc__list > li.getha-nsc-acc__em::before{
    background:var(--getha-nsc-ink);
}