@charset "utf-8";
/* CSS Document */
:root{

/* ====== Head Height ====== */
    --headH: 100px;
    --headAll: 9rem;

/* ====== Color Invert ====== */
    --crWhitefil: brightness(0) invert(1);
    --crBlackfil: brightness(0) invert(0);
    --crfilRE: invert(1);


/* ====== SNS Color ====== */
    --snsIn:#e82155;
    --snsFb:#2167be;
    --snsYt:#ed3023;
    --snsKa:#f7e111;
    --snsNv:#07bb58;
    --snsTw:#1d9bf0;

/* ====== ====== Font Size ====== ======*/

/* ====== html Font-Size 100% 기준 (1rem = 16px) ====== */
    --html-font-size-1 : 100%;
    --html-font-size-2 : 87.5%;
    --html-font-size-3 : 75%;
    --html-font-size-4 : 62.5%;

    --ff-base: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

    --fs-8:0.5rem;                                                      /* 8px */
    --fs-9:clamp(0.5rem,calc(0.4792rem + 0.0926vw),0.5625rem);          /* 8px ~ 9px */
    --fs-10:clamp(0.5625rem,calc(0.5417rem + 0.0926vw),0.625rem);       /* 9px ~ 10px */
    --fs-11:clamp(0.625rem,calc(0.6042rem + 0.0926vw),0.6875rem);       /* 10px ~ 11px */
    --fs-12:clamp(0.6875rem,calc(0.6667rem + 0.0926vw),0.75rem);        /* 11px ~ 12px */
    --fs-13:clamp(0.75rem,calc(0.7292rem + 0.0926vw),0.8125rem);        /* 12px ~ 13px */
    --fs-14:clamp(0.8125rem,calc(0.7917rem + 0.0926vw),0.875rem);       /* 13px ~ 14px */
    --fs-15:clamp(0.875rem,calc(0.8542rem + 0.0926vw),0.9375rem);       /* 14px ~ 15px */
    --fs-16:clamp(0.9375rem,calc(0.9167rem + 0.0926vw),1rem);           /* 15px ~ 16px */
    --fs-17:clamp(1rem,calc(0.9792rem + 0.0926vw),1.0625rem);           /* 16px ~ 17px */
    --fs-18:clamp(1rem,calc(0.9583rem + 0.1852vw),1.125rem);            /* 16px ~ 18px */
    --fs-20:clamp(1.0625rem,calc(1rem + 0.2778vw),1.25rem);             /* 17px ~ 20px */
    --fs-22:clamp(1.125rem,calc(1.0417rem + 0.3704vw),1.375rem);        /* 18px ~ 22px */
    --fs-24:clamp(1.25rem,calc(1.1667rem + 0.3704vw),1.5rem);           /* 20px ~ 24px */
    --fs-26:clamp(1.375rem,calc(1.2917rem + 0.3704vw),1.625rem);        /* 22px ~ 26px */
    --fs-28:clamp(1.5rem,calc(1.4167rem + 0.3704vw),1.75rem);           /* 24px ~ 28px */
    --fs-30:clamp(1.625rem,calc(1.5417rem + 0.3704vw),1.875rem);        /* 26px ~ 30px */
    --fs-32:clamp(1.75rem,calc(1.6667rem + 0.3704vw),2rem);             /* 28px ~ 32px */
    --fs-34:clamp(1.875rem,calc(1.7917rem + 0.3704vw),2.125rem);        /* 30px ~ 34px */
    --fs-36:clamp(1.875rem,calc(1.75rem + 0.5556vw),2.25rem);           /* 30px ~ 36px */
    --fs-40:clamp(2rem,calc(1.8333rem + 0.7407vw),2.5rem);              /* 32px ~ 40px */
    --fs-44:clamp(2.25rem,calc(2.0833rem + 0.7407vw),2.75rem);          /* 36px ~ 44px */
    --fs-48:clamp(2.5rem,calc(2.3333rem + 0.7407vw),3rem);              /* 40px ~ 48px */
    --fs-52:clamp(2.625rem,calc(2.4167rem + 0.9259vw),3.25rem);         /* 42px ~ 52px */
    --fs-56:clamp(2.75rem,calc(2.5rem + 1.1111vw),3.5rem);              /* 44px ~ 56px */
    --fs-60:clamp(3rem,calc(2.75rem + 1.1111vw),3.75rem);               /* 48px ~ 60px */
    --fs-64:clamp(3rem,calc(2.6667rem + 1.4815vw),4rem);                /* 48px ~ 64px */
    --fs-72:clamp(3.5rem,calc(3.1667rem + 1.4815vw),4.5rem);            /* 56px ~ 72px */
    --fs-80:clamp(4rem,calc(3.6667rem + 1.4815vw),5rem);                /* 64px ~ 80px */
    --fs-96:clamp(4.5rem,calc(4rem + 2.2222vw),6rem);                   /* 72px ~ 96px */

    --ls-m5:-0.05em;
    --ls-m4:-0.04em;
    --ls-m3:-0.03em;
    --ls-m2:-0.02em;
    --ls-m1:-0.01em;
    --ls-0:0;
    --ls-p1:0.01em;
    --ls-p2:0.02em;
    --ls-p3:0.03em;
    --ls-p4:0.04em;
    --ls-p5:0.05em;

    --fw-100:100;
    --fw-200:200;
    --fw-300:300;
    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;
    --fw-800:800;
    --fw-900:900;

/* ====== Line Heights ====== */
    --lh-100:1;
    --lh-110:1.1;
    --lh-120:1.2;
    --lh-125:1.25;
    --lh-130:1.3;
    --lh-135:1.35;
    --lh-140:1.4;
    --lh-145:1.45;
    --lh-150:1.5;
    --lh-155:1.55;
    --lh-160:1.6;
    --lh-170:1.7;
    --lh-175:1.75;
    --lh-180:1.8;
    --lh-200:2;

/* ====== Spacing (margin, padding, gap) - 8px 기반 ====== */
    --space-0: 0;   /* 0px */
    --space-1: 0.4rem;  /* 4px */
    --space-2: 0.8rem;  /* 8px */
    --space-3: 1.2rem;  /* 12px */
    --space-4: 1.6rem;  /* 16px */
    --space-5: 2.4rem;  /* 24px */
    --space-6: 3.2rem;  /* 32px */
    --space-7: 4.8rem;  /* 48px */
    --space-8: 6.4rem;  /* 64px */

/* ====== Border Radius ====== */
    --rd-0:0;
    --rd-2:0.125rem;
    --rd-4:0.25rem;
    --rd-6:0.375rem;
    --rd-8:0.5rem;
    --rd-10:0.625rem;
    --rd-12:0.75rem;
    --rd-16:1rem;
    --rd-20:1.25rem;
    --rd-24:1.5rem;
    --rd-32:2rem;
    --rd-40:2.5rem;
    --rd-48:3rem;
    --rd-full:9999px;


/* ====== Gaps (Grid / Flexbox) ====== */
    --sp-0:0;
    --sp-2:0.125rem;
    --sp-4:0.25rem;
    --sp-6:0.375rem;
    --sp-8:0.5rem;
    --sp-10:0.625rem;
    --sp-12:0.75rem;
    --sp-14:0.875rem;
    --sp-16:1rem;
    --sp-18:1.125rem;
    --sp-20:1.25rem;
    --sp-24:1.5rem;
    --sp-28:1.75rem;
    --sp-32:2rem;
    --sp-36:2.25rem;
    --sp-40:2.5rem;
    --sp-48:3rem;
    --sp-56:3.5rem;
    --sp-64:4rem;
    --sp-72:4.5rem;
    --sp-80:5rem;
    --sp-96:6rem;
    --sp-112:7rem;
    --sp-120:7.5rem;
    --sp-128:8rem;
    --sp-144:9rem;
    --sp-160:10rem;
    --sp-192:12rem;
    --sp-240:15rem;


/* ====== Ratio ====== */
    --ratio-1x1:1/1;
    --ratio-5x4:5/4;
    --ratio-4x3:4/3;
    --ratio-3x2:3/2;
    --ratio-16x10:16/10;
    --ratio-16x9:16/9;
    --ratio-2x1:2/1;
    --ratio-21x9:21/9;
    --ratio-3x1:3/1;
    --ratio-4x1:4/1;
    --ratio-4x5:4/5;
    --ratio-3x4:3/4;
    --ratio-2x3:2/3;
    --ratio-9x16:9/16;
    --ratio-1x2:1/2;

    --ratio-square:var(--ratio-1x1);
    --ratio-thumb:var(--ratio-4x3);
    --ratio-photo:var(--ratio-3x2);
    --ratio-screen:var(--ratio-16x10);
    --ratio-wide:var(--ratio-16x9);
    --ratio-cinema:var(--ratio-21x9);
    --ratio-banner:var(--ratio-3x1);
    --ratio-strip:var(--ratio-4x1);
    --ratio-card:var(--ratio-4x5);
    --ratio-portrait:var(--ratio-3x4);
    --ratio-poster:var(--ratio-2x3);
    --ratio-story:var(--ratio-9x16);
    --ratio-tall:var(--ratio-1x2);


/* ====== Container Widths (max-width 기준) ====== */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1320px;
    --container-xxxl: 1420px;
    --container-ultra: 1520px;
    --container-ultra-xl: 1560px;
    --container-ultra-xxl: 1620px;
    --container-ultra-xxxl: 1760px;

/* ====== Color Palette (light mode 기본) ====== */
    --green-deep:#08483c;
    --green-lime:#78b914;
    --olive-soft:#e6e9bf;
    --brown-deep:#632613;
    --red-deep: #d51311;

    --ivory:#f6f5ef;

    --cream:#fdeac4;
    --apricot:#ffdbad;
    --peach:#ffdfcc;
    --yellow-soft:#fff4b3;

    --blue:#0052cc;
    --blue-dark:#003d99;
    --red:#cc0000;
    --green:#00aa00;
    --amber:#ffaa00;

    --g-000:#000;
    --g-111:#111;
    --g-171:#171717;
    --g-222:#222;
    --g-333:#333;
    --g-444:#444;
    --g-555:#555;
    --g-666:#666;
    --g-777:#777;
    --g-888:#888;
    --g-999:#999;
    --g-aaa:#aaa;
    --g-bbb:#bbb;
    --g-ccc:#ccc;
    --g-ddd:#ddd;
    --g-e5:#e5e5e5;
    --g-ed:#ededed;
    --g-f1:#f1f1f1;
    --g-f3:#f3f3f3;
    --g-f5:#f5f5f5;
    --g-f7:#f7f7f7;
    --g-fff:#fff;

    --c-brand:var(--red-deep);
    --c-brand-bg:var(--ivory);
    --c-accent:var(--green-lime);
    --c-accent-soft:var(--olive-soft);

    --c-action:var(--blue);
    --c-action-hover:var(--blue-dark);

    --c-title:var(--g-111);
    --c-text:var(--g-333);
    --c-text-sub:var(--g-555);
    --c-text-muted:var(--g-777);
    --c-text-light:var(--g-999);
    --c-placeholder:var(--g-999);
    --c-disabled:var(--g-bbb);

    --c-line-dark:var(--g-333);
    --c-line:var(--g-ddd);
    --c-line-light:var(--g-ed);

    --c-bg:var(--g-fff);
    --c-bg-soft:var(--g-f7);
    --c-bg-warm:var(--ivory);
    --c-bg-sky:#f2fbff;
    --c-bg-cool:#eff2f5;
    --c-bg-muted:#f7f8fa;

    --c-error:var(--red);
    --c-success:var(--green);
    --c-warning:var(--amber);

    --c-black:var(--g-000);
    --c-white:var(--g-fff);

}

