@charset "utf-8";
@import url("../font/font.css");

/* cdn만료로 주석처리 */
/* @font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 200;
    font-style: normal;
} */

@font-face {
    font-family: 'Pretendard-Regular';
    src: local('Pretendard Regular'), url(../font/Pretendard-Regular.otf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* ===== 공통 변수 ===== */
:root {
    /* font-family */
    /* --font-nanum: 'NanumSquare'; */

    /* color */
    --color-black: #000;
    --color-dark: #222;
    --color-grey: #444;
    --color-white: #FFF;
    --color-rose: #D6336C;
    --color-primary: #00275E;
    --color-secondary: #004662;
}


/*  ===== Reset CSS ===== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }

* { margin: 0; padding: 0; box-sizing: border-box; } 
*:focus { outline: none !important; box-shadow: none !important; }
body { font-family: "Pretendard-Regular", dotum, sans-serif !important; color: var(--color-dark); font-size: 18px; line-height: 1; min-height: 100vh; width: 100%; }


/* ===== Common ===== */
.container { width: 1200px; margin: 0 auto; }
path { transition: all .3s; }
.dInln1280, .dInln1024, .dInln910, .dInln767, .dInln520,
.dBlck1280, .dBlck1024, .dBlck910, .dBlck767, .dBlck520,
.dInBl1280, .dInBl1024, .dInBl910, .dInBl767, .dInBl520 { display: none; }
.imgDragCover { width: 100%; height: 100%; display: none; }




/* ===== Form ===== */
.customForm label { font-size: 18px; }
.customForm .formChkGrp { display: flex; align-items: center; }
.customForm [type="radio"] { appearance: none; border: 2px solid #8E9097; border-radius: 50%; width: 20px; height: 20px; transition: all .3s; }
.customForm [type="radio"]:checked { border: 5px solid var(--color-primary); }
.customForm label:hover [type="radio"] { box-shadow: 0 0 5px 5px rgba(0, 174, 220, 0.2); border: 2px solid var(--color-primary); cursor: pointer; }
.customForm label:hover > span { cursor: pointer; }
.customForm [type="radio"]:hover:checked { border: 5px solid var(--color-primary); box-shadow: none; }
.customForm [type="radio"]:disabled { background: #EBEBEB !important; box-shadow: none !important; border: 2px solid #8E9097 !important; cursor: not-allowed !important; }
.customForm [type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed !important; }
.customForm [type="radio"] + span.lftSp { line-height: 1; font-weight: 600; }
.customForm [type="checkBox"] { appearance: none; position: relative; border: 2px solid #8E9097; border-radius: 4px; width: 20px; height: 20px; transition: all .3s; }
.customForm label:hover [type="checkBox"] { border: 2px solid var(--color-primary); cursor: pointer; }
.customForm [type="checkBox"]:checked { background: var(--color-primary); border-color: var(--color-primary); }
.customForm [type="checkBox"]:checked::after { content: ""; position: absolute; height: 4px; width: 7px; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; left: 50%; top: 38%; transform: translate(-50%, -50%) rotate(-45deg); }

.customForm .formBlank { box-sizing: border-box; transition: all .3s; width: 100%; height: 48px; padding: 0 16px; border-radius: 4px; background: #F8F9FA !important; border: 1px solid #F8F9FA !important; font-size: 18px; color: #121212; }
.formBlank:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #F8F9FA inset !important; -webkit-text-fill-color: #121212; }
.customForm .formBlank::placeholder { color: #8E9097; }
.customForm .formBlank:focus { border: 1px solid var(--color-grey); }
.customForm .selectFormGroup { position: relative; }
.customForm .selectFormGroup select { position: relative; cursor: pointer; width: auto !important; padding: 0 40px 0 12px; transition: all 0.2s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.customForm .selectFormGroup .select::-ms-expand{ display:none; }
.customForm .selectFormGroup .selectFormArrow { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; pointer-events: none; }
.customForm .selectFormGroup:hover .selectFormArrow path { fill: var(--color-dark); }

.customForm .formTable > .tr { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 16px 30px; border-bottom: 1px solid #E6E6E6;  }
.customForm .formTable > .tr:last-of-type { border-bottom: 0; }
.customForm .formTable > .tr > .th { width: 180px; height: 48px; line-height: 48px; font-size: 18px; font-weight: 600; }
.customForm .formTable > .tr > .th > span { color: #D62A23; }
.customForm .formTable > .tr > .td { width: calc(100% - 180px); min-height: 48px; display: flex; align-items: center; }



/* ===== Button ===== */
button[class^='btn-'] { height: 50px; border-radius: 25px; line-height: 48px; font-size: 18px; font-weight: 600; cursor: pointer; transition: all .3s; overflow: hidden; }
button[class^='btn-'] a { display: block; width: 100%; height: 100%; }
button[class^='btn-'] path { transition: all .3s; }
button[class^='btn-']:hover path { fill: #FFF }
button[class^='btn-']:disabled { border: none; background: #EBEBEB; color: #969AA1; cursor: not-allowed; }
.btn-normal { width: 180px; }
.btn-primary { border: 2px solid var(--color-primary); background: var(--color-white); color: var(--color-primary); }
.btn-primary a { color: var(--color-primary); }
.btn-primary:hover { background: var(--color-primary); color: var(--color-white); }
.btn-primary:hover a { color: var(--color-white); }
.btnDownload { cursor: pointer; padding: 0; }
button.btnDownload a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 100%; padding: 10px 20px; text-decoration: none; }
.btnDownload:hover svg path { fill: var(--color-white); }
.corpTrustBtnArea { margin-top: 30px; }
.btn-grey { border: 2px solid #8E9097; background: var(--color-white); color: #8E9097; }
.btn-grey:hover { background: #8E9097; color: var(--color-white); }
.btn-square { border-radius: 0 !important; }


/* ===== Icon ===== */
i[class^='ico-'] { width: 16px; height: 16px; display: inline-block; }
.ico-person { background: url('/ext/img/icon/ico-person.svg') no-repeat center center / cover; }
.ico-admin { background: url('/ext/img/icon/ico-admin.svg') no-repeat center center / cover; }
.ico-company { background: url('/ext/img/icon/ico-company.svg') no-repeat center center / contain; }
.ico-ceo { background: url('/ext/img/icon/ico-ceo.svg') no-repeat center center / contain; }
.ico-tel { background: url('/ext/img/icon/ico-tel.svg') no-repeat center center / contain; }
.ico-fax { background: url('/ext/img/icon/ico-fax.svg') no-repeat center center / contain; }
.ico-rank { background: url('/ext/img/icon/ico-rank.svg') no-repeat center center / contain; }
.ico-adrs { background: url('/ext/img/icon/ico-adrs.svg') no-repeat center center / contain; }
.ico-check { background: url('/ext/img/icon/ico-check.svg') no-repeat center center / contain; }

/* --- Mobile Menu Icon --- */
.icoMenuplus { display: inline-block; width: 24px; height: 24px; position: relative; }
.icoMenuplus::before { content: ''; position: absolute; width: 14px; height: 2px; background: #BBB; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.icoMenuplus::after { content: ''; position: absolute; width: 2px; height: 14px; background: #BBB; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s; }
.on > .icoMenuplus::before, .on > .icoMenuplus::after, .active > .icoMenuplus::before, .active > .icoMenuplus::after { background: var(--color-white); }
.icoMenuplus.on::after, .active > .icoMenuplus::after {  transform: translate(-50%, -50%) rotate(90deg); }
.sideMenu .on > .icoMenuplus::before, .sideMenu .on > .icoMenuplus::after, .sideMenu .active > .icoMenuplus::before, .sideMenu .active > .icoMenuplus::after { background: var(--color-secondary); }

.icoFooterArrow { display: inline-block; width: 24px; height: 24px; position: relative; transition: all .3s; }
.icoFooterArrow::before { content: ''; position: absolute; width: 10px; height: 2px; background:var(--color-grey); left: 50%; top: 50%; transform: translate(calc(-50% + 3px), -50%) rotate(45deg); }
.icoFooterArrow::after { content: ''; position: absolute; width: 10px; height: 2px; background: var(--color-grey); left: 50%; top: 50%; transform: translate(calc(-50% - 3px), -50%) rotate(-45deg); }
.active > .icoFooterArrow { rotate: 180deg; }




/* ===== Header ===== */
header { position: fixed; z-index: 10000; left: 0; right: 0; top: 0; width: 100%; background: #FFF; transition: all .3s; }

/* --- PC Menu --- */
.menuPC { position: relative; z-index: 10001; height: 130px; }
.menuPC > .hTop { height: 40px; background: #F6F6F6; }
.menuPC > .hTop > .container { height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.menuPC > .hTop .signGroup { height: 100%; display: flex; align-items: center; }
.menuPC > .hTop .signGroup > li { position: relative; height: 100%; }
.menuPC > .hTop .signGroup > li > a { display: flex; height: 100%; align-items: center; justify-content: center; font-weight: 400; width: auto; padding: 0 20px; transition: all .3s;  }
.menuPC > .hTop .signGroup > li > a:hover { font-weight: 600; opacity: 1; }
.menuPC > .hTop .signGroup > li > a > span { font-size: 16px; color: var(--color-black); }
.menuPC > .hTop .signGroup > li > a > svg { margin-right: 4px; width: 18px; height: 18px; }
.menuPC > .hTop .signGroup > li::after { position: absolute; content: ""; height: 16px; width: 2px; border-radius: 1px; background: var(--color-black); top: 50%; right: -1px; transform: translateY(-50%); }
.menuPC > .hTop .signGroup > li:last-of-type::after { content: none; }
.menuPC > .hBot { position: relative; height: 90px; padding: 10px 0; }
.menuPC > .hBot::after { content: ""; position: absolute; width: 100%; height: 1px; background: #CCC; top: 90px; left: 0; pointer-events: none; opacity: 0.7; }
.menuPC > .hBot > .container { height: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.menuPC h1 { width: auto; height: 100%; display: flex; align-items: center; }
.menuPC h1 > a { display: inline-block; width: 180px; height: 100%; background: url('/ext/img/logo.svg') no-repeat center center / contain; }
/* .menuPC h1.hover > a { background: url('/ext/img/logo_w.svg') no-repeat center center / contain; } */
.menuPC .gnb { height: 70px; display: flex; align-items: flex-start; overflow: hidden; transition: height 0.15s ease; }
.menuPC .gnb > .depth1 { display: flex; align-items: flex-start; height: 100%; }
.menuPC .gnb > .depth1 > li > div { display: block; font-weight: 800; height: 40px; line-height: 40px; font-size: 20px; margin: 15px 40px; }
.menuPC .gnb > .depth1 > li > div > a { transition: all .3s; color: var(--color-black); }
.menuPC .gnb > .depth1 > li > div > a.hover { color: var(--color-black); }
.menuPC .gnb > .depth1 > li > div > a.hoverNow { color: var(--color-primary); }

.menuPC .depth2 { padding-top: 16px; padding-bottom: 32px; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); min-width: 180px; width: max-content; }
.menuPC .gnb > .depth1 > li { position: relative; }
.menuPC .depth2 > li { height: 50px; }
.menuPC .depth2 > li > a { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px; font-weight: 800; color: var(--color-grey); position: relative; transition: none !important; transition: all .3s; text-align: center; }
.menuPC .depth2 > li > a > p { position: relative; height: auto; width: auto; }
.menuPC .depth2 > li > a > p::after { content: ''; position: absolute; background: var(--color-primary); width: 0; height: 2px; width: 0; bottom: -3px; left: -1%; transition: all 0.3s; }
.menuPC .depth2 > li > a > p > span { display: inline-block; font-size: 14px; }
/* .menuPC .depth2 > li > a > p > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: block; width: 66px; height: 14px; font-size: 14px; font-weight: 400; margin-top: 5px; } */
.menuPC .depth2 > li > a.on, .menuPC .depth2 > li > a:hover { color: var(--color-primary); }
.menuPC .depth2 > li > a.on > p::after, .menuPC .depth2 > li > a:hover > p::after { width: 102%; }
.menuBack { position: absolute; top: 0px; width: 100%; height: 0px; background: var(--color-white); z-index: 10000; }
.mbPC { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: var(--color-black); opacity: 0; z-index: 9999; transition: opacity 0.3s ease; }
.mbPC.active { display: block; opacity: 0.5; }

/* --- Hamburger Button ---*/
.hamBox { position: relative; height: 100%; width: 24px; align-items: center; display: none; }
.hamburger { border: none; background: transparent; width: 24px; height: 24px; position: relative; cursor: pointer; }
.hamburger span { display: block; position: absolute; height: 2px; background: var(--color-primary); left: 3px; }
.hamburger span:nth-child(1) { width: 18px; top: 4px; }
.hamburger span:nth-child(2) { width: 14px; top: 50%; transform: translate(0, -50%); }
.hamburger span:nth-child(3) { width: 18px; bottom: 4px; }

/* --- Scroll Header --- */
.scrHeader { background: var(--color-white) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.scrHeader .menuPC h1 > a { background: url('/ext/img/logo.svg') no-repeat center center / contain !important; }
.scrHeader .menuPC .gnb > .depth1 > li > div > a { color: var(--color-black); }
.scrHeader .mainMenu.hoverNow { color: var(--color-primary) !important; }


/* --- Mobile Menu --- */
.menuMobile { width: 300px; height: 100vh; background: var(--color-white); position: absolute; z-index: 20000; right: -300px; top: 0; transition: all .3s; }
.menuMobile a { color: var(--color-dark); }
.menuMobile .mMenuTop { width: 100%; height: 56px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; background: var(--color-primary); }
.menuMobile .signGroup { display: flex; align-items: center; }
.menuMobile .signGroup a { color: var(--color-white); font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.menuMobile .signGroup li { margin-left: 4px; margin-right: 20px; }
.menuMobile .signGroup li.lgiInfo, .menuMobile .signGroup li.adminLink { display: none; }
.menuMobile .signGroup li a > span { display: block; margin-top: 2px; }
.menuMobile .signGroup li a > svg { margin-right: 4px; width: 16px; height: 16px; }
.menuMobile .signGroup li a path { fill: #FFF !important; }
.menuMobile .depth1 { padding: 14px; height: calc(100vh - 56px); overflow-y: auto; }
.menuMobile .depth1 > li { width: 100%; }
.menuMobile .depth1 > li > div > a, .menuMobile .depth2 > li > a { font-size: 16px; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 52px; padding: 0 20px; border-bottom: 1px solid #ECECEC; transition: all .3s; }
.menuMobile .depth1 > li > div > a { font-weight: 800; }  
.menuMobile .depth1 > li > div > a.on, .menuMobile .depth1 > li > div > a.active { background: var(--color-primary); color: var(--color-white); }  
.menuMobile .depth2 { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; background: #F8F8F8; }
.menuMobile .depth2 > li > a { font-weight: 600; }
.menuMobile .depth2 > li > a.on, .menuMobile .depth2 > li > a.active { color: var(--color-primary); font-weight: 800; }
.menuMobile.active { right: 0; }
.mbMobile { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: var(--color-black); opacity: 0.7; z-index: 19999; transition: all .3s; }
.mbMobile.active { display: block; }

/* --- Mobile Menu Close --- */
.mmcBox { position: relative; height: 100%; width: 24px; display: flex; align-items: center; }
.mMenuClose { border: none; background: transparent; width: 24px; height: 24px; position: relative; cursor: pointer; }
.mMenuClose span { display: block; position: absolute; height: 2px; background: var(--color-white); left: 3px; width: 18px; }
.mMenuClose span:nth-child(1) { transform: rotate(45deg); top: 11px; }
.mMenuClose span:nth-child(2) { transform: rotate(-45deg); bottom: 11px; }




/* ===== Contents ===== */
.wrapper { position: relative; min-height: calc(100vh -  370px); height: auto; padding-top: 130px; padding-bottom: 100px; }

/* --- Top Nav --- */
.topNav { margin: 30px 0; }
.topNav .container { position: relative; }
.topNav .container::after { pointer-events: none; content: ''; position: absolute; height: 100%; width: 100px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); right: 0px; top: 0; z-index: 5; }
.topNav .topNavDpt1 { font-size: 45px; margin-bottom: 30px; font-weight: 700; }
.topNav .topNavDpt2 { display: flex; align-items: center; }
.topNav .topNavDpt2 li { width: auto; margin-right: 20px; }
.topNav .topNavDpt2 li > a { display: block; height: 32px; line-height: 32px; border-radius: 16px; text-align: center; color: var(--color-black); transition: all .3s; }
.topNav .topNavDpt2 li > a > span { font-size: 14px; display: inline-block; margin-left: 2px; }
.topNav .topNavDpt2 li.on > a { padding: 0 16px; background: var(--color-primary); color: var(--color-white); }
/* .topNav .topNavDpt2 > li:hover > a { padding: 0 16px; background: var(--color-primary); color: var(--color-white); } */


/* --- Sub Top --- */
.subTop { height: 280px; width: 100%; position: relative; z-index: 0; }
.subTop::before { content: none; position: absolute; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; background: linear-gradient(103.25deg, rgba(217, 224, 247, 0.15) 3.09%, rgba(239, 247, 255, 0.15) 96.39%); }
.subTop::after { content: ''; position: absolute; height: 100%; width: 100%; z-index: 1; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
.subTop > img { height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 0; }
.subTop.dimLight::after { background: rgba(0,0,0,0.1); }
.subTop > .stTxt { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: var(--color-white); }
/* .subTop > .stTxt p:nth-of-type(1) { font-size: 18px; font-weight: 600; rotate: -0.04deg; margin-bottom: 14px; opacity: 0.95; }
.subTop > .stTxt p:nth-of-type(2) { font-size: 38px; font-weight: 800; rotate: -0.04deg; }
.subTop > .stTxt p:nth-of-type(3) { font-size: 18px; font-weight: 400; rotate: -0.04deg; margin-top: 46px; position: relative; line-height: 1.5; opacity: 0.94; }
.subTop > .stTxt p:nth-of-type(3)::before { content:""; position: absolute; width: 30px; height: 2px; background: var(--color-white); top: -24px; left: 50%;  transform: translateX(-50%); opacity: 0.5; } */
.subTop > .stTxt p:nth-of-type(1) { font-size: 38px; font-weight: 800; rotate: -0.04deg; }
.subTop > .stTxt p:nth-of-type(1) > span { display: block; margin-top: 8px; font-size: 18px; font-weight: 600; rotate: -0.04deg; opacity: 0.94; }
.subTop > .stTxt p:nth-of-type(2) { font-size: 18px; font-weight: 400; rotate: -0.04deg; margin-top: 46px; position: relative; line-height: 1.5; opacity: 0.94; }
.subTop > .stTxt p:nth-of-type(2)::before { content:""; position: absolute; width: 30px; height: 2px; background: var(--color-white); top: -24px; left: 50%;  transform: translateX(-50%); opacity: 0.5; }

/* --- Sub Contenet --- */
.subWrap { padding-top: 60px; }

/* --- Bread Crumb --- */
.breadCrumb { background: #FFF; height: 60px; width: 100%; border-bottom: 1px solid #EBEBEB; position: relative; z-index: 200; font-size: 18px; color: #444; cursor: pointer; }
.breadCrumb .container { height: 60px; display: flex; align-items: flex-start; justify-content: flex-start; }
.breadCrumb .container > li { background: #FFF; display: inline-block; height: 60px; border-right: 1px solid #EBEBEB; }
.breadCrumb .bcHome > a { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #EBEBEB; height: 100%; width: 60px; border-left: 1px solid #EBEBEB; transition: all 0.2s; }
.breadCrumb .bcHome > a:hover { background: var(--color-primary); }
.breadCrumb .bcHome > a:hover path { fill: var(--color-white); }
.breadCrumb .bcBtn > div { background: #FFF; border-bottom: 1px solid #EBEBEB; height: 60px; padding: 4px 24px 0; display: flex; align-items: center; justify-content: space-between; width: 300px; transition: all 0.2s; }
.breadCrumb .bcBtn > div > i { rotate: 0deg; display: block; height: 10px; display: flex; align-items: center; transition: all .1s; margin-bottom: 3px; }
.breadCrumb .bcBtn.on > div, .breadCrumb .bcBtn:hover > div, .breadCrumb .bcList a.on, .breadCrumb .bcList a:hover { background: var(--color-primary); color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.5); }
.breadCrumb .bcBtn.on  path, .breadCrumb .bcBtn:hover path { fill: var(--color-white); }
.breadCrumb .bcList { background: #FFF; display: none; box-shadow: 10px 10px 20px rgba(80, 100, 120, 0.2); }
.breadCrumb .bcList a { display: block; height: 60px; padding: 0 24px; display: flex; align-items: center; color: #444; border-bottom: 1px solid #EBEBEB;  transition: all 0.2s;}

/* --- Tab --- */
.tabStyle1 .tabNavWrap { position: relative; }
.tabStyle1 .tabNav { height: 70px; }
.tabDragScroll { overflow-x: auto; white-space: nowrap; cursor: grab; -ms-overflow-style: none; scrollbar-width: none; }
.tabDragScroll::-webkit-scrollbar { display: none; }
.tabDragScroll:active { cursor: grabbing; }
.hisMonth { font-weight: 600; margin-right: 8px; }
.tabStyle1 .tabNavWrap::after { content: ''; position: absolute; right: -2px; top: 0; width: 42px; height: 70px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,1) 90%); z-index: 13; }
.tabStyle1 .tabNav .tabMenu { padding: 2px; }
.tabStyle1 .tabNav .tabMenu li { transition: all .3s; font-weight: 600; cursor: pointer; display: inline-block; height: 48px; width: auto; padding: 14px 28px; margin-right: 14px; font-size: 20px; color: #FFF; border-radius: 24px; background: #82858C; box-shadow: 4px 4px 10px rgba(131, 133, 140, 0.2); }
.tabStyle1 .tabNav .tabMenu li.active, .tabStyle1 .tabNav .tabMenu li:hover { background: var(--color-primary); box-shadow: 4px 4px 10px rgba(0, 70, 98, 0.4); }
.tabStyle1 .tabCont { display: none; }
.tabStyle1 .tabCont.active { display: block; }


.tabStyle2 .tabNav { height: 70px; width: 100%; border-top: 1px solid #E6E6E6; border-bottom: 2px solid #646464; position: relative; margin-bottom: 60px; }
.tabStyle2 .tabNav .tabMenu { width: 100%; height: 100%; display: flex; }
.tabStyle2 .tabNav .tabMenu li { flex: 1 1 33.33%; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--color-black); font-size: 20px; transition: all .3s; border-right: 1px solid #E6E6E6; }
.tabStyle2 .tabNav .tabMenu li:first-of-type { border-left: 1px solid #E6E6E6; }
.tabStyle2 .tabNav .tabMenu li.active, .tabStyle2 .tabNav .tabMenu li:hover { background: var(--color-primary); font-weight: 600; color: var(--color-white); border-right: 1px solid #E6E6E6; }
.tabStyle2 .tabCont { display: none; }
.tabStyle2 .tabCont.active { display: block; }







/* ##### 로그인 ##### */
.loginPage { width: calc(100vw - (100vw - 100%)); height: 100dvh; overflow: hidden; display: flex; }
.loginPage .LgiDeco { height: 100%; width: calc(100% - 600px); position: relative; }
.loginPage .LgiDeco::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.loginPage .LgiDeco::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 174, 220, 0) 0%, rgba(0, 174, 220, 0) 60%, rgba(0, 70, 98, 0.4) 100%); }
.loginPage .LgiDeco > .bgLgi { height: 100%; width: 100%; object-fit: cover; }
.loginPage .lgiBox { width: 600px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.loginPage .lgiBox .lgiLogo { width: 40%; height: auto; margin-bottom: 80px; }
.loginPage .lgiBox .lgiTit { font-size: 46px; font-weight: 800; margin-bottom: 60px; }
.loginPage .lgiBox .customForm { width: 50%; }
.loginPage .lgiBox .lgiRadioBox { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.loginPage .lgiBox .lgiInputBox { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px; }
.loginPage .lgiBox > button { margin-bottom: 60px; }
.loginPage .lgiBox > .joinTxt { font-size: 16px; line-height: 1.4; text-align: center; }
.loginPage .lgiBox > .joinTxt > a { font-weight: 600; text-decoration: underline; color: var(--color-primary); }
.loginPage .lgiBox > .joinTxt:last-of-type { margin-top: 40px; }

/* --- 비밀번호 변경 모달 --- */
.reNewPwMdlBox { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 30000; background: rgba(0, 0, 0, 0.65); display: none; }
.reNewPwMdl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: auto; background: var(--color-white); border-radius: 8px; overflow: hidden; }
.reNewPwMdl > .reNewPwMdlHead { min-height: 60px; border-bottom: 1px solid #DAE5F5; }
.reNewPwMdl > .reNewPwMdlHead > p { text-align: left; height: 100%; padding-left: 20px; padding-right: 50px; line-height: 60px; font-size: 24px; font-weight: 800; }
.reNewPwMdl > .reNewPwMdlHead > button { border: none; background: transparent; cursor: pointer; position: absolute; top: 10px; right: 10px; height: 40px; width: 40px; display: fex; align-items: center; justify-content: center; }
.reNewPwMdl > .reNewPwMdlHead > button > svg { width: 80%; height: 80%; }
.reNewPwMdl > .reNewPwMdlHead > button > svg > path { transition: all .3s; }
.reNewPwMdl > .reNewPwMdlHead > button:hover > svg > path { fill: var(--color-primary); }
.reNewPwMdl > .reNewPwMdlBody { height: auto; padding: 30px 20px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.reNewPwMdl > .reNewPwMdlBody .customForm { width: 100%; margin-bottom: 40px; }
.reNewPwMdl > .reNewPwMdlBody .reNewPwAlert { width: 100%; text-align: left; color: var(--color-rose); padding: 16px 30px; }
.reNewPwMdl > .reNewPwMdlBody .reNewPwAlert > li { margin-bottom: 10px; }


/* ##### 회원가입 ##### */
.signUpStep { border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; display: flex; align-items: center; }
.signUpStep > li { position: relative; font-size: 20px; font-weight: 600; height: 70px; flex: 0 0 25%; display: flex; align-items: center; justify-content: center; transition: all .1s; }
.signUpStep > li > svg { margin-right: 8px; width: 20px; height: 20px; }
.signUpStep > li > svg path { transition: all .1s; }
.signUpStep > li::after { box-sizing: border-box; content: ""; position: absolute; top: 50%; transition: all .1s; transform: translateY(-50%); right: 0px; width: 16px; height: 28px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 18px solid var(--color-primary); display: none; }
.signUpStep > li:last-of-type::after { display: none !important; }
.signUpStep > li.active { position: relative; color: var(--color-white); background: var(--color-primary); }
.signUpStep > li.active::after { display: block; right: -15px;}
.signUpStep > li.active path { fill: var(--color-white) !important; }
.signUpCont { margin-top: 60px; }
.signUpCont > li { display: none; }
.signUpCont > li:first-of-type { display: block; }

.signUpCont button > a { color: var(--color-primary); display: block; width: 100%; height: 100%; }
.signUpCont button:hover > a { color: var(--color-white); }
.suBtnBox .btnSuStep { margin: 0 12px; }
.suBtnBox { margin-top: 60px; display: flex; align-items: center; justify-content: center; }
.signUpNotice { background: #FAFAF8; width: 80%; border-radius: 16px; padding: 80px 0; margin: 0 auto; text-align: center; }
.signUpNotice img { width: 140px; height: auto; margin-bottom: 40px; }
.signUpNotice p > span { color: var(--color-primary); }
.signUpNotice p:nth-of-type(1) { font-weight: 600; font-size: 34px; color: var(--color-dark); margin-bottom: 50px; }
.signUpNotice p:nth-of-type(2) { font-size: 18px; line-height: 1.5; color: var(--color-grey); }
.signUpNotice p:nth-of-type(3) { font-size: 24px; font-weight: 600; margin-top: 40px; }
#sucLi2 .signUpAgrmt .suagTop { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 70px; border-bottom: 2px solid var(--color-dark); }
#sucLi2 .signUpAgrmt .suagTop > p > span { display: inline-block; position: relative; padding-right: 12px; margin-right: 12px; font-size: 28px; font-weight: 600; }
#sucLi2 .signUpAgrmt .suagTop > p > span::after { content: ""; position: absolute; height: 20px; width: 2px; background-color: var(--color-grey); bottom: 2px; right: 0px; }
#sucLi2 .signUpAgrmt > ul > li { font-size: 18px; height: 80px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; border-bottom: 1px solid var(--color-grey); }
#sucLi2 .signUpAgrmt > ul > li > div { display: flex; }
#sucLi2 .signUpAgrmt .btn-square { width: 140px; margin-right: 20px; }
#sucLi3 .signUpForm { width: 80%; margin: 0 auto; }
#sucLi3 .signUpForm > .sufTop { text-align: right; font-weight: 600; }
#sucLi3 .signUpForm > .sufTop > span { color: var(--color-rose); }
#sucLi3 .signUpForm .customForm .formBlank { width: 320px; }
#sucLi3 .signUpForm .customForm .inputNum > .formBlank { width: 92px !important; }
#sucLi3 .signUpForm .customForm .suPForm { flex-direction: column; align-items: flex-start; }
#sucLi3 .signUpForm .customForm p { margin-top: 10px; font-size: 14px; }
#sucLi3 .signUpForm .customForm .suBtnForm { display: flex; align-items: center; }
#sucLi3 .signUpForm .customForm .btn-suForm { width: 110px; font-size: 16px; height: 46px; line-height: 46px; border-width: 1px; margin-left: 10px; font-weight: 400; }
#sucLi3 .signUpForm .customForm .suAddrForm { flex-direction: column; align-items: flex-start; }
#sucLi3 .signUpForm .customForm .suAddrNum { display: flex; align-items: center; }
#sucLi3 .signUpForm .customForm .suAddrNum > .formBlank { width: 92px; }
#sucLi3 .signUpForm .customForm .suAddrTxt { margin-top: 10px; }
#sucLi3 .signUpForm .customForm .suAddrTxt > input:first-of-type { margin-right: 10px; }




/* ##### 홈페이지 이용 규정 ##### */
.subAgrmtPage .headTxt { margin-top: 40px; position: relative; }
.subAgrmtPage .headTxt .headline { font-size: 40px; font-weight: 800; margin-bottom: 18px; color: var(--color-primary); }
.subAgrmtPage .normalTxt { font-size: 18px; line-height: 1.7; font-weight: 400; }
.subAgrmtPage .normalTxt.tBold { font-size: 19px; font-weight: 600; }
.subAgrmtPage .pippList > li { margin-top: 50px;  font-size: 18px; line-height: 27px;  }
.subAgrmtPage .pippList li::marker { font-family:'Arial';  }
.subAgrmtPage .bigTit { margin-bottom: 20px; font-size: 32px; font-weight: 800; }
.subAgrmtPage .pippList > li .pippListTop { margin-bottom: 18px; color: var(--color-black); }
.subAgrmtPage .pippList > li .midTit { margin-bottom: 20px; font-size: 24px; font-weight: 600; }
.subAgrmtPage .pippList > li .pippListBot { color: var(--color-dark); }
.subAgrmtPage .pippList > li li { margin-left: 24px; padding-left: 0px; line-height: 1.7; }
.subAgrmtPage .pippList .lsDash > li { margin-left: 8px; padding-left: 5px; list-style-type: "-"; }
.subAgrmtPage .pippList .lsCircle > li { margin-left: 16px; padding-left: 5px; }
.subAgrmtPage .pippList > li li:last-of-type { margin-bottom: 10px; }
.subAgrmtPage .pippTab { margin-top: 50px; }
.subAgrmtPage .pippTab .tabCont { margin-top: 30px; }

/* TipTap 에디터 출력 → NCP pippList 스타일 매핑 */
.subAgrmtPage .tabCont > p:first-child { margin-bottom: 20px; font-size: 32px; font-weight: 800; line-height: 1.3; }
.subAgrmtPage .tabCont > ol, .subAgrmtPage .tabCont > ul { list-style: none; padding: 0; }
.subAgrmtPage .tabCont > ol > li, .subAgrmtPage .tabCont > ul > li { margin-top: 50px; font-size: 18px; line-height: 27px; }
.subAgrmtPage .tabCont > ol > li:first-child, .subAgrmtPage .tabCont > ul > li:first-child { margin-top: 0; }
.subAgrmtPage .tabCont > ol > li > p:first-child, .subAgrmtPage .tabCont > ul > li > p:first-child { margin-bottom: 18px; font-size: 24px; font-weight: 600; color: var(--color-black); }
.subAgrmtPage .tabCont > ol > li > p:not(:first-child), .subAgrmtPage .tabCont > ul > li > p:not(:first-child) { color: var(--color-dark); line-height: 1.7; }
.subAgrmtPage .tabCont > ol > li ol, .subAgrmtPage .tabCont > ul > li ol { list-style-type: decimal; margin-left: 24px; padding-left: 0; }
.subAgrmtPage .tabCont > ol > li ol > li, .subAgrmtPage .tabCont > ul > li ol > li { line-height: 1.7; margin-left: 0; padding-left: 0; }
.subAgrmtPage .tabCont > ol > li ol > li:last-of-type, .subAgrmtPage .tabCont > ul > li ol > li:last-of-type { margin-bottom: 10px; }
.subAgrmtPage .tabCont > ol > li ol ol, .subAgrmtPage .tabCont > ul > li ol ol { list-style-type: none; margin-left: 16px; }
.subAgrmtPage .tabCont > p:not(:first-child) { font-size: 18px; line-height: 1.7; color: var(--color-dark); margin-top: 4px; }

.subAgrmtPage details { position: absolute; background: var(--color-white); right: 0; top: 0px; z-index: 20; padding: 20px; border-radius: 8px; border: 1px solid #E6E6E6; text-align: right; transition: all .3s; }
.subAgrmtPage details > ul { margin-top: 16px; }
.subAgrmtPage details > ul > li { margin-top: 8px; }






/* ##### 주요사업 ##### */
.subWork { font-size: 18px; line-height: 1.8; }
.subWork .videoWrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.subWork .videoWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.subBorderBox { border: 2px solid #E6E6E6; border-radius: 16px; padding: 50px; margin-bottom: 60px; }
h3.subHeadTit { font-size: 32px; font-weight: 800; padding-left: 16px; position: relative; height: 48px; line-height: 48px; margin-bottom: 20px; }
h3.subHeadTit::after { content: ""; position: absolute; width: 7px; height: 100%; background: var(--color-primary); left: 0; top: 0; z-index: 1; }
h4.subMidTit { color: var(--color-black); font-size: 30px; line-height: 1; font-weight: 800; margin-bottom: 20px; }
.subSmlTit { color: #004b7f; font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 12px; }
.subWork .contLink { text-decoration: underline; color: var(--color-primary);font-weight: 600; }
.subWork strong { color: var(--color-rose); }
.psTxt { display: inline-block; margin-left: 10px; font-size: 16px; color: var(--color-rose); font-weight: 600; rotate: -0.04deg; }
.workContList { margin-top: 40px; }
.workContList img { display: block; margin: 0 auto; }
.workContList > li { margin-bottom: 40px; }
.workContList > li:last-of-type { margin-bottom: 0px; }
.workarrngHorizon > li { display: flex; align-items: flex-start; } 
.workarrngHorizon > li > h4.subMidTit { color: var(--color-primary); font-size: 20px; width: 300px; margin-bottom: 0; margin-top: 8px; } 
.workarrngHorizon > li > div { width: calc(100% - 300px); }

/* --- 단체표준인증 다운로드 --- */
.workDownList { margin-top: 30px; display: flex; flex-direction: column; gap: 16px; }
.workDownItem { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.workDownName { font-size: 16px; color: var(--color-black); }
.workDownBtn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #444; border-radius: 30px; padding: 10px 32px; font-size: 16px; color: var(--color-black); text-decoration: none; transition: all .3s; background: #fff; }
.workDownBtn:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }


/* --- 인포그래픽 --- */
.infoGraphic { margin-top: 110px; display: flex; flex-wrap: wrap; width: 100%; align-items: stretch; justify-content: center;}
.infoGraphic > li { position: relative; width: calc((100% - (80px * 3)) / 4); margin-right: 80px; margin-top: 110px; }
.infoGraphic > li:nth-of-type(1), .infoGraphic > li:nth-of-type(2), .infoGraphic > li:nth-of-type(3), .infoGraphic > li:nth-of-type(4) {  margin-top: 0px; }
.infoGraphic > li:nth-of-type(4n), .infoGraphic > li:last-of-type { margin-right: 0px; }
.infoGraphic > li::before { content: ""; position: absolute; width: 60px; height: 60px; top: 50%; left: -70px; transform: translateY(-50%); background: url('/ext/img/icon/ico-ifgarrow.svg') no-repeat center center / contain; }
.infoGraphic > li:first-of-type::before { content: none; }  
.infoGraphic > li .ifgBox { position: relative; border-radius: 30px; height: 100%;  width: 100%; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15); }
.infoGraphic > li .ifgDeco { width: 140px; height: 140px; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; color: var(--color-primary); letter-spacing: -0.02em; background: url('/ext/img/ifg-deco.svg') no-repeat center center / contain; }
.infoGraphic > li .ifgCont { width: 100%; height: 100%; padding: 100px 30px 40px; text-align: center; line-height: 1.3; }
.infoGraphic > li .ifgCont .ifgTit { font-size: 22px; font-weight: 800; color: var(--color-primary); margin-bottom: 10px; }

/* --- 교류활성화 --- */
.bstItrtLi > li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
.bstItrtLi > li:nth-of-type(2) { flex-direction: row-reverse; }
.bstItrtLi > li > .bstItrtImgBox { width: 50%; height: auto; }
.bstItrtLi > li > .bstItrtImgBox > img { width: 100%; height: auto; }
.bstItrtLi > li > .bstItrtTxt { width: 50%; height: auto; font-size: 17px; }

/* --- 서비스지원 --- */
/* .svcSptBox { display: flex; align-items: flex-start; justify-content: space-evenly; } */
/* .svcSptBox .svcSptImgBox img { width: 560px; } */
.svcSptBox { display: block; position: relative; }
.svcSptBox .svcSptImgBox { width: 560px; height: auto; position: absolute; right: 0; top: 0; z-index: -1; }
.svcSptBox .svcSptImgBox img { width: 100%; height: auto; }
.svcSptList { list-style: decimal; margin-left: 30px; margin-top: 0; letter-spacing: -0.02em; }
.svcSptList > li::marker { font-size: 30px; font-weight: 800; color: var(--color-black) }

/* --- 전문위원회 --- */
.spclzCmtt .spclzCmttTit { margin: 60px 0 50px; text-align: center; }
.spclzCmtt .spclzCmttTit > span { font-size: 25px; line-height: 1; font-weight: 600; display: inline-block; padding: 0 50px; height: 50px; line-height: 50px; border-radius: 25px; color: var(--color-white); background: var(--color-primary); }
.spclzCmtt .workContList { display: flex; align-items: flex-start; justify-content: space-between; }
.spclzCmtt .workContList > li { text-align: center; width: 33.33%; }
.spclzCmtt .workContList img { width: 320px; height: auto; margin-bottom: 30px; display: block; margin-left: auto; margin-right: auto; }
.spclzCmtt .workContList .subSmlTit { font-weight: 800; }
.rgltLi > li { font-size: 16px; line-height: 1.3; margin-bottom: 10px; }

/* --- 직접생산확인 --- */
/* .drctPrdct .subBorderBox { display: flex; align-items: flex-start; justify-content: space-between; }
.drctPrdct .subBorderBox button { margin-top: 30px; }
.drctPrdct .subBorderBox img { width: 430px; } */
.drctPrdct img { width: 100%; height: auto; }

/* --- 소기업공동사업 --- */
.video-wrapper { position: relative; width: 100%; padding-top: 56.25%; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.epJiPrjct .tabCont, .epJiPrjct .hvImgLi { position: relative; }
.epJiPrjct .tabCont:nth-of-type(1) > .hvImgLi img { position: absolute; width: 400px; height: auto; right:0; top: 40px; z-index: -1; }
.epJiPrjct .tabCont:nth-of-type(2) > img { position: absolute; width: 360px; height: auto; right: 100px; top: 0px; z-index: -1; }
.epJiPrjct .tabCont:nth-of-type(3) > img { position: absolute; width: 600px; height: auto; right: 0px; bottom: 0px; z-index: -1; }

/* --- 소액수의추천 --- */
.smlRcmdt .subBorderBox button { margin-top: 30px; }
.smlRcmdt .smlRcmdtImg { position: relative; heigjt: 0px; width: 100%; }
.smlRcmdt .smlRcmdtImg img { position: absolute; width: 560px; height: auto; right: 0px; top: 0px; z-index: -1; }

/* --- 단체표준인증 --- */
.corpTrustList .tabCont{ position: relative; }
.corpTrustList .tabCont:nth-of-type(1) img { position: absolute; width: 600px; height: auto; right:0; bottom: -40px; z-index: -1; }
.corpTrustList .corpCont .notiList .tr .td:nth-of-type(1) { width: 10%; }
.corpTrustList .corpCont .notiList .tr .td:nth-of-type(2) { width: 25%; }
.corpTrustList .corpCont .notiList .tr .td:nth-of-type(3) { width: 20%; }
.corpTrustList .corpCont .notiList .tr .td:nth-of-type(4) { width: 20%; }
.corpTrustList .corpCont .notiList .tr .td:nth-of-type(5) { width: 25%; }


/* --- 전시연출전문가 --- */
.exhbtDsgnr .subBorderBox { display: flex; align-items: flex-start; justify-content: space-between; }
.exhbtDsgnr .subBorderBox img { width: 400px; }
.exhbtDsgnr .spnLi > li > p { display: flex; align-items: center; justify-content: flex-start; }
.exhbtDsgnr .spnLi > li > p > span { display: inline-block; }
.exhbtDsgnr .spnLi > li > p > span.colons { margin: 0 4px; }
.exhbtDsgnr .exhbtDsgnrTbl { width: 100%; border-bottom: 1px solid #444; text-align: center; }
.exhbtDsgnr .exhbtDsgnrTbl thead { background: var(--color-primary); color: var(--color-white); height: 60px; }
.exhbtDsgnr .exhbtDsgnrTbl tr { min-height: 60px; border-bottom: 1px solid #E6E6E6; }
.exhbtDsgnr .exhbtDsgnrTbl tr:last-of-type { border-bottom: 0; }
.exhbtDsgnrTbl th { border-right: 1px solid var(--color-white); }
.exhbtDsgnrTbl th:last-of-type { border-right: 0; }
.exhbtDsgnrTbl td { border-right: 1px solid #E6E6E6; }
.exhbtDsgnrTbl td:nth-of-type(4) { border-right: 0; }
.exhbtDsgnrTbl th, .exhbtDsgnrTbl td { height: 100%; vertical-align: middle; padding: 8px; }
.exhbtDsgnrTbl th:nth-of-type(1), .exhbtDsgnrTbl td:nth-of-type(1) { width: 7%; font-weight: 600; }
.exhbtDsgnrTbl th:nth-of-type(2), .exhbtDsgnrTbl td:nth-of-type(2) { width: 19%; }
.exhbtDsgnrTbl th:nth-of-type(3), .exhbtDsgnrTbl td:nth-of-type(3) { width: 40%; }
.exhbtDsgnrTbl th:nth-of-type(4), .exhbtDsgnrTbl td:nth-of-type(4) { width: 34%; }

/* --- 조합가입안내 --- */
/* .joinGuide .tabCont, .joinGuide .hvImgLi { position: relative; }
.joinGuide .tabCont:nth-of-type(1) img { position: absolute; width: 640px; height: auto; right:0; bottom: 0px; z-index: -1; }
.joinGuide .tabCont:nth-of-type(2) img { position: absolute; width: 500px; height: auto; right: 100px; top: 0px; z-index: -1; } */
.joinArrngHorizon > li { display: flex; align-items: flex-start; } 
.joinArrngHorizon > li > img { width: 387px; } 
.joinArrngHorizon > li h4.subMidTit { color: var(--color-primary); font-size: 20px; margin-top: 14px; margin-bottom: 8px; }
.joinArrngHorizon > li > div { width: calc(100% - 387px); padding-left: 30px; } 
.joinArrngHorizon > li > div > ul > li { line-height: 1.4; margin-bottom: 8px; } 
.joinGuide .subSmlTit { font-size: 20px !important; margin-bottom: 8px !important; }






/* ##### 커뮤니티 ##### */
/* --- Pagination --- */
.paginationBox { display: flex; justify-content: center; margin-top: 42px; }
.paginationBox .pagination { width: auto; height: 38px; display: flex; align-items: center; position: relative; }
.paginationBox .pagination li > a { transition: all 0.2s; cursor: pointer; display: block; height: 100%; width: 100%; font-size: 18px; color: #888; text-align: center; line-height: 38px; }
.paginationBox .pagination .pagiNum { margin: 0 7px; height: 38px; width: 38px; border-radius: 50%; overflow: hidden; }
.paginationBox .pagination .pagiNum a { background: #F1F3F5; }
.paginationBox .pagination .pagiNum.active a, .paginationBox .pagination .pagiNum:hover a { background: var(--color-primary); color: #FFF; }
.paginationBox .pagination .pagiArrow { margin: 0 4px; height: 38px; width: 24px; }
.paginationBox .pagination .pagiArrow > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.paginationBox .pagination .pagiArrow:hover a path { fill: var(--color-primary); }
.paginationBox .pagination .pagiArrow > span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.paginationBox .pagination .pagiArrow:hover span path { stroke: var(--color-primary); }
.paginationBox .pagination .pagiPrev1 { margin-right: 17px; }
.paginationBox .pagination .pagiNext1 { margin-left: 17px; }

/* --- Search Bar --- */
.subWrap .notiTop { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; }
.subWrap .notiTop > .notiTotal { font-size: 18px; font-weight: 400; display: flex; color: var(--color-grey); }
.subWrap .notiTop > .notiTotal > p:nth-of-type(2) { margin-left: 20px; position: relative; }
.subWrap .notiTop > .notiTotal > p:nth-of-type(2)::after { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #888; left: -12px; top: 50%; transform: translateY(-50%); }
.subWrap .notiTop > .notiTotal > p > span { font-weight: 700; color: var(--color-primary); }

.inputSrch:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
.notiSrch { display: flex; color: var(--color-black); }
.notiSrch .inputSrchGroup, .notiSrch .selectSrchGroup { position: relative; }
.notiSrch select { cursor: pointer; width: auto; height: 54px; font-size: 18px; border: 1px solid #EBEBEB; border-radius: 8px; padding: 0 40px 0 12px; transition: all 0.2s; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin-right: 8px; }
.notiSrch .inputSrch:focus, .notiSrch select:focus { border: 1px solid var(--color-grey); }
.notiSrch select::-ms-expand{ display:none; }
.selectSrchGroup .selectSrchArrow { width: 22px; height: 22px; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; pointer-events: none; }
.selectSrchGroup .selectSrchArrow > svg { width: 100%; height: 100%; }
.selectSrchGroup:hover .selectSrchArrow path { fill: var(--color-primary); }
.notiSrch .inputSrch { width: 300px; height: 54px; font-size: 18px; color: var(--color-black); border: 1px solid #EBEBEB; border-radius: 8px; padding: 0 12px; transition: all 0.2s; }
.notiSrch .inputSrch::placeholder { color: #888 !important; }
.notiSrch .inputSrchBtn { cursor: pointer; border: none; background: transparent; width: 54px; height: 54px; position: absolute; right: 0; transition: all 0.2s; }
.notiSrch .inputSrchBtn:hover path { fill: var(--color-primary); }

.notiCont { border-top: 2px solid var(--color-black); }

/* --- 검색정보 없음 --- */
.noData { background: #FAFAF8; width: 80%; border-radius: 16px; padding: 80px 0; margin: 40px auto; text-align: center; }
.noData img { width: 90px; height: auto; margin-bottom: 40px; }
.noData p:nth-of-type(1) { font-size: 34px; font-weight: 600; color: var(--color-dark); margin-bottom: 30px; }
.noData p:nth-of-type(1) > span { color: var(--color-primary); }
.noData p:nth-of-type(2) { font-size: 20px; line-height: 30px; color: var(--color-grey); }
/* .noData button { margin-top: 40px; } */

/* --- 공지사항 --- */
/* - 공지사항 리스트 - */
.subNotice .notiCont { padding: 0; }
.notiList .tr { display: flex; align-items: center; height: 72px; border-bottom: 1px solid #E6E6E6; }
.notiList .thead { border-bottom: 1px solid #E6E6E6; }
.notiList li:last-of-type { border-bottom: 1px solid var(--color-dark); }
.notiList .tr > a { display: flex; align-items: center; width: 100%; height: 100%; color: #888; }
.notiList .tr > a:hover { background: #F6F6F6; }
.notiList .td { text-align: center; position: relative; padding: 0 8px; line-height: 1.4; }
.notiList .tbody .td.t-left { text-align: left; color: var(--color-black); }
.notiList .tbody .td > .ellipsis { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notiList .tbody .td > .gongji { color: var(--color-rose); font-weight: 600; }
.notiList .tr .td:nth-of-type(1) { width: 80px; }
.notiList .tr .td:nth-of-type(2) { width: calc(100% - 80px - (160px * 2)); }
.notiList .tr .td:nth-of-type(3) { width: 160px; }
.notiList .tr .td:nth-of-type(4) { width: 160px; }

/* - 공지사항 4컬럼 (NO, 제목, 작성자, 작성일) - 원본 사이트 기준 */

/* - 공지사항 조회 - */
.subNoticeView .notiCont .nvPostHead .nvPostTop { padding: 40px;  }
.subNoticeView .notiCont .nvPostHead .nvPostTitle { font-size: 32px; line-height: 1.4; color: var(--color-black); margin-bottom: 32px; font-weight: 800; }
.subNoticeView .notiCont .nvPostHead .nvPostInfo { display: flex; align-items: center; }
.subNoticeView .notiCont .nvPostHead .nvPostInfo > li { font-size: 18px; color: var(--color-black); margin-right: 60px; }
.subNoticeView .notiCont .nvPostHead .nvPostInfo > li > p { display: inline-block; }
.subNoticeView .notiCont .nvPostHead .nvPostInfo > li > p:nth-of-type(1) { color: #888; margin-right: 10px; }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList { background: #F8F9FA; padding: 24px 40px; border-top: 1px solid #EBEBEB; }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li { font-size: 18px; margin-bottom: 12px; }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li:last-of-type { margin-bottom: 0px; }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a { cursor: pointer; display: inline-flex; align-items: center; color: var(--color-black); }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a > span { display: inline-block; text-decoration: underline; margin-top: 3px; position: relative; margin-left: 8px; transition: all 0.2s; }
/* .subNoticeView .notiCont .nvPostHead .nvPostAttachList li a > span::after { content: ''; position: absolute; background: var(--color-black); height: 1px; width: 100%; bottom: 1px; left: 0; } */
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a:hover > span { color: var(--color-primary); }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a:hover > span::after { background: var(--color-primary); }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li .icoFile { display: flex; align-items: center; justify-content: center; background: var(--color-white); width: 24px; height: 24px; border-radius: 50%; transition: all 0.2s; }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a:hover .icoFile { background: var(--color-primary); }
.subNoticeView .notiCont .nvPostHead .nvPostAttachList li a:hover .icoFile path { fill: var(--color-white); }
/* .subNoticeView .notiCont .nvPostCont { padding: 40px 40px 86px; font-size: 18px; line-height: 27px; color: var(--color-dark); } */
.subNoticeView .notiCont .nvPostCont { border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 40px 40px 86px; }
.styleRemove { line-height: 1.6; font-size: 16px; color: #333; word-break: keep-all; overflow-wrap: break-word; }
.styleRemove p { margin: 0 0 8px; }
.styleRemove ul { list-style-type: disc; padding-left: 24px; margin: 0 0 8px; }
.styleRemove ol { list-style-type: decimal; padding-left: 24px; margin: 0 0 8px; }
.styleRemove li p { margin: 0; }
.styleRemove mark { padding: 0 2px; border-radius: 2px; }
.styleRemove pre { white-space: break-spaces; font: inherit; font-size: 16px; line-height: 1.6; }
.subNoticeView .styleRemove table { border-collapse: collapse; }
.subNoticeView .styleRemove table th, .styleRemove table td { border-style: solid; border-width: 1px; }
.subNoticeView .notiCont .nvPostCont > .styleRemove img { max-width: 1110px; height: auto; display: block; margin: 0px auto 60px; }
.subNoticeView .nrPostFoot { margin-top: 42px; display: flex; align-items: center; justify-content: space-between; }
.subNoticeView .nrPostFoot.btnCenter { justify-content: center; }
.subNoticeView .nrPostFoot.btnCenter > button { margin: 0 12px; }
.subNoticeView .nrPostFoot .nvpArrow { border: none; background: none; font-size: 18px; font-weight: 600; }
.subNoticeView .nrPostFoot .nvpArrow > a { display: flex; align-items: center; color: var(--color-grey); transition: all 0.2s; }
.subNoticeView .nrPostFoot .nvpArrow > a:hover { color: var(--color-primary); }
.subNoticeView .nrPostFoot .nvpArrow .icoNvpArrow { display: inline-block; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center;}
.subNoticeView .nrPostFoot .nvpArrow > a:hover .icoNvpArrow  path { stroke: var(--color-primary); }
.subNoticeView .nrPostFoot .nvpArrow > a > span { display: inline-block; margin: 0 20px; }


/* --- 갤러리 --- */
/* - 갤러리 리스트 - */
.subGallery .notiCont { padding: 40px 0; }
.subGallery .notiCont .galList { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.subGallery .notiCont .galList > li { width: calc((100% - (40px * 3)) / 4); margin-right: 40px; margin-bottom: 60px; transition: all 0.2s; cursor: pointer; }
.subGallery .notiCont .galList > li > a { display: block; }
.subGallery .notiCont .galList > li:nth-of-type(4n) { margin-right: 0; }
.galList > li:nth-of-type(9), .galList > li:nth-of-type(10), .galList > li:nth-of-type(11), .galList > li:nth-of-type(12) { margin-bottom: 0 !important; }
.subGallery .notiCont .galList .imgBox { height: 204px; margin-bottom: 20px; border-radius: 16px; overflow: hidden; }
.subGallery .notiCont .galList .imgBox > img { height: 100%; width: 100%; object-fit: cover; }
.subGallery .notiCont .galList .notiTitle { position: relative; font-size: 20px; font-weight: 600; line-height: 28px; height: 56px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--color-black); }
.subGallery .notiCont .galList > li:hover .notiTitle { text-decoration: underline; color: var(--color-primary); }
.subGallery .notiCont .galList .notiDate { font-size: 18px; color: #888; }

/* - 갤러리 조회 - */
/* 갤러리 이미지 슬라이더 */
.galSlider { width: 100%; margin-top: 30px; }
.galSliderMain { position: relative; background: #222; display: flex; align-items: center; justify-content: center; min-height: 400px; overflow: hidden; border-radius: 16px; }
.galSliderImg { max-width: 100%; max-height: 600px; object-fit: contain; display: block; }
.galSliderBtn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.15); border: none; cursor: pointer; padding: 16px 14px; border-radius: 50%; transition: background .2s; z-index: 2; }
.galSliderBtn:hover { background: rgba(255,255,255,0.35); }
.galSliderBtn path { stroke: #fff; }
.galSliderPrev { left: 16px; }
.galSliderNext { right: 16px; }
.galSliderCount { text-align: center; color: #888; font-size: 16px; margin: 10px 0; }
.galSliderThumb { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.galSliderThumb > li { width: 80px; height: 60px; overflow: hidden; border-radius: 8px; cursor: pointer; opacity: 0.5; transition: opacity .2s; border: 2px solid transparent; }
.galSliderThumb > li.active { opacity: 1; border-color: var(--color-primary); }
.galSliderThumb > li > img { width: 100%; height: 100%; object-fit: cover; }
.galViewCont .gvsBox { width: 100%; margin-top: 50px; }
.galViewCont .gvsFor { height: 700px; padding: 20px 0; background: #222; overflow: visible; margin-bottom: 60px; }
.galViewCont .gvsFor .swiper-slide { padding: 0 70px; opacity: 0 !important; }
.galViewCont .gvsFor .swiper-slide-active { opacity: 1 !important; }
.galViewCont .gvsFor .swiper-slide > img { width: 100%; height: 100%; object-fit: contain; }
.galViewCont .gvsNav { width: 100%; height: 120px; }
.galViewCont .gvsNav .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; }
.galViewCont .gvsNav .swiper-slide { opacity: 0.4 !important; transition: all .3s; }
.galViewCont .gvsNav .swiper-slide-thumb-active { opacity: 1 !important; }
.swiper-button-prev:after, .swiper-button-next:after { content: none !important; }
.gvsArrow { opacity: 0.6; width: 50px !important; height: 50px !important; border: none; background: transparent; transition: all .3s; border-radius: 50%; }
.gvsArrow:hover { opacity: 1; background: rgba(255, 255, 255, 0.3); }
.gvsArrow > svg { width: 80% !important; height: 80% !important; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.gvsArrow:hover > svg path { fill: #FFF; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px !important; }
.gvsArrowPrev > svg { left: 47%; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px !important; }
.gvsArrowNext > svg { left: 53%; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; }
.swiper-pagination-bullet { background: var(--color-white) !important; }
.swiper-pagination-fraction { background: rgba(0, 0, 0, 0.8); font-size: 15px; width: auto !important; padding: 8px 16px; border-radius: 18px; bottom: -40px !important; left: 50% !important; transform: translateX(-50%) !important; color: var(--color-white) !important; }


/* --- 조합원 현황 --- */
.corpSrchGroup { display: flex; align-items: center; gap: 8px; }
.corpSrchGroup .selectSrch { cursor: pointer; width: auto; height: 54px; font-size: 18px; border: 1px solid #EBEBEB; border-radius: 8px; padding: 0 40px 0 12px; transition: all 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.corpSrchGroup .selectSrch:focus { border: 1px solid var(--color-grey); }
.corpCont .notiList { letter-spacing: -0.02em; }
.corpCont .notiList .tr .td:nth-of-type(1) { width: 240px; }
.corpCont .notiList .tr .td:nth-of-type(2) { width: 120px; }
.corpCont .notiList .tr .td:nth-of-type(3) { width: 150px; }
.corpCont .notiList .tr .td:nth-of-type(4) { width: 150px; }
.corpCont .notiList .tr .td:nth-of-type(5) { width: calc(100% - 240px - 120px - (150px * 2)); }
.corpCont .notiList .tr .td > div { display: flex; align-items: center; justify-content: center; }
.corpCont .notiList .tr .td:nth-of-type(5) > div { justify-content: left; text-align: left; }
.corpCont .ico-Mber { width: 18px; height: 18px; margin-right: 6px; margin-top: 3px; display: none; }


/* --- 일정접수 --- */
/* --- 캘린더 --- */
.subCalendar { width: 100%; border-radius: 16px; border: 1px solid #E6E6E6; padding: 20px; }
.subCalendar > .calHeader { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.subCalendar > .calHeader > .calTit { font-size: 24px; font-weight: 600; margin: 0 30px; }
.subCalendar > .calHeader > .calBtn { border: none; height: 38px; width: 38px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; background: #F0F0F0; }
.subCalendar > .calHeader > .calBtn:hover { background: var(--color-primary); }
.subCalendar > .calHeader > .calBtn path { transition: all .3s; }
.subCalendar > .calHeader > .calBtn:hover path { fill: #FFF; }
.subCalendar > .calBody { border-radius: 16px; overflow: hidden; border: 1px solid #E6E6E6; }
.subCalendar > .calBody > .week { margin-top: ; background: #F5F7F9; display: flex; align-items: center; justify-content: space-between; }
.subCalendar > .calBody > .week > li { width: calc(100% / 7); text-align: center; font-weight: 800; padding: 20px; border-right: 1px solid #E6E6E6; }
.subCalendar > .calBody > .week > li:first-child { color: red; }
.subCalendar > .calBody > .week > li:last-of-type { color: blue; border-right: 0; }
.subCalendar > .calBody > .calDate { display: flex; flex-wrap: wrap; width: 100%; }
.subCalendar > .calBody > .calDate > .dateBox { text-align: center; width: calc(100% / 7); min-height: 150px; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } 
.subCalendar > .calBody > .calDate > .dateBox:nth-child(7n){ color: blue; border-right: 0; }
.subCalendar > .calBody > .calDate > .dateBox:nth-child(7n+1){ color: red; }
.dateBox:nth-child(36), .dateBox:nth-child(37), .dateBox:nth-child(38), .dateBox:nth-child(39), .dateBox:nth-child(40), .dateBox:nth-child(41), .dateBox:nth-child(42){ border-bottom: 0 !important; }
.subCalendar > .calBody > .calDate > .lastMonth > *, .subCalendar > .calBody > .calDate > .nextMonth > * { opacity: 0.5; }
.dateInfo .month, .dateInfo .dow { display: none; }
.dateBox .dateInfo { width: 100%; margin: 8px 0; }
.dateBox .date { width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; font-size: 16px; line-height: 30px; }
.today .date { background: var(--color-primary); color: var(--color-white); } 
.calEvLi { width: 100%; padding-left: 16px; position: relative; transition: all 0.3s; margin-bottom: 4px; }
.calEvLi::after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--color-black); left:6px; top: 9px; transition: all 0.3s; }
.calEvLi:hover { background: rgba(0, 175, 222, 0.1); }
.calEvLi:hover::after { background: var(--color-primary); }
.btnCalMdl { font-size: 14px; height: 18px; line-height: 18px; border: none; cursor: pointer; background: none; width: 100%; text-align: left; transition: all .3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: var(--color-black); }
.calEvLi:hover .btnCalMdl { color: var(--color-primary); }
.calMdlBox { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 30000; background: rgba(0, 0, 0, 0.65); display: none; }
.calMdl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 680px; min-width: 800px; height: auto; background: var(--color-white); border-radius: 8px; overflow: hidden; display: none; }
.calMdl > .calMdlHead { min-height: 60px; border-bottom: 1px solid #DAE5F5; padding: 18px 60px 18px 20px; }
.calMdl > .calMdlHead > p { text-align: left; height: 100%; font-size: 24px; font-weight: 800; line-height: 1.3; }
.calMdl > .calMdlHead > button { border: none; background: transparent; cursor: pointer; position: absolute; top: 10px; right: 10px; height: 40px; width: 40px; display: fex; align-items: center; justify-content: center; }
.calMdl > .calMdlHead > button > svg { width: 80%; height: 80%; }
.calMdl > .calMdlHead > button > svg > path { transition: all .3s; }
.calMdl > .calMdlHead > button:hover > svg > path { fill: var(--color-primary); }
.calMdl > .calMdlBody { height: 340px; padding: 30px 20px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.calMdl > .calMdlBody > .calMdlTxt { width: 100%; line-height: 1.4; }


/* -일정접수 목록- */
.subRcept .notiList .tr .td:nth-of-type(1) { width: 80px; }
.subRcept .notiList .tr .td:nth-of-type(2) { width: calc(100% - 80px - (160px * 2)); }
.subRcept .notiList .tr .td:nth-of-type(3) { width: 160px; }
.subRcept .notiList .tr .td > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.subRcept .notiList .tr .td:nth-of-type(3) svg { width: 18px; height: 18px; margin-right: 4px; display: none; }
.subRcept .notiList .tr .td:nth-of-type(4) { width: 160px; }

/* -일정접수 조회- */
.btnRegiBox { width: 100%; text-align: center; margin-top: 60px; }
.recruitBox { width: 100%; padding: 0 80px; margin: 100px auto 0px; }
.recruitBox .recBoxHead { padding: 10px 24px; background: var(--color-primary); text-align: center; font-size: 22px; line-height: 1.5; font-weight: 600; color: var(--color-white); }
.recruitBox .recTable { display: flex; align-content: stretch; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px solid var(--color-dark);  }
.recruitBox .recTable .tr { flex: 1 0 50%; display: flex; align-content: stretch; border-bottom: 1px solid #BBB; line-height: 1.4;}
.recruitBox .recTable .tr .th { padding: 10px 24px; width: 180px; display: flex; align-items: center; justify-content: center; background: #EBEBEB; font-weight: 600; }
.recruitBox .recTable .tr .td { padding: 10px 24px; width: calc(100% - 180px); display: flex; align-items: center; justify-content: flex-start; }

/* - 접수 신청 화면 - */
.subEventAccept .nvPostTitle { margin-bottom: 0 !important; }
.subEventAccept .nvPostTop { border-bottom: 1px solid var(--color-black) !important; margin-bottom: 50px; }
.subEventAccept .nvPostCont { padding: 0 !important; margin-top: 20px; }
.subEventAccept .notiCont .nvPostHead .seaAlert { text-align: right; font-weight: 600; }
.subEventAccept .notiCont .nvPostHead .seaAlert > span { color: var(--color-rose); }
.subEventAccept .subEventForm .formTable > .tr { display: flex; align-items: flex-start; padding: 16px 30px; border-bottom: 1px solid #E6E6E6;  }
.subEventAccept .subEventForm .formTable > .tr:last-of-type { border-bottom: 0; }
.subEventAccept .subEventForm .formTable > .tr > .th { width: 180px; height: 48px; line-height: 48px; font-size: 18px; font-weight: 600; }
.subEventAccept .subEventForm .formTable > .tr > .th > span { color: #D62A23; }
.subEventAccept .subEventForm .formTable > .tr > .td { width: calc(100% - 180px); min-height: 48px; display: flex; align-items: center; }
.subEventAccept .subEventForm .formBlank { box-sizing: border-box; transition: all .3s; width: 320px; height: 48px; padding: 0 16px; border-radius: 4px; background: #F8F9FA !important; border: 1px solid #F8F9FA !important; font-size: 18px; color: #121212; }
.formBlank:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #F8F9FA inset !important; -webkit-text-fill-color: #121212; }
.subEventAccept .subEventForm .formBlank::placeholder { color: #8E9097; }
.subEventAccept .subEventForm .formBlank:focus { border: 1px solid var(--color-grey); }
.subEventAccept .subEventForm .inputPhone .formBlank { width: 92px !important; }
.subEventAccept .subEventForm .inputBank label { display: inline-block; width: 60px; margin-right: 8px; font-size: 16px; font-weight: 600; rotate: -0.04deg; opacity: .7; }
.subEventAccept .subEventForm .inputBankName .formBlank  { width: 120px !important; }
.subEventAccept .subEventForm input.w-100 { width: 100% !important; }
.subEventAccept .subEventForm textarea { line-height: 27px; width: 100% !important; }
.subEventAccept .subEventForm .selectFormGroup { position: relative; }
.subEventAccept .subEventForm .selectFormGroup select { position: relative; cursor: pointer; width: auto !important; padding: 0 40px 0 12px; transition: all 0.2s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.subEventAccept .subEventForm .selectFormGroup .select::-ms-expand{ display:none; }
.subEventAccept .subEventForm .selectFormGroup .selectFormArrow { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; pointer-events: none; }
.subEventAccept .subEventForm .selectFormGroup:hover .selectFormArrow path { fill: var(--color-dark); }
.subEventAccept .subEventForm .ml8 { margin-left: 8px; }
.subEventAccept .subEventForm .mr8 { margin-right: 8px; }
.subEventAccept .subEventForm .mb10 { margin-bottom: 10px; }
.subEventAccept .subEventForm .f-column { flex-direction: column; align-items: flex-start !important; }
.subEventAccept .subEventForm .formFileGroup { flex-direction: column; align-items: flex-start !important; justify-content: flex-start; }
.subEventAccept .subEventForm .fileUploadInput { width: 600px !important; }
.subEventAccept .subEventForm .filebox { display: inline-block;  }
.subEventAccept .subEventForm .filebox label { display: inline-block; font-size: 18px; font-weight: 600; width: 122px; height: 48px; border-radius: 4px; text-align: center; line-height: 48px; background: #646464; color: #FFF; cursor: pointer; transition: all 0.2s; margin-left: 6px; }
.subEventAccept .subEventForm .filebox label:hover { background: var(--color-dark); }
.subEventAccept .subEventForm .filebox input[type="file"] { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; }
.subEventAccept .subEventForm .fileList { margin-top: 18px; }
.subEventAccept .subEventForm .fileList > li { border-bottom: 0; margin-bottom: 14px; display: flex; align-items: center; }
.subEventAccept .subEventForm .fileList > li:last-of-type { margin-bottom: 0px; }
.subEventAccept .subEventForm .fileList > li > .fileName { font-size: 18px; color: #121212; }
.subEventAccept .subEventForm .fileList > li > .btnRemoveFile { cursor: pointer; font-weight: 600; display: flex; align-items: center; font-size: 16px; color: #888; background: transparent; border: none; margin-left: 24px; transition: all 0.2s; }
.subEventAccept .subEventForm .fileList > li > .btnRemoveFile:hover { color: var(--color-rose); }
.subEventAccept .subEventForm .fileList > li > .btnRemoveFile > .icoX { display: inline-block; margin-left: 6px; height: 16px; width: 16px; }
.subEventAccept .subEventForm .fileList > li > .btnRemoveFile:hover > .icoX path { fill: var(--color-rose); }








/* ##### 조합소개 ##### */
/* --- 인사말 --- */
.greet { position: relative; display: flex; align-items: flex-end; }
.greet .grtTit { font-size: 38px; line-height: 1.35; color: var(--color-grey); }
.greet strong { color: inherit; }
.greet .grtImg { height: auto; width: 336px; margin-left: 50px; }
.greet .grtBox { width: calc(100% - 386px); }
.greet .grtTxt { line-height: 1.5; }
.greet .grtTxt table { border-collapse: collapse; width: 100% !important; }
.greet .grtTxt table * { border: none; }
.greet .grtCham1 { width: 130px; }
.greet .grtCham2 { width: 130px; }



/* --- 연혁 --- */
.hisTab .tabCont .row { padding: 40px 0; border-bottom: 1px solid #E6E6E6; display: flex; align-items: flex-start; justify-content: space-between; }
.hisTab .tabCont .row:last-of-type { border-bottom: 0; }
.hisTab .hisTxt { flex: 1 1 calc(100% - 160px); display: flex; align-items: flex-start;  }
.hisTab .hisImg { width: 160px; height: 160px; }
.hisTab .hisImg > img { width: 100%; height: 100%; object-fit: cover; }
.hisTab .hisYear { font-size: 28px; font-weight: 600; width: 200px; margin-top: 8px; }
.hisTab .hisList { font-size: 18px; line-height: 43px; width: calc(100% - 200px); color: #3E3E3E; list-style-type: disc; margin-left: 20px; }



/* --- 조직구성 --- */
.orgTop { margin-bottom: 40px; display: flex; justify-content: flex-end; }
.orgTop > button { margin-left: 14px; }
.organization { width: 100%; height: auto; position: relative; }
.organization > img{ width: 100%; height: auto; }
.orgBtnBox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.orgBtnBox > .btnChm { position: absolute; top: 24.8%; left: 50%; transform: translateX(-50%); width: 17.2%; height: 5.1%; cursor: pointer; opacity: 0; font-size: 0; }
.orgBtnBox > .btnAdt { position: absolute; top: 24.8%; right: 14.8%; width: 17.2%; height: 5.1%; cursor: pointer; opacity: 0; font-size: 0; }
.orgBtnBox > .btnDrtrt { position: absolute; top: 24.8%; left: 14.8%; width: 17.2%; height: 5.1%; cursor: pointer; opacity: 0; font-size: 0; }
.orgBtnBox > .btnExctv { position: absolute; top: 38%; left: 50%; transform: translateX(-50%); width: 17.8%; height: 7.9%; cursor: pointer; opacity: 0; font-size: 0; }
.orgMdlBox { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 30000; background: rgba(0, 0, 0, 0.65); display: none; }
.orgMdl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; background: var(--color-white); border-radius: 8px; overflow: hidden; display: none; }
.orgMdl > .orgMdlHead { height: 60px; border-bottom: 1px solid #DAE5F5; }
.orgMdl > .orgMdlHead > p { text-align: center; height: 100%; line-height: 60px; font-size: 24px; font-weight: 800; }
.orgMdl > .orgMdlHead > button { border: none; background: transparent; cursor: pointer; position: absolute; top: 10px; right: 10px; height: 40px; width: 40px; display: fex; align-items: center; justify-content: center; }
.orgMdl > .orgMdlHead > button > svg { width: 80%; height: 80%; }
.orgMdl > .orgMdlHead > button > svg > path { transition: all .3s; }
.orgMdl > .orgMdlHead > button:hover > svg > path { fill: var(--color-primary); }
.orgMdl .orgScrollX { overflow-x: auto; width: 100%; }
.orgMdl .orgScrollX::-webkit-scrollbar { height: 6px; }
.orgMdl .orgScrollX::-webkit-scrollbar-thumb { width: 30%; background: #969AA1; border-radius: 3px; }
.orgMdl .orgScrollX::-webkit-scrollbar-track { background: #E6E6E6; }
.orgMdl .orgScrollY { overflow-y: auto; height: auto; max-height: 700px; }
.orgMdl .orgScrollY::-webkit-scrollbar { width: 6px; }
.orgMdl .orgScrollY::-webkit-scrollbar-thumb { height: 30%; background: #969AA1; border-radius: 3px; }
.orgMdl .orgScrollY::-webkit-scrollbar-track { background: #E6E6E6; }
.orgMdl .orgTbl { width: 700px; font-size: 18px; overflow-y: auto; }
.orgMdl .orgTbl .tr { display: flex; align-items: stretch; min-height: 50px; border-bottom: 1px solid #969AA1; }
.orgMdl .orgTbl .tbody .tr:last-of-type { border-bottom: 1px solid var(--color-dark); }
.orgMdl .orgTbl .td { border-right: 1px solid #E6E6E6; padding: 10px 14px; display: flex; align-items: center; justify-content: center; line-height: 1.6; }
.orgMdl .orgTbl .td > p { width: 100%; height: 100%; }
.orgMdl .orgTbl .td:last-of-type { border-right: 0; }
.orgMdl .orgTbl .td.t-left { justify-content: flex-start; }
.orgMdl .orgTbl .td ul { list-style: circle; margin-left: 20px; }
.orgMdl .orgTbl .thead { position: sticky; width: 100%; top: 0px; background: var(--color-primary); color: var(--color-white); font-weight: 600; }
.orgMdl .orgTbl .thead .th { border-right: 1px solid var(--color-white); display: flex; align-items: center; justify-content: center; padding: 10px 14px; }
.orgMdl .orgTbl .thead .th:last-of-type { border-right: 0; }
.orgMdl .orgTbl .tr > div:nth-of-type(1) { width: 15%; }
.orgMdl .orgTbl .tr > div:nth-of-type(2) { width: 18%; }
.orgMdl .orgTbl .tr > div:nth-of-type(3) { width: 40%; }
.orgMdl .orgTbl .tr > div:nth-of-type(4) { width: 27%; }
.orgMdl .orgCardList { width: 500px; font-size: 18px; overflow-y: auto; }
.orgMdl .orgCardList > li { border-bottom: 1px solid #969AA1; display: flex; align-items: center; padding: 30px; }
.orgMdl .orgCardList > li:last-of-type { border: 0; }
.orgClImg > img { height: 100%; width: 100%; object-fit: cover; }
.orgMdl .orgCardList .orgClImg { height: 162px; width: 126px; overflow: hidden; margin-right: 40px; }
.orgMdl .orgCardList .orgClInfo { width: calc(100% - 126px); }
.orgMdl .orgCardList .orgClInfo > li { margin-bottom: 16px; display: flex; align-items: center; }
.orgMdl .orgCardList .orgClInfo > li:last-of-type { margin-bottom: 0; }
.orgMdl .orgCardList .orgClInfo > li > p:first-of-type { width: 70px; font-weight: 600;  }
.orgMdl .orgCardList .orgClInfo > li > p:last-of-type { width: calc(100% - 70px); }
.orgMdl .orgList { width: 700px; }
.orgMdl .orgList .ochList1 > li { border-bottom: 1px solid #969AA1;  padding: 30px; }
.orgMdl .orgList .ochList1 .ochTit { font-size: 22px; font-weight: 800; margin-bottom: 28px; }
.orgMdl .orgList .ochList2 > li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E6E6E6; }
.orgMdl .orgList .ochList2 > li:last-of-type { margin-bottom: 0px; padding-bottom: 0; border-bottom: 0; }
.orgMdl .orgList .ochCont { width:100%; font-size: 18px; display: flex; align-items: flex-start; }
.orgMdl .orgList .ochInfo { width: calc(100% - 144px); }
.orgMdl .orgList .orgClImg { height: 188px; width: 144px; overflow: hidden; margin-right: 40px; }
.orgMdl .orgList .ochInfo > li { font-size: 18px; line-height: 1.4; display: flex; align-items: flex-start; margin-bottom: 10px; }
.orgMdl .orgList .ochInfo > li:last-of-type { margin-bottom: 0px; }
.orgMdl .orgList .ochInfo > li > .ochiT { font-weight: 600; width: 110px; }
.orgMdl .orgList .ochInfo > li > .ochiC { width: calc(100% - 110px); }
.orgMdl .noChm { width: 600px; height: 400px; padding: 30px 40px; }
.orgMdl .noChm > div { width: 100%; height: 100%; background-color: #F1F3F5; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.orgMdl .noChm > div > img { height: 120px; width: auto; margin-bottom: 40px; }
.orgMdl .noChm > div > p { font-size: 22px; font-weight: 600; }
.orgMdl .noChm > div > p > span { color: var(--color-primary); }
.orgMdl .ochNoChm { width: 100%; height: 120px; margin-top:20px; }
.orgMdl .ochNoChm > div { width: 100%; height: 100%; background-color: #F1F3F5; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.orgMdl .ochNoChm > div > img { height: 60px; width: auto; margin-right: 16px; transform: translateY(-6px); }
.orgMdl .ochNoChm > div > p { font-size: 22px; font-weight: 600; }
.orgMdl .ochNoChm > div > p > span { color: var(--color-primary); }

/* --- 역대이사장 --- */
.chManHis > li { display: flex; align-items: flex-start; justify-content: flex-start; padding: 40px; border-bottom: 1px solid #DAE5F5; }
.chManHis > li:last-of-type { border-bottom: 0; }
.chManHis > li > .cmhL { height: 230px; width: 176px; }
.chManHis > li > .cmhL > img { height: 100%; width: 100%; object-fit: cover; }
.chManHis > li > .cmhR { padding: 10px 60px; height: 100%; width: calc(100% - 176px); line-height: 1.6em; }
.chManHis > li > .cmhR > p { font-size: 24px; font-weight: 800; margin-bottom: 24px; }
.chManHis > li > .cmhR > ul { font-size: 18px; }
.chManHis > li > .cmhR > ul > li { display: flex; margin-bottom: 10px; }
.chManHis > li > .cmhR > ul > li > p:first-of-type { font-weight: 600; width: 120px; }
.chManHis > li > .cmhR > ul > li > ul { width: calc(100% - 120px); }
.chManHis > li > .cmhR > ul > li > ul > li { margin-bottom: 4px; }
.chManHis > li > .cmhR li:last-of-type { margin-bottom: 0; }

/* --- 오시는길 --- */
.subMap { width: 100%;; }
.subMap .mapBox { width: 100%; height: 500px; }
.subMap .mapInfo { margin-top: 50px; }
.subMap .mapInfo > li { line-height: 1.8; rotate: -0.04deg; }
.subMap .mapInfo > li span { font-weight: 600; }


/* --- 비젼&미션 --- */
.visiMissWrap { padding: 50px 0; }
.visiMissWrap .visimisTit { color: var(--color-black); font-size: 42px; font-weight: 800; line-height: 1; }
.visiMissWrap .visimisTit > span { display: block; font-size: 16px; font-weight: 400; margin-top: 12px; }
.visiMissWrap .visimisMidTit { font-size: 26px; font-weight: 600; margin-top: 30px; line-height: 1; }
.visiMissWrap > li.visimis > ul > li { display: flex; align-items: flex-start;  }
.visiMissWrap > li.visimis .visimisTit { padding-bottom: 40px; border-bottom: 1px solid #CCC; width: 400px; }
.visiMissWrap > li.visimis .visimisCont { font-size: 20px; line-height: 32px; padding-top: 10px; padding-left: 50px; width: calc(100% - 400px); }
.visiMissWrap > li.strtgy { margin-top: 80px; }
.visiMissWrap > li.strtgy .visimisTit { text-align: center; margin-bottom: 30px; }
.visiMissWrap > li.strtgy > div > ul { display: flex; }
.visiMissWrap > li.strtgy > div > ul > li { width: 33.33%; text-align: center; }
.visiMissWrap > li.strtgy > div > ul > li > img { display: block; margin: 0 auto; }
.visiMissWrap > li.strtgy > div > ul ul { margin-left: 30px; margin-top: 16px; list-style: "-"; text-align: left; }
.visiMissWrap > li.strtgy > div > ul ul > li { padding-left: 5px; line-height: 28px; }


/* --- CI 소개 --- */
.ciInfo { text-align: center; }
.ciInfo ul { padding: 50px 0; }
.ciInfo li { margin-bottom: 80px; }
.ciInfo li:last-of-type { margin-bottom: 0px; }
.ciInfo .ciInfoTit { text-align: center; color: var(--color-primary); font-size: 38px; font-weight: 800; margin-bottom: 28px; line-height: 1; }
.ciInfo .ciInfoTit > span { color: var(--color-grey); display: block; font-size: 18px; font-weight: 400; margin-bottom: 6px; }
.ciInfo .ciInfoTxt { font-size: 18px; line-height: 1.5; margin-bottom: 28px; }
.subWrapImg { width: 100%; }
.subWrapImg img { width: 100% }





/* ===== 조합원마당 ===== */
/* --- 조합가입/탈퇴 --- */
.subsInfo .tabStyle2 .tabNav .tabMenu li { width: 50%; }








/* ===== Footer ===== */
footer { width: 100%; background: var(--color-white;); position: relative; border-top: 1px solid #CCC; }
footer .fTop { border-bottom: 1px solid #E6E6E6; }
footer .fTop > .container { height: 80px; display: flex; align-items: center; justify-content: space-between; }
footer .fNav { width: 100%; position: relative; }
footer .fNav > ul { padding: 32px 0; display: flex; align-items: center; }
footer .fNav > ul li { margin-right: 40px; }
footer .fNav a { color: var(--color-grey); font-weight: 700; rotate: -0.04deg; }
/* footer .fNav li:first-of-type a { color: var(--color-primary); } */
footer .famSite { position: relative; width: 240px; height: 46px; border: 1px solid #A0A0A0; }
footer .famSite > button { display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 20px; border: none; background: transparent; color: var(--color-grey); cursor: pointer; width: 100%; font-weight: 400; font-size: 18px; line-height: 44px; transition: all .3s; }
footer .famSite > button:hover { background: rgba(255,255,255,.16 );}
footer .famSite > ul { display: none; background: #FFF; border: 1px solid #CCC; border-bottom: 0; position: absolute; top: -1px; left:-1px; transform: translateY(-100%); width: calc(100% + 2px); }
footer .famSite > ul > li { height: 44px; border-bottom: 1px solid #CCC; }
footer .famSite > ul > li:last-of-type { border-bottom: 0; }
footer .famSite > ul > li > a { display: block; width: 100%; height: 100%; color: var(--color-grey); line-height: 44px; padding: 0 20px; transition: all .3s; }
footer .famSite > ul > li > a:hover { background: var(--color-grey); color: var(--color-white); }
/* footer .fBot { min-height: 160px; height: auto; display: flex; align-items: center; justify-content: space-between; } */
footer .fBot > .container { min-height: 160px; height: auto; display: flex; align-items: center; justify-content: space-between; }
footer .fbL { color: var(--color-grey); line-height: 2.2em; }
footer .fbL > address > div { display: flex; align-items: center; color: var(--color-grey) !important; }
footer .fbL p { margin-right: 20px; font-style: normal; rotate: -0.04deg; }
footer .fbL br { display: none; }
footer .fbR > img { height: 60px; opacity: 0.4; }





/* ========== 반응형 ========== */
@media all and (max-width: 1280px) {
	.dn1280 { display: none; }
	.dInln1280 { display: inline; }
	.dBlck1280 { display: block; }
	.dInBl1280 { display: inline-block; }
	
    .container { width: 100%; padding: 0 40px; }
    .menuPC { height: 110px; }
    .menuPC > .container { padding: 0 16px; }
	.menuPC > .hBot { height: 70px; }
	.menuPC > .hBot::after { top: 70px; }
    .menuPC .gnb > .depth1 > li > div { margin: 5px 30px; }
    
    .wrapper { padding-top: 110px; }
	
	.topNav { margin: 20px 0; }
	.topNav .topNavDpt1 { font-size: 30px; margin-bottom: 16px; }
	.subTop { height: 200px; }
	.subTop > .stTxt p:nth-of-type(1) { font-size: 32px; }
	.subTop > .stTxt p:nth-of-type(2) { font-size: 16px; margin-top: 30px; }
	.subTop > .stTxt p:nth-of-type(2)::before { top: -15px; }
	
	.corpList .corpCont .notiList li { border: 1px solid #E6E6E6; padding: 16px 20px; border-radius: 12px; }
	.corpList .corpCont .notiList .thead { display: none; }
	.corpList .corpCont .notiList .tbody { display: flex; flex-wrap: wrap; padding: 20px; border-bottom: 1px solid var(--color-dark); gap: 20px; }
	.corpList .corpCont .notiList .tr { flex: 0 0 calc(50% - 10px); margin-right: 0; margin-bottom: 0; flex-direction: column; height: auto; }
	.corpList .corpCont .notiList .tr .td { width: 100% !important; padding: 0; margin-bottom: 5px; }
	.corpList .corpCont .notiList .tr .td > div { display: flex; align-items: center; gap: 6px; }
	.corpList .corpCont .notiList .tr .td:last-of-type { margin-bottom: 0; }
	/* .corpList .corpCont .notiList .tr .td:nth-of-type(1) { display: none; }  */
	.corpList .corpCont .notiList .tr .td > div { align-items: flex-start !important; justify-content: left !important; text-align: left; }
	.corpList .corpCont .notiList .tr:nth-of-type(even) { margin-right: 0; }
	.corpList .corpCont .notiList .tr .td:nth-of-type(4) { margin-left: 0; }
	.corpList .corpCont .ico-Mber { display: block; }
	
	.subNoticeView .notiCont .nvPostCont > .styleRemove img { width: 100%; }
	
    .galViewCont .gvsFor { height: 560px; }
    
    .recruitBox { margin-top: 60px; padding: 0; }
    .recruitBox .recTable .tr .th { width: 120px; padding: 10px 14px; }
    .recruitBox .recTable .tr .td { width: calc(100% - 140px); padding: 10px 14px; }
    
    .greet .grtBox { width: calc(100% - 300px); }
	.greet .grtBox br { display: none; }
	.greet .grtTit br { display: inline; }
    .greet .grtImg { width: 300px; }
    
    .visiMissWrap > li.visimis .visimisTit { width: 300px; }
    .visiMissWrap > li.visimis .visimisCont { width: calc(100% - 300px); padding-left: 30px; }
    .visiMissWrap > li.strtgy > div > ul > li > img { width: 260px; height: 260px; }
    .visiMissWrap .visimisMidTit { font-size: 23px; }
    .visiMissWrap > li.strtgy > div > ul ul { font-size: 16px; line-height: 1.5; }
    
    .loginPage .LgiDeco { width: calc(100% - 500px); }
    .loginPage .lgiBox { width: 500px; }
    
    .joinArrngHorizon > li > img { width: 300px; }
    .joinArrngHorizon > li > div { width: calc(100% - 300px); }
        
    .spclzCmtt .workContList img { width: 260px; height: 260px; }
    .spclzCmtt .workContList .subSmlTit { font-size: 23px; }
    
	.bstItrtLi > li { flex-direction: row-reverse; }
	.bstItrtLi > li > .bstItrtImgBox { width: 400px; }
	.bstItrtLi > li > .bstItrtTxt { width: calc(100% - 400px); }
	
	.workarrngHorizon > li > h4.subMidTit { width: 240px; }
	.workarrngHorizon > li > div { width: calc(100% - 240px); }
	
	.subBorderBox { padding: 30px; }
	.subBorderBox h4.subMidTit { font-size: 26px; margin-bottom: 14px; }
	.smlRcmdt .subBorderBox button { margin-top: 20px; }
    
	.exhbtDsgnrTbl th:nth-of-type(1), .exhbtDsgnrTbl td:nth-of-type(1) { width: 10%; }
	.exhbtDsgnrTbl th:nth-of-type(2), .exhbtDsgnrTbl td:nth-of-type(2) { width: 23%; }
	.exhbtDsgnrTbl th:nth-of-type(3), .exhbtDsgnrTbl td:nth-of-type(3) { width: 44%; }
	.exhbtDsgnrTbl th:nth-of-type(4), .exhbtDsgnrTbl td:nth-of-type(4) { width: 23%; }
	
	.signUpNotice { width: 100%; }
	.signUpNotice p:nth-of-type(1) { font-size: 28px; line-height: 1.5; margin-bottom: 30px; }
	.signUpCont { margin-top: 40px; }
	#sucLi2 .signUpAgrmt .suagTop { align-items: flex-end; padding: 0 0px 15px; heighT: auto; }
	#sucLi2 .signUpAgrmt .suagTop > p { letter-spacing: -0.03em }
	#sucLi2 .signUpAgrmt .suagTop > p > span { display: block; padding: 0; margin: 0; margin-bottom: 15px; }
	#sucLi2 .signUpAgrmt .suagTop > p > span::after { display: none; }
	#sucLi2 .signUpAgrmt > ul > li { padding: 0 30px; }
	#sucLi3 .signUpForm { width: 100%; }
}


@media all and (min-width: 1025px) {
    .menuPC .gnb { display: flex !important; }
    .menuBack { display: block !important; }
    .menuMobile { right: -300px !important; }
    .mbMobile { display: none !important; }
}
@media all and (max-width: 1024px) {
	body { font-size: 16px; }
	.dn1024 { display: none; }
	.dInln1024 { display: inline; }
	.dBlck1024 { display: block; }
	.dInBl1024 { display: inline-block; }
	
    .menuPC { height: 50px; }
    .menuPC > .hTop { display: none; }
    .menuPC > .hBot { height: 50px; }
    .menuPC > .hBot::after { top: 50px; }
    .menuPC .gnb, .menuBack, .mbPC { display: none !important; }
    .menuMobile { display: block !important; }
    .hamBox { display: flex; }
    .menuPC h1 > a { width: 100px; }
    
    .topNav { display: none; }

    .wrapper { padding-top: 50px; padding-bottom: 70px; }

    footer .fTop a, footer .fbL p { font-size: 15px; }
    footer .fNav > ul > li { margin-right: 20px; }
    footer .fTop li:last-of-type, footer .fbL p:last-of-type { margin: 0; }
    footer .famSite > button { font-size: 16px; }
        
    .subNoticeView .notiCont .nvPostHead .nvPostTop { padding: 0;  margin-bottom: 30px;}
    .subNoticeView .notiCont .nvPostHead .nvPostTitle { font-size: 24px; line-height: 32px; margin: 30px 0 20px; }
    .subNoticeView .notiCont .nvPostCont { padding: 30px 0; }
    .subNoticeView .notiCont .nvPostHead .nvPostAttachList { padding: 14px; }
    .subNoticeView .notiCont .nvPostHead .nvPostInfo > li { margin-right: 20px; }
    .subNoticeView .notiCont .nvPostHead .nvPostInfo > li > p:nth-of-type(1) { margin-right: 4px; }

    .subNotice .notiList .thead { display: none; }
    .subNotice .notiList .tr { height: 84px; }
    .subNotice .notiList .tr > a { flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 16px 10px; }
    .subNotice .notiList .tbody .td > .ellipsis { width: 100%; }
    .subNotice .notiList .tr .td { padding: 0; text-align: left; }
    .subNotice:not(.corpList) .notiList .tr .td:nth-of-type(1) { display: none; }
    .subNotice .notiList .tr .td:nth-of-type(2) { flex: 0 0 100%; margin-bottom: 6px; }
    .subNotice .notiList .tr .td:nth-of-type(3) { width: auto; }
    .subNotice .notiList .tr .td:nth-of-type(4) { width: auto; margin-left: 10px; }

	.subBoard .notiList .thead { display: none; }
    .subBoard .notiList .tr { height: 84px; }
    .subBoard .notiList .tr > a { flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 16px 10px; }
    .subBoard .notiList .tbody .td > .ellipsis { width: 100%; }
    .subBoard .notiList .tbody .td.beSml { font-size: 16px; line-height: 20px; height: 20px; }
    .subBoard .notiList .tr .td { padding: 0; text-align: left; }
    .subBoard .notiList .tr .td:nth-of-type(1) { display: none; }
    .subBoard .notiList .tr .td:nth-of-type(2) { flex: 0 0 100%; margin-bottom: 6px; }
    .subBoard .notiList .tr .td:nth-of-type(3) { width: auto; }
    .subBoard .notiList .tr .td:nth-of-type(4) { width: auto; margin-left: 10px; }
    
	.subRcept .notiList .tr .td:nth-of-type(1) { display: none; }
	.subRcept .notiList .tr .td:nth-of-type(2) { flex: 0 0 100%; text-align: left; }
	.subRcept .notiList .tr .td:nth-of-type(3) { text-align: right; width: auto; }
	.subRcept .notiList .tr .td:nth-of-type(3) svg { display: block; }
	.subRcept .notiList .tr .td > div { justify-content: flex-end; }
    .subRcept .notiList .tr .td:nth-of-type(4) { text-align: right; width: auto; margin-left: 16px; position: relative; }
    .subRcept .notiList .tr .td:nth-of-type(4)::after { content: "~"; position: absolute; top:0; left: -14px; }
    
    .subGallery .notiCont .galList > li { width: calc((100% - (20px * 2)) / 3); margin-right: 20px !important; }
    .subGallery .notiCont .galList > li:nth-of-type(3n) { margin-right: 0px !important; }
    .subGallery .notiCont .galList > li:nth-of-type(9) { margin-bottom: 60px !important; }
    
	.corpCont .notiList .tr .td:nth-of-type(2) { flex: 0 0 auto; }
	
	.corpTrustList .corpCont .notiList li { border: 1px solid #E6E6E6; padding: 16px 20px; border-radius: 12px; }
	.corpTrustList .corpCont .notiList .thead { display: none; }
	.corpTrustList .corpCont .notiList .tbody { display: flex; flex-wrap: wrap; padding-top: 20px; border-bottom: 1px solid var(--color-dark); }
	.corpTrustList .corpCont .notiList .tr { flex: 0 0 calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; flex-direction: column; height: auto; }
	.corpTrustList .corpCont .notiList .tr:nth-of-type(even) { margin-right: 0; }
	.corpTrustList .corpCont .notiList .tr .td { width: 100% !important; padding: 0; margin-bottom: 5px; }
	.corpTrustList .corpCont .notiList .tr .td:last-of-type { margin-bottom: 0; }
	.corpTrustList .corpCont .notiList .tr .td:nth-of-type(1) { display: none; }
	.corpTrustList .corpCont .notiList .tr .td > div { align-items: flex-start !important; justify-content: left !important; text-align: left; }
	.corpTrustList .corpCont .ico-Mber { display: block; }
    
    .subCalendar { padding: 0; overflow: hidden; }
    .subCalendar > .calHeader { margin: 24px 0; }
    .subCalendar > .calBody { border-radius: 0; border: 0; border-top: 1px solid #E6E6E6; }
    .subCalendar > .calBody > .week { display: none; }
    .subCalendar > .calBody > .calDate > .dateBox { width: 100%; min-height: auto; border-right: 0; display: flex; }
    .dateBox.lastMonth, .dateBox.nextMonth { display: none !important; }
    .subCalendar > .calBody > .calDate > .dateBox.lastDate { border-bottom: 0; }
    .dateInfo .month { display: block; font-size: 13px; margin-bottom: 10px; }
    .dateInfo .dow { display: inline; }
    .dateBox .dateInfo { margin: 0; padding: 14px 8px; background: #F7F7F7; width: 86px; height: 100%; text-align: right; border-right: 1px solid #E6E6E6; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
    .dateBox .date { width: 100%; margin: 0; font-weight: 600; height: auto; line-height: 1; }
    .dateBox .dateEvent { width: calc(100% - 86px); padding: 10px; }
    .today .dateInfo { background: var(--color-primary); color: var(--color-white); }
    .today .date { border-radius: 0%; background: transparent; }
    .btnCalMdl { overflow: visible; height: auto; line-height: 1.1; display: block; padding: 4px; }
    
    .galViewCont .gvsFor .swiper-slide { padding: 0 60px; }
    .galViewCont .gvsFor { height: 480px; }
    .gvsArrow { width: 40px !important; height: 40px !important; }
    .galViewCont .gvsNav { height: 80px; }
    
    .tabStyle2 .tabNav { height: 50px; margin-bottom: 40px; }
    
    .workarrngHorizon > li { flex-direction: column; }
    .workarrngHorizon > li > h4.subMidTit { width: 100%; font-size: 22px; margin-bottom: 10px; }
    .workarrngHorizon > li > div { width: 100%; }
    
    .greet { flex-direction: column; }
	.greet .grtTxt * { font-size: 16px !important; }
	.greet .grtCham1 { width: 100px; }
	.greet .grtCham2 { width: 100px; }
	.greet .grtCham1 * { font-size: 20px !important; }
	.greet .grtCham2 * { font-size: 22px !important; }
	.greet .grtTit { font-size: 25px !important; }
	.greet .grtTit br { display: none; }
    .greet .grtBox { width: 100%; }
    .greet .grtImg { width: 100%; max-width: 300px; margin-left:0; margin-top: 40px; }
    
    .visiMissWrap { padding: 0; }
    .visiMissWrap > li.visimis > ul > li { flex-direction: column; text-align: center; margin-bottom: 60px; }
    .visiMissWrap > li.visimis .visimisTit { width: 100%; border-bottom: 0; padding: 0; margin-bottom: 30px; }
    .visiMissWrap > li.visimis .visimisCont { width: 100%; padding: 0px; }
    .visiMissWrap > li.strtgy { margin-top: 0; }
    .visiMissWrap > li.strtgy > div > ul { flex-direction: column;  }
    .visiMissWrap > li.strtgy > div > ul > li { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
    .visiMissWrap > li.strtgy > div > ul > li:last-of-type { margin-bottom: 0px; }
    .visiMissWrap > li.strtgy > div > ul > li > img { width: 180px; height: 180px; margin-right: 20px; }
    .visiMissWrap > li.strtgy > div > ul > li > div { width: 300px; }
    .visiMissWrap .visimisMidTit { margin-top: 0; text-align: left; }
    .visiMissWrap > li.strtgy > div > ul ul { margin-left: 10px; font-size: 18px; }
    
    .loginPage { display: block; position: relative; height: 100dvh; }
    .loginPage .LgiDeco { width: 100%; }
    .loginPage .lgiBox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 650px; width: 500px; background: #FFF; border-radius: 16px; }
    .loginPage .lgiBox .lgiLogo { width: 200px; margin-bottom: 44px; }
    .loginPage .lgiBox .lgiTit { font-size: 36px; margin-bottom: 20px; }
    .loginPage .lgiBox .customForm { width: 320px; }
    .loginPage .lgiBox .lgiInputBox { margin-bottom: 20px; }
    .loginPage .lgiBox > button { margin-bottom: 44px; }
    .loginPage .lgiBox > .joinTxt > span { display: block; }
    .loginPage .lgiBox > .joinTxt > a { display: inline-block; width: auto; margin: 0 auto; }
    .loginPage .lgiBox > .joinTxt:last-of-type { margin-top: 80px; }
    
    .joinArrngHorizon > li { flex-direction: column; align-items: center; border-bottom: 1px solid #E6E6E6; padding-bottom: 30px; margin-bottom: 30px; }
    .joinArrngHorizon > li > img { width: 380px; margin-bottom: 20px;  }
    .joinArrngHorizon > li > div { width: 100%; padding: 0; }
    
    .spclzCmtt .workContList { flex-direction: column; align-items: center; }
    .spclzCmtt .workContList > li { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px !important; }
    .spclzCmtt .workContList img { width: 200px; height: 200px; margin: 0; }
    .spclzCmtt .workContList > li > div { text-align: left; padding-left: 30px; }
    .spclzCmtt .tabCont:nth-of-type(1) .workContList > li > div { width: 325px; }
    .spclzCmtt .tabCont:nth-of-type(2) .workContList > li > div { width: 230px; }
    .spclzCmtt .tabCont:nth-of-type(3) .workContList > li > div { width: 340px; }
    
    .chManHis > li { padding: 30px 0; }
    .chManHis > li > .cmhR { padding: 10px 0 10px 30px; }
    .chManHis > li > .cmhR > p { font-size: 20px; }
    .chManHis > li > .cmhR > ul { font-size: 16px; }
    
	.bstItrtLi > li > .bstItrtImgBox { width: 300px; }
	.bstItrtLi > li > .bstItrtTxt { width: calc(100% - 300px); }
	
	.svcSptBox .svcSptImgBox { width: 430px; }
	
	.exhbtDsgnrTbl th, .exhbtDsgnrTbl td { letter-spacing: -0.03em; }
	
	.signUpStep > li { font-size: 18px; }
	#sucLi2 .signUpAgrmt .suagTop { flex-direction: column; align-items: stretch; }
	#sucLi2 .signUpAgrmt .suagTop > p { line-height: 1.4; margin-bottom: 30px; }
	#sucLi2 .signUpAgrmt .suagTop > div { display: flex; justify-content: flex-end; padding-right: 30px; }
	#sucLi3 .customForm .formTable > .tr { padding: 15px 0; }
	#sucLi3 .signUpForm .customForm .suAddrTxt { display: flex; flex-direction: column; }
	#sucLi3 .signUpForm .customForm .suAddrTxt > input:first-of-type { margin-right: 0; margin-bottom: 10px; }
	
	.hisTab .hisTxt { flex-direction: column; width: 100%; }
    .hisTab .hisYear { width: 100%; margin-top: 0; margin-bottom: 10px; }
    .hisTab .hisList { width: calc(100% - 20px); line-height: 30px; }
    
    .spclzCmtt .scLiHavB b { display: block; }
    
    .noData { width: 90%; margin: 20px auto; padding: 50px 0; }
    .noData img { width: 70px; margin-bottom: 30px; }
    .noData p:nth-of-type(1) { font-size: 24px; }
    
    h4.subMidTit { font-size: 26px; }
    .svcSptList > li::marker { font-size: 26px; }
    .subSmlTit { font-size: 20px; }
    .bstItrtLi > li > .bstItrtTxt { font-size: 16px; }
    .subWork { line-height: 1.6; }
    
    .subAgrmtPage .headTxt { margin-top: 0; }
    .subAgrmtPage .headTxt .headline { font-size: 32px; }
    .subAgrmtPage details { padding: 10px; }
    .subAgrmtPage .pippTab { margin-top: 30px; }
    .subAgrmtPage .pippTab .tabCont { margin-top: 10px; }
    .subAgrmtPage .bigTit { font-size: 26px; }
    .subAgrmtPage .pippList > li { font-size: 16px; margin-top: 26px; }
    .subAgrmtPage .pippList > li:first-of-type { margin-top: 0; }
    .subAgrmtPage .pippList > li .midTit { font-size: 20px; margin-bottom: 10px; }
    .subAgrmtPage .pippList > li .pippListTop { margin-bottom: 14px; }

    /* TipTap 에디터 출력 반응형 */
    .subAgrmtPage .tabCont > p:first-child { font-size: 26px; }
    .subAgrmtPage .tabCont > ol > li, .subAgrmtPage .tabCont > ul > li { font-size: 16px; margin-top: 26px; }
    .subAgrmtPage .tabCont > ol > li:first-child, .subAgrmtPage .tabCont > ul > li:first-child { margin-top: 0; }
    .subAgrmtPage .tabCont > ol > li > p:first-child, .subAgrmtPage .tabCont > ul > li > p:first-child { font-size: 20px; margin-bottom: 10px; }
    .subAgrmtPage .tabCont > p:not(:first-child) { font-size: 16px; }
}


@media all and (max-width: 910px) {
	.dn910 { display: none; }
	.dInln910 { display: inline; }
	.dBlck910 { display: block; }
	.dInBl910 { display: inline-block; }
	
    /* .notiTop { flex-direction: column-reverse; margin-bottom: 15px; }
    .notiTop .notiTotal { width: 100%; margin-top: 24px; }
    .notiTop form { width: 100%; }
    .notiTop .notiSrch { flex-direction: column; }
    .notiSrch .inputSrchGroup, .notiSrch .selectSrchGroup { width: 100%; }
    .notiSrch select { margin-right: 0; width: 100%; margin-bottom: 6px; }
    .notiSrch .inputSrch { width: 100%; } */
    
    .galViewCont .gvsFor { height: 400px; }
    
    .recruitBox .recTable .tr { flex: 1 1 100%; }
    .recruitBox .recTable .tr .th { width: 160px; }
    .recruitBox .recTable .tr .td { width: calc(100% - 160px); }
    
    .corpTrustList .notiTop { flex-direction: row; }
    .corpTrustList .notiTop .notiTotal { width: auto; }
    
    
	.bstItrtLi > li { flex-direction: column-reverse !important; }
	.bstItrtLi > li .spnLi { margin-left: 0 !important; list-style: none !important; line-height: 1.3; margin-bottom: 26px; }
	.bstItrtLi > li .spnLi li { padding: 0 !important; line-height: 1.3; margin-bottom: 8px;  }
	.bstItrtLi > li > .bstItrtImgBox { width: 300px; }
	.bstItrtLi > li:nth-of-type(2) .bstItrtImgBox { margin-bottom: 20px; }
	.bstItrtLi > li > .bstItrtTxt { width: 100%; text-align: center; }
	
	.svcSptBox h4.subMidTit { font-size: 24px; }
	.svcSptList > li::marker { font-size: 24px; }
	.svcSptBox .subSmlTit { font-size: 20px; }
	.svcSptBox .spnLi { font-size: 16px; line-height: 1.4; margin-left: 6px !important; }
	.svcSptBox .spnLi > li { padding-left: 4px !important; }
	.svcSptBox .svcSptImgBox { width: 340px; }
	
	.signUpStep { flex-wrap: wrap; display: none; }
	.signUpStep > li { flex: 0 0 50%; height: 50px; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
	.signUpStep > li:nth-of-type(even) { border-right: 1px solid #E6E6E6; }
	.signUpStep > li.active::after { display: none; }
	.signUpCont { margin-top: 0; }
	#sucLi2 .signUpAgrmt .suagTop > div { padding-right: 0; }
	
	.tabStyle1 .tabNav { height: 60px; }
	.tabStyle1 .tabNav .tabMenu li { height: 44px; font-size: 18px; padding: 13px 26px; }
	.hisTab .tabCont .row { padding: 26px 0; }
}


@media all and (max-width: 900px) {
    .notiSrch .selectSrchGroup { display: none; }
}

@media all and (max-width: 767px) {
	.dn767 { display: none; }
	.corpList .corpCont .notiList .tr { flex: 0 0 100%; }
	.dInln767 { display: inline; }
	.dBlck767 { display: block; }
	.dInBl767 { display: inline-block; }
	
    .container  { padding: 0 16px; }
    .subCont { margin: 30px 0 50px; }
    
    .topNav .container::after { width: 50px; }
    
    .breadCrumb .container { padding: 0 !important; }
    .breadCrumb .bcHome, .breadCrumb .bcDepth1 { display: none !important; }
    .breadCrumb .container > li, .breadCrumb .bcBtn > div { width: 100%; border-right: 0; }

    .orgModal { width: 90%; height: 320px; }
    
    
    .notiTop { flex-direction: column-reverse; margin-bottom: 15px; }
    .notiTop .notiTotal { width: 100%; margin-top: 24px; }
    .notiTop form { width: 100%; }
    .notiTop .notiSrch { flex-direction: column; }
    .notiSrch .inputSrchGroup { width: 100%; }
    .notiSrch .inputSrch { width: 100% !important; }

    footer .famSite, footer .fbR { display: none; }
    footer .fNav > ul li { margin-right: 20px; }
    
    .subGallery .notiCont .galList > li { width: calc((100% - 20px) / 2); }
    .subGallery .notiCont .galList > li:nth-of-type(3n) { margin-right: 20px !important; }
    .subGallery .notiCont .galList > li:nth-of-type(2n) { margin-right: 0px !important; }
    .subGallery .notiCont .galList > li:nth-of-type(9), .subGallery .notiCont .galList > li:nth-of-type(10) { margin-bottom: 60px !important; }
    
    .paginationBox .pagination .pagiNum { margin: 0 4px; }
    .paginationBox .pagination .pagiArrow { margin: 0; width: 28px; }
    .paginationBox .pagination .pagiPrev1 { margin-right: 5px; }
    .paginationBox .pagination .pagiNext1 { margin-left: 5px; }
    
	.corpList .corpCont .notiList .tr, .corpTrustList .corpCont .notiList .tr { flex: 0 0 100%; margin-right: 0px; }
	
    .subNoticeView .notiCont .nvPostHead .nvPostInfo { flex-direction: column; align-items: flex-start; }
    .subNoticeView .notiCont .nvPostHead .nvPostInfo > li { margin-right: 0; margin-bottom: 6px;] }
    .subNoticeView .notiCont .nvPostHead .nvPostInfo > li:last-of-type { margin-bottom: 0;] }
    
    .galViewCont .gvsFor .swiper-slide { padding: 0 10px; }
    
    .nrPostFoot .btn-primary { width: auto; padding: 0 40px; }
    .subNoticeView .nrPostFoot .nvpArrow .icoNvpArrow { height: 30px; width: 30px; }
    .subNoticeView .nrPostFoot .nvpArrow .icoNvpArrow  svg { height: 18px; width: auto; }
    .subNoticeView .nrPostFoot .nvpArrow.nvpPrev > a > span { margin-right: 0; margin-left: 5px; }
    .subNoticeView .nrPostFoot .nvpArrow.nvpNext > a > span { margin-left: 0; margin-right: 5px; }
    
    .greet .styleRemove > * br { display: none; }
    
    .visiMissWrap > li .visimisTit { font-size: 24px; }
    .visiMissWrap .visimisTit > span { margin-top: 6px; }
    .visiMissWrap > li.visimis > ul > li { margin-bottom: 30px !important; }
    .visiMissWrap > li.visimis .visimisTit { margin-bottom: 8px; }
    .visiMissWrap > li.visimis .visimisCont { font-size: 16px; letter-spacing: -0.02em; line-height: 1.6; }
    .visiMissWrap > li.strtgy > div > ul > li { flex-direction: column; margin-bottom: 20px; }
    .visiMissWrap > li.strtgy > div > ul > li > img { width: 150px; height: 150px; margin-right: 0px; margin-bottom: 16px; }
    .visiMissWrap > li.strtgy > div > ul > li > div { width: 100%; }
    .visiMissWrap > li.strtgy > div > ul > li > div * { width: 100%; text-align: center; }
    .visiMissWrap > li.strtgy .visimisTit { margin-bottom: 20px; }
    .visiMissWrap > li.strtgy > div > ul ul { margin-left: 0; margin-top: 10px; }
    .visiMissWrap > li.strtgy > div > ul ul > li { list-style: none !important; padding: 0; font-size: 16px; line-height: 1.6; }
    .visiMissWrap .visimisMidTit { font-size: 19px; }
    
    .hisTab .tabCont .row { flex-direction: column; }
    .hisTab .hisImg { margin-top: 20px; }
    
    .orgTop > button:first-of-type { margin-left: 0; }
    .orgMdl .orgList { width: 95vw; max-height: 550px; }
    .orgMdl .orgList .ochList1 > li { padding: 20px 15px; }
    .orgMdl .orgList .ochCont { flex-direction: column; }
    .orgMdl .orgList .orgClImg { margin: 0; }
    .orgMdl .orgList .ochInfo > li { flex-direction: column; }
    .orgMdl .orgList .ochInfo { width: 100%; margin-top: 24px; }
    .orgMdl .orgList .ochInfo > li > .ochiT { width: 100%; margin-bottom: 3px; }
    .orgMdl .orgList .ochInfo > li > .ochiC { width: 100%; letter-spacing: -0.03em; }
    #mdlOffi { width: 95vw; }
    .orgMdl .orgTbl { width:100%; min-width: 600px; max-height: 70dvh; }
    .orgMdl .imgDrag { padding: 0; } 
    .orgMdl .imgDragCover { height: 100%; } 
    
    
    .chManHis > li > .cmhL { height: 200px; width: 152px; }
    .chManHis > li > .cmhR { width: calc(100% - 152px);  }
    .chManHis > li > .cmhR > ul { font-size: 18px; }
    .chManHis > li > .cmhR > ul > li p:first-of-type { width: 80px; margin-bottom: 2px; }
    .chManHis > li > .cmhR > ul > li { flex-direction: column; }
    .chManHis > li > .cmhR > ul > li > ul { width: 100%; }
    
    
    .subMap .mapBox { height: 300px; }
    
    .loginPage .lgiBox { width: 100%; height: 100dvh; border-radius: 0; }
    
    .subWork { line-height: 1.6; }
    .tabContBox { font-size: 16px; }
    .rgltLi > li { margin-bottom: 8px; }
    
    .spclzCmtt .spclzCmttTit { margin: 30px 0; }
    .spclzCmtt .spclzCmttTit > span { font-size: 18px; padding: 0 26px; height: 44px; line-height: 44px; }
    .spclzCmtt .workContList .subSmlTit { font-size: 20px; }
    
    .spclzCmtt .workContList > li { flex-direction: column; }
    .spclzCmtt .workContList img { width: 180px; height: 180px; }
    .spclzCmtt .workContList > li > div { width: 100% !important; text-align: center; padding-left: 0px; margin-top: 16px; }
    
	.svcSptBox .svcSptImgBox { position: relative; left: auto; width: 70%; margin: 0 auto; }
	.svcSptList > li > ul { width: 100%; }
	
	.ciinfo01 { overflow: hidden; }
	.ciinfo01 img { width: 760px !important; position: relative; left: 50%; transform: translateX(-50%); }
	.ciInfo ul { padding: 0; }
	.ciInfo li { margin-bottom: 60px; }
	.ciInfo .ciInfoTit { font-size: 32px; }
	.ciInfo .ciInfoTxt { font-size: 16px; text-align: left; }
	
	.imgDrag { cursor: grab; width: 100%; overflow-x: scroll; height: auto; position: relative; padding: 10px 10px 20px; user-select: none; -webkit-user-select: none; }
	.imgDrag::after { content: ""; position: absolute; background: url("/ext/img/icon/ico-imgdrag.svg") no-repeat center center / contain; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; z-index:2; }
	.imgDrag.nGrb::after { content: none; }
	.imgDrag::-webkit-scrollbar { height: 6px; }
	.imgDrag::-webkit-scrollbar-thumb { width: 30%; background: #969AA1; border-radius: 3px; }
	.imgDrag::-webkit-scrollbar-track { background: #E6E6E6; }
	.imgDragCover { position: absolute; display: block; width: 100%; height: calc(100% - 20px); top: 0; left: 0; z-index:1; }
	.imgDragCover::before { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: rgba(0, 0, 0, 0.3); z-index:2; }
	.imgDrag > img { pointer-events: none; width: 760px !important; max-width: none; height: auto; }
	
	.exhbtDsgnr .exhbtDsgnrTbl { width: 760px !important; }
	.exhbtDsgnr .psTxt { width: 760px !important; }
	
	.subBorderBox { padding: 0; border-radius: 0; border: none; }
	
	#sucLi2 .signUpAgrmt > ul > li { padding: 0; }
	#sucLi2 .signUpAgrmt .btn-square { margin-right: 16px; width: 100px; }
	#sucLi3 .customForm .formTable > .tr { flex-direction: column; padding: 15px 30px; }
	#sucLi3 .customForm .formTable > .tr > .th { width: 100%; }
	#sucLi3 .customForm .formTable > .tr > .td { width: 100%; }
	
	.subMap .mapInfo { margin-top: 30px; }
	.subMap .mapInfo > li { line-height: 1.6; }
	
	.calMdl { width: 95vw; }
	.calMdl > .calMdlBody { height: auto; padding: 15px 10px; max-height: 90dvh; overflow-y: auto; }
	.calMdl > .calMdlBody > .calMdlTxt { margin-bottom: 30px; }
	.calMdl > .calMdlHead > p { font-size: 20px; }
	
	.joinGuide .subSmlTit { font-size: 18px !important; }
	
    h4.subMidTit { font-size: 22px; }
	.svcSptBox h4.subMidTit { font-size: 22px; }
	.subBorderBox h4.subMidTit { font-size: 22px; }
    .subSmlTit { font-size: 19px; }
    .bstItrtLi > li > .bstItrtTxt { font-size: 16px; }
    .svcSptList > li::marker { font-size: 22px; }
    .subWork { line-height: 1.5; }
    .subBorderBox { font-size: 16px; }
    .workContList { font-size: 16px; }
    
}


@media all and (max-width: 520px) {
	
	.dn520 { display: none; }
	.dInln520 { display: inline; }
	.dBlck520 { display: block; }
	.dInBl520 { display: inline-block; }
	
	.wrapper { padding-bottom: 40px; }
	.subWrap { padding-top: 40px; }
	
	.subTop { height: 120px; }
	.subTop > .stTxt p:nth-of-type(1) { font-size: 26px; }
	.subTop > .stTxt p:nth-of-type(2) { display: none; }
	
    .orgModal { width: 80%; height: auto; }
    .orgModal > .orgMdBody { flex-direction: column; align-items: flex-start; justify-content: center; padding: 40px; }
    .orgModal > .orgMdBody > .orgImg { margin: 0 auto; }
    .orgModal > .orgMdBody > ul { width: 100%; padding: 0; margin-top: 40px; }
    
    footer .fTop > .container { height: auto; justify-content: center; }
    footer .fBot { justify-content: center; padding: 30px 0; text-align: center; }
    footer .fNav > ul { padding: 30px 0; justify-content: center; }
    footer .fBot > .container { justify-content: center; }
    footer .fbL > address > div { flex-direction: column; }
    footer .fbL br { display: block; }
    footer .fbL { line-height: 2; }
    
    .subGallery .notiCont .galList .notiTitle { height: auto; }
    .subGallery .notiCont .galList .imgBox { height: 160px; }
    .subGallery .notiCont .galList > li { width: 100%; margin-bottom: 40px !important; margin-right: 0 !important; }
    .subGallery .notiCont .galList > li:nth-of-type(3n) { margin-right: 0px !important; }
    .subGallery .notiCont .galList > li:nth-of-type(9), .subGallery .notiCont .galList > li:nth-of-type(10), .subGallery .notiCont .galList > li:nth-of-type(11) { margin-bottom: 40px !important; }
    
    .galViewCont .gvsFor { height: 360px; }
    
    .recruitBox .recTable .tr .th { width: 120px; }
    .recruitBox .recTable .tr .td { width: calc(100% - 120px); }
    
    .tabStyle2 .tabNav { height: auto; }
    .tabStyle2 .tabNav .tabMenu { flex-direction: column; }
    .tabStyle2 .tabNav .tabMenu li { font-size: 18px; height: 44px; border-right: 0; border-bottom: 1px solid #E6E6E6; flex: auto; width: 100% !important; }
    .tabStyle2 .tabNav .tabMenu li:last-of-type { border-bottom: 0; }
    .tabStyle2 .tabNav .tabMenu li.active, .tabStyle2 .tabNav .tabMenu li:hover { border-right: 0; border-bottom: 0;  }
    
    .joinArrngHorizon > li > img { width: 100%; }
    
    .chManHis > li { flex-direction: column; }
    .chManHis > li > .cmhL { margin: 0 auto; margin-bottom: 24px; }
    .chManHis > li > .cmhR { width: 100%; padding: 0; }
    .chManHis > li > .cmhR > p { text-align: center; }
    .chManHis > li > .cmhR > ul { width: 100%; padding: 0 10px; margin: 0 auto; }
    .chManHis > li > .cmhR > ul > li { flex-direction: column; }
    
    .svcSptBox { overflow: hidden; }
    .svcSptBox .svcSptImgBox { width: 100%; }
	.svcSptBox h4.subMidTit { margin-bottom: 14px; width: calc(100% - 30px); }
	.svcSptBox .subSmlTit { line-height: 1.4; }
	.svcSptList { margin: 0; transform: translateX(30px); }
	.svcSptList > li > ul { transform: translateX(-25px); width: calc(100% - 9px); }
	
	.signUpStep > li { flex: 0 0 100%; }
	
	#sucLi3 .customForm .formTable > .tr { padding: 15px 0; }
	
	#sucLi3 .signUpForm .customForm .formBlank, #sucLi3 .signUpForm .customForm .suBtnForm { width: 100%; }
	#sucLi3 .signUpForm .customForm .formBlank#orgId, #sucLi3 .signUpForm .customForm .formBlank#licPostCd { width: calc(100% - 100px); }
	#sucLi3 .signUpForm .customForm .inputNum > .formBlank { width: calc((100% - (8px * 2)) / 3) !important; }
	.suAddrInputBox, #sucLi3 .signUpForm .customForm .suAddrTxt { width: 100%; }
	
	.signUpNotice { padding: 60px 0; }
	.signUpNotice img { width: 100px; margin-bottom: 20px; }
	.signUpNotice p:nth-of-type(1) { font-size: 24px; line-height: 1.3; }
	.signUpNotice p:nth-of-type(2) { width: 90%; margin: 0 5%; text-align: left; }
	.signUpNotice p:nth-of-type(3) { font-size: 22px; }
	.suBtnBox { margin-top: 40px; }
	
    .hisTab .hisYear { font-size: 24px; }
    .hisTab .hisList { font-sixe: 16px; line-height: 28px; }
    
    .noData p:nth-of-type(1) > span { display: block; margin-top: 10px; }
}


@media all and (max-width: 300px) {
    .menuMobile { width: 100vw; }
}

/* imgDrag */
.imgDrag { overflow-x: auto; cursor: grab; user-select: none; -webkit-user-select: none; }
.imgDrag:active { cursor: grabbing; }
.imgDrag img { pointer-events: none; }

/* btnDownload */
.btnDownload { display: inline-flex; align-items: center; gap: 6px; }
.btnDownload a { display: flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.corpTrustBtnArea { margin-top: 30px; text-align: center; }