@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('board2026.css');

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 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, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:"Pretendard Variable", Pretendard, sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; word-break:keep-all}
ol, ul, li {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; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-520.7813vw; height:0.0521vw; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-decoration:none; text-underline-position:under}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:999999; width:100%; height:0.0521vw; margin-top:-0.0521vw; display:block; background-color:#3875c1; font-size:0.7292vw; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:0.5208vw 0px}

.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tableResponsive {position:relative}
.flex {display:flex}
.align-items-start {align-items:flex-start}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end, .justify-content-flex-end {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.align-self-end {align-self:end}
.flex-wrap-wrap {flex-wrap:wrap}
.gap5 {gap:5px}
.gap10 {gap:10px}
.gap20 {gap:20px}
.gap30 {gap:30px}
.gap40 {gap:40px}
.gap50 {gap:50px}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.show768, .show1024 {display:none}
.color-coralRed {color:#F06352 !important}
.point-blue-txt {color:#1856AB}
.hrSt {border:none; background:#ccc; width:100%; height:1px; margin:50px 0}

.container-inner {max-width:1480px; margin:0 auto; padding:0 20px; box-sizing:border-box; width:100%}

/* header */
header {position:relative; width:100%; z-index:1000; background:#fff}
header.fixed {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 5px #ddd; border-bottom:none}
.header-util {background:#112445; border-bottom:1px solid rgba(255,255,255,0.1)}
.header-util .container-inner {display:flex; justify-content:flex-end; align-items:center; height:36px}
.util-list {display:flex; gap:35px; margin:0}
.util-list li {position:relative}
.util-list li:after {content:''; position:absolute; right:-17px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:rgba(255,255,255,0.3)}
.util-list li:last-child:after {display:none}
.util-list a {font-size:14px; color:#fff; text-decoration:none; font-weight:400; letter-spacing:0.5px}
.header-main {border-bottom:1px solid #f3f3f3}
.header-main .container-inner {display:flex; justify-content:space-between; align-items:center; height:100px}
.logo {margin:0}
.logo img {height:36px; width:auto; display:block}
.gnb-list {display:flex; gap:140px; margin:0}
.gnb-list > li {position:relative}
.gnb-list > li > a {font-size:19px; color:#222; font-weight:600; height:100px; line-height:100px; display:block; transition:all 0.3s}
.depth2-wrap {position:absolute; top:75px; left:50%; transform:translateX(-50%); width:190px; background:#fff; border:2px solid #1856AB; border-radius:15px; padding:15px 0; display:none; box-shadow:0 10px 20px rgba(0,0,0,0.1); z-index:10}
.gnb-list > li:nth-child(2) .depth2-wrap {width:280px}
.depth2 li a {display:block; padding:10px 20px; font-size:16px; color:#444; transition:all 0.3s}
.depth2 li a:hover {background:#f0f5ff; color:#1856AB; font-weight:700}
.gnb-list > li:hover > a {color:#1856AB}
.gnb-list > li:hover .depth2-wrap {display:block}
.m-menu-btn {display:none; flex-direction:column; gap:6px; width:28px; cursor:pointer}
.m-menu-btn span {display:block; width:100%; height:3px; background:#1856AB; border-radius:3px}
.m-gnb-wrap {position:fixed; top:0; right:-100%; width:80%; height:100%; background:#fff; z-index:2000; transition:all 0.4s; box-shadow:-5px 0 15px rgba(0,0,0,0.1)}
.m-gnb-wrap.on {right:0}
.m-gnb-list > li {border-bottom:1px solid #eee}
.m-gnb-list > li > a {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; font-size:18px; color:#222; font-weight:700; background:#f9f9f9}
.m-gnb-list > li > a:after {content:'\f078'; font-family:'Font Awesome 6 Pro'; font-size:14px; color:#1856AB; transition:transform 0.3s}
.m-gnb-list > li.active > a:after {transform:rotate(180deg)}
.m-gnb-list .depth2-wrap {position:static; transform:none; width:100%; border:none; border-radius:0; box-shadow:none; padding:0; display:none; background:#fff}
.m-gnb-list .depth2 li a {text-align:left; padding:15px 30px; font-size:16px; border-bottom:1px solid #f5f5f5}
.m-gnb-list .depth2 li:last-child a {border-bottom:none}
.m-gnb-list .depth2 li a:hover {background:#f4f7ff}
.m-gnb-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1999; display:none}
.m-gnb-top {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-bottom:1px solid #eee}
.m-gnb-list-tit {font-size:16px; font-weight:600}
.m-close-btn {font-size:30px; color:#333}


/* mainVisual*/
.main-title-section {padding:50px 0; background-color:#fff}
.main-title-wrap {display:inline-block; width:100%; position:relative; z-index:10}
.main-title-wrap .top-text {font-size:40px; color:#333; font-weight:400; margin-bottom:10px; letter-spacing:-1px; word-break:keep-all}
.main-title-wrap .bottom-text {font-size:54px; color:#000; font-weight:700; line-height:1.2; letter-spacing:-0.5px}

.main-visual-area {position:relative; width:100%; height:350px; background:#fff url('../images/main_bg_pattern.png') no-repeat center center; background-size:cover}
.main-visual-area .container-inner {position:relative; height:100%; display:flex; justify-content:flex-end; align-items:center}
.main-obj-box {position:relative; z-index:5; width:55%; display:flex; justify-content:flex-end; pointer-events:none; right:90px; top:-32px}
.visual-obj {max-width:100%; height:auto}
.scroll-guide {position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); z-index:10; display:flex; flex-direction:column; align-items:center}
.scroll-guide .mouse-icon {width:22px; height:35px; border:2px solid #333; border-radius:12px; position:relative}
.scroll-guide .mouse-icon::after {content:''; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:4px; height:4px; background:#333; border-radius:50%; animation:wheelMove 1.5s infinite}
.scroll-guide .arrow { width: 10px; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg); animation: arrowDown 1.5s infinite; }
@keyframes wheelMove {0% {opacity:1; top:8px} 100% {opacity:0; top:20px}}
@keyframes arrowDown { 0% { opacity: 0; transform: rotate(45deg) translate(-5px, -5px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(5px, 5px); } }


/* main-content-section */
.main-content-section {padding:100px 0; background-color:#fff}
.content-flex-wrap {display:flex; gap:40px; align-items:flex-start}
.news-box {width:710px; background:#E8EEFE; border-radius:30px; padding:40px 40px 50px 40px; box-sizing:border-box}
.content-right-wrap {width:690px; display:flex; flex-direction:column; gap:40px}
.box-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px}
.box-tit {font-size:28px; color:#333; font-weight:700}
.more-btn {font-size:30px; color:#777; transition:all 0.3s}
.more-btn:hover {color:#1856AB}
.news-list {display:flex; flex-direction:column; gap:25px}
.news-list li a {display:flex; gap:20px; align-items:center}
.news-list .thumb {width:190px; height:120px; border-radius:15px; overflow:hidden; flex-shrink:0}
.news-list .thumb img {width:100%; height:100%; object-fit:cover}
.news-list .tit {font-size:20px; color:#333; font-weight:600; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px}
.news-list .date {font-size:16px; color:#888}
.notice-tab-box {background:#1856AB; color:#fff; border-radius:30px; padding:40px; box-sizing:border-box}
.tab-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:15px}
.tab-btns {display:flex; gap:20px}
.tab-btn {font-size:28px; color:rgba(255,255,255,0.6); font-weight:700; background:none; border:none; cursor:pointer; position:relative}
.tab-btn:focus {outline:none}
.tab-btn.active {color:#fff}
.tab-btn.active:after {content:''; position:absolute; bottom:-17px; left:0; width:100%; height:4px; background:#fff}
.tab-more-link {font-size:30px; color:#fff; transition:all 0.3s; opacity:0.5}
.tab-more-link:hover {color:#fff; opacity:1}
.tab-content {display:none; flex-direction:column}
.tab-content.active {display:flex}
.tab-content li a {display:flex; justify-content:space-between; align-items:center; padding:25px 0; border-bottom:1px solid rgba(255,255,255,0.2)}
.tab-content .tit {font-size:20px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%}
.tab-content .date {font-size:18px; color:rgba(255,255,255,0.7)}
.intro-box {border-radius:30px; padding:40px; box-sizing:border-box; background:#F3F4F8}
.intro-link-wrap {display:flex; gap:20px}
.intro-card {flex:1; background:#f8f9fb; border-radius:15px; padding:0; text-align:center; transition:all 0.3s}
.intro-card:hover {background:#edf2ff; transform:translateY(-5px)}
.intro-card .icon {height:145px; display:flex; justify-content:center; align-items:center; border-radius:15px 15px 0 0; overflow:hidden; background:#d7e7f7}
.intro-card:nth-child(2) .icon {background:#d6e6f5}
.intro-card:nth-child(3) .icon {background:#d3e3f2}
.intro-card .icon img {max-height:100%}
.intro-card .name {display:block; font-size:16px; color:#222; font-weight:700; background:#112445; color:#fff; padding:8px 0; border-radius:0 0 15px 15px; overflow:hidden}


/* main-service-section */
.main-service-section {position:relative; padding:100px 0; background-color:#f8f9fb}
.bg-moving-txt {position:absolute; top:-107px; left:0; width:100%; white-space:nowrap; z-index:1; pointer-events:none; overflow:hidden}
.bg-moving-txt .txt-inner {display:inline-block; animation:marquee 30s linear infinite; line-height:1.2}
.bg-moving-txt span {font-size:150px; font-weight:500; color:#E7EEF7; margin-right:50px}
@keyframes marquee {0% {transform:translateX(0)} 100% {transform:translateX(-50%)}}
.service-tit-area {position:relative; z-index:2; margin-bottom:50px}
.service-tit-area .sub-tit {font-size:24px; color:#1856AB; font-weight:700; margin-bottom:15px}
.service-tit-area .main-tit {font-size:36px; color:#333; font-weight:800}
.service-list-wrap {position:relative; z-index:2; display:flex; gap:20px; flex-wrap:wrap}
.service-card {flex:1; min-width:180px; background:#fff; border-radius:20px; padding:40px 20px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.03); transition:all 0.3s}
.service-card:hover {transform:translateY(-10px); box-shadow:0 15px 40px rgba(24,86,171,0.1)}
.service-card .icon {font-size:50px; color:#6BAEC6; margin-bottom:30px; display:flex; justify-content:center; align-items:center}
.service-card .name {font-size:20px; color:#333; font-weight:600}


/* main-promotion-section */
.main-promotion-section {position:relative; background:#fff}
.promotion-flex-wrap {display:flex; align-items:center; position:relative; min-height:600px}
.promotion-flex-wrap .container-inner {position:relative; z-index:5; margin-left:auto; margin-right:auto}
.video-content-area {width:850px; background:#F0F7F9; border-radius:30px; padding:40px; display:flex; gap:30px; box-shadow:20px 20px 60px rgba(0,0,0,0.2); position:relative; /*top:-35px*/}
.video-main-box {flex:1.2}
.video-screen {position:relative; border-radius:15px; overflow:hidden; margin-bottom:15px; width:100%; padding-top:56.25%; background:#000}
.video-screen iframe, .video-screen video {position:absolute; top:0; left:0; width:100%; height:100%; border:none}
.video-tit {font-size:18px; color:#222; font-weight:700; text-align:center}
.video-sub-list {flex:1; display:flex; flex-direction:column; gap:17px}
.video-sub-list li a {display:flex; gap:15px; align-items:center}
.video-sub-list .s-thumb {width:120px; height:75px; border-radius:10px; overflow:hidden; flex-shrink:0}
.video-sub-list .s-thumb img {width:100%; height:100%; object-fit:cover}
.video-sub-list .s-tit {font-size:16px; color:#444; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.promotion-img-area {position:absolute; right:0; top:0; width:50%; height:100%; z-index:1}
.promotion-img-area img {width:100%; height:100%; object-fit:cover}
.helloDonggu {position:absolute; top:-121px; right:40px; z-index:10}


/* footer */
#footer {padding:110px 0 60px 0; background:#F8F8F8; color:#333; text-align:center; position:relative}

.leaflet-banner {display:none; position:absolute; top:-65px; left:0; z-index:10; text-align:left}
.leaflet-link {display:inline-flex; align-items:center; justify-content:end; gap:100px; width:890px; background:#6BAEC6; padding:40px 50px 40px 40px; border-radius:0 65px 65px 0; color:#fff; transition:.3s}
.leaflet-link .txt-box strong {display:block; font-size:24px; margin-bottom:15px}
.leaflet-link .txt-box span {font-size:16px; opacity:0.8}
.leaflet-link .arrow-icon {font-size:50px}
.leaflet-link:hover {color:#fff; background:#568AE5}

#footer .container-inner {position:relative}
.f-link-area {display:flex; justify-content:center; margin-bottom:45px; border-bottom:1px solid rgba(255,255,255,0.1); gap:40px}
.f-link-area a {font-size:16px; color:#333; transition:color 0.3s}
.f-link-area a:hover {color:#000}
.f-link-area a.point-bold {font-weight:700; color:#000}
.f-info-area {font-size:15px; line-height:1.8; color:#333}
.f-info-area address {display:inline; font-style:normal}
.f-info-area .bar {margin:0 15px; color:#333}
.f-info-area .tel {color:#333}
.f-info-area .copyright {margin-top:15px; font-size:15px; color:#666; letter-spacing:0.02em}

.goSiteWrap {display:flex; align-items:center; position:absolute; top:-13px; right:0}
.goSiteWrap > li {position:relative; width:185px; margin-right:0 !important}
.goSiteWrap > li > a {display:flex; align-items:center; width:100%; background:url('../images/siteMore.png') #fff right 10px center no-repeat; color:#7d7d7d; border:1px solid #e0e0e0; font-size:14px; padding:0 10px; height:42px; box-sizing:border-box}
.goWebsite {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #545557; scrollbar-base-color: #efefef; scrollbar-Face-Color: #545557; scrollbar-Track-Color: #262727; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #545557}
.goWebsite::-webkit-scrollbar {width:13px}
.goWebsite::-webkit-scrollbar-track {background:#ddd}
.goWebsite::-webkit-scrollbar-thumb {background:#999}
.goWebsite {width:185px; height:150px; position:absolute; right:0px; bottom:36px; background:#fff; border:1px solid #e0e0e0; border-bottom:none; overflow-y:scroll; padding-top:10px; box-sizing:border-box; z-index:998}
.goWebsite li {text-align:left; font-size:13px; font-weight:400; padding-left:10px; margin-bottom:10px; background:url(../img/noticeDot.png) left center no-repeat}
.goWebsite li a {color:#7d7d7d}
.goWebsite li a:hover {color:#1856AB; font-weight:500}


/* sub-visual */
.sub-visual {position:relative; width:100%; height:300px; background:url('../images/sub_visual01.png') no-repeat center center; background-size:cover; overflow:hidden; display:flex; align-items:center}
/*.sub-visual:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.4); z-index:1}*/
.sub-visual .subvisual-txt-area {position:relative;  z-index:10;  width:100%}
.sub-visual .txt-box .desc {font-size:34px; color:#000; margin-bottom:15px; font-weight:300}
.sub-visual .txt-box .title {font-size:44px; color:#000; font-weight:700; line-height:1.2; margin:0}


/* 서브 레이아웃 */
.sub-content-wrap {padding:60px 0 200px 0}
.sub-side-bar {width:280px; flex-shrink:0}
.sub-real-content {width:calc(100% - 280px); padding-left:60px}
.side-tit {font-size:32px; font-weight:800; color:#333; margin-top:0; margin-bottom:25px; padding-left:30px}
.side-menu {border:1px solid #eee; border-radius:15px; overflow:hidden}
.side-menu li {border-bottom:1px solid #eee}
.side-menu li:last-child {border-bottom:none}
.side-menu li a {display:block; padding:18px 30px; font-size:18px; color:#333; transition:all 0.3s}
.side-menu li.active a, .side-menu li a:hover {background:#f0f5ff; color:#1856AB; font-weight:700}


/* 본문 타이틀 */
.content-head {margin-bottom:45px}
.content-tit {font-size:36px; font-weight:700; color:#000; position:relative; padding-left:16px; margin:0}
.content-tit:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:30px; background:#1856AB}
.sub-inner-tit {font-size:28px; color:#1856AB; font-weight:700; margin-bottom:15px; margin-top:70px}
.h5Tit {font-size:22px; color:#000; font-weight:700; margin-bottom:10px; margin-top:30px; line-height:1.3}

.blue-info-box {background:#f8fbff; border:1px solid #1856AB; border-radius:10px; padding:25px 30px 20px 30px; box-shadow:5px 5px 0 #1856AB}
.blue-info-box .point-txt {font-size:18px; font-weight:700; color:#000; margin-bottom:15px; line-height:1.4}
.blue-info-box .desc-txt {font-size:18px; color:#333; line-height:1.5}

.bList {margin-top:15px}
.bList > li {font-size:18px; font-weight:400; color:#333; display:flex; margin-bottom:7px; line-height:1.3}
.bList.font16 > li {font-size:16px}
.bList > li:before {content:'-'; margin-right:4px; margin-top:-1px}
.dList {margin-top:15px}
.dList > li {font-size:18px; font-weight:400; color:#333; display:flex; margin-bottom:7px; line-height:1.3}
.dList.font16 > li {font-size:16px}
.dList > li:before {content:'·'; margin-right:4px; margin-top:-1px}
.imList {margin-top:15px}
.imList > li {font-size:18px; font-weight:400; color:#333; display:flex; margin-bottom:7px; line-height:1.3}
.imList > li:before {content:'※'; margin-right:4px; margin-top:-1px}
.circleNumList {margin-top:15px}
.circleNumList > li {font-size:18px; font-weight:400; color:#333; display:flex; margin-bottom:7px; line-height:1.3}
.circleNumList > li .bList {margin-top:10px; padding-left:20px}
.pTxt {font-size:18px; line-height:1.3}


/* 인사말 */
.greeting-content {background:#fff; border:1px solid #e9ecef; border-radius:15px; padding:50px; box-shadow:0 10px 30px rgba(0,0,0,0.05); position:relative; overflow:hidden; word-break:keep-all}
.greeting-sign-wrap .univ-title {font-size:24px; color:#333; font-weight:500; letter-spacing:-1px}
.greeting-sign-wrap .name {font-size:36px; color:#000; font-weight:800; margin-left:20px}
.greeting-sign-wrap .sign-img img {max-height:60px}


/* 사업소개 */
.rise-direction-box {display:flex; flex-direction:column; gap:10px}
.rise-direction-box .dir-row {display:flex; gap:10px}
.rise-direction-box .label {width:100px; height:50px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; border-radius:8px; flex-shrink:0}
.rise-direction-box .bg-green {background:#004d2c}
.rise-direction-box .bg-blue {background:#114477}
.rise-direction-box .bg-red {background:#7a0000}
.rise-direction-box .items {display:flex; gap:10px; flex:1; flex-wrap:wrap}
.rise-direction-box .items span {flex:1; min-width:180px; height:50px; background:#f4f4f4; border-radius:8px; display:flex; align-items:center; padding-left:20px; font-weight:500; position:relative}
.rise-direction-box .items span:before {content:''; width:4px; height:4px; background:#333; border-radius:50%; margin-right:10px}
.rise-project-grid {display:flex; gap:15px; align-items:stretch}
.rise-project-grid .pj-label {width:130px; border:2px solid #1856AB; color:#1856AB; border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:20px}
.rise-project-grid .pj-items {display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; flex:1}
.rise-project-grid .pj-card {border:2px solid #1856AB; border-radius:10px; padding:15px 10px; text-align:center; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:1.3; font-size:17px; background:#fff}
.table-wrap {width:100%; overflow-x:auto}
.table-basic {width:100%; border-top:2px solid #1856AB; border-collapse:collapse}
.table-basic th {background:#f8f9fb; border:1px solid #d1d1d1; padding:12px 10px; color:#333; font-weight:700}
.table-basic td {border:1px solid #d1d1d1; padding:15px; color:#555; font-size:16px; line-height:1.5; word-break:keep-all}
.table-basic td.text-center {text-align:center; color:#333; font-weight:600}
.table-basic thead th {border-bottom:1px solid #1856AB}
.table-basic.vertical-middle td, .table-basic.vertical-middle th {vertical-align:middle}
.bg-gray {background:#f8f9fb}


/* 현장인재양성 */
.system-grid {display:flex; gap:20px; align-items:stretch; margin-top:20px}
.system-grid .main-box {width:180px; background:#3b4661; color:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700; font-size:18px; line-height:1.4; flex-shrink:0}
.system-grid .sub-box-wrap {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; flex:1}
.system-grid .sub-box {border:1px solid #1856AB; background:#f8fbff; border-radius:10px; padding:20px 10px; text-align:center; display:flex; flex-direction:column; justify-content:center}
.system-grid .sub-box .tit {font-size:18px; color:#1856AB; font-weight:700; margin-bottom:10px; line-height:1.3; position:relative; padding-bottom:10px}
.system-grid .sub-box .tit:after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:20px; height:1px; background:#1856AB}
.system-grid .sub-box .desc {font-size:15px; color:#666; line-height:1.4; margin-top:10px; word-break:keep-all}
.system-outer-box {padding:40px; background:#f9f9f9; border-radius:15px; margin-top:20px}

.cardStA div .card {}
.cardStA div:nth-child(1) .card {border-color:#1856AB}
.cardStA div:nth-child(1) .card > .card-header {background-color:#1856AB}
.cardStA div:nth-child(2) .card {border-color:#D3313C}
.cardStA div:nth-child(2) .card > .card-header {background-color:#D3313C}
.cardStA div:nth-child(3) .card {border-color:#F06352}
.cardStA div:nth-child(3) .card > .card-header {background-color:#F06352}
.cardStA div:nth-child(4) .card {border-color:#8949BA}
.cardStA div:nth-child(4) .card > .card-header {background-color:#8949BA}
.cardStA .card-title {font-size:20px; color:#fff; margin:0}
.cardStA .card-text {font-size:16px; color:#333; margin:0; line-height:1.2}


/* 지역창업 촉진 */
.sub-task-wrap {display:flex; flex-direction:column; gap:20px}
.task-box {border:1px solid #eee; padding:25px; background:#fff; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.task-box .h5Tit {color:#A5422A}
.icc-startup-box {background:#f4f6f9; padding:30px; border-radius:5px; border:1px solid #d1d1d1}
.icc-startup-box .flex-container {display:flex; gap:30px}
.icc-side {width:180px; flex-shrink:0}
.icc-side-tit {background:#7c6e69; color:#fff; text-align:center; padding:10px; font-weight:700; margin-bottom:10px; font-size:22px}
.icc-side ul {list-style:none; padding:0; margin:0}
.icc-side li {background:#fff; border:1px solid #d1d1d1; text-align:center; padding:13px; margin-bottom:5px; color:#666; font-size:14px}
.startup-main {flex:1; display:flex; flex-direction:column; gap:20px}
.startup-main .main-section {background:#fff; border:1px solid #d1d1d1; padding:20px}
.startup-main .section-tit {display:inline-block; background:#9d7a64; color:#fff; padding:5px 15px; font-weight:700; margin-bottom:15px}
.startup-main .section-desc {font-size:15px; color:#555; line-height:1.6; word-break:keep-all}

/* 시민평생교육 */
.step-roadmap-flex {display:flex; gap:10px; margin-top:20px}
.step-item {flex:1; text-align:center; padding:12px 10px; color:#fff; border-radius:30px; font-weight:700; font-size:15px}
.blue-dark {background:#1E3A8A}

/* 지역현안해결 및 꿀잼 도시 조성 */
.governance-grid {display:flex; gap:10px; flex-wrap:wrap; margin-top:20px}
.gov-item {flex:1; min-width:180px; border:1px solid #eee; background:#f9f9f9; text-align:center; border-radius:5px; overflow:hidden}
.gov-dep {display:block; padding:10px; color:#fff; font-weight:700; font-size:16px}
.blue1 {background:#4A5568}
.blue2 {background:#718096}
.blue3 {background:#2D3748}
.gov-txt {padding:15px 10px; font-size:15px; line-height:1.5; color:#444; word-break:keep-all}




/* 반응형 */
@media screen and (max-width:1480px) {
	.main-obj-box {width:60%}
	.bg-moving-txt {top:-85px}
	.bg-moving-txt span {font-size:120px}
	.video-content-area {width:100%; max-width:800px}
}

@media screen and (max-width:1280px) {
	.gnb-list {gap:100px}	
	.main-title-wrap .top-text {font-size:32px}
	.main-title-wrap .bottom-text {font-size:44px}
	.main-obj-box {right:0px}
	.content-flex-wrap {flex-direction:column}
	.news-box, .content-right-wrap {width:100%}
	.service-card {min-width:calc(33.33% - 20px)}
}

@media screen and (max-width:1200px) {
	.system-grid {flex-direction:column}
	.system-grid .main-box {width:100%; height:60px}
	.system-grid .sub-box-wrap {grid-template-columns:repeat(2, 1fr)}
}

@media screen and (max-width:1180px) {
	.logo img {height:30px}
	.gnb-list {gap:70px}
}

@media screen and (max-width:1024px) {
	.show1024 {display:block}
	.hide1024 {display:none}
	.header-util .container-inner {height:30px}
	.util-list a {font-size:13px}
    .header-main .container-inner {height:70px}
    .logo img {height:30px}
    #gnb {display:none}
    .m-menu-btn {display:flex; flex-direction:column; gap:5px; width:30px; cursor:pointer}
    .m-menu-btn span {display:block; width:100%; height:3px; background:#1856AB; border-radius:3px}	
	.main-title-section {padding:40px 0}
	.main-title-wrap .top-text {font-size:24px}
	.main-title-wrap .bottom-text {font-size:34px}
	.main-visual-area {height:250px}
	.main-obj-box {top:-37px}
	.main-obj-box img {width:470px}
	.scroll-guide {bottom:-30px}
	.main-content-section, .main-service-section {padding:70px 0}
    .bg-moving-txt {top:-57px}
	.bg-moving-txt span {font-size:80px}	
	.promotion-flex-wrap {flex-direction:column; padding:60px 0}
	.video-content-area {width:95%; margin:0 auto; flex-direction:column; top:0}
	.promotion-img-area {position:relative; width:100%; height:350px}
	.leaflet-link {width:100%}
	.helloDonggu {top:-94px; right:20px; max-width:120px}
	
	.sub-visual {height:250px}
	.sub-visual .txt-box .title {font-size:36px}
	.sub-visual .txt-box .desc {font-size:16px; margin-top:10px; font-weight:400}
	
	.sub-content-wrap {padding:30px 0 150px 0}
	.sub-content-wrap .container-inner {flex-direction:column}
    .sub-side-bar {width:100%; margin-bottom:70px}
	.side-tit {display:none}
    .side-menu {display:flex; flex-wrap:wrap; gap:8px; border:none; border-radius:0}
    .side-menu li {flex:0 0 calc(33% - 4px); min-width:100px; border:none !important}
    .side-menu li a {display:flex; align-items:center; justify-content:center; height:45px; padding:5px 10px; font-size:14px; color:#666; background:#f2f2f2; border-radius:6px; text-align:center; line-height:1.2; transition:all 0.2s}
    .side-menu li.active a, .side-menu li a:hover {background:#1856AB; color:#fff !important; font-weight:600}
    .sub-real-content {width:100%; padding-left:0}
	
	.content-tit {font-size:30px}
    .sub-inner-tit {font-size:26px; margin-top:50px}
	.h5Tit {font-size:20px; margin-top:20px}
	
	.rise-direction-box .dir-row {flex-direction:column}
	.rise-direction-box .label {width:100%}
	.rise-project-grid {flex-direction:column}
	.rise-project-grid .pj-label {width:100%; height:50px}
	.rise-project-grid .pj-items {grid-template-columns:repeat(2, 1fr)}
	
	.earlybird-support-content .table-basic {width:1100px}
	
	.gov-item {min-width:45%}
}

@media screen and (max-width:768px) {
	.show768 {display:block}
	.hide768 {display:none}
    .container-inner {padding:0 15px}	
	.main-title-section {padding:30px 0}
	.main-title-wrap .top-text {font-size:20px}
	.main-title-wrap .bottom-text {font-size:28px}	
	.main-visual-area .container-inner {justify-content:center}
	.main-obj-box {justify-content:center; top:-8px; width:100%}
	.main-obj-box img {width:400px}
	.scroll-guide {bottom:-55px; left:20%}
	.box-tit {font-size:24px}
	.news-box, .notice-tab-box, .intro-box {padding:25px}
	.news-list {gap:15px}
	.news-list .thumb {width:160px; height:100px; border-radius:10px}
	.news-list .tit, .tab-content .tit {font-size:18px}
	.news-list .date, .tab-content .date {font-size:15px}
	.tab-content .date {flex-shrink:0}
	.tab-btn {font-size:24px}
	.tab-btn.active:after {bottom:-19px}
	.tab-content li a {padding:20px 0}
	.intro-link-wrap {flex-direction:column}
	.main-service-section {padding:60px 0}
	.service-tit-area .main-tit {font-size:28px}
	.service-card {min-width:calc(50% - 10px)}
	#footer {padding:150px 0 50px 0}
	.leaflet-banner {width:100%; text-align:center; top:0}
	.leaflet-link {justify-content:center; gap:50px; width:100%; padding:25px 0; border-radius:0}
	.leaflet-link .arrow-icon {display:none}
    .f-link-area {flex-wrap:wrap; gap:15px 25px}
    .f-info-area address, .f-info-area .tel {display:block}
    .f-info-area .bar {display:none}
	.goSiteWrap {display:none}
	.promotion-flex-wrap {padding-bottom:0}
	.promotion-img-area {height:250px}
    .helloDonggu {top:-79px; right:15px; max-width:100px}
	
	.sub-visual {height:180px}
	.sub-visual .txt-box .title {font-size:32px}
	.sub-visual .txt-box .desc {font-size:15px; margin-top:10px; line-height:1.2}
	
	.sub-side-bar {margin-bottom:60px}
	.side-menu {gap:6px}
    .side-menu li {flex:0 0 calc(33% - 3px)}
    .side-menu li a {height:40px}
	
	.content-head {margin-bottom:30px}
    .content-tit {font-size:28px}
    .content-tit:before {height:22px}
    .sub-inner-tit {font-size:22px; margin-top:40px}
	.h5Tit {font-size:18px; margin-top:15px}
	
	.greeting-sign-wrap {flex-direction:column; align-items:flex-end; gap:10px}
	.greeting-sign-wrap .univ-title {font-size:18px}
	.greeting-sign-wrap .name {font-size:28px; margin-left:0}
	
	.table-basic {width:900px}
	.table-basic td {font-size:14px; padding:10px}
	
	.cardStA .col-md-4 {margin-bottom:10px}
    .cardStA .card-title {font-size:17px}
    .cardStA .card-text {font-size:15px}
	
	.icc-startup-box .flex-container {flex-direction:column}
	.icc-side {width:100%}	
	.icc-side-tit {font-size:20px}
	
	.step-roadmap-flex {flex-direction:column}
}

@media screen and (max-width:640px) {
	.system-grid .sub-box-wrap {grid-template-columns:1fr}
}

@media screen and (max-width:620px) {
	.sub-visual {height:150px}
	.sub-visual .txt-box .title {font-size:28px}
	.sub-visual .txt-box .desc {font-size:15px; margin-top:5px}
	
	.side-menu li {flex:0 0 calc(50% - 4px)}
	
	.greeting-content {padding:30px}
}

@media screen and (max-width:500px) {
   .logo img {height:24px}
   .news-list .thumb {width:140px; height:90px}
   .news-list li a {gap:15px}
   .news-list .tit {line-height:1.2; margin-bottom:5px}
   .rise-project-grid .pj-items {grid-template-columns:1fr}
}

@media screen and (max-width:425px) {
	.scroll-guide {left:30px}
    .f-link-area {gap:15px 10px}
}

@media screen and (max-width:375px) {
}