/* ====== basic ====== */
html.allOn [data-lenis-scroll] { pointer-events: none; touch-action: none; } 
html.allOn { overflow-y: hidden;}

.PC { display:block } 
.PHONE { display:none; } 

.hideT { position: absolute; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial; } 
.hideT.close { display:none } 

.gnb li.m_hide { display:none !important } 
.gnb .layer { display:none !important; } 

.fullH { height:calc(100vh); box-sizing:border-box; } 
.fullMH { min-height:calc(100vh) !important; box-sizing:border-box; } 

.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100% } 

/* ====== ess ====== */
.ess,.ess + span{display:inline-block;color:var(--c-brand);vertical-align:middle;}
.ess{position:relative;top:-2px;font-size:var(--fs-14);line-height:var(--lh-100);}
.ess:before{content:"";margin-left:var(--sp-2);font-size:var(--fs-14);font-weight:var(--fw-500);}

/* ====== bgfix ====== */
.bgfix { background-repeat:no-repeat; background-position:center center; background-size:cover; } 
.bgfix.vt { background-position-y:0% } 
.bgfix.ct { background-size:contain } 
.bgfix.fix { background-attachment:fixed } 

/* ====== flex ====== */
.flex { display:flex } 
.flex.wrap { flex-wrap:wrap } 
.flex.col { flex-direction:column } 
.flex.col > * { width:100%; box-sizing:border-box } 
.flex.space { justify-content: space-between } 
.flex.vspace { align-content:space-between } 
.flex.hc { justify-content:center } 
.flex.hr { justify-content:flex-end } 
.flex.vt { align-content:flex-start; align-items:flex-start } 
.flex.vc { align-content:center; align-items:center } 
.flex.vb { align-content:flex-end; align-items:flex-end } 
.flex .mgL { margin-left:auto } 
.flex .mgR { margin-right:auto } 
.flex .mgT { margin-top:auto } 
.flex .grow { flex:1 1 0%; min-width:0 } 
.flex .fix { flex:0 0 auto } 
.flex.fc { justify-content:center; align-items:center } 

