:root {
  --ink:        #1e1c18;
  --ink-mid:    #4a4640;
  --ink-muted:  #8a8480;
  --paper:      #faf7f2;
  --paper-warm: #f3ede3;
  --paper-deep: #e8dfd0;
  --rain:       #5a7a6a;
  --rain-light: #deeade;
  --rain-pale:  #f0f6f0;
  --gold:       #b8914a;
  --gold-pale:  #faf3e6;
  --border:     #ddd8cf;
  --serif: 'Noto Serif KR', serif;
  --sans:  'Noto Sans KR', sans-serif;
}

.cover_body_top{width:100%;max-width: 1448px;margin:0 auto;    min-height: calc(100vh - 128px);background: var(--ink);display: grid;grid-template-rows: auto 1fr auto;padding: 0;position: relative;overflow: hidden;}
.cover{background:var(--ink);display:grid;grid-template-rows:auto 1fr auto;padding:0;position:relative;overflow:hidden}
.cover-rain{position:absolute;inset:0;background-image:repeating-linear-gradient(100deg,transparent,transparent 60px,#ffffff05 60px,#ffffff05 61px);pointer-events:none}
.cover-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 6vw;border-bottom:1px solid #ffffff1a;position:relative}
.cover-masthead{font-family:var(--serif);font-size:13px;font-weight:400;color:#fff6;letter-spacing:.12em;line-height:1.6}
.cover-masthead strong{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;color:#ffffff40;text-transform:uppercase;margin-bottom:4px}
.cover-vol{text-align:right;font-size:11px;letter-spacing:.18em;color:#ffffff4d;text-transform:uppercase;line-height:1.8}
.cover-body{display:flex;flex-direction:column;justify-content:flex-end;padding:60px 6vw 80px;position:relative}
.cover-season{font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:28px;opacity:0;animation:fadeUp .8s .3s forwards}
.cover-season::before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px;opacity:.7}
.cover-title{font-family:var(--serif);font-size:clamp(52px,12vw,120px);font-weight:300;color:#fff;line-height:.95;letter-spacing:-.03em;margin-bottom:32px;opacity:0;animation:fadeUp .9s .5s forwards}
.cover-title span{display:block;font-size:.22em;font-family:var(--sans);font-weight:300;letter-spacing:.08em;color:#ffffff59;margin-bottom:12px}
.cover-tagline{font-size:15px;color:#ffffff80;line-height:1.8;max-width:420px;opacity:0;animation:fadeUp .9s .7s forwards}
.cover-footer{padding:28px 6vw;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;align-items:center;position:relative}
.cover-sido{font-size:11px;letter-spacing:.15em;color:#fff3;text-transform:uppercase}
.cover-date{font-family:var(--serif);font-size:13px;color:#ffffff4d;letter-spacing:.06em}
.cover-scroll{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#fff3;text-transform:uppercase}
.cover-scroll-line{width:32px;height:1px;background:#ffffff26;animation:scrollPulse 2s 1.5s infinite}
.section-wrap{max-width: 1448px;margin:0 auto;padding:100px 6vw}
.section-kicker{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:40px}
.section-kicker::after{content:'';flex:1;height:1px;background:var(--border)}
.editor{background:var(--paper);border-top:3px solid var(--ink)}
.editor-inner{max-width: 1448px;margin:0 auto;padding:100px 6vw;display:grid;grid-template-columns:220px 1fr;gap:80px;align-items:start;padding-top: 96px;padding-bottom: 96px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 64px;}
.editor-label-col{padding-top:8px}
.editor-num{font-family:var(--serif);font-size:64px;font-weight:300;color:var(--paper-deep);line-height:1;margin-bottom:16px;letter-spacing:-.04em}
.editor-label{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;line-height:1.6}
.editor-label em{display:block;font-style:normal;font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:.04em;color:var(--ink);margin-top:8px}
.editor-hanja{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--rain);letter-spacing:.08em;margin-bottom:6px}
.editor-subtitle{font-size:12px;color:var(--ink-muted);letter-spacing:.06em;margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}
.editor-body{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--ink);line-height:2.1;letter-spacing:.01em}
.editor-sig{margin-top:40px;font-size:13px;color:var(--ink-muted);font-family:var(--serif)}
.editor-sig strong{display:block;font-size:15px;color:var(--ink);font-weight:500;margin-top:4px}
.health{background:var(--rain-pale);border-top:1px solid var(--border)}
.health-intro{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink);line-height:1.8;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--border)}
.health-intro strong{color:var(--rain);font-weight:500}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.health-card{background:#fff;border:1px solid var(--border);border-radius:4px;padding:32px 24px;position:relative;overflow:hidden;transition:transform .25s}
.health-card:hover{transform:translateY(-3px)}
.health-card-icon{width:40px;height:40px;border-radius:50%;background:var(--rain-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.health-card-title{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.4}
.health-card-herb{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--rain);margin-bottom:10px}
.health-card-desc{font-size:13px;color:var(--ink-mid);line-height:1.8}
.health-card-tip{margin-top:16px;padding:10px 14px;background:var(--rain-pale);border-radius:3px;font-size:12px;color:var(--rain);font-weight:500}
.travel{background:var(--paper-warm);border-top:1px solid var(--border)}
.travel-lead{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink);line-height:1.7;margin-bottom:64px;padding-bottom:40px;border-bottom:1px solid var(--border)}
.travel-places{display:flex;flex-direction:column;gap:56px}
.travel-place{display:grid;grid-template-columns:80px 1fr;gap:32px}
.travel-place-num{font-family:var(--serif);font-size:48px;font-weight:300;color:var(--paper-deep);line-height:1;padding-top:4px}
.travel-place-region{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:8px}
.travel-place-title{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:14px;line-height:1.4}
.travel-place-title em{font-style:normal;color:var(--gold)}
.travel-place-desc{font-size:14px;color:var(--ink-mid);line-height:1.9;margin-bottom:20px}
.travel-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.travel-info-item{background:#fff;border:1px solid var(--border);border-radius:4px;padding:16px 18px}
.travel-info-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:6px}
.travel-info-text{font-size:13px;color:var(--ink-mid);line-height:1.7}
.travel-divider{height:1px;background:var(--border);margin:0 0 0 112px}
.products{background:var(--paper);border-top:1px solid var(--border)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:0}
.product-card-item{background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:transform 0.25s,box-shadow .25s}
.product-card-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000012}
.product-card-item .item-inner{display: block;}
.product-img-wrap{width:100%;aspect-ratio:1 / 1;background:var(--paper-warm);overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode: multiply;}
.product-card-info{padding:20px 20px 24px}
.product-card-tag-label{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:2px;background:var(--rain-light);color:var(--rain);margin-bottom:10px}
.product-card-tag-label.best{background:var(--gold-pale);color:var(--gold)}
.product-card-name{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px;line-height:1.4}
.product-card-feat{font-size:13px;color:var(--rain);font-weight:500;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.product-card-feat.best-feat{color:var(--gold)}
.product-card-points{list-style:none;display:flex;flex-direction:column;gap:6px}
.product-card-points li{font-size:12px;color:var(--ink-mid);line-height:1.6;padding-left:14px;position:relative}
.product-card-points li::before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--rain)}
.btn-buy{display:inline-block;padding:15px 36px;background:var(--ink);color:#fff;font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none;border-radius:2px;letter-spacing:.04em;transition:background 0.2s,transform .2s}
.btn-buy:hover{background:var(--rain);transform:translateY(-2px)}
.btn-wrap{text-align:center}
.discount{background:var(--gold-pale);border-top:1px solid #e8d9b8;border-bottom:1px solid #e8d9b8}
.discount-inner{max-width: 1448px;margin:0 auto;padding:80px 6vw;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.discount-badge{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;padding:8px 18px;border-radius:100px;margin-bottom:20px}
.discount-title{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--ink);line-height:1.45;margin-bottom:12px}
.discount-title em{font-style:normal;color:var(--gold)}
.discount-desc{font-size:14px;color:var(--ink-mid);line-height:1.8}
.discount-cta{flex-shrink:0;text-align:center}
.discount-pct{font-family:var(--serif);font-size:72px;font-weight:300;color:var(--gold);line-height:1;letter-spacing:-.04em}
.discount-pct span{font-size:.4em}
.discount-pct-label{font-size:12px;color:var(--ink-muted);margin-bottom:20px;letter-spacing:.06em}
.btn-gold{display:inline-block;padding:14px 32px;background:var(--gold);color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-radius:2px;letter-spacing:.04em;transition:background .2s;white-space:nowrap}
.btn-gold:hover{background:#9a7838}
.hub{background:var(--ink);padding:100px 6vw}
.hub-inner{margin:0 auto}
.hub-kicker{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.22em;color:#ffffff40;text-transform:uppercase;margin-bottom:40px}
.hub-kicker::after{content:'';flex:1;height:1px;background:#ffffff1a}
.hub-title{font-family:var(--serif);font-size:28px;font-weight:300;color:#fff;margin-bottom:48px;line-height:1.5}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#ffffff0f;border:1px solid #ffffff0f}
.hub-item{background:var(--ink);padding:32px 28px;text-decoration:none;display:block;transition:background .25s;border-bottom:1px solid #ffffff0f;position:relative}
.hub-item:hover{background:#2a2822}
.hub-item-tag{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
.hub-item-title{font-family:var(--serif);font-size:18px;font-weight:500;color:#fff;margin-bottom:8px;line-height:1.4}
.hub-item-desc{font-size:13px;color:#fff6;line-height:1.7}
.hub-item-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:18px;color:#ffffff26;transition:color 0.2s,right .2s}
.hub-item:hover .hub-item-arrow{color:var(--gold);right:20px}
.footer{background:#111;padding:56px 6vw 40px}
.footer-inner{margin:0 auto}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:32px;border-bottom:1px solid #ffffff12;margin-bottom:28px}
.footer-brand{font-family:var(--serif);font-size:22px;font-weight:400;color:#fff;letter-spacing:.04em}
.footer-brand span{display:block;font-size:11px;font-family:var(--sans);font-weight:300;letter-spacing:.14em;color:#ffffff40;margin-top:4px;text-transform:uppercase}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:12px;color:#ffffff4d;text-decoration:none;letter-spacing:.06em;transition:color .2s}
.footer-links a:hover{color:#ffffffb3}
.footer-meta{font-size:12px;color:#fff3;line-height:1.8}
.footer-copy{margin-top:20px;font-size:11px;color:#ffffff26;letter-spacing:.04em}

/* ─── ANIMATIONS ─── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes scrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleX(1); }
  50%       { opacity: 1;   transform: scaleX(1.2); }
}

.reveal {opacity: 0;transform: translateY(28px);transition: opacity 0.7s ease, transform 0.7s ease;}

.reveal.visible { opacity: 1; transform: translateY(0); }


/* ─── RESPONSIVE ─── */
@media (max-width: 720px) {
  .reveal.visible.editor_01{min-width:none}
  .reveal.visible.editor_02{width:auto}

  .editor-inner { grid-template-columns: 1fr; gap: 32px;display: flex;flex-direction: column;}
  .health-grid  { grid-template-columns: 1fr; }
  .travel-place { grid-template-columns: 1fr; gap: 12px; }
  .travel-place-num { font-size: 28px; }
  .travel-info  { grid-template-columns: 1fr; }
  .travel-divider { margin-left: 0; }
  .products-grid { grid-template-columns: 1fr; }
  .discount-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .hub-grid     { grid-template-columns: 1fr; }
  .footer-top   { flex-direction: column; gap: 20px; }
  .footer-links { flex-wrap: wrap; gap: 16px; }
}


/* =============================  S:board_component  ============================= */
.board_component{width: 100%;position: relative;background-color: var(--color-white);}

.board_wrap{}
.board_wrap .board_wrap_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 88px 24px 192px;box-sizing: border-box;}

.board_wrap .board_wrap_hd{}
.board_wrap .page_tit_box{}
.board_wrap .page_tit_box .page_tit{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.01em;word-break: keep-all;}

.board_wrap .board_wrap_hd + .board_wrap_bd{margin-top: 96px;}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
    .board_wrap .board_wrap_inner{padding: 64px 24px 192px;}
    .board_wrap .board_wrap_hd + .board_wrap_bd{margin-top: 72px;}
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
    .board_wrap .board_wrap_inner{padding: 48px 16px 128px;}
    .board_wrap .page_tit_box .page_tit{font-size: var(--fs-20);line-height: var(--lh-28);}
    .board_wrap .board_wrap_hd + .board_wrap_bd{margin-top: 56px;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
  .cover{min-height:50vh;}
}
@media (max-width: 600px){
    .board_wrap .board_wrap_inner{padding: 32px 16px 96px}
    .board_wrap .page_tit_box .page_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .board_wrap .page_tit_box .page_tit br{display: none;}
}
@media (max-width: 375px){
}
/* =============================  E:board_component  ============================= */



/* =============================  S:board_cnt_box  ============================= */
#boardWrap #boardCntBox{}
#boardWrap #boardCntBox #boardCateBox{padding-bottom: 16px;border-bottom: 2px solid var(--color-black);}
#boardWrap #boardCntBox #boardCateBox .board_cate_list{display: flex;align-items: center;flex-wrap: wrap;column-gap: 16px;row-gap: 8px;}
#boardWrap #boardCntBox #boardCateBox .board_cate_item{flex: 0 0 auto;}
#boardWrap #boardCntBox #boardCateBox .board_cate_item .board_cate_btns{}
#boardWrap #boardCntBox #boardCateBox .board_cate_item .board_cate_btns .btns_name{display: inline-block;font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-gray1);}
#boardWrap #boardCntBox #boardCateBox .board_cate_item .board_cate_btns.active .btns_name{font-weight: 600;color: var(--color-main2);}

#boardWrap #boardCntBox #boardCateBox:not(.displaynone) + #boardListBox{margin-top: 24px;}

#boardWrap #boardCntBox #boardList{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 32px;row-gap: 64px;}
#boardWrap #boardCntBox #boardList.type_thumb_portrait{}
#boardWrap #boardCntBox #boardList.type_thumb_landscape{}

#boardWrap #boardCntBox #boardList .board_item{width: calc(100% / 3 - (64px / 3));}
#boardWrap #boardCntBox #boardList .board_item .item_inner{width: 100%;height: 100%;}

#boardWrap #boardCntBox #boardList .board_item .item_thumb_box{width: 100%;}
#boardWrap #boardCntBox #boardList.type_thumb_portrait .board_item .item_thumb_box{aspect-ratio: 3/4;}
#boardWrap #boardCntBox #boardList.type_thumb_landscape .board_item .item_thumb_box{aspect-ratio: 16/9;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb{display: block;width: 100%;height: 100%;border-radius: 16px;overflow: hidden;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#boardWrap #boardCntBox #boardList .board_item .item_desc_box{}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box + .item_desc_box{margin-top: 24px;}
#boardWrap #boardCntBox #boardList .board_item .item_cate_box{}
#boardWrap #boardCntBox #boardList .board_item .item_cate_box .item_cate{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-main2);}

#boardWrap #boardCntBox #boardList .board_item .item_subject_box{}
#boardWrap #boardCntBox #boardList .board_item .item_cate_box + .item_subject_box{margin-top: 6px;}
#boardWrap #boardCntBox #boardList .board_item .item_subject_box .subject_link{display: inline-block;}
#boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-black);}

#boardWrap #boardCntBox #boardList .board_item .item_content_box{}
#boardWrap #boardCntBox #boardList .board_item .item_subject_box + .item_content_box{margin-top: 8px;}
#boardWrap #boardCntBox #boardList .board_item .item_content_box .item_content{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}


#boardWrap #boardCntBox #boardList .board_noitem{flex: 1;width: 100%;padding: 128px 0;border-bottom: 1px solid var(--divider-line);}
#boardWrap #boardCntBox #boardList .board_noitem .noitem_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray1);text-align: center;}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
    #boardWrap #boardCntBox #boardCateBox{padding-bottom: 12px;}
    #boardWrap #boardCntBox #boardCateBox .board_cate_list{column-gap: 12px;row-gap: 6px;}
    #boardWrap #boardCntBox #boardCateBox .board_cate_item .board_cate_btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}

    #boardWrap #boardCntBox #boardList.type_thumb_portrait{column-gap: 24px;row-gap: 48px;}
    #boardWrap #boardCntBox #boardList.type_thumb_portrait .board_item{width: calc(100%/2 - (24px/2));}
    #boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size: var(--fs-18);line-height: var(--lh-24);}

    #boardWrap #boardCntBox #boardList .board_noitem{padding: 96px;}
    #boardWrap #boardCntBox #boardList .board_noitem .noitem_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
  #boardWrap #boardCntBox #boardList.type_thumb_portrait .board_item{width:100%}
}
@media (max-width: 600px){
    #boardWrap #boardCntBox #boardCateBox{padding-bottom: 8px;}
    #boardWrap #boardCntBox #boardCateBox .board_cate_list{column-gap: 10px;row-gap: 4px;}
    #boardWrap #boardCntBox #boardCateBox .board_cate_item .board_cate_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #boardWrap #boardCntBox #boardList.type_thumb_portrait{column-gap: 16px;row-gap: 32px;}
    #boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb{border-radius: 8px;}
    #boardWrap #boardCntBox #boardList .board_item .item_cate_box .item_cate{font-size: var(--fs-14);}
    #boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size: var(--fs-16);line-height: var(--lh-20);}
    #boardWrap #boardCntBox #boardList .board_item .item_content_box .item_content{font-size: var(--fs-14);-webkit-line-clamp: 2;}

    #boardWrap #boardCntBox #boardList .board_noitem{padding: 64px;}
    #boardWrap #boardCntBox #boardList .board_noitem .noitem_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 375px){
}

/* =============================  E:board_cnt_box  ============================= */




.board_wrap{width:100%;position:relative;background-color:var(--color-white);}
.board_wrap .board_wrap_inner{width:100%;max-width:1448px;margin:0 auto;padding:88px 24px 192px;box-sizing:border-box;}
.board_wrap .board_wrap_hd + .board_wrap_bd{margin-top:48px;}
.board_wrap .page_tit_box .page_tit{font-size:var(--fs-24);font-weight:400;line-height:var(--lh-32);color:var(--color-black);letter-spacing:-0.01em;word-break:keep-all;}

.survey_header_row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.page_sub_txt{font-size:var(--fs-16);line-height:var(--lh-24);color:var(--color-gray1);margin-top:8px;}
.survey_header_row .btn_result_list{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--color-main2);color:var(--color-white);font-size:var(--fs-14);font-weight:500;white-space:nowrap;}

#boardWrap #boardCntBox #boardList{display:flex;align-items:stretch;flex-wrap:wrap;column-gap:32px;row-gap:64px;}
#boardWrap #boardCntBox #boardList .board_item{width:calc(100% / 3 - (64px / 3));}
#boardWrap #boardCntBox #boardList .board_item .item_inner{display:flex;flex-direction:column;width:100%;height:100%;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box{width:100%;aspect-ratio:3/4;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb{display:block;width:100%;height:100%;border-radius:16px;overflow:hidden;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb img{width:100%;height:100%;object-fit:cover;object-position:center;}

#boardWrap #boardCntBox #boardList .board_item .item_desc_box{display:flex;flex-direction:column;flex:1 1 auto;}
#boardWrap #boardCntBox #boardList .board_item .item_thumb_box + .item_desc_box{margin-top:24px;}
#boardWrap #boardCntBox #boardList .board_item .item_cate_box .item_cate{display:flex;align-items:center;gap:8px;font-size:var(--fs-15);font-weight:500;line-height:var(--lh-22);color:var(--color-main2);}
.survey_badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;background:var(--color-main2);color:var(--color-white);}
.survey_badge.badge_red{background:#e53935;}
.survey_badge.badge_blue{background:#1e88e5;}
.survey_badge.badge_orange{background:#fb8c00;}
.survey_progress_badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;background:#ff7a00;color:#fff;}

#boardWrap #boardCntBox #boardList .board_item .item_cate_box + .item_subject_box{margin-top:8px;}
#boardWrap #boardCntBox #boardList .board_item .item_subject_box .subject_link{display:inline-block;}
#boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size:var(--fs-20);font-weight:500;line-height:var(--lh-28);color:var(--color-black);}

#boardWrap #boardCntBox #boardList .board_item .item_subject_box + .item_content_box{margin-top:8px;}
#boardWrap #boardCntBox #boardList .board_item .item_content_box .item_content{font-size:var(--fs-16);font-weight:400;line-height:var(--lh-22);color:var(--color-gray1);overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all;}

.item_meta_box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;}
.item_meta{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-14);line-height:var(--lh-20);color:var(--color-gray1);}
.item_meta img{width:16px;height:16px;flex:0 0 auto;}

.item_btn_box{margin-top:auto;padding-top:18px;}
.item_btn_box .btn_open_layer{display:block;width:100%;padding:12px 16px;border-radius:12px;background:var(--color-main2);color:#fff;font-size:var(--fs-15);font-weight:500;text-align:center;}

#boardWrap #boardCntBox #boardList .board_noitem{flex:1 0 100%;padding:96px 0;border-bottom:1px solid var(--divider-line);}
#boardWrap #boardCntBox #boardList .board_noitem .noitem_txt{font-size:var(--fs-16);line-height:var(--lh-24);color:var(--color-gray1);text-align:center;}

#boardWrap .paging{margin-top:56px;text-align:center;}
#boardWrap .paging a,#boardWrap .paging strong{display:inline-block;min-width:36px;padding:10px 12px;margin:0 4px;border:1px solid #ddd;font-size:var(--fs-14);text-decoration:none;color:#333;border-radius:6px;}
#boardWrap .paging strong{background:#333;color:#fff;border-color:#333;}

@media (max-width:1080px){
    .board_wrap .board_wrap_inner{padding:48px 16px 128px;}
    .board_wrap .page_tit_box .page_tit{font-size:var(--fs-20);line-height:var(--lh-28);}
    #boardWrap #boardCntBox #boardList{column-gap:24px;row-gap:48px;}
    #boardWrap #boardCntBox #boardList .board_item{width:calc(100% / 2 - (24px / 2));}
    #boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size:var(--fs-18);line-height:var(--lh-24);}
}
@media (max-width:600px){
    .board_wrap .board_wrap_inner{padding:32px 16px 96px;}
    .survey_header_row{align-items:flex-start;flex-direction:column;}
    #boardWrap #boardCntBox #boardList{column-gap:16px;row-gap:32px;}
    #boardWrap #boardCntBox #boardList .board_item{width:100%;}
    #boardWrap #boardCntBox #boardList .board_item .item_thumb_box .item_thumb{border-radius:8px;}
    #boardWrap #boardCntBox #boardList .board_item .item_subject_box .item_subject{font-size:var(--fs-16);line-height:var(--lh-22);}
    #boardWrap #boardCntBox #boardList .board_item .item_content_box .item_content{font-size:var(--fs-14);-webkit-line-clamp:2;}
}