/* ====== DP ====== */
.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 

/* ====== Margin Top ====== */
.mt-0{margin-top:var(--sp-0)!important}
.mt-4{margin-top:var(--sp-4)!important}
.mt-8{margin-top:var(--sp-8)!important}
.mt-12{margin-top:var(--sp-12)!important}
.mt-16{margin-top:var(--sp-16)!important}
.mt-24{margin-top:var(--sp-24)!important}
.mt-32{margin-top:var(--sp-32)!important}

/* ====== Margin Bottom ====== */
.mb-0{margin-bottom:var(--sp-0)!important}
.mb-4{margin-bottom:var(--sp-4)!important}
.mb-8{margin-bottom:var(--sp-8)!important}
.mb-12{margin-bottom:var(--sp-12)!important}
.mb-16{margin-bottom:var(--sp-16)!important}
.mb-24{margin-bottom:var(--sp-24)!important}
.mb-32{margin-bottom:var(--sp-32)!important}

/* ====== Margin Right ====== */
.mr-0{margin-right:var(--sp-0)!important}
.mr-4{margin-right:var(--sp-4)!important}
.mr-8{margin-right:var(--sp-8)!important}
.mr-12{margin-right:var(--sp-12)!important}
.mr-16{margin-right:var(--sp-16)!important}
.mr-24{margin-right:var(--sp-24)!important}
.mr-32{margin-right:var(--sp-32)!important}

/* ====== Margin Left ====== */
.ml-0{margin-left:var(--sp-0)!important}
.ml-4{margin-left:var(--sp-4)!important}
.ml-8{margin-left:var(--sp-8)!important}
.ml-12{margin-left:var(--sp-12)!important}
.ml-16{margin-left:var(--sp-16)!important}
.ml-24{margin-left:var(--sp-24)!important}
.ml-32{margin-left:var(--sp-32)!important}

/* ====== Padding Top ====== */
.pt-0{padding-top:var(--sp-0)!important}
.pt-4{padding-top:var(--sp-4)!important}
.pt-8{padding-top:var(--sp-8)!important}
.pt-12{padding-top:var(--sp-12)!important}
.pt-16{padding-top:var(--sp-16)!important}
.pt-24{padding-top:var(--sp-24)!important}
.pt-32{padding-top:var(--sp-32)!important}

/* ====== Padding Bottom ====== */
.pb-0{padding-bottom:var(--sp-0)!important}
.pb-4{padding-bottom:var(--sp-4)!important}
.pb-8{padding-bottom:var(--sp-8)!important}
.pb-12{padding-bottom:var(--sp-12)!important}
.pb-16{padding-bottom:var(--sp-16)!important}
.pb-24{padding-bottom:var(--sp-24)!important}
.pb-32{padding-bottom:var(--sp-32)!important}

/* ====== Padding Right ====== */
.pr-0{padding-right:var(--sp-0)!important}
.pr-4{padding-right:var(--sp-4)!important}
.pr-8{padding-right:var(--sp-8)!important}
.pr-12{padding-right:var(--sp-12)!important}
.pr-16{padding-right:var(--sp-16)!important}
.pr-24{padding-right:var(--sp-24)!important}
.pr-32{padding-right:var(--sp-32)!important}

/* ====== Padding Left ====== */
.pl-0{padding-left:var(--sp-0)!important}
.pl-4{padding-left:var(--sp-4)!important}
.pl-8{padding-left:var(--sp-8)!important}
.pl-12{padding-left:var(--sp-12)!important}
.pl-16{padding-left:var(--sp-16)!important}
.pl-24{padding-left:var(--sp-24)!important}
.pl-32{padding-left:var(--sp-32)!important}

/* ====== swiper ====== */
.swiperBtn{width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;opacity:1;transition:.3s;}
.swiperBtn:before{font-family:xeicon;}
.swiperBtn.prev:before{content:"\e93d";}
.swiperBtn.next:before{content:"\e940";}
.swiperBtn.pause:before{content:"\ea3b";}
.swiperBtn.play:before{content:"\ea3e";}
.swiperBtn.ab{position:absolute;top:50%;}
.swiperBtn.ab.prev{left:0;transform:translate(-50%,-50%);}
.swiperBtn.ab.next{right:0;transform:translate(50%,-50%);}
.swiperBtn.ab.in.prev{transform:translate(var(--sp-8),-50%);}
.swiperBtn.ab.in.next{transform:translate(calc(var(--sp-8) * -1),-50%);}
.swiperBtn.line{border:1px solid var(--g-ddd);}
.swiperBtn.round{border-radius:var(--rd-full);}
.swiperBtn.s1{ width: 3rem; height: 3rem; font-size: var(--fs-16);}
.swiperBtn.ico1.prev:before{content:"\e908";}
.swiperBtn.ico1.next:before{content:"\e90b";}
.swiperBtn.white{color:var(--g-fff);border-color:rgba(255,255,255,.5);}
.swiperBtn.c1{background:var(--g-ed);color:var(--g-666);}
.swiperBtn.pause:not(.white,[class*="c"]){background:var(--g-fff);}

/* ====== soon ====== */
.soon{background:#f5f5f5; color:#333; height:50vh; padding:1em; display:flex; align-items:center; justify-content:center; border-radius:1em}
.soon .img{ width:10em; padding-bottom:120%; margin-right:2em}
.soon .xi{ font-size:16em; opacity:.1}
.soon .tt .t1{ display:block; font-weight:700; font-size:3em}
.soon .tt .t2{ display:block; font-size:1.25em; opacity:.5}

/* ====== resize ====== */
.resize { aspect-ratio: 1 / 1 } 
.resize.vod { aspect-ratio: 16 / 9 } 
.resize.photo { aspect-ratio: 3 / 2 } 
.resize.a4 { aspect-ratio: 210 / 297 } 
.resize.logo { aspect-ratio: 5 / 2 } 
.resize:has(img) { display:flex; overflow:hidden } 
.resize img { object-fit:contain; max-width:100%; max-height:100%; margin:auto } 
.resize.cover img { object-fit:cover; width:100%; max-height:none } 
.resize.logo img { max-width:80% } 


/* ====== guide ====== */
.privacy_wrap{ margin-top: var(--space-6);}
.privacy_wrap > .label_st{ font-size: var(--font-size-base);}
.privacy_wrap .guideBox{ margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-black-3);}
.guideBox{}
.guideBox .guide_inner{ padding: 3.5rem; background: #fff; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem;}
.guideBox .guide_inner.scroll{ height: 35svh; overflow-y: scroll;}
.guideBox .guide_inner div{ margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--gray-line);}
.guideBox .guide_inner p{ font-size: var(--font-size-base); margin-bottom: .25rem;}
.guideBox .guide_inner p:last-of-type{ border-bottom: none;}
.guideBox .guide_inner .tit{ font-size: var(--font-size-lg-1); font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #111;}
.guideBox .guide_inner strong{ font-size: var(--font-size-md-1); font-weight: 600; margin-top: var(--space-3); margin-bottom: var(--space-1);}

/* ==board search== */
.board_search_wrap{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-20);margin-bottom:var(--space-5);}
.board_search_wrap .left{display:flex;align-items:center;}
.board_search_wrap .right{display:flex;margin-left:auto;}
.board_search_wrap .search_inner{display:flex;align-items:center;height:3.625rem;margin:0 auto;background:var(--g-fff);border:1px solid var(--g-ddd);border-radius:var(--rd-full);box-sizing:border-box;transition:all .3s ease;}
.board_search_wrap .search_inner .label_select{display:flex;align-items:center;width:100%!important;height:100%;color:var(--g-000);background:var(--g-fff);border:0;border-radius:var(--rd-full);font-weight:var(--fw-500);text-align:left;text-indent:1.2rem;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
.board_search_wrap .search_inner .label_select .selectTit{width:5rem;margin-left:var(--space-4);border:0;font-size:var(--fs-14);}
.board_search_wrap .search_inner.st1,.board_search_wrap .search_inner.st1 .label_select{border-radius:var(--rd-8);}
.board_search_wrap .search_inner.st1 .label_select .selectTit{width:7rem;}
.board_search_wrap .search_inner .input_search{position:relative;display:flex;align-items:center;}
.board_search_wrap .search_inner .input_search input,.board_search_wrap .search_inner .input_search button{background:none;border:0;}
.board_search_wrap .search_inner .input_search input{width:15rem;padding-left:var(--space-1);box-sizing:border-box;}
.board_search_wrap .search_inner .input_search .search{position:absolute;right:var(--sp-8);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0;color:var(--g-fff);background:var(--c-brand);border:0;border-radius:var(--rd-full);}
.board_search_wrap .search_inner .input_search .search .xi{font-size:var(--fs-20);}
.board_search_wrap .total{display:flex;align-items:baseline;font-size:var(--fs-16);font-weight:var(--fw-600);line-height:var(--lh-100);}
.board_search_wrap .total .t1{margin-left:var(--space-1);color:var(--c-brand);font-weight:var(--fw-800);}

/* ==board view== */
.board_viewT{margin-bottom:var(--space-4);}
.board_viewT .vTit{text-align:center;font-size:var(--fs-32);font-weight:var(--fw-600);}
.board_viewT .info{display:flex;align-items:center;justify-content:center;gap:var(--sp-24);}
.board_viewT .info > li{position:relative;color:var(--g-666);margin-top:var(--space-2);font-size:var(--fs-15);}
.board_viewT .info > li:not(:last-child):before{content:"";position:absolute;right:calc(var(--sp-16) * -1);top:50%;width:1px;height:60%;transform:translateY(-50%);background:var(--g-ccc);}
.board_viewT .info > li .ico{font-size:var(--fs-14);margin-right:var(--sp-4);}
.board_viewT .info > li.name .ico:before{content:"\e9f2";}
.board_viewT .info > li.date .ico:before{content:"\e9a0";}
.board_viewT .info > li.hit .ico:before{content:"\e950";}
.board_viewT .info > li.tel .ico:before{content:"\e9d3";}

.board_viewM{padding:var(--sp-56);box-sizing:border-box;background:var(--g-f5);border-radius:var(--rd-16);}
.board_viewM > p{font-size:var(--fs-16);line-height:var(--lh-160);}
.board_viewM .youtube_wrap{position:relative;width:100%;aspect-ratio:var(--ratio-16x9);margin-bottom:var(--sp-40);overflow:hidden;background:var(--g-000);border-radius:var(--rd-12);}
.board_viewM .youtube_wrap iframe{display:block;width:100%;height:100%;border:0;}

.board_viewF{display:flex;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-3);padding:var(--sp-40) var(--sp-56);box-sizing:border-box;background:var(--g-f5);border-radius:var(--rd-16);}
.board_viewF .wrap_tit > .t1{font-size:var(--fs-18);line-height:var(--lh-100);font-weight:var(--fw-600);}
.board_viewF .wrap_con .list{position:relative;top:calc(var(--sp-4) * -1);display:flex;gap:var(--sp-8) var(--sp-16);}
.board_viewF .wrap_con .list > li{position:relative;}
.board_viewF .wrap_con .list > li:before{content:"";position:absolute;top:50%;right:calc(var(--sp-8) * -1);width:1px;height:var(--sp-10);background:var(--c-brand);transform:translateY(-50%);}
.board_viewF .wrap_con .list > li:last-of-type:before{display:none;}
.board_viewF .wrap_con .list > li > a{display:flex;align-items:center;gap:var(--sp-4);}
.board_viewF .wrap_con .list > li > a .tt{color:var(--g-555);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-100);}
.board_viewF .wrap_con .list > li > a .ico:before{content:"\e998";}
.board_viewF .wrap_con .list > li > a .down:before{content:"\eb7c";color:var(--c-brand);}
.board_viewF .wrap_con .list > li > a:hover .tt{text-decoration:underline;}

/* ==nocon== */
.nocon{display:flex;justify-content:center;align-items:center;flex-direction:column;height:24rem;margin-top:-1px;color:var(--g-666);border:1px solid var(--g-ddd);}
.board_table .nocon{border:0;}
.nocon .xi{margin-bottom:var(--sp-2);color:var(--g-ddd);font-size:var(--fs-80);}
.nocon .xi:not([class*=xi-]):before{content:"\ea15";}
.nocon.st1{height:100%;background:var(--g-fff);border-radius:var(--rd-16);}

/* ==paging== */
.board_paging{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);margin-top:var(--sp-64);}
.board_paging button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;color:var(--g-333);background:var(--g-f5);border:1px solid transparent;border-radius:var(--rd-6);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-100);box-sizing:border-box;cursor:pointer;transition:color .3s ease,background .3s ease,border-color .3s ease;}
.board_paging button:hover{color:var(--g-000);background:var(--g-e5);}
.board_paging button.on{color:var(--g-111);background:var(--g-fff);border-color:var(--g-555);font-weight:var(--fw-600);}
.board_paging button.on:hover{background:var(--g-fff);}
.board_paging button.icon{color:var(--g-111);background:var(--g-f5);}
.board_paging .xi{font-size:var(--fs-18);line-height:var(--lh-100);}
.board_paging .xi.prev:before{content:"\e93c";}
.board_paging .xi.next:before{content:"\e93f";}


/* ==input== */
.input_st{position:relative;height:var(--sp-48);padding:var(--sp-8) var(--sp-12);color:var(--g-111);background:var(--g-fff);border:1px solid var(--g-ddd);border-radius:var(--rd-4);font-weight:var(--fw-500);box-sizing:border-box;}
.input_st.s1{height:var(--sp-56);padding:var(--sp-8) var(--sp-16);font-size:var(--fs-18);font-weight:var(--fw-600);}
.input_st.s2{height:2.125rem;padding:var(--sp-4) var(--sp-12);font-size:var(--fs-15);}
.input_st.s2 .xi{font-size:var(--fs-16);}
.input_st.s3{height:fit-content;padding:var(--sp-6);font-size:var(--fs-13);}
a.input_st,button.input_st,input[type=button].input_st,input[type=submit].input_st{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:var(--fw-600);}
.input_st[type=file]{width:100%;padding:0;background:none;}
.input_st[readonly]{color:var(--g-666);background:var(--g-f5);}
textarea.input_st{width:100%;height:var(--sp-112);padding:var(--sp-16);}
textarea.input_st.h1{height:16rem;}
select.input_st{padding-right:var(--sp-40);}
select.input_st.s1{padding-right:var(--sp-56);}
.input_st .xi{margin:0 var(--sp-4);}
.input_st .xi:first-child{margin-left:0;}
.input_st .xi:last-child{margin-right:0;}
.input_st .arrow{position:absolute;right:0;top:50%;font-family:xeicon;opacity:0;transform:translateY(-50%);}
.input_st .arrow:before{content:"\e907";}
.input_st:hover .arrow{right:var(--sp-16);opacity:1;transition:right .3s ease,opacity .3s ease;}
.input_st.c0{color:var(--g-777);border-color:var(--g-ccc);}
.input_st.c1{color:var(--g-fff);background:var(--c-brand);border-color:var(--c-brand);}
.input_st.c1.re{color:var(--c-brand);background:var(--g-fff);border-color:var(--c-brand);}
.input_st.c2{color:var(--g-fff);background:var(--g-999);border-color:var(--g-999);}
.input_st.c2.re{color:var(--g-888);background:var(--g-fff);border-color:var(--g-ccc);}
.input_st.c3{color:var(--g-fff);background:var(--g-333);border-color:var(--g-333);}
.input_st.c3.re{color:var(--g-333);background:var(--g-fff);border-color:var(--g-333);}
.input_st.c4{color:var(--g-fff);background:var(--c-accent);border-color:var(--c-accent);}
.input_st.c4.re{color:var(--c-accent);background:var(--g-fff);border-color:var(--c-accent);}
.input_st.c5{color:var(--g-111);background:var(--g-fff);border-color:var(--g-fff);}
.input_st.c5.re{color:var(--g-111);background:var(--g-fff);border-color:var(--g-111);}
.input_st.w100{width:100%;}
.input_st.w1{width:14rem;max-width:100%;}
.input_st.w2{width:6.25rem;}
.input_st.w3{width:40rem;max-width:100%;}
.input_st.w4{width:12rem;}
.input_st .xi.arrow{margin:0 var(--sp-8);font-size:var(--fs-16);}
.input_st .xi.arrow:before{content:"\e93f";}
.input_st.wFix{min-width:8rem;text-align:center;}
.input_st.back .xi{font-size:var(--fs-16);}
.input_st.back .xi:before{content:"\e908";}
.input_st.back .tt:before{content:"Back";}

/* ==label== */
.label_st{position:relative;display:inline-flex;align-items:center;min-height:1rem;font-weight:var(--fw-500);line-height:var(--lh-100);box-sizing:border-box;cursor:pointer;}
.label_st input,.label_st .xi{position:relative;width:var(--sp-20);height:var(--sp-20);min-width:var(--sp-24);min-height:var(--sp-24);box-sizing:border-box;}
.label_st .xi:before{position:absolute;left:50%;top:50%;font-size:var(--fs-14);transform:translate(-50%,-50%);}
.label_st input{position:absolute;left:0;top:0;background:none;border:0;}
.label_st input:not(:focus){z-index:-1;opacity:0;}
.label_st .xi{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--g-ddd);border-radius:var(--rd-4);font-size:var(--fs-16);line-height:var(--lh-100);}
.label_st span{flex:1 1 0;min-width:0;font-weight:var(--fw-600);word-break:keep-all;}
.label_st input:checked ~ span{color:var(--c-brand);}
.label_st input[type=radio] ~ .xi{border-radius:var(--rd-full);}
.label_st input:checked ~ .xi{color:var(--g-fff);background:var(--c-brand);border-color:transparent;}
.label_st input[type=checkbox]{opacity:0;}
.label_st input[type=checkbox]:checked ~ .xi:before{content:"\e928";}
.label_st input[type=radio]:checked ~ .xi:before{content:"\eb0d";}
.label_st input:disabled ~ .xi,.label_st input:disabled ~ span{opacity:.45;}

/* ==select== */
.select-wrapper{position:relative;}
.select-wrapper:before{content:"\e936";position:absolute;top:50%;right:var(--sp-24);z-index:2;color:var(--c-brand);font-family:"xeicon";font-size:var(--fs-24);transform:translateY(-50%);transition:all .4s ease-in-out;}
.select-wrapper:focus-within::before{content:"\e930";}

/* ==page_btn== */
.page_btn{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);margin-top:var(--sp-32);}
.page_btn .in{display:flex;align-items:center;gap:var(--sp-8);}
.page_btn .in.left{justify-content:flex-start;}
.page_btn .in.center{justify-content:center;margin:0 auto;}
.page_btn .in.right{justify-content:flex-end;margin-left:auto;}

/* ==board prev next== */
.postNavi{margin-top:var(--space-5);}
.postNavi .post_st > li{border-bottom:1px solid var(--g-ddd);}
.postNavi .post_st > li:first-of-type{border-top:2px solid var(--g-111);}
.postNavi .post_st .form_lab{display:flex;align-items:center;}
.postNavi .post_st .form_lab .lab_tit,.postNavi .post_st .form_lab .lab_con{display:flex;align-items:center;min-height:5rem;box-sizing:border-box;}
.postNavi .post_st .form_lab .lab_tit{position:relative;width:8svw;margin-right:var(--space-4);gap:var(--sp-8) 0;padding-left:var(--sp-4);}
.postNavi .post_st .form_lab .lab_tit .tit1{font-size:var(--fs-16);font-weight:var(--fw-600);line-height:var(--lh-100);}
.postNavi .post_st .form_lab .lab_tit:before{content:"";position:absolute;right:0;top:50%;width:1px;height:var(--sp-18);background:var(--g-ddd);transform:translateY(-50%);}
.postNavi .post_st .form_lab .lab_con{flex:1 1 0%;min-width:0;gap:var(--sp-4);}
.postNavi .post_st .form_lab .lab_con > .board_aTit{color:var(--g-444);font-size:var(--fs-16);font-weight:var(--fw-400);line-height:var(--lh-100);}
.postNavi .post_st .form_lab .lab_con:hover > .board_aTit{text-decoration:underline;}

/* ==board gallery== */
.board_gallery{display:flex;flex-wrap:wrap;gap:var(--sp-28);margin:0;padding:0;list-style:none;}
.board_gallery > li{width:calc((100% - (var(--sp-28) * 2)) / 3);}
.board_gallery > li .wrap_in{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--g-f5);border-radius:var(--rd-20);box-sizing:border-box;}
.board_gallery > li .wrap_in .img_wrap{position:relative;display:block;width:100%;aspect-ratio:var(--ratio-16x10);overflow:hidden;background:var(--g-f5);}
.board_gallery > li .wrap_in .img_wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.board_gallery > li .wrap_in .img_wrap .ab{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;}
.board_gallery > li .wrap_in .con_wrap{display:flex;flex:1;flex-direction:column;gap:var(--sp-12);min-height:14rem;margin:0;padding:var(--sp-28) var(--sp-32) var(--sp-28);background:var(--g-f5);box-sizing:border-box;transition:background .3s ease,color .3s ease;}
.board_gallery > li .wrap_in .con_wrap .ten{margin:0;color:var(--g-777);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-140);text-transform:uppercase;transition:color .3s ease;}
.board_gallery > li .wrap_in .con_wrap .t1{margin:0;color:var(--g-111);font-size:var(--fs-26);font-weight:var(--fw-700);line-height:var(--lh-145);letter-spacing:var(--ls-m3);word-break:keep-all;transition:color .3s ease;}
.board_gallery > li .wrap_in .con_wrap .t2{margin:0;color:var(--g-555);font-size:var(--fs-15);font-weight:var(--fw-400);line-height:var(--lh-160);letter-spacing:var(--ls-m1);word-break:keep-all;transition:color .3s ease;}
.board_gallery > li .wrap_in .con_wrap .date{display:block;margin-top:auto;padding-top:var(--sp-24);color:var(--g-aaa);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-140);transition:color .3s ease;}
.board_gallery > li .wrap_in:hover .img_wrap img{transform:scale(1.04);}
.board_gallery > li .wrap_in:hover .con_wrap{color:var(--g-fff);background:var(--blue);}
.board_gallery > li .wrap_in:hover .con_wrap .ten{color:rgba(255,255,255,.72);}
.board_gallery > li .wrap_in:hover .con_wrap .t1{color:var(--g-fff);text-decoration:none;}
.board_gallery > li .wrap_in:hover .con_wrap .t2{color:rgba(255,255,255,.82);}
.board_gallery > li .wrap_in:hover .con_wrap .date{color:rgba(255,255,255,.55);}

/* ==partner== */
.board_partner{ display: flex; gap: 2rem 1rem; flex-wrap: wrap;}
.board_partner > li{ width: calc((100% - 3em) / 4);}
.board_partner > li > .wrap_in{ display: block;}
.board_partner > li > .wrap_in > .img_wrap{ position: relative; text-align: center; background: #fff; border: 1px solid #ddd; padding: 1.5rem; border-radius: var(--radius-md); box-sizing: border-box; transition: .3s;}
.board_partner > li > .wrap_in > .img_wrap > img{ width: 80%; height: 60px; object-fit: contain;}
.board_partner > li > .wrap_in > .img_wrap > .LinkB{ position: absolute; top: .5em; right: .5em; border-radius: 50%; background: #fff; border: 1px solid #ddd; color: var(--crBlack); width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; transition: .3s;}
.board_partner > li > .wrap_in > .img_wrap > .LinkB > .xi{ font-size: var(--font-size-xs);}
.board_partner > li > .wrap_in > .con_wrap{ text-align: center; margin-top: var(--space-3);}
.board_partner > li > .wrap_in > .con_wrap > .t1{ font-size: var(--font-size-base); font-weight: 500;}
.board_partner > li > .wrap_in:hover > .img_wrap{ border: 1px solid var(--color-point);}
.board_partner > li > .wrap_in:hover > .img_wrap > .LinkB{ border: 1px solid var(--color-point); background: var(--color-point); color: #fff;}