@import url('https://webfontworld.github.io/pretendard/Pretendard.css'); /* 기본 폰트 */
div, table, td, th, span, p, a, h1, h2, h3, h4, h5, h6, dl, ol, ul, li, dd, dt {color: #333; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; word-break: break-word;}
* {color: #333; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; word-break: break-word; box-sizing: border-box; vertical-align: baseline; line-height: 1.4 !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width: 100%; border:0;  }

audio, canvas, video { display:inline-block; *display:inline; *zoom: 1; }

* { margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
ul, ol, dl { list-style:none; }
a {text-decoration:none; color:#333; }
table { border-collapse:collapse; border-spacing:0; }
input, select, th, td { vertical-align:middle; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline;}
button, input { line-height:normal; }
button, select { text-transform:none; }
button { border:2px outset buttonface; }
button > * { }

body { font-size:100%; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor: pointer; *overflow:visible; }

textarea { overflow:auto; }

/*
main color : #115396
sub color : #759dc3
title color : #032137
*/
/* start */

/* default */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:0.33rem !important;}
.mt10 {margin-top:0.67rem !important;;}
.mt15 {margin-top:1rem !important;}
.mt20 {margin-top:1.33rem !important;}
.mt30 {margin-top:2rem !important;}
.mt40 {margin-top:2.67rem !important;}
.mt50 {margin-top:3.33rem !important;}
.mt60 {margin-top:4rem !important;}
.mt70 {margin-top:4.67rem !important;}
.mt80 {margin-top:5.33rem !important;}
.mt90 {margin-top:6rem !important;}
.mt100 {margin-top:6.67rem !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:0.33rem !important;}
.mb10 {margin-bottom:0.67rem !important;}
.mb15 {margin-bottom:1rem !important;}
.mb20 {margin-bottom:1.33rem !important;}
.mb30 {margin-bottom:2rem !important;}
.mb40 {margin-bottom:2.67rem !important;}
.mb50 {margin-bottom:3.33rem !important;}
.mb60 {margin-bottom:4rem !important;}
.mb70 {margin-bottom:4.67rem !important;}
.mb80 {margin-bottom:5.33rem !important;}
.mb90 {margin-bottom:6rem !important;}
.mb100 {margin-bottom:6.67rem !important;}
.ml5 {margin-left:0.33rem !important}
.ml10 {margin-left:0.66rem !important}
.ml15 {margin-left:1rem !important}
.mr5 {margin-right:0.33rem !important}
.mr10 {margin-right:0.66rem !important}
.mr15 {margin-right:1rem !important}

.pt10 {padding-top:0.67rem !important;}
.pt20 {padding-top:1.33rem !important;}
.pb10 {padding-bottom:0.67rem !important;}
.pb20 {padding-bottom:1.33rem !important;}
.pl10 {padding-left:0.67rem !important;}
.pl15 {padding-left:1rem !important;}
.pl20 {padding-left:1.33rem !important;}
.pl30 {padding-left:2rem !important;}

.dpb {display:block !important;}
.dpi {display:inline !important;}
.dpib {display:inline-block !important;}
.dpf {display: flex;}
.por {position:relative}
.poa {position:absolute;}
.pof {position:fixed}
.fl {float:left !important;}
.fr {float:right !important;}
.cle:after {content: ""; display:block; clear:both}

html{font-size: 15px;}
body{padding: 0; margin: 0;}
ul,li {list-style: none;}
.taC {text-align: center !important;}
.taL {text-align: left !important;}
.taR {text-align: right !important;}
.bg-gray {background: #eff2f4;}
.text-gray {color: #848484;}
.talbe_th_descText {font-size: 0.8rem; color: #939393;}
.talbe_th_descText.bk {color: #000;}
.talbe_th_descText sup {font-size: 0.8rem; color: #939393;}
.bl-text {display: block; color: #3375d4;}

.hidden {display: none;}

.btn-box {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem;}
.btn-box button {margin-left: 0 !important;}

/* header */
#header {position: absolute; width: 100%; z-index: 2; border-bottom: 1px solid #d9d9d9;}
#header .pc-header{ width: 100%; display: flex; align-items: center; padding: 1.333rem 2.666rem; box-sizing: border-box; justify-content: space-between; }
#header.down .pc-header{ position: fixed; top: 0; left: 0; width: 100%; padding: 0.66rem 2.666rem; background: #037FFE; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); z-index: 10; }
#header.down .top-logo{width: 200px;}
#header.down .gnb li a{font-size: 1.2rem;}
#header .top-logo{width: 200px;}
#header .gnb{ display: flex; justify-content: center; width: 80%;}
#header .gnb li { display: flex; flex-direction: column; align-items: center;position: relative; text-align: center;}
#header .gnb li a {width: 100%; padding: 1rem 2.5rem; font-size: 1.466rem; font-weight: 600; color: #fff;}
#header .gnb li .gnb-sub {display: none; position: absolute; top: 55px; min-width: 15rem; padding: 0.5rem; border-radius: 5px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); z-index: 1;}
#header .gnb li .gnb-sub li { padding: 0;}
#header .gnb li .gnb-sub li a {padding: 0.2rem 0; font-size: 1.1rem;}
#header .gnb li:hover > a{text-decoration: underline;}
#header .gnb li:hover .gnb-sub{display: block;}
#header .gnb li:hover .gnb-sub a {color: #333;}
#header .gnb li:hover .gnb-sub a:hover {color: #115396; text-decoration: underline;}
#header .user{ display: flex; }
#header .user a { display: flex; flex-direction: column; align-items: center; color: #fff;}
#header .user a span {color: #fff;}
#header .user a ~ a{padding-left: 1rem;}
#header .user a:not(.login) img{padding-bottom: 0.5rem; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(281deg) brightness(102%) contrast(102%);}
#header .user a:hover {font-weight: 700;}
#header .user .logout{display: block;}
#header .user span { word-break: keep-all; }
#header .user a { word-break: keep-all; }
.pc-header {}
.m-header {display: none;}

/* main */
#main { max-width: 100%;}
/* main-visual */
#main .main-visual {position: relative;}
#main .main-visual .main-visual01 { position: relative; display: flex; justify-content: center; align-items: center; background: url(../image/main-visual.png) no-repeat 100% 100% / cover ; width: 100%; height: 503px;}
#main .main-visual .main-visual01 .main-text {position: relative;}
#main .main-visual .main-visual01 .main-text a { position: absolute; text-align: center; right: 0; bottom: 0; padding: 0.25rem 2rem; border-radius: 50px; background: #fff; color: #2168b6; font-size: 1.33rem; font-weight: 700; box-shadow: 0px 0px 10px 5px; transition: all .2s;}
#main .main-visual .main-visual01 .main-text a:hover{background: #dfeeff; transition: all .2s;}
#main .main-visual .main-quick{ position: absolute; top: 61%; right: 0; transform: translate(0 ,-50%);}
#main .main-visual .main-quick .main-quick-item {display: flex; align-items: center; padding: 1.2rem 1.5rem; border-top-left-radius: 100px; border-bottom-left-radius: 100px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);}
#main .main-visual .main-quick .main-quick-item p{ display: flex; align-items: baseline; font-size: 1.6rem;}
#main .main-visual .main-quick .main-quick-item b{font-size: 1.6rem;}
#main .main-visual .main-quick .main-quick-item img {margin-right: 1rem;}
#main .main-visual .main-quick .main-quick-item ~ .main-quick-item {margin-top: 0.8rem;}
#main .main-visual .main-popup {position: absolute; top: 50%; left: 20px; max-width: 400px; width: 100%; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); transform: translate(0%, -50%);}
#main .main-visual .main-popup a{width: 100%;}
#main .main-visual .main-popup img{width: 100%;}

#main .home-popup { display: flex; align-items: center; justify-content: center; position: absolute; top: 120px; left: 15px; width: 400px; height: 400px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); box-sizing: border-box; z-index: 9; }
#main .home-popup .popup-item { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 5px 0; padding: 1.5rem; margin-bottom: 1rem; text-align: center; }
#main .home-popup .popup-item p { font-size: 20px; color: #115396; font-weight: 600;}
#main .home-popup .popup-item h2 { font-size: 36px; color: #2168b6; font-weight: 900; }
#main .home-popup .popup-item a {width: 80%; margin-top: 1.5rem; padding: 8px 15px; background: #115396; color: #fff; font-size: 18px; font-weight: 700; transition: all .2s;}
#main .home-popup .popup-item a:hover {opacity: .8; transition: all .2s;}
#main .home-popup .popup-item span {color: #ff0000;}
#main .home-popup .button_area { display: flex; align-items: baseline; justify-content: space-between; position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 10px; background: #333; }
#main .home-popup .button_area span { display: flex; align-items: baseline; color: #fff; }
#main .home-popup .button_area input { margin-right: 5px; outline: black; -moz-appearance: auto; -webkit-appearance: auto;}
#main .home-popup .button_area input[type="checkbox"] { display: inline-block;}
#main .home-popup .button_area input[type="checkbox"] + label { width: auto; height: auto; border: none; color: #fff;}
#main .home-popup .button_area input[type="checkbox"] + label::after {content: none;}

#main .home-popup .button_area a b {color: #fff; font-weight: 700;}


/* main-search */
#main .search { padding: 2rem 1rem; text-align: center; background: #e1eef4;}
#main .search .search-text { display: flex; justify-content: center; align-items: baseline; padding: 1rem 0; color: #115396; font-size: 1.26rem; font-weight: 300;}
#main .search .search-text span{ padding: 0 1rem; color: #115396; font-size: 1.46rem; font-weight: 700; word-break: keep-all;}
#main .search .search-input  { display: flex; justify-content: center; align-items: center; max-width: 900px; margin: 0 auto;}
#main .search .search-input input{ width: 81%; height: 3rem; margin-right: 2%; padding: 0.5rem 1rem; border-radius: 5px; box-sizing: border-box; background: #fff;}
#main .search .search-input .search-btn {display: flex; justify-content: center; align-items: center; min-width: 7rem; width: 17%; height: 3rem; padding: 0.5rem; border-radius: 5px; background-color: #115396; color: #fff; font-size: 1.2rem; font-weight: 600; text-align: center;  box-sizing: border-box;}
#main .search .search-input .search-btn img{margin-right: 1rem;}
#main .search .search-list {padding: 1rem 0;}
#main .search .search-list a { display: inline-block; padding: 0.4rem 1rem; border-radius: 100px; background: #759dc3; color: #fff; font-size: 1.133rem; }
#main .search .search-list a ~ a{ margin-left: 1rem;}

#main .online .slick-list { width: 100%;}
#main .online .slide-arrow { position: relative; bottom: 0; display: flex; align-items: center; justify-content: center; width: 6rem; left: 0; height: 1.5rem; margin-top: 2rem; z-index: 1;}
#main .online .slide-arrow::before {content: none; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background: #9c9c9e; transform: translate(-50%, -50%);}
#main .online .slide-arrow .swiper-stop-button i{ font-size: 1.5rem; }
#main .online .slick-arrow{ top: auto; transform: translate(0, 0);}
#main .online .slick-prev{position: relative; left: 0; width: 12px; height: 20px;}
#main .online .slick-prev::before {position: absolute; top: 0; left: 0; content: ''; width: 12px; height: 20px; background: url('../image/left-arrow.png') 100% 100% no-repeat; opacity: 1;}
#main .online .slick-next{position: relative; right: 0; width: 12px; height: 20px; margin-left: 1rem;}
#main .online .slick-next::before {position: absolute; top: 0; right: 0; content: ''; width: 12px; height: 20px; background: url('../image/right-arrow.png') 100% 100% no-repeat; opacity: 1;}

#main .online {display: flex; position: relative; padding: 3rem 0rem; }
#main .online::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #f3f3f3; box-sizing: border-box; z-index: -1;}
#main .online .online-text { display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 15%; margin: 2rem 0; padding-left: 3%; padding-right: 2%;}
#main .online .online-text .online-title{ display: inline; position: relative; padding: 1rem 0; color: #032137; font-size: 2.13rem; line-height: 1.1;}
#main .online .online-text .online-title::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #032137; }
#main .online .online-text a { display: block; width: 3rem; margin: 1rem 0; border-bottom: solid 1px #858585; color: #858585; font-size: 0.8rem; font-weight: 600; text-align: center;}
#main .online .online-item-list {width: 85%;}
#main .online .online-item-list .slick-list {margin: 0rem;}
#main .online .online-item-list .online-item{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 17.2rem; padding: 1rem; border-radius: 5px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); border: solid 1px transparent;}
#main .online .online-item-list .online-item:hover {border: solid 1px #007fff;}
#main .online .online-item-list .online-item:hover p {color: #115396;}
#main .online .online-item-list .online-item:hover span {color: #115396;}
#main .online .online-item-list .online-item .online-img-box{ display: flex; align-items: center; justify-content: center; width: 100%; height: 65%; padding-bottom: 5%;}
#main .online .online-item-list .online-item .online-img-box img{width: 100% !important; height: 100%; object-fit: contain;}
#main .online .online-item-list .online-item .online-item-text{ width: 100%; height: 30%; }
#main .online .online-item-list .online-item .online-item-text p{ padding-top: 1rem; border-top: solid 1px #ddd; font-size: 1.066rem; font-weight: 700; text-align: center;
    white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
#main .online .online-item-list span{ color: #53a6da;
    text-align: center; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}


#main .news { align-items: center; background: url(../image/news-bg.png) no-repeat 100% 100% / cover ; width: 100%; height: 516px;}
#main .news.online .online-text .online-title{color: #fff;}
#main .news.online .online-text .online-title::before{background: #fff;}
#main .news.online .online-text a {color: #fff;}
#main .news.online .slide-arrow {position: relative; margin: 1.5rem 0;}
#main .news.online .slide-arrow::before {background: #fff;}
#main .news.online .slide-arrow button i { color: #fff; }

#main .news.online .news-menu {display: flex; flex-direction: column; align-items: flex-start;}
#main .news.online .news-menu button {position: relative; width: auto; margin: 0; padding-bottom: 0.1rem; margin-bottom: 0.8rem; border-bottom: solid 1px transparent; text-align: left; font-size: 1rem; color: #fff;}
#main .news.online .news-menu button.on {border-bottom: solid 1px #fff;}
#main .news.online .news-menu button.on::before{content: '>'; color: #fff; position: absolute; top: 50%; left: -1rem; font-size: 0.8rem; transform: translate(0%,-50%);}
#main .news.online .news-menu button:hover {border-bottom: solid 1px #fff;}
#main .news.online .news-menu button:hover::before{content: '>'; color: #fff; position: absolute; top: 50%; left: -1rem; font-size: 0.8rem; transform: translate(0%,-50%);}
#main .news.online .slick-arrow::before {filter: brightness(10)}
#main .news .news-list {width: 85%; }
#main .news .news-list .news-item { display: none; flex-direction: column; align-items: flex-start; padding: 1.5rem; border-radius: 15px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); }
#main .news .news-list .news-item img{ margin: 0.5rem 0;}
#main .news .news-list .news-item:hover{box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 40%); transform: translate(0px, -10px); transition: all .2s;}
#main .news .news-list .news-item .news-point { margin-bottom: 0.5rem; padding: 0.2rem 1rem; border-radius: 100px; color: #fff; font-size: 0.93rem; font-weight: 600;}
#main .news .news-list .news-item .news-point.news-point01 {background: #e7282c;}
#main .news .news-list .news-item .news-point.news-point02 {background: #cab22a;}
#main .news .news-list .news-item .news-point.news-point03 {background: #1d97ff;}
#main .news .news-list .news-item .news-point.news-point04 {background: #45d080;}
#main .news .news-list .news-item .day-box { width: 100%; text-align: right;}
#main .news .news-list .news-item .day {color: #949494; font-size: 0.86rem; text-align: right;}
/* #main .news .news-list .news-item .number-box { width: 100%; text-align: right;}
#main .news .news-list .news-item .number {  width: 25px; height: 25px; border-radius: 0.5px; background: #005cba; color: #fff; font-size: 1.2rem;} */
#main .news .news-list .news-item .news-title { margin: 0.5rem 0; font-size: 1.16rem; font-weight: 600; line-height: 1.2;
    white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

#main .news .news-list .news-item.on { display: flex; opacity: 1;}

/* main_2025리뉴얼 */
.main .visual {position: relative; height: 520px;}
.main .visual > img {width: 100%; height: 100%;}
.main .visual .items {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.main .visual .items .vis-txt {margin-bottom: 2.2rem; text-align: center;}
.main .visual .searchBox {display: flex; gap: 0.5rem; height: 3.133rem; margin-bottom: 2rem;}
.main .visual .searchBox .btns {display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 2rem; padding: 0.2rem;}
.main .visual .searchBox .btns li button {width: 12rem; padding: 0.5rem; border-radius: 2rem; color: #fff; font-weight: 600;}
.main .visual .searchBox .btns li button.on {background-color: #fff; color: #204185;}
.main .visual .searchBox .btns li button:not(.on):hover {color: #129dff;}
.main .visual .searchBox .inputWrap {display: flex; align-items: center; width: 40rem; height: 100%; padding-inline: 1rem; background-color: #fff; border-radius: 2rem;}
.main .visual .searchBox .inputWrap input {width: calc(100% - 2rem); height: 100%; border: none;}
.main .visual .searchBox .inputWrap button {width: 2rem; height: 100%; font-size: 1.2rem; color: #204185;}
.main .visual .searchBox .inputWrap button i {font-weight: 600;}
.main .visual .catecorys {display: flex; justify-content: center; gap: 2rem;}
.main .visual .catecorys li a {color: #fff; border-bottom: 1px solid transparent;}
.main .visual .catecorys li a:hover {border-bottom: 1px solid #fff;}
.main .section-1 {padding: 4rem 1rem;}
.main .section-1 .quickBtns {position: relative; display: flex; justify-content: center; align-items: center; gap: 4rem; width: 100%; max-width: 1300px; margin: -8rem auto 0; padding: 2.3rem 1rem; background-color: #fff; border-radius: 1rem;}
.main .section-1 .quickBtns li a {display: flex; align-items: center; gap: 1rem;}
.main .section-1 .quickBtns li a figure {display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; padding: 1rem; background-color: #eaecee; border-radius: 50%;}
.main .section-1 .quickBtns li a span {font-size: 1.2rem;}
.main .section-1 .quickBtns li a span strong {font-size: 1.2rem;}
.main .section-2 {padding: 4rem 1rem; background-color: #eaecee;}
.main .section-3 {padding: 4rem 2rem;}
.main .section-3 .inner {width: 100%; max-width: 1300px; margin: 0 auto;}
.main .section-3 .inner .title-space {display: flex; justify-content: space-between; margin-bottom: 2rem;}
.main .section-3 .inner .title-space h3 {font-size: 1.86rem; font-weight: 700; color: #032137;}
.main .section-3 .inner .title-space ul {display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;}
.main .section-3 .inner .title-space ul li a {width: 5.6rem; padding: 0.7rem; border-radius: 1.5rem; background-color: #eaecee; text-align: center; word-break: keep-all;}
.main .section-3 .inner .title-space ul li a:not(.on):hover {box-shadow: 0 0 0 1px inset;}
.main .section-3 .inner .title-space ul li a.on {background-color: #129dff; color: #fff; font-weight: 600;}
.main .section-3 .inner .newsSlideWrap {position: relative;}
.main .section-3 .inner .newsSlideWrap .commonPrev,
.main .section-3 .inner .newsSlideWrap .commonNext {position: absolute; top: 45%; transform: translateY(-50%); cursor: pointer;}
.main .section-3 .inner .newsSlideWrap .commonPrev i,
.main .section-3 .inner .newsSlideWrap .commonNext i {font-size: 1.2rem; color: #9f9fa1;}
.main .section-3 .inner .newsSlideWrap .prevBtn3 {left: -20px;}
.main .section-3 .inner .newsSlideWrap .nextBtn3 {right: -20px;}
.main .section-3 .inner .newsSlideWrap .swiper {overflow: hidden;}
.main .section-3 .inner .newsSlideWrap .swiper-slide figure {margin-bottom: 1.4rem; aspect-ratio: 1/1; align-content: center;}
.main .section-3 .inner .newsSlideWrap .swiper-slide figure img {width: 100%; object-fit: contain;}
.main .section-3 .inner .newsSlideWrap .swiper-slide span {font-size: 1rem;}
.main .commonSlideWrap {display: flex; gap: 1rem; width: 100%; max-width: 1300px; margin: 0 auto;}
.main .commonSlideWrap .title-btn {width: 14rem; flex-shrink: 0;}
.main .commonSlideWrap .title-btn .title {margin-bottom: 0.5rem; text-align: left;}
.main .commonSlideWrap .title-btn .title span {display: block; font-size: 0.93rem; font-weight: 400; color: #a9a9a9;}
.main .commonSlideWrap .title-btn .title h3 {font-size: 1.76rem; font-weight: 700; white-space: nowrap; color: #032137;}
.main .commonSlideWrap .title-btn .navBtn {display: flex; gap: 0.5rem;}
.main .commonSlideWrap .title-btn .navBtn > div {cursor: pointer;}
.main .commonSlideWrap .title-btn .navBtn i {font-weight: 600; color: #9f9fa1;}
.main .commonSlideWrap .commonThumbs {width: calc(100% - 15rem); padding: 5px; overflow: hidden;}
.main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide {padding: 1.2rem; aspect-ratio: 1/1.3; border: 1px solid #dbdbdb; border-radius: 1rem;}
.main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide.swiper-slide-active {border: 1px solid #204185;}
.main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide figure {aspect-ratio: 1/1;}
.main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide figure img {width: 100%; height: 100%; object-fit: contain;}
.main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide h4 {padding: 1rem 1.2rem 0; text-align: center; border-top: 1px solid #ddd;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 {padding-block: 1.3rem;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card {display: flex; gap: 2.2rem; padding: 2rem 1rem; background-color: #fff; border-radius: 1rem; box-shadow: 4px 8px 7px -9px #a3a3a3;}
/* .main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide.swiper-slide-active .card {border: 1px solid #204185;} */
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card figure {width: 7.3rem; flex-shrink: 0; align-content: center;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card:hover {box-shadow: 0 0 0 1px inset;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card figure img {width: 100%; object-fit: contain; aspect-ratio: 1/1;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card dl dt {font-weight: 700;}
.main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide .card dl dd { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.93rem; color: #a5a5a5;}

#footer { display: flex; align-items: center; position: relative; max-width: 100%; background: #051725;  padding: 1.333rem 2.666rem;}
#footer .footer-text { padding: 0 2rem;}
#footer .footer-text .footer-quick a{ padding-right: 1rem; color: #fff;}
#footer .footer-text .footer-info {padding: 0.1rem 0; }
#footer .footer-text .footer-info span{ color: #62b6bf; font-size: 0.93rem;}
#footer .footer-text .copyright{ color: #7ba7d0;}
#footer .footer-text-side {align-self: flex-end;}
#footer .footer-text-side p {color: #fff;}
#footer .footer-icon {position: absolute; top: 50%; right: 2.666rem; transform: translate(0% , -50%);}
#footer .footer-icon img{margin-left: 0.5rem;}

/* footer_2025_new */
.footer {height: auto; padding-top: 0; background-color: transparent !important; border-top: 2px solid #c1c1c1;}
.footer .contents {display: flex; align-items: center; gap: 3.33rem; width: 100%; max-width: 1300px; padding: 2rem 1rem; margin: 0 auto;}
.footer .contents .footer-text .footer-quick {display: flex; gap: 2rem; margin-bottom: 1rem; font-weight: 300; color: #ddd;}
.footer .contents .footer-text .footer-quick a {font-size: 0.93rem; font-weight: 700; color: #000;}
.footer .contents .footer-text-side {display: flex; justify-content: flex-end; flex-direction: column; gap: 0.5rem; margin-left: auto;}
.footer .contents .footer-text-side span {display: block; min-width: 8.6rem; padding: 0.5rem; text-align: center; background-color: #dedede; border-radius: 2rem;}
.footer .contents .footer-text-side strong {font-size: 1.3rem; font-weight: 700;}

/* main swiper */
#main .online .online-item-list { width: 85%; overflow: hidden; position: relative; padding: 1rem 0; padding-left: 0.5rem;}
#main .online .online-item-list .swiper-wrapper {align-items: center}
#main .online .news-list { width: 85%; overflow: hidden; position: relative; padding: 1rem 0; padding-left: 0.5rem;}
#main .online .news-list .swiper-wrapper {align-items: center}
#main .online .swiper-button-next,
#main .online .swiper-container-rtl .swiper-button-prev {right: 0;}
#main .online .swiper-button-prev,
#main .online .swiper-container-rtl .swiper-button-next {left: 0;}

#main .online .swiper-button-prev:after,
#main .online .swiper-container-rtl #main .online .swiper-button-next:after {font-size: 1.5rem;}
#main .online .swiper-button-next:after,
#main .online .swiper-container-rtl #main .online .swiper-button-prev:after {font-size: 1.5rem;}

#main .online .slide-arrow div::after {color: #333;}
#main .online.news .slide-arrow.news-arrow div::after{color: #fff;}

/* main popup 메인팝업 */
.popupLayout {position: fixed; top: 100px; left: 0; display: flex; align-items: flex-start; padding: 1.5rem; gap: 0.7rem; z-index: 10;}
.popupLayout .contents {max-width: 460px; width: 100%; background-color: #fff; border-radius: 0.4rem;}
.popupLayout .contents .item {padding: 0.5rem;}
.popupLayout .contents .desc-btn {display: flex; justify-content: flex-end; align-items: center; gap: 0.8rem; padding: 0.5rem; background-color: #eee;}
.popupLayout .contents .desc-btn .hdnBtn {display: flex; align-items: center; gap: 0.2rem;}
.popupLayout .contents .desc-btn .hdnBtn input[type="checkbox"] {display: block; -webkit-appearance: auto;}
.popupLayout .contents .desc-btn .closeBtn {padding: 0.2rem 0.5rem; background-color: #028BFF; color: #fff; border-radius: 0.5rem;}

/* 약관페이지 */
.terms_page {min-height: 92vh; padding: 0 1rem;}
.terms_page .contents {width: 100%; max-width: 1200px; margin: 0 auto; padding: 1.8rem; background-color: #eee;}
.terms_page .contents h2 {margin-bottom: 1.4rem; font-size: 1.4rem;}
.terms_page .contents dl ~ dl {margin-top: 1rem;}
.terms_page .contents dl dt {margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 500;}
.terms_page .contents dl dd.line {padding: 1rem; border: 1px solid #bbb; background-color: #fff; border-radius: 0.3rem;}
.terms_page .contents dl dd.line .flex-list li span:nth-child(1) {width: 2rem;}
.terms_page .contents dl dd.line .flex-list li span:nth-child(2) {width: calc(100% - 3rem);}
.terms_page .contents dl dd .flex-list li {display: flex; gap: 0.7rem;}
.terms_page .contents dl dd .flex-list li span {flex-shrink: 0;}
.terms_page .contents dl dd .flex-list li span:nth-child(1) {font-weight: 700;}
.terms_page .contents dl dd .flex-list li ~ li {margin-top: 0.5rem;}
.terms_page .contents .chkBox {display: flex; justify-content: center; align-items: center; margin-top: 2rem;}
.terms_page .contents .chkBox label {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.terms_page .contents .chkBox label input {display: block; outline: unset; -webkit-appearance: auto;}
.terms_page .contents .chkBox label span {font-size: 1rem;}
.terms_page .btnBox {margin-top: 1rem; text-align: center;}
.terms_page .btnBox a {padding: 0.5rem 1rem; background-color: #0098e6; color: #fff; border-radius: 0.3rem;}
.terms_page .btnBox a:hover {filter: brightness(0.9);}
.terms_page .btnBox a i {padding-left: 0.5rem; color: #fff;}


/* sub page - 투자유망기업 */
#subPage{width: 100%;}
#subPage .sub-visual{background: url(../image/sub-visual.png) no-repeat 100% 100% / cover ; width: 100%; height: 20.6rem; /*height: 164px;*/}
#subPage .sub-visual .sub-visual-inner{display: flex; justify-content: space-between; align-items: flex-end; position: relative; max-width: 1400px; height: 100%; margin: 0 auto; padding: 3rem 1rem;}
#subPage .sub-visual .sub-visual-inner .sub-info a{ position: relative; padding-right: 1.3rem; color: #fff; font-size: 1.03rem;}
#subPage .sub-visual .sub-visual-inner .sub-info a::before{content: '>'; position: absolute; top: 45%; right: 0%; transform: translate(-50%, -50%); color: #55f1ff; font-size: 0.8rem; font-weight: 900;}
#subPage .sub-visual .sub-visual-inner .sub-info a:last-child::before{content: none;}
#subPage .sub-visual .sub-visual-inner .sub-info-title{ margin-top: 1rem; font-size: 2.8rem; color: #fff;}

.company_search {display: flex; gap: 0 1rem; padding: 1rem;}
.company_search input[type="text"] { width: 83%; height: 45px; border: solid 1px #bdbdbd; border-radius: 5px; box-sizing: border-box; font-size: 1.2rem;}
.company_search input[type="text"]:focus {border: solid 1px #bdbdbd;}
.company_search input::placeholder {font-size: 1.2rem;}
.company_search button{ display: flex; justify-content: center; align-items: center; min-width: 7rem; width: 17%; height: auto; padding: 0.5rem; border-radius: 5px; background-color: #115396; color: #fff; font-size: 1.2rem; font-weight: 600; text-align: center; box-sizing: border-box;}
.company_search button img { margin-right: 1rem;}

/* common 부분 */
.header .logo a {width: 250px !important;}
/* login */
.form_page .logo {width: 300px !important;}
/* subpage plus 220718 */
#subPage section {margin-top: 0;}
#subPage .sub-visual .sub-tab-list {width: 70%;}
#subPage .sub-visual .sub-tab-list .tab_ul{display: flex; justify-content: flex-end; width: 100%;}
#subPage .sub-visual .sub-tab-list .tab_ul .tab{ width: 31%; margin-left: 3.5%; padding: 1.5rem 1rem; align-content: center; border: none; border-radius: 100px; background: #00000047; color: #fff; box-sizing: border-box; font-size: 1.13rem; text-align: center; cursor: pointer;}
#subPage .sub-visual .sub-tab-list .tab_ul .tab:first-child{margin-left: 0;}
#subPage .sub-visual .sub-tab-list .tab_ul .tab.active{ background: #fff; color: #333; font-weight: 700;}
#subPage .list_page .btn_wrap.more .more_btn
#subPage .list_page {margin-top: 0; min-height: 50vh;}
#subPage .list_page .container { max-width: 1400px; padding-top: 0px !important;}

#subPage .list_page .clearfix.ic_list  { display: flex; flex-wrap: wrap; max-width: 1400px; width: 100%; margin: auto; padding: 0; padding-bottom: 0rem; }
#subPage .list_page .list_wrap{ width: 100%; margin: 0; padding: 1rem; padding-bottom: 2rem;}
#subPage .list_page .list_wrap ul li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 18% !important; height: 20rem; margin-right: 2.5%; margin-bottom: 2% !important; padding: 1rem; background: #fff; border-radius: 5px; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); border: solid 1px transparent; }
#subPage .list_page .list_wrap ul li .card  { position: relative; width: 100%; height: 100%; box-shadow: none; margin: 0px; padding: 0px;}
#subPage .list_page .list_wrap ul li .card .like_btn { top: 0; right: 0; width: 17px; height: 23px; border: none; background: url(../image/favorites-icon.png) no-repeat 100% 100%;}
#subPage .list_page .list_wrap ul li .card .like_btn.on { background: url(../image/favorites-on-icon.png) no-repeat 100% 100%;}
#subPage .list_page .list_wrap ul li .card.hope::after { content: '투자유치 중'; position: absolute; background: #018dd7; color: #fff; border-radius: 100px; font-size: 13.5px; top: 0; left: 0; padding: 3px 10px; line-height: 1.4; }
/* #subPage .list_page .list_wrap ul li .card.hope::after { font-family: 'Font Awesome 6 Pro'; content: '\e5b1'; position: absolute; top: 0; left: 0; color: #018dd7; line-height: 1; font-size: 28px; transform: rotate(180deg);} */
/* #subPage .list_page .list_wrap ul li .card.end::after { font-family: 'Font Awesome 6 Pro'; content: '\e5b1'; position: absolute; top: 0; left: 0; color: #9f9f9f; line-height: 1; font-size: 28px;} */
#subPage .list_page .list_wrap ul li .card.badge .badgeArea {position: absolute; top: 0; left: 0; display: flex; gap: 0.3rem; z-index: 1;}
#subPage .list_page .list_wrap ul li .card.badge .badgeArea span {padding: 3px 10px; background: #018dd7; color: #fff; border-radius: 100px; font-size: 13.5px; display: none;}
#subPage .list_page .list_wrap ul li .card.badge .badgeArea span.hope,
#subPage .list_page .list_wrap ul li .card.badge .badgeArea span.gb {display: block;}


#subPage .list_page .list_wrap ul li:hover { border: solid 1px #007fff;}
#subPage .list_page .list_wrap ul li:hover .ellipsis{ color:  #115396;}
#subPage .list_page .list_wrap ul li .bottom { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0; padding-top: 1rem; border-top: solid 1px #e8e8e8;}
#subPage .ellipsis { font-size: 1.066rem; font-weight: 700; text-align: center; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
#subPage .list_page .list_wrap ul li .bottom p:last-child  { text-align: center; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
#subPage .list_page .list_wrap ul li .bottom::after{content: none;}
#subPage .list_page .list_wrap ul li .card { width: 100%; height: 100%; margin: 0; padding: 0; box-shadow: none;}
#subPage .list_page .list_wrap ul li .card .top { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 70%;}
#subPage .list_page .list_wrap ul li:nth-child(5n) {margin-right: 0;}
#subPage .list_page .btn_wrap.more { display: flex; align-items: center; justify-content: center; max-width: 1400px; background: #e6eaee; margin: 0 auto; text-align: center; }
#subPage .list_page .btn_wrap.more .more_btn{ width: 100%; padding: 1rem 2rem; }
#subPage .list_page .btn_wrap.more .more_btn img { margin-left: 0.5rem;}

#subPage .sub-contents {padding-bottom: 2rem;}
#subPage .sub-contents .online-search-list select{ min-width: 210px; height: 45px; margin-right: 1rem; padding: 0rem 3.5rem 0rem 1rem; border: solid 1px #ddd; border-radius: 5px; appearance: none; background: url(../image/down_arrow.png) no-repeat 90% 50%; text-align: left;}

#subPage.online-detail .sub-visual .sub-visual-inner .sub-visual-menu {position: relative; width: 100%; top: 0;}
#subPage.online-detail .sub-visual .sub-visual-inner .fixed_btn_wrap { display: none ;}



/* #subPage .sub-contents {min-height: 50vh; background: #f5f7f8; padding-bottom: 3rem;} */
/* #subPage .sub-contents { padding-bottom: 3rem;} */
#subPage .sub-contents .online-search-wrap {background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%)}
#subPage .sub-contents .online-search-list{ display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; padding: 1rem;}
/* #subPage .sub-contents .online-search-list select{ min-width: 210px; margin-right: 1rem; padding: 0.6rem 3.5rem 0.6rem 1rem; border: solid 1px #ddd; border-radius: 5px; appearance: none; background: url(../image/down_arrow.png) no-repeat 90% 50%; text-align: left;} */
#subPage .sub-contents .online-search-list .online-button {display: flex; align-items: center;}
#subPage .sub-contents .online-search-list .online-button button{ position: relative; margin-left: 0.8rem; padding-left:0.8rem; background: none; border: none;}
#subPage .sub-contents .online-search-list .online-button button.on {color: #005cba; font-weight: 600;}
#subPage .sub-contents .online-search-list .online-button button::before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 80%; background: #9c9c9e; transform: translate(0%, -50%);}
#subPage .sub-contents .online-search-list .online-button button:first-child::before{content: none;}

#subPage .sub-contents .online-item-list { display: flex; flex-wrap: wrap;max-width: 1400px; width: 100%; margin: auto; padding: 3rem 0; padding-bottom: 0rem;}
#subPage .sub-contents .online-item-list .online-item{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 18%; height: 20rem; margin-right: 2.5%; margin-bottom: 2%; padding: 1rem; border-radius: 5px; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); border: solid 1px transparent;}

#subPage .sub-contents .online-item-list .online-item:nth-child(5n) {margin-right: 0;}
#subPage .sub-contents .online-item-list .online-item:hover {border: solid 1px #007fff;}
#subPage .sub-contents .online-item-list .online-item:hover p {color: #115396;}
#subPage .sub-contents .online-item-list .online-item:hover span {color: #115396;}
#subPage .sub-contents .online-item-list .online-item .online-img-box{ display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 70%;}
#subPage .sub-contents .online-item-list .online-item .online-img-box .favorite{position: absolute; top: 0; right: 0; width: 17px; height: 23px; border: none; background: url(../image/favorites-icon.png) no-repeat 100% 100%;}
#subPage .sub-contents .online-item-list .online-item.on .online-img-box .favorite{background: url(../image/favorites-on-icon.png) no-repeat 100% 100%;}
#subPage .sub-contents .online-item-list .online-item .online-item-text{ display: flex; flex-direction: column; align-items: center; width: 100%; padding-top: 1rem; border-top: solid 1px #e8e8e8; }
#subPage .sub-contents .online-item-list .online-item .online-item-text p{ font-size: 1.066rem; font-weight: 700; text-align: center;
white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#subPage .sub-contents .online-item-list .online-item span{ color: #649abc;
text-align: center; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
#subPage .sub-contents .online-list-plus { display: flex; align-items: center; justify-content: center;max-width: 1400px; background: #e6eaee; margin: 0 auto; padding: 1rem 2rem; text-align: center;}
#subPage .sub-contents .online-list-plus img{padding-left: 0.5rem;}

/* growth bridge */
#subPage .sub-contents .desc-img {display: flex; justify-content: space-between; gap: 1rem;}
#subPage .sub-contents .desc-img div:nth-child(1) {flex: 1;}
#subPage .sub-contents .desc-img div:nth-child(2) {flex: 2; text-align: right;}
#subPage .sub-contents .process-card {display: flex; flex-wrap: wrap; gap: 2.6rem; margin-top: 1rem;}
#subPage .sub-contents .process-card li {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 0.5rem; padding-block: 2.5rem; padding-inline: 1rem; width: calc((100% - 156px)/5); border-radius: 1rem; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); text-align: center;}
#subPage .sub-contents .process-card li:not(:last-child)::after {content: '>'; position: absolute; top: 50%; transform: translateY(-50%); right: -23px; font-size: 1.3rem; color: #959ea4;}
#subPage .sub-contents .process-card li p {font-size: 0.85rem; color: #959ea4;}
#subPage .sub-contents .process-card li dl dt {margin-bottom: 1rem; font-size: 1.6rem; font-weight: 700;}
#subPage .sub-contents .process-card li dl dd {word-break: keep-all; color: #959ea4;}

#subPage .sub-contents .process-card_new {display: flex; align-items: stretch; gap: 3.53rem;}
#subPage .sub-contents .process-card_new li {position: relative; padding: 2rem; background-color: #f0f0f0; border-radius: 1.33rem;}
#subPage .sub-contents .process-card_new li:nth-child(1) {flex: 1;}
#subPage .sub-contents .process-card_new li:nth-child(2) {flex: 2;}
#subPage .sub-contents .process-card_new li:nth-child(2) .img-desc {flex: 1;}
#subPage .sub-contents .process-card_new li:nth-child(3) {flex: 1;}
#subPage .sub-contents .process-card_new li:not(:last-child)::after {content: '\f054'; position: absolute; top: 50%; transform: translateY(-50%); right: -2.2rem; font-family: 'Font Awesome 6 Pro'; font-size: 1.1rem; color: #848484;}
#subPage .sub-contents .process-card_new li h5 {font-size: 1.3rem;}
#subPage .sub-contents .process-card_new li .flex {display: flex; justify-content: center; align-items: center; gap: 0.8rem;}
#subPage .sub-contents .process-card_new li .flex > p {text-align: center; color: #848484;}
#subPage .sub-contents .process-card_new li .img-desc {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.1rem; padding: 2.4rem; margin-bottom: 2.1rem; background-color: #fff; border-radius: 1.33rem;}
#subPage .sub-contents .process-card_new li .img-desc figure {margin-bottom: 0.5rem;}
#subPage .sub-contents .process-card_new li .img-desc .bl {font-size: 0.933rem; text-align: center; color: #3e788e;}
#subPage .sub-contents .process-card_new li .img-desc strong {text-align: center;}
#subPage .sub-contents .process-card_new li .img-desc .gy {font-size: 1rem; text-align: center; color: #848484;}
#subPage .sub-contents .process-card_new li dl dt strong {display: block; margin-bottom: 0.5rem; font-size: 1.46rem; color: #3375d4;}
#subPage .sub-contents .process-card_new li dl dd {font-size: 1.06rem;}
#subPage .sub-contents .infoText {font-size: 1.2rem;}

#subPage.online-detail .sub-visual { position: relative; height: 27rem;}
#subPage.online-detail .online-detail-name{ display: flex; margin-top: 1rem;}
#subPage.online-detail .online-detail-name .logo-box { display: flex; justify-content: center; align-items: center; width: 12.6rem; height: 11.53rem; background: #fff; border: solid 1px #ddd; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);}
#subPage.online-detail .online-detail-name .logo-box img{ max-width: 187px; width: 100%; padding: 1rem; object-fit: contain;}
#subPage.online-detail .online-detail-name .online-detail-text{ margin-top: 0.5rem; margin-left: 1.5rem;}
#subPage.online-detail .online-detail-name .online-detail-text h2 { display: flex; align-items: center; color: #fff; font-size: 2.4rem; font-weight: 700; }
#subPage.online-detail .online-detail-name .online-detail-text h2 .favorite { width: 25px; height: 33px; margin-left: 0.8rem; background: url(../image/favorites-icon-white.png) no-repeat 100% 100% / contain;}
#subPage.online-detail .online-detail-name.on .online-detail-text h2 .favorite{background: url(../image/favorites-icon-on-yellow.png) no-repeat 100% 100% / contain;}
#subPage.online-detail .online-detail-name .online-detail-text p{margin-top: 0.5rem; color: #fff; font-size: 1.2rem;}
#subPage.online-detail .online-detail-down-wrap { display: flex; align-items: flex-end; position: absolute; bottom: 0; right: 0;}
#subPage.online-detail .online-detail-down-wrap a.down-button { display: flex; align-items: baseline; margin-bottom: 2.5rem; padding: 0.5rem 1rem; border-radius: 100px; border: solid 1px transparent; background: #fff; transition: all .2s;}
#subPage.online-detail .online-detail-down-wrap a.down-button b{padding-right: 0.2rem;}
#subPage.online-detail .online-detail-down-wrap a.down-button img{ max-width: 30px; padding-left: 0.5rem;}
#subPage.online-detail .online-detail-down-wrap a.down-button:hover{ border: solid 1px #fff; background: #ddf7ff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); transition: all .2s;}

#subPage.online-detail .iframe-outer { position: relative; width: 100%; padding-top: 56.25%; background-color:#000; margin-top: 0.5rem;}
#subPage.online-detail iframe { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%;}
#subPage.online-detail .update-day {max-width: 1400px; margin: 0 auto; padding: 1.5rem 1rem; color: #2a2a2a; font-weight: 400; text-align: right;}
#subPage.online-detail .online-detail-contents-list{ display: flex; max-width: 1400px; margin: 0 auto; padding: 1rem;}
#subPage.online-detail .online-detail-content { width: 100%; margin-bottom: 2rem; padding: 2.1rem; border-radius: 6px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);}
#subPage.online-detail .online-detail-content:last-child{margin-bottom: 0;}
#subPage.online-detail .online-detail-contents-left{ display: flex; flex-direction: column; width: 30%; margin-right: 2%; }
#subPage.online-detail .online-detail-contents-right{ display: flex; flex-direction: column; width: 68%; margin-right: 0;}

#subPage.online-detail .online-detail-content .online-detail-content-title{font-size: 1.2rem; font-weight: 800;}
#subPage.online-detail .online-detail-content .online-detail-content-ul {margin-top: 0.5rem;}
#subPage.online-detail .online-detail-content .online-detail-content-ul li{display: flex; justify-content: space-between; margin-bottom: 0.5rem;}
#subPage.online-detail .online-detail-content .online-detail-content-ul li:last-child{margin-bottom: 0;}
#subPage.online-detail .online-detail-content .online-detail-content-ul li b {font-size: 1.06rem;}
#subPage.online-detail .online-detail-content .online-detail-content-ul li span {font-size: 1.06rem; color: #737373;}
#subPage.online-detail .online-detail-content .sub-txt { margin-top: 0.5rem; color: #737373; font-size: 1.066rem; white-space: pre-line;}
#subPage.online-detail .online-detail-content .online-detail-content-title-box {display: flex; justify-content: space-between; align-items: baseline}
#subPage.online-detail .online-detail-content .online-detail-content-title-box div {display: flex; align-items: baseline}
#subPage.online-detail .online-detail-content .online-detail-content-title-box div span{margin-left: 0.2rem;}
#subPage.online-detail .online-detail-content .online-detail-tbl{width: 100%; margin-top: 0.5rem; margin-bottom: 1.2rem;}
#subPage.online-detail .online-detail-content .online-detail-tbl td{padding: 0.3rem 0.8rem;}
#subPage.online-detail .online-detail-content .online-detail-tbl th{ padding: 0.5rem 0.8rem; background: #eff2f4; text-align: center;}
#subPage.online-detail .online-detail-content .online-detail-tbl:last-child{margin-bottom: 0;}
#subPage.online-detail .online-detail-content .online-detail-tbl02 td{padding: 0.5rem 0.8rem;}

#subPage.online-detail.start-up .online-detail-name .online-detail-text{margin-top: 2rem;}
#subPage.online-detail.start-up .online-detail-contents-list{ flex-wrap: wrap; }
#subPage.online-detail.start-up .online-detail-contents-left{width: 38%;}
#subPage.online-detail.start-up .online-detail-contents-right{width: 60%;}
#subPage.online-detail.start-up .online-detail-contents-bottom{width: 100%; margin-top: 2rem;}

#subPage.online-detail.start-up .online-detail-content {height: 100%;}
#subPage.online-detail.start-up .online-detail-content .online-detail-content-ul.online-detail-content-ul02 li{justify-content: normal; align-items: baseline;}
#subPage.online-detail.start-up .online-detail-content .online-detail-content-ul.online-detail-content-ul02 li b {width: 15%; margin-right: 2%;}
#subPage.online-detail.start-up .online-detail-content .online-detail-content-ul.online-detail-content-ul02 li span {width: 83%;}
#subPage.online-detail.start-up .online-detail-content .online-detail-img-box{width: 100%; margin-top: 1rem;}
#subPage.online-detail.start-up .online-detail-content .online-detail-img-box img{width: 100%; max-height: 15rem; object-fit: cover;}

/* .graph .graph-circle{ display: flex; position: relative; width: 150px; height: 150px; border-radius: 100%; background: #ddd; overflow: hidden;} */
/* .graph .graph-circle::before{ content: ''; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border-radius: 100%; background-color: #fff; transform: translate(-50%, -50%); z-index: 2;} */
#subPage.online-detail.start-up .online-detail-content .graph {display: flex; align-items: flex-start;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-circle-outer{width: 30%;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list{ width: 33%; margin-top: 2.5rem; margin-right: 4%; padding-right: 4%; border-right: dashed 1px #686868;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list:last-child{ border: none; padding-right: 0; margin-right: 0;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list:last-child li {padding-left: 0;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list li{ display: flex; justify-content: space-between; align-items: baseline; position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list li::before {content: ''; position: absolute; top: 50%; left: 0%; width: 15px; height: 15px; border-radius: 3px;  transform: translate(0, -50%);}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list .graph-item01::before{ background: #1a234a;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list .graph-item02::before{ background: #377df7;}
#subPage.online-detail.start-up .online-detail-content .graph .graph-list .graph-item03::before{ background: #6ce5e1;}

#subPage.online-detail.start-up .online-slide { overflow: hidden; position: relative; width: 100%; margin-top: 1rem; z-index: 1;}
#subPage.online-detail.start-up .online-slide .online-slide-item { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1rem; border: solid 1px #ddd; border-radius: 5px; }
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-img-box{ margin-bottom: 0.5rem; text-align: center;}
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-img-box .img-box{ overflow: hidden; max-width: 58px; height: 58px; margin-bottom: 0.5rem; background: #ddd; border-radius: 100%; }
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-img-box img{ width: 100%; height: 100%; object-fit: contain;}
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-info{ width: 100%; padding-top: 1rem; border-top: solid 1px #ddd;}
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-info li { display: flex; align-items: baseline;}
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-info b {width: 25%;}
#subPage.online-detail.start-up .online-slide .online-slide-item .online-slide-info span{ width: 70%;}
#subPage.online-detail.start-up .online-slide .slick-prev:before,
#subPage.online-detail.start-up .online-slide .slick-next:before {position: absolute; width: 36px; height: 36px; top: 0; left: 0; opacity: 1; }
#subPage.online-detail.start-up .online-slide .slick-prev:before {content: ''; background: url(../image/online-slide-left.png) 100% 100% no-repeat ; }
#subPage.online-detail.start-up .online-slide .slick-next:before {content: ''; background: url(../image/online-slide-right.png) 100% 100% no-repeat ; }
#subPage.online-detail.start-up .online-slide .slick-prev{ width: 36px; height: 36px; left: -10px; z-index: 1;}
#subPage.online-detail.start-up .online-slide .slick-next{ width: 36px; height: 36px; right: -10px;}


/******* 온라인디테일 신규 레이아웃 *******/
/* 온라인디테일 신규 레이아웃 - 공통요소 */
#subPage.online-detail .sub-contents .detailBox ~ .detailBox {margin-top: 2.66rem;}
#subPage.online-detail .sub-contents .detailBox {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 0.8rem;}
#subPage.online-detail .sub-contents .detailBox .titleFlex {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
#subPage.online-detail .sub-contents .detailBox .titleFlex .subTitle {margin-bottom: 0;}
#subPage.online-detail .sub-contents .detailBox .mainTitle {margin-bottom: 1.33rem; font-size: 1.46rem; font-weight: 800; color: #041b72;}
#subPage.online-detail .sub-contents .detailBox .subTitle {margin-bottom: 2rem; font-size: 1.33rem; color: #000;}
#subPage.online-detail .sub-contents .detailBox .subTitle i {margin-right: 0.3rem; font-size: 1.33rem; color: #3064eb;}
#subPage.online-detail .sub-contents .detailBox .subTitle strong {position: relative; padding-left: 0.5rem; font-size: 1.33rem;}
#subPage.online-detail .sub-contents .detailBox .subTitle strong::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 60%; background-color: #000;}
#subPage.online-detail .sub-contents .detailBox .descTitle {margin-bottom: 1.18rem;}
#subPage.online-detail .sub-contents .detailBox .descTitle span {font-size: 1.06rem; font-weight: 700;}
#subPage.online-detail .sub-contents .detailBox .descTitle.bar span {position: relative; padding-left: 0.5rem; color: #000;}
#subPage.online-detail .sub-contents .detailBox .descTitle.bar i {margin-right: 0.5rem; color: #3064eb;}
#subPage.online-detail .sub-contents .detailBox .descTitle.bar.gy {color: #737373;}
#subPage.online-detail .sub-contents .detailBox .descTitle.bar span::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 60%; background-color: #000;}
#subPage.online-detail .sub-contents .detailBox .norText {padding-left: 0.5rem; color: #737373; font-size: 1.06rem;}
/* #subPage.online-detail .sub-contents .detailBox .norText p::before {content: '-'; margin-right: 0.3rem;} */
#subPage.online-detail .sub-contents .detailBox .textList li {display: flex; gap: 2rem; font-size: 1rem;}
#subPage.online-detail .sub-contents .detailBox .textList.gy li strong {color: #737373;}
#subPage.online-detail .sub-contents .detailBox .textList li ~ li  {margin-top: 1rem;}
#subPage.online-detail .sub-contents .detailBox .textList li strong {width: 8rem; flex-shrink: 0;}
#subPage.online-detail .sub-contents .detailBox .textList li span {color: #737373;}
#subPage.online-detail .sub-contents .detailBox .dashList li {display: flex; gap: 0.3rem; font-size: 1.06rem; color: #737373;}
#subPage.online-detail .sub-contents .detailBox .dashList li::before {content: "-";}
#subPage.online-detail .sub-contents .detailBox .tableTitle_s {margin-bottom: 1rem;}
#subPage.online-detail .sub-contents .detailBox .tableTitle_s span {font-size: 0.8rem; font-weight: 400;}
#subPage.online-detail .sub-contents .detailBox .tableTitle_s.bar strong {position: relative; padding-left: 0.5rem; color: #000;}
#subPage.online-detail .sub-contents .detailBox .tableTitle_s.bar i {margin-right: 0.5rem; color: #3064eb;}
#subPage.online-detail .sub-contents .detailBox .tableTitle_s.bar strong::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 60%; background-color: #000;}
#subPage.online-detail .sub-contents .detailBox .mdText.bar strong {position: relative; padding-left: 0.5rem; color: #000; font-size: 0.93rem; font-weight: 500;}
#subPage.online-detail .sub-contents .detailBox .mdText.bar i {margin-right: 0.5rem; color: #3064eb;}
#subPage.online-detail .sub-contents .detailBox .mdText.bar strong::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 60%; background-color: #000;}
#subPage.online-detail .sub-contents .detailBox .innerTable {width: 100%; border-top: 3px solid #2356eb; border-bottom: 2px solid #2356eb;}
#subPage.online-detail .sub-contents .detailBox .innerTable thead {background-color: #eff2f4;}
#subPage.online-detail .sub-contents .detailBox .innerTable thead th {font-weight: 0.93rem; color: #2356eb;}
#subPage.online-detail .sub-contents .detailBox .innerTable thead th span {font-size: 0.8rem; color: #2356eb;}
#subPage.online-detail .sub-contents .detailBox .innerTable thead th,
#subPage.online-detail .sub-contents .detailBox .innerTable tbody td {padding: 0.7rem; text-align: center;}
#subPage.online-detail .sub-contents .detailBox .innerTable tbody th {padding: 0.7rem; font-size: 1.06rem; color: #2356eb;}
#subPage.online-detail .sub-contents .detailBox .innerTable td {border-bottom: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox .innerTable td {border-bottom: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox .innerTable td.gy {background-color: #eee;}
#subPage.online-detail .sub-contents .detailBox .innerTable td span {font-size: 0.8rem; font-weight: 400;}
#subPage.online-detail .sub-contents .detailBox .lineBox {padding: 1.3rem 1.6rem; border: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox .subTable {width: 100%;}
#subPage.online-detail .sub-contents .detailBox .subTable th,
#subPage.online-detail .sub-contents .detailBox .subTable td {padding: 0.7rem; text-align: center;}
#subPage.online-detail .sub-contents .detailBox .subTable th {background-color: #959ea4; color: #fff;}
#subPage.online-detail .sub-contents .detailBox .subTable th span {font-size: 0.8rem; color: #fff;}
#subPage.online-detail .sub-contents .detailBox .subTable td {border-bottom: 1px solid #ddd;}

/* 온라인디테일 신규 레이아웃 - 구역별요소 */
#subPage.online-detail .sub-contents .detailBox .contents {padding: 2.6rem; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%); border-radius: 0.5rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex {display: flex;}
#subPage.online-detail .sub-contents .detailBox .contents .flex.col {flex-direction: column; gap: 1rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex.col .left {padding-right: 0 !important;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info ~ .info {margin-top: 1rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info {display: flex; align-items: stretch; gap: 1.1rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info .name {align-content: center; width: 150px; background-color: #2f63eb; aspect-ratio: 1 / 0.6; text-align: center;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info .name p {font-size: 0.8rem; color: #47e7ff;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info .name strong {font-size: 1.2rem; font-weight: 700; color: #fff;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info .name strong span {font-size: 0.93rem; color: #fff;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info ul {align-content: center;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info ul li {display: flex; align-items: center; gap: 1rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .left .infoList .info ul li span {font-size: 1rem; color: #737373;}
#subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .left {flex: 1; padding-right: 2rem; border-right: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .left .textList {padding-bottom: 2rem; border-bottom: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .left .infoList {padding-top: 2rem;}
#subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .right {flex: 2; padding-left: 2rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .right .keywords {display: flex; gap: 0.333rem; flex-wrap: wrap;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .right .keywords li {padding: 0.3rem 0.9rem; border: 1px solid #2f63eb; border-radius: 1rem; color: #2f63eb; font-style: italic; font-size: 1rem; font-weight: 700;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .right .categotys li ~ li {margin-top: 0.66rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .right .categotys li {display: flex; width: fit-content; padding: 0.3rem 0.9rem; gap: 1rem; flex-wrap: wrap; background-color: #eff2f4; border-radius: 1rem;}
#subPage.online-detail .sub-contents .detailBox .contents .flex .right .categotys li span.arrow {color: #b9bdbf;}
#subPage.online-detail .sub-contents .detailBox.detailBox2 .contents .flex .left {flex: 0.7; align-content: center; padding-right: 2rem;}
#subPage.online-detail .sub-contents .detailBox.detailBox2 .contents .flex .right {flex: 2;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box ~ .box {margin-top: 2.3rem;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box1 .flex {gap: 1rem;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box1 .flex .textList {flex: 1; align-content: center;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box1 .flex .tableWrap {flex:2.5;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList {display: flex; gap: 2.3rem; flex-wrap: wrap;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li {padding: 2rem; border: 1px solid #ddd; border-radius: 0.33rem;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li .cardTitle {font-size: 1.2rem; font-weight: 700; text-align: center;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li .cardTitle span {font-size: 1rem; font-weight: 500;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li .desc {margin-bottom: 1.66rem; text-align: center;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box3 .left {flex: 2; padding-right: 2.5rem; border-right: 1px solid #ddd;}
#subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box3 .right {flex: 1.5; padding-left: 2.5rem;}

/* sub contents 투자유망기업 */
.title-color01 {color: #0159c1; font-size: 1.8rem;}
.blue-box {border: solid 1px #9dcaff; padding: 2rem 1.5rem; border-radius: 15px; background: #F9FEFF;}
.blue-btn {background: #0159c1; color: #fff; transition: all .2s;}
.blue-btn:hover {background: #12498b; color: #fff; transition: all .2s;}
.btn-kitia {width: auto; font-size: 1.13rem; padding: 1rem 2.5rem; border-radius: 100px; border: none; font-size: 1.3rem;}
.btn-kitia.wide{padding: 1rem 7.5rem;}
.gray-round { padding: 0.3rem 1rem; border-radius: 100px; background: #8495a1; color: #fff;}
.nor-tbl {width: 100%; border-top: solid 1px #0159c1; border-bottom: solid 1px #cfcfcf; border-collapse: inherit;}
.nor-tbl th{padding: 0.8rem 1rem; background: #eff2f4; word-break: keep-all;}
.nor-tbl td{padding: 0.8rem 1rem; border-bottom: solid 1px #eeeeee; word-break: keep-all;}
.nor-tbl td.status-apply span { padding: 0.25rem 0.5rem; background: #ff0000; color: #fff;}
.nor-tbl td.status-waiting span { padding: 0.25rem 0.5rem; background: #0159c1;; color: #fff;}
.nor-tbl td.status-finish span { padding: 0.25rem 0.5rem; background: #333;; color: #fff;}
#subPage .sub-text{font-size: 1.2rem;}
#subPage .sub-text span{font-size: 1.2rem;}
#subPage .sub-info-text{color: #fff;}
#subPage .sub-text-point{font-size: 1.3rem;}
#subPage .sub-small-text{font-size: 1rem; color: #808080;}
#subPage.sub-type-01 .sub-contents{ max-width: 1400px; min-height: 70vh; margin: auto; padding: 4rem 1.3rem; background: #fff;}

#subPage.sub-type-01 .sub-contents-title { display: flex; justify-content: center; }
#subPage.sub-type-01 .sub-contents-title.start {justify-content: start;}
#subPage.sub-type-01 .sub-contents-title p{ display: flex; align-items: baseline; padding-top: 1rem; border-top: solid 2px #0159c1; font-size: 2.4rem; font-weight: 700;}
#subPage.sub-type-01 .sub-contents-title p span{ font-size: 1.6rem;}

#subPage.sub-type-01 .sub-contents-title.sub-contents-title02 { align-items: flex-end;}
#subPage.sub-type-01 .sub-contents-title.sub-contents-title02 span{ margin-left: 0.5rem; font-size: 1.1rem;}


#subPage.sub-type-01 .sub-gray-box { background: #f5f7f8; padding: 5rem; border-radius: 160px; box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 10%);}
#subPage.sub-type-01 .invest-list { display: flex; gap: 0 2%;}
#subPage.sub-type-01 .invest-box {display: flex; flex-direction: column;  width: 32%;}
#subPage.sub-type-01 .invest-box .icon-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;  position: relative; width: 100%; min-height: 160px; }
#subPage.sub-type-01 .invest-box .icon-box h2 { font-size: 1.6rem; line-height: 1;}
#subPage.sub-type-01 .invest-box .icon-box p { font-size: 1.6rem; }
#subPage.sub-type-01 .invest-box .icon-box a { margin: 1rem 0; padding: 0.5rem 1.5rem; border: none; border-radius: 100px; background: #676767; color: #fff; font-size: 1.03rem; font-weight: 700;}
#subPage.sub-type-01 .invest-box .icon-box .icon-title {display: flex; align-items: center; justify-content: flex-start;  gap: 0 1rem; width: 100%; } 
#subPage.sub-type-01 .invest-box ul {width: 100%;}
#subPage.sub-type-01 .invest-box ul li{ display: flex; flex-direction: column;  margin-bottom: 0.5rem;}
#subPage.sub-type-01 .invest-box ul li b{width: 100%; font-size: 1.03rem; line-height: 1.3;}
#subPage.sub-type-01 .invest-box ul li span{width: 100%; color: #848484; font-size: 1.03rem;}
#subPage.sub-type-01 .dev-project-table .tableWrap {width: 100%;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .type1 {background-color: #0a384b;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .type2 {background-color: #45c0e6;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .type3 {background-color: #fff99e; color: #000;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .type4 {background-color: #276921;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .type5 {background-color: #be3e1e;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .bdl-w {border-left: 3px solid #fff;}
#subPage.sub-type-01 .dev-project-table .tableWrap table .bdl-gy {border-left: 1px solid #ddd;}
#subPage.sub-type-01 .dev-project-table .tableWrap table thead th {padding: 0.8rem; color: #fff; border-radius: 0.7rem; border: 3px solid #fff; font-size: 1.2rem; word-break: keep-all;}
#subPage.sub-type-01 .dev-project-table .tableWrap table tbody td {padding: 0.8rem; background-color: #eee;}
#subPage.sub-type-01 .dev-project-table .tableWrap table tbody td:not(.bg-tran) {border-bottom: 1px solid #ddd;}
#subPage.sub-type-01 .dev-project-table .tableWrap table tbody td.bg-tran {background-color: transparent;}
#subPage.sub-type-01 .dev-project-table .tableWrap table tbody td.none-padding {padding: 0;}
#subPage.sub-type-01 .dev-project-table .tableWrap table tbody td i {font-size: 2rem;}
#subPage.sub-type-01 .process-ul {display: flex; justify-content: space-between;}
#subPage.sub-type-01 .process-ul li{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 154px; height: 170px; padding: 1rem; border-radius: 30px; border: solid 4px #ddd; box-sizing: border-box; }
#subPage.sub-type-01 .process-ul li b { position: absolute; top: 2.3rem; font-size: 1.13rem; font-weight: 500; line-height: 1.2;}
#subPage.sub-type-01 .process-ul li p { position: absolute; bottom: 1.5rem; padding: 0 1.5rem; padding-top: 0.3rem; border-top: solid 1px #ddd; text-align: center;}
#subPage.sub-type-01 .process-ul li::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -24px; border: 10px solid #000; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; }
#subPage.sub-type-01 .process-ul li:nth-child(1) {border: solid 5px #3fc492;}
#subPage.sub-type-01 .process-ul li:nth-child(1)::before { border: 10px solid #3fc492;}
#subPage.sub-type-01 .process-ul li:nth-child(1) b{color: #3fc492;}
#subPage.sub-type-01 .process-ul li:nth-child(2) {border: solid 5px #25cabc;}
#subPage.sub-type-01 .process-ul li:nth-child(2)::before { border: 10px solid #25cabc;}
#subPage.sub-type-01 .process-ul li:nth-child(2) b{color: #25cabc;}
#subPage.sub-type-01 .process-ul li:nth-child(3) {border: solid 5px #00c1e1;}
#subPage.sub-type-01 .process-ul li:nth-child(3)::before { border: 10px solid #00c1e1;}
#subPage.sub-type-01 .process-ul li:nth-child(3) b{color: #00c1e1;}
#subPage.sub-type-01 .process-ul li:nth-child(4) {border: solid 5px #0098e6;}
#subPage.sub-type-01 .process-ul li:nth-child(4)::before { border: 10px solid #0098e6;}
#subPage.sub-type-01 .process-ul li:nth-child(4) b{color: #0098e6;}
#subPage.sub-type-01 .process-ul li:nth-child(5) {border: solid 5px #0067e3;}
#subPage.sub-type-01 .process-ul li:nth-child(5)::before { border: 10px solid #0067e3;}
#subPage.sub-type-01 .process-ul li:nth-child(5) b{color: #0067e3;}
#subPage.sub-type-01 .process-ul li:nth-child(6) {border: solid 5px #1948cd;}
#subPage.sub-type-01 .process-ul li:nth-child(6)::before { border: 10px solid #1948cd;}
#subPage.sub-type-01 .process-ul li:nth-child(6) b{color: #1948cd;}
#subPage.sub-type-01 .process-ul li:nth-child(7) {border: solid 5px #1725aa; margin-right: 0;}
#subPage.sub-type-01 .process-ul li:nth-child(7)::before { content: none;}
#subPage.sub-type-01 .process-ul li:nth-child(7) b{color: #1725aa;}

#subPage.sub-type-01 .process-ul.process-apply-01 li {width: 22%;}
#subPage.sub-type-01 .process-ul.process-apply-01 li b{top: 2rem; text-align: center;}
#subPage.sub-type-01 .process-ul.process-apply-01 li p {width: 90%;}
#subPage.sub-type-01 .process-ul.process-apply-01 li:nth-child(4)::before { content: none;}

#subPage.sub-type-01 .process-ul.process-apply-03 li { width: 18%;}
#subPage.sub-type-01 .process-ul.process-apply-03 li b{ top: 50%; text-align: center; transform: translate(0, -50%);}
#subPage.sub-type-01 .process-ul.process-apply-03 li:nth-child(5)::before { content: none;}

#subPage.sub-type-01 .process-list li{ display: flex; align-items: center; margin-bottom: 1rem; background: #f5f7f8; padding: 1rem 1.5rem; border-radius: 100px; box-shadow: 1px 1px 1px 2px rgb(0 0 0 / 10%);}
#subPage.sub-type-01 .process-list li div {display: flex; align-items: center; width: 20%;}
#subPage.sub-type-01 .process-list li div span{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-right: 0.8rem; border-radius: 100%; color: #fff; font-size: 1.2rem; font-weight: 600;}
#subPage.sub-type-01 .process-list li:nth-child(1) div span{background: #3fc492;}
#subPage.sub-type-01 .process-list li:nth-child(2) div span{background: #00c1e1;}
#subPage.sub-type-01 .process-list li:nth-child(3) div span{background: #0067e3;}
#subPage.sub-type-01 .process-list li:nth-child(4) div span{background: #1725aa;}
#subPage.sub-type-01 .process-list li p {width: 78%; padding-left: 2%; font-size: 1.13rem; border-left: solid 3px #d1d1d1;}
#subPage.sub-type-01 .nor-ul {margin-top: 1rem;}
#subPage.sub-type-01 .nor-ul li{ display: flex; align-items: center; margin-bottom: 0.5rem;}
#subPage.sub-type-01 .nor-ul li p{ margin-left: 0.5rem; font-size: 1.03rem;}
#subPage.sub-type-01 .mail-box { display: flex; justify-content: center; align-items: center;}
#subPage.sub-type-01 .mail-box .mail-info{ display: flex; justify-content: center; align-items: center; background: #f5f7f8; padding: 0.8rem 2rem; border-radius: 100px; box-shadow: 1px 1px 1px 2px rgb(0 0 0 / 10%);}
#subPage.sub-type-01 .mail-box span{ padding: 0 1rem;}
#subPage.sub-type-01 .mail-box span:last-child{padding-right: 0;}

#subPage .summary-box > ul{ display: flex; justify-content: space-around; width:100%; margin:2rem auto 0;}
#subPage .summary-box > ul > li{width:45%; }
#subPage .summary-box p {font-size: 1.23rem;}
#subPage .summary-box li .top{ display: flex; flex-direction: column; align-items: center; padding:15px 0; text-align: center;}
#subPage .summary-box li .top h5{ border-top: solid 1px #56BAD9; padding-top: 1rem; color: #56BAD9; font-size: 1.4rem;}
#subPage .summary-box li .top p{ color: #56BAD9; }
#subPage .summary-box li .bottom { padding: 1.5rem 2rem; margin-top: 1rem; background: #f5f7f8; border-radius: 1.5rem; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%); }
#subPage .summary-box li .bottom ul{border-bottom:1px dashed #99999C;margin-bottom:20px;padding-bottom:6px;}
#subPage .summary-box li .bottom ul li{ margin-bottom:14px; font-size: 1.13rem; text-align: center;}
#subPage .summary-box li .bottom .label{width:160px;border-radius:24px; border: solid 1px #56BAD9; color:#56BAD9; font-size:18px;padding:14px 0;margin:40px auto 0;position:relative; display: block; background: #fff; min-width: 0; }
#subPage .summary-box li .bottom .label::after{position:absolute;content:'';width:10px;height:8px;background:url(../img/icons/gray_arrow.png)no-repeat center;top:-24px;left:50%;transform:translateX(-50%)}
#subPage .summary-box li:nth-child(2) .top{ }
#subPage .summary-box li:nth-child(2) .top h5{ border-top: solid 1px #0A699B; color:#0A699B;}
#subPage .summary-box li:nth-child(2) .top p{ color:#0A699B;}
#subPage .summary-box li:nth-child(2) .bottom ul{margin-bottom:35px;}
#subPage .summary-box li:nth-child(2) .bottom .label{ border: solid 1px #0A699B; color:#0A699B;border-color:#0A699B;}

#subPage .top_ul { display: flex; justify-content: space-between;}
#subPage .top_ul>li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 48%; padding-bottom:30px;margin-bottom:30px;}
#subPage .top_ul>li:last-child{border-bottom:none;}
#subPage .top_ul>li.w-full { width: 100%; }
#subPage .top_ul li .left { display: flex; justify-content: center; align-items: center;width:150px;height:150px;background:#fff;border:1px solid #56BAD9;border-radius:50%;font-size:1.3rem; text-align: center;}
#subPage .top_ul li .right{width:100%; margin-top: 1rem; text-align: center;}
#subPage .top_ul li .right .right-title { display: flex; flex-direction: column; align-items: center; font-size: 1.23rem; font-weight: 700;}
#subPage .top_ul li .right ul{margin:18px 0 12px;}
/* #subPage .top_ul li .right ul li{padding-left:8px;} */
#subPage .top_ul li .right ul li { display: flex; flex-direction: column; justify-content: center;}
#subPage .top_ul li .right ul li span{ margin-right: 0.2rem; font-size: 1.13rem; }
#subPage .top_ul li .right ul li p{ margin-top: 0.5rem; font-size: 1.13rem; font-weight: 400;}
/* #subPage .top_ul li .right ul li p:first-child{position:relative;padding-right:50px;} */
#subPage .top_ul li .right ul li p:first-child::after{position:absolute; content: none ;width:22px;height:22px;background:url(../img/icons/gray_arrow2.png)no-repeat center;right:13px;top:50%;transform:translateY(-50%);}
#subPage .top_ul li .right>p.font_14{padding-left:8px;}
#subPage .top_ul>li:last-child .left{border-color:#0A699B; }
/* #subPage .top_ul>li:last-child .right{padding-top:28px;} */

#subPage .apply3-img-list {display: flex; flex-wrap: wrap;}
#subPage .apply3-img-list .aplly3-img-itme {width: 32%; margin-right: 2%; margin-bottom: 2%; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);}
#subPage .apply3-img-list .aplly3-img-itme:nth-child(3n) {margin-right: 0;}
#subPage .apply3-img-list .aplly3-img-itme img{width: 100%; object-fit: contain;}
#subPage .apply3-img-list .aplly3-img-itme div{ padding: 1rem; text-align: center;}
#subPage .apply3-img-list .aplly3-img-itme div p{ display: inline-block; font-size: 1.1rem; text-align: center;}

#subPage .apply-link-list { display: flex; justify-content: space-evenly; align-items: stretch; padding: 3rem 0; }
#subPage .apply-link-list div{ width: 27%; padding-bottom: 20px; transition: all .2s; display: flex;}
#subPage .apply-link-list a { display: flex; flex-direction: column; align-items: center; width: 100%; min-height: 480px; padding: 4rem 3rem; border-radius: 10px; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%)}
#subPage .apply-link-list a h2 { margin-top: 1rem; color: #fff; font-size: 1.5rem; text-align: center; white-space: nowrap;}
#subPage .apply-link-list a span {color: #fff; font-size: 1.13rem;}
#subPage .apply-link-list a p { margin-top: 2.5rem; padding-top: 2rem; border-top: solid 1px #fff; color: #fff; font-size: 1.03rem; text-align: center; word-break: keep-all;}
#subPage .apply-link-list .apply-item01{background: linear-gradient(#23d3ff, #2db0d1);}
#subPage .apply-link-list .apply-item02{background:linear-gradient(#3f9de5, #1487df);}
#subPage .apply-link-list .apply-item03{background:linear-gradient(#557cd7, #2d5ece);margin-right: 0;}

#subPage .apply-link-list div:hover{ transform: translate(0, -20px); transition: all .2s;}

/* 디테일 차트 css */
#subPage .chart_wrap{margin-top:40px; margin-bottom: 40px;}
#subPage .chart_wrap .chart_box{width:170px;height:170px;}
#subPage .chart_wrap .txt_box{width:calc(100% - 210px);margin-top:10px;}
#subPage .chart_wrap .txt_box ul{width:50%;}
#subPage .chart_wrap .txt_box ul:first-child{padding-right:39px;border-right:1px dashed #D9D9D9;}
#subPage .chart_wrap .txt_box ul:last-child{padding-left:39px;}
#subPage .chart_wrap .txt_box ul li{margin-bottom:12px;}
#subPage .chart_wrap .txt_box ul li p:first-child{width:80%;position:relative;padding-left:14px;}
#subPage .chart_wrap .txt_box ul:first-child li p:first-child{padding-left:20px;}
#subPage .chart_wrap .txt_box ul:first-child li p:first-child::after{position:absolute;content:'';width:12px;height:12px;background:#17234D;border-radius:3px;top:50%;transform:translateY(-50%);left:0;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(2) p:first-child::after{background:#027FFF;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(3) p:first-child::after{background:#19E8E2;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(4) p:first-child::after{background:#D7DADC;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(5) p:first-child::after{background:#6B42F8;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(6) p:first-child::after{background:#4DC8FF;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(7) p:first-child::after{background:#FFC84A;}
#subPage .chart_wrap .txt_box ul:first-child li:nth-child(8) p:first-child::after{background:#FF5D5E;}
#subPage .chart_wrap .txt_box ul:last-child li p:first-child::after{position:absolute;content:'';width:6px;height:2px;background:#424244;top:50%;transform:translateY(-50%);left:0;}
#subPage .chart_wrap .txt_box ul li p:last-child{width:20%;text-align:right;}
#subPage .chart_wrap .txt_box ul li p:last-child span{font-weight:bold;font-size:14px;}

#subPage.sub-type-feed.sub-type-01 {max-width: 100%;}
#subPage.sub-type-feed.sub-type-01 .sub-contents {max-width: 100%; padding: 0; background: #f5f7f8;}
#subPage.sub-type-feed .sub-contents .newsfeed-top { padding: 4rem 0; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);}
#subPage.sub-type-feed .sub-contents .newsfeed {padding: 2rem 0; padding-bottom: 0;}
#subPage.sub-type-feed .sub-contents .newsfeed .popularity_slider { width: 1000px; padding: 0; padding-top: 3rem;}
#subPage.sub-type-feed .sub-contents .newfeed_wrap {max-width: 1400px; margin: auto;}
#subPage.sub-type-feed .sub-contents .newsfeed .news-list {position: relative;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a { display: flex; flex-direction: column; align-items: flex-start; height: auto; margin: 1rem 0; border-radius: 15px; background: #fff; padding: 0; border: 1px solid #dbdbdb; /*box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);*/ }
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.swiper-slide-active {border: 1px solid #204185;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a::after {content: none;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a img {padding: 1.5rem;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-point { margin: 1.5rem; margin-bottom: 0; padding: 0.2rem 1rem; border-radius: 100px; color: #fff; font-size: 0.93rem; font-weight: 600; }

#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-point.news-point01 {background: #e7282c;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-point.news-point02 {background: #cab22a;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-point.news-point03 {background: #1d97ff;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-point.news-point04 {background: #45d080;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .day-box { width: 100%; text-align: right;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .day { padding: 0 1.5rem; color: #949494; font-size: 0.86rem; text-align: right;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a .news-title { margin: 0.5rem 0; padding: 0 1.5rem; font-size: 1.16rem; font-weight: 600; line-height: 1.2; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

/* newsfeed swiper */
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a{opacity: 0.5; transition: all .5s;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.swiper-slide-active{opacity: 1;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.swiper-slide-next{opacity: 1;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.swiper-slide-prev{opacity: 1;}

#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.on{opacity: 1; transition: all .5s;}

#subPage.sub-type-feed .sub-contents .newfeed_list {display: flex; flex-wrap: wrap; margin: 0 !important;}
#subPage.sub-type-feed .sub-contents .newfeed_list li {width: 18%; margin-right: 2.5%; margin-bottom: 2%;}
#subPage.sub-type-feed .sub-contents .newfeed_list li:nth-child(5n) {margin-right: 0;}

#subPage.sub-type-feed .sub-contents .newfeed_list li a {display: flex; flex-direction: column; align-items: flex-start; padding: 1.5rem; border-radius: 15px; background: #fff; padding: 0; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); }
#subPage.sub-type-feed .sub-contents .newfeed_list li .lable{margin: 1.5rem; margin-bottom: 0; padding: 0.2rem 1rem; border-radius: 100px; color: #fff; font-size: 0.93rem; font-weight: 600;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .lable.notice {background: #e7282c;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .lable.column {background: #cab22a;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .lable.event {background: #1d97ff;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .lable.letter {background: #45d080;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .text { width: 100%; padding: 0 1.5rem;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .text h3 { margin: 0.5rem 0; margin-bottom: 1.5rem; font-size: 1.16rem; font-weight: 600; line-height: 1.2; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#subPage.sub-type-feed .sub-contents .newfeed_list li .text p {height: auto; text-align: right;}

#subPage.sub-type-feed .sub-contents .newfeed_list li img {padding: 1.5rem;}

#subPage.sub-type-feed .sub-contents .newfeed_list .thumbnail_wrap {position: unset; height: auto;}
#subPage.sub-type-feed .sub-contents .newfeed_list .thumbnail {position: unset;}
#subPage.sub-type-feed .sub-contents .newfeed_list .thumbnail img {position: unset; transform: translate(0,0);}
#subPage.sub-type-feed .sub-contents .newfeed_list li .text {height: auto;}
#subPage .newfeed_wrap {padding: 4rem 0;}
#subPage .newfeed_wrap .btn_wrap.more { display: flex; align-items: center; justify-content: center; max-width: 1400px; background: #e6eaee; margin: 0 auto; text-align: center; }
#subPage .newfeed_wrap .btn_wrap.more .more_btn{ width: 100%; padding: 1rem 2rem; }
#subPage .newfeed_wrap .more_btn img { margin-left: 0.5rem;}
#subPage .newfeed_wrap .list_page { display: flex; justify-content:center; margin: 2rem 0;}
#subPage .newfeed_wrap .list_page .top_btn_box {margin-top: 0;}
#subPage .newfeed_wrap .list_page .top_btn_box button::after{content: none;}
#subPage .newfeed_wrap .list_page .top_btn_box button { padding: 0.4rem 0; margin-right: 3rem; font-size: 1.2rem;}
#subPage .newfeed_wrap .list_page .top_btn_box button:last-child{margin-right: 0;}
#subPage .newfeed_wrap .list_page .top_btn_box button.on {border-bottom: solid 1px #005cba; color: #005cba;}

#subPage .newfeed_wrap .newfeed_list li .card {margin: 0 !important;}
/* newsfeed slick*/
.newsfeed-top .slick-slide.slick-active {opacity: 1;}
.newsfeed-top .slick-slide {opacity: 0.5;}
.newsfeed-top .slick-list{padding: 1rem 0;}
.newsfeed-top .slick-prev { width: 68px; height: 68px; left: 100px; z-index: 1;}
.newsfeed-top .slick-next { width: 68px; height: 68px; right: 100px; z-index: 1;}
.newsfeed-top .slick-prev:before {opacity: 1 !important; position: absolute; top: 0; left: 0; content: ''; width: 68px; height: 68px; background: url(../image/news-left.png) 100% 100% no-repeat; }

.newsfeed-top .slick-next:before {opacity: 1 !important;  position: absolute; top: 0; left: 0; content: ''; width: 68px; height: 68px; background: url(../image/news-right.png) 100% 100% no-repeat; }

/* newsfeed detail */
#subPage .news.detail .container {max-width: 1400px; width: 100%; padding: 4rem 0;}
#subPage .detail_view .title_area>div { display: flex; justify-content: center; width: 900px; margin: 0 auto; padding-bottom: 2rem; }
#subPage .detail_view .title_area>div img{ object-fit: contain;}
#subPage .detail_view .title_area .label {width: auto;}
#subPage .detail_view .title_area .txt_box {width: calc(100% - 250px - 2rem);}
#subPage .detail_view .title_area .img_box {clear: both; margin-right: 2rem;}
#subPage .detail_view .text_area .text_area_inner { width: 900px; margin: 0 auto; padding: 0; text-align: center;}
#subPage .detail_view .text_area .text_area_inner section {width: 900px !important; margin: 0 auto;}
#subPage .detail .file_box {background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);}
#subPage .detail .file a{display: inline-block}
#subPage .detail .file a:hover{font-weight: 900;}
#subPage .detail .file_box li {display: flex; flex-direction: column; }
#subPage .map_box {margin-top: 0.5rem;}
.gmnoprint {display: none;}
#subPage .detail_view .text_area .event_detail_view { width: 900px; margin: auto;}
.container .detail_view .text_area img, 
.container .detail_view .text_area table {width: auto; text-align: center;}

/* 알림 */
#subPage .alarm_ul {margin-top: 2rem;}
#subPage .alarm_ul li { box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);}

#subPage .list_page .title {display: none}
.back_header {display: none !important}
.pc_none {display: none !important;}


/* 추가 수정사항 */
#rel-list {height: auto; min-height: auto; margin-top: 0.5rem;}
#rel-list .rel_list {display: flex; }
#rel-list .rel_list li{width: 19%; margin-right: 1%;}
#rel-list .rel_list li img{width: 100%; height: 5.5rem; object-fit: contain;}
#rel-list .rel_list li:last-child{margin-right: 0;}
#rel-list .rel_list li h3.ellipsis {padding: 0.8rem 0;}
#rel-list .rel_list li p.ellipsis { color: #737373; font-size: 1.066rem; font-weight: 400;}

/* 뉴스피드 이벤트 */
.detail_view .title_area .label {width: auto !important;}
.detail_view .title_area .label.event {color: #1d97ff !important;}

/* 메인 추가사항 */
.search-input div.input_result {min-width: 450px; background: #fff; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%) !important;}
.search-input div.input_result div h4 { margin-bottom: 0.3rem;font-size: 1.33rem;}
.search-input div.input_result div ul {padding: 1rem;}
.search-input div.input_result div:first-child {margin-bottom: 1.5rem;1}
.search-input div.input_result div:last-child {display: none;}
.search-input div.input_result ul.header_search_result { overflow-y: scroll; overflow-x: auto; height: 4.5rem; border: solid 1px #eee;}

/* 뉴스피드 추가사항 */
.newfeed_list_table tr td:first-child { display: flex; justify-content: center; align-items: center;}
.newfeed_list_table tr td:first-child p{ width: 6rem; padding: 0.2rem 1rem; border-radius: 100px; color: #fff; font-size: 0.93rem; font-weight: 600;}
.newfeed_list_table tr.notice td:first-child p{background: #e7282c;}
.newfeed_list_table tr.letter td:first-child p{background: #45d080;}
.newfeed_list_table tr.column td:first-child p{background: #cab22a;}
.newfeed_list_table tr.event td:first-child p{background: #1d97ff;}

#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.poster-n img{ display: none;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.poster-n .news-title {width: 100%; margin: 1rem 0; line-clamp: 2; -webkit-line-clamp: 2; font-size: 1.33rem;}
#subPage.sub-type-feed .sub-contents .newsfeed-top .newsfeed a.poster-n .news-summary { width: 100%; margin-bottom: 1.5rem; padding: 0 1.5rem; font-size: 1.03rem; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; word-wrap: break-word;}

.hint { display: flex; align-items: center; max-width: 1200px; margin: auto; gap: 5px; margin-bottom: 3rem;}
.hint img {width: 40px; }
.hint p{ font-size: 1.2rem; color: #ff0000; }

@media only screen and (max-width: 1600px){
    /* main */
    #main .main-visual .main-visual01 .main-text {transform: translateY(-60px);}
    #main .main-visual .main-quick { display: flex; justify-content: space-between; gap: 1rem; width: 100%; max-width: 1000px; padding: 1rem; top: auto; left: 50%; right: auto; bottom: 0rem; transform: translate(-50% ,0%);}
    #main .main-visual .main-quick .main-quick-item {flex: 1; border-radius: 5px;}
    #main .main-visual .main-quick .main-quick-item ~ .main-quick-item {margin-top: 0;}
}

@media only screen and (max-width: 1234px){
    .mypage .hint { position: static !important; transform: translate(0 , 0) !important;  padding: 0 18px !important;}
}
@media only screen and (max-width: 1200px){
    html{font-size: 14px;}
    .dim-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000cc; z-index: 11; transition: all .2s;}
    .tab_cont .pc_none { display: block !important;}
    /* header */
    #header .pc-header {display: none;}
    #header .m-header {display: flex; align-items: center; justify-content: space-between;}
    #header { position: fixed; top: 0; left: 0; width: 100%; padding: 0.66rem 2.666rem; background: #037FFE; border-bottom: 0; box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%); z-index: 10;}
    #header .m-header .top-logo{ width: 180px; }
    #header .m-header .m-btn{ width: 25px; z-index: 9;}
    #header .m-header .m-btn .menu_btn img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(281deg) brightness(102%) contrast(102%);}
    #header .m-header .m-menu { position: fixed; top: 0; right: -50%; display: flex; flex-direction: column; width: 35%; height: 100%; background: #fff; z-index: 12; transition: all .2s;}
    #header .m-header .m-menu-top {	display: flex; align-items: center; padding: 1.5rem; background: #242424;}
    #header .m-header .m-menu-top .close_btn {position: absolute; width: 25px; right: 1.5rem;}
    #header .m-header .m-menu-top .user a {color: #fff;}
    #header .m-header .m-menu-top .user a span{color: #fff;}
    #header .m-header .m-menu .gnb { flex-direction: column; width: 100%; }
    #header .m-header .m-menu .gnb li a { padding: 1.5rem; border-bottom: solid 1px #ddd; font-size: 1.2rem; text-align: left; color: #242424;}
    
    #header .m-header .m-menu.on{right: 0; transition: all .2s;}
    /* 모바일 고정 헤더(로고 180px 기준 높이 98px) 에 마이페이지 탭메뉴(.sub_menu)가 가려지는 문제 보정.
       ※ #subPage 를 쓰는 페이지는 '#subPage section{margin-top:0}' 이 우선하므로 영향 없음 */
    #header .m-header .top-logo{width: 180px; height: 74px;}
    section.mypage {margin-top: 98px;}
    /* main */
    #main .main-visual .main-visual01 .main-text {transform: translateY(0);}
    #main .main-visual .main-quick .main-quick-item {padding: 0.8rem;}
    #main .main-visual .main-quick .main-quick-item img {width: 50px;}
    #main .search .search-list { display: flex; flex-wrap: wrap; justify-content: center;}
    #main .search .search-list a ~ a {margin-left: 0;}
    #main .search .search-list a{margin: 0 0.3rem; margin-bottom: 0.5rem; }

    /* main_2025리뉴얼 */
    .main .commonSlideWrap {flex-direction: column; align-items: center;}
    .main .commonSlideWrap .title-btn .title {text-align: center;}
    .main .commonSlideWrap .title-btn .navBtn {justify-content: center;}
    .main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide {grid-template-columns: repeat(3, 1fr);}

    #main .main-visual .main-popup {display: none;}
    /* sub */
    #subPage {margin-top: 42px !important;}
    #subPage .sub-visual {height: auto;}
    #subPage .list_page .container {width: 100%;}
    #subPage .list_page .clearfix.ic_list {padding: 1rem;}
    #subPage {margin-top: 50px;}
    #subPage.online-detail .sub-visual {height: auto;}
    #subPage .sub-visual .sub-visual-inner {height: auto; padding: 2rem 1rem;}
    #subPage .sub-contents .online-search-list {align-items: flex-start; flex-direction: column; padding: 1rem 1rem;}
    #subPage .sub-contents .online-search-list .online-button{margin-top: 0.5rem;}
    #subPage .sub-contents .online-search-list .online-button button:first-child{margin-left: 0; padding-left: 0;}
    #subPage .list_page .list_wrap {padding: 0;}
    #subPage .list_page .list_wrap ul li {width: 23% !important; margin-right: 2.5%;}
    #subPage .list_page .list_wrap ul li:nth-child(4n) {margin-right: 0%;}
    #subPage .list_page .list_wrap ul li:nth-child(5n) {margin-right: 2.5%;}

    #subPage.sub-type-01 .sub-contents {padding: 2rem 1rem;}
    #subPage .summary-box > ul { flex-direction: column;}
    #subPage .summary-box > ul > li {width: 100%; margin-bottom: 2rem;}
    #subPage .summary-box > ul > li:last-child {margin-bottom: 0rem;}
    #subPage .top_ul  { flex-direction: column;}
    #subPage .top_ul li {width: 100%; margin-bottom: 2rem;}
    #subPage .top_ul li:last-child {margin-bottom: 0rem;}

    #subPage.sub-type-01 .sub-gray-box{border-radius: 2rem; padding: 1rem;}
    #subPage.sub-type-01 .invest-list {flex-direction: column;}
    #subPage.sub-type-01 .invest-box{width: 100%; margin-right: 0; margin-bottom: 2rem;}
    #subPage.sub-type-01 .invest-box:last-child{ margin-bottom: 0rem;}

    #subPage.sub-type-01 .process-ul {flex-wrap: wrap; justify-content: normal;}
    #subPage.sub-type-01 .process-ul.process-apply-01 li {width: 23.5%; margin-right: 2%; margin-bottom: 1rem;}
    #subPage.sub-type-01 .process-ul.process-apply-01 li:nth-child(4n) { margin-right: 0%;}

    #subPage.sub-type-01 .process-ul.process-apply-02 li {width: 23.5%; margin-right: 2%; margin-bottom: 1rem;}
    #subPage.sub-type-01 .process-ul.process-apply-02 li:nth-child(4n) { margin-right: 0%;}

    #subPage.sub-type-01 .process-ul.process-apply-03 li {width: 23.5%; margin-right: 2%; margin-bottom: 1rem;}
    #subPage.sub-type-01 .process-ul.process-apply-03 li:nth-child(4n) { margin-right: 0%;}

    #subPage .newfeed_wrap {padding: 4rem 1rem;}

    #subPage .news.detail .detail_view .title_area {padding-top: 0 !important;}
    #subPage .news.detail .detail_view .title_area>div {width: 100%; padding: 1rem}
    #subPage .news.detail .file_box { max-width: 90%; width: 100%; }
    /* #subPage .news.detail .detail_view .title_area .img_box {width: 100%;} */
    .detail_view .text_area img,
    .detail_view .text_area table {width: 100%;}
    #subPage .news.detail .detail_view .text_area .text_area_inner {width: 100%; padding: 1rem;}

    #subPage .detail_view .text_area .event_detail_view {width: 100%; margin-bottom: 1rem;}
    .event.detail .detail_view .text_area {padding: 1rem;}
        
    #subPage.online-detail .online-detail-content .tbl-outer { overflow-x: scroll;}
    #subPage.online-detail .online-detail-content .tbl-outer .online-detail-tbl { width: 1200px;}

    /* growth bridge */
    #subPage .sub-contents .process-card_new li .img-desc {padding: 2.4rem 1rem;}
    #subPage .sub-contents .process-card_new li .img-desc figure img {max-height: 5rem;}
    #subPage .sub-contents .process-card_new li .img-desc strong {font-size: 1rem;}
    #subPage .sub-contents .process-card_new li .img-desc .gy {font-size: 0.9rem;}
    #subPage .sub-contents .process-card_new li dl dt strong {font-size: 1.2rem;}
}

@media only screen and (max-width: 1060px) {
    /******* 온라인디테일 신규 레이아웃 *******/
    /* 온라인디테일 신규 레이아웃 - 구역별요소 */
    #subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex {flex-direction: column;}
    #subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .left {padding-right: 0; border-right: none;}
    #subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .left .infoList {padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
    #subPage.online-detail .sub-contents .detailBox.detailBox1 .contents .flex .right {padding-left: 0;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box1 .flex {flex-direction: column; gap: 2rem;}

    /* growth bridge */
    #subPage .sub-contents .process-card {gap: 1.6rem;}
    #subPage .sub-contents .process-card li {width: calc((100% - 90px)/5);}
    #subPage .sub-contents .process-card li:not(:last-child)::after {right: -15px;}
}

@media only screen and (max-width: 980px){

    .bl-text {font-size: 1.06rem;}

    /* main_2025리뉴얼 */
    .main .visual {margin-top: 3rem;}
    .main .visual .items {width: 100%; padding: 0 1rem;}
    .main .visual .searchBox {flex-direction: column; align-items: center; height: auto;}
    .main .visual .searchBox .btns {width: max-content;}
    .main .visual .searchBox .inputWrap {width: 100%; max-width: 40rem; height: 3rem;}
    .main .visual .catecorys {flex-wrap: wrap; gap: 0 2rem;}
    .main .section-1 .quickBtns {gap: 2rem; flex-wrap: wrap;}
    .main .section-1 .quickBtns li {width: calc(50% - 2rem);}
    .main .section-1 .quickBtns li a {flex-direction: column;}
    .main .commonSlideWrap .commonThumbs {width: 100%;}
    .main .commonSlideWrap .commonThumbs.thumbSlide-1 .swiper-slide h4 {font-size: 1rem;}
    .main .commonSlideWrap .commonThumbs.thumbSlide-2 {width: 100%;}
    .main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide {grid-template-columns: repeat(2, 1fr);}

    /* footer_2025_new */
    .footer .contents {flex-direction: column; gap: 1.2rem;}
    .footer .contents .footer-text {text-align: center;}
    .footer .contents .footer-text .footer-quick {justify-content: center; gap: 1rem;}
    .footer .contents .footer-text-side {margin: 0 auto;}

    /******* 온라인디테일 신규 레이아웃 *******/
    /* 온라인디테일 신규 레이아웃 - 구역별요소 */
    #subPage.online-detail .sub-contents .detailBox.detailBox2 .contents .flex {flex-direction: column; gap: 2rem;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li {padding: 1rem; width: 100%;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li .cardTitle {text-align: left;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box2 .textCardList > li .desc {text-align: left;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box3 .flex {flex-direction: column; gap: 2.3rem;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box3 .left {padding-right: 0; border-right: none;}
    #subPage.online-detail .sub-contents .detailBox.detailBox3 .contents .box.box3 .right {padding-left: 0;}

    /* growth bridge */
    #subPage .sub-contents .desc-img {flex-direction: column; gap: 4rem;}
    #subPage .sub-contents .desc-img div:nth-child(2) {text-align: center;}
    #subPage .sub-contents .process-card {justify-content: center;}
    #subPage .sub-contents .process-card li {width: calc((100% - 90px)/3);}

    #subPage .sub-contents .process-card_new {flex-direction: column;}
    #subPage .sub-contents .process-card_new li:not(:last-child)::after {transform: translateX(-50%) rotate(0.25turn); top: auto; bottom: -2.2rem; right: auto; left: 50%;}
    #subPage .sub-contents .process-card_new li .img-desc figure img {max-height: unset;}
    #subPage .sub-contents .process-card_new li dl dt {text-align: center;}
    #subPage .sub-contents .process-card_new li dl dd {text-align: center;}
}

@media only screen and (max-width: 768px){
    html{font-size: 13px;}
    /* header */
    #header {padding: 1rem 1rem;}
    #header .m-header .m-menu {width: 80%; right: -80%;}
    /* footer */
    #footer {padding: 1.2rem; flex-direction: column; align-items: flex-start}
    #footer .footer-text {width: 100%; padding: 0rem; margin-top: 1rem;}
    #footer .footer-text-side {align-self: flex-start;}
    #footer .footer-icon {display: flex; top: 1.2rem; right: 1.2rem; transform: translate(0, 0);}
    /* #footer .footer-icon img {margin-left: 0; margin-bottom: 0.5rem;} */

    /* main */
    #main .home-popup {max-width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

    #main .main-visual {height: 60vh;}
    #main .main-visual .main-visual01 {height: 100%;}
    #main .main-visual .main-visual01 img{max-width: 90%;}
    #main .main-visual .main-visual01 .main-text { display: flex; flex-direction: column; padding: 0 1rem;}
    #main .main-visual .main-visual01 .main-text a { position: relative; margin-top: 1rem;}

    /* #main .main-visual .main-quick { display: flex; justify-content: space-between; width: 100%; padding: 1rem; top: auto; left: 50%; right: auto; bottom: 0rem; transform: translate(-50% ,0%);} */
    #main .main-visual .main-quick .main-quick-item { width: 32%;}
    #main .main-visual .main-quick .main-quick-item p {font-size: 1.1rem;}
    #main .main-visual .main-quick .main-quick-item b {font-size: 1.1rem;}

    #main .search .search-text { align-items: center}
    #main .search .search-text span{font-size: 1.1rem;}

    #main .online { flex-direction: column; padding: 1rem 0;}
    #main .online .online-text {width: 100%; padding: 1rem; margin: 0;}
    #main .online .online-item-list {width: 100%; padding: 1rem;}
    #main .online .slide-arrow { position: absolute; left: auto; right: 1rem; bottom: 1rem; }
    #main .online .online-text .online-title {padding-bottom: 0;}
    #main .online .online-text .online-title br{display: none;}
    #main .online .online-text a {margin-bottom: 0;}

    #main .news.online .slide-arrow {position: absolute;}
    #main .news.online .news-menu { display: flex; flex-direction: row;margin-top: 1rem; padding-left: 0rem;}
    #main .news.online .news-menu li{margin-right: 1.5rem;}
    #main .news.online .news-menu button:hover::before {content: '';}
    #main .news.online .news-menu button.on::before{content: '';}

    #main .news {min-height: auto; height: auto;}
    #main .news .news-list{width: 100%; padding: 1rem;}


    /* main_2025리뉴얼 */
    .main .commonSlideWrap .commonThumbs.thumbSlide-2 .swiper-slide {grid-template-columns: repeat(1, 1fr);}
    .main .section-3 .inner .title-space {flex-direction: column; align-items: center; gap: 1rem;}

    /* main popup 메인팝업 */
    .popupLayout {width: 100%;}
    .popupLayout .contents {position: absolute; top: 0.8rem; left: 0.8rem; width: calc(100% - 1.4rem);}

    /* sub */
    #subPage .sub-visual.sub-visual-small {height: 120px;}

    #subPage .sub-visual .sub-tab-list {width: auto;}
    #subPage .sub-visual .sub-tab-list .tab_ul{flex-direction: column}
    #subPage .sub-visual .sub-tab-list .tab_ul .tab { width: 100%; margin-left: 0; padding: 0.5rem 1rem; font-size: 1.2rem; margin-bottom: 0.5rem;}
    #subPage .sub-visual .sub-tab-list .tab_ul .tab:last-child{margin-bottom: 0;}

    #subPage .sub-contents .online-search-list .selcet-list { display: flex; flex-wrap: wrap; width: 100%;}
    #subPage .sub-contents .online-search-list select {min-width: auto; width: 49%; margin-right: 2%; margin-bottom: 0.5rem; font-size: 1rem;}
    #subPage .sub-contents .online-search-list select:nth-child(2n) { margin-right: 0%;}
    #subPage .sub-contents .online-search-list select {}

    #subPage .list_page .list_wrap ul li {width: 49% !important; margin-right: 2%;}
    #subPage .list_page .list_wrap ul li:nth-child(4n) {margin-right: 2%;}
    #subPage .list_page .list_wrap ul li:nth-child(5n) {margin-right: 2%;}
    #subPage .list_page .list_wrap ul li:nth-child(2n) {margin-right: 0%;}

    #subPage.sub-type-01 .process-ul.process-apply-01 { flex-wrap: wrap;}
    #subPage.sub-type-01 .process-ul.process-apply-01 li {width: 49%; margin-right: 2%; margin-bottom: 0.5rem; }
    #subPage.sub-type-01 .process-ul.process-apply-01 li:nth-child(2n) {margin-right: 0;}

    #subPage.sub-type-01 .invest-box{ flex-direction: column;}
    #subPage.sub-type-01 .invest-box .icon-box { display: flex; align-items: flex-end; width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
    #subPage.sub-type-01 .invest-box .icon-box img {margin-right: 1.5rem;}
    #subPage.sub-type-01 .invest-box .icon-box a { top: 0; right: 0; bottom: auto; left: auto;}
    #subPage.sub-type-01 .invest-box .icon-box h2 {margin-top: 0;}
    #subPage.sub-type-01 .invest-box ul{width: 100%;}
    #subPage.sub-type-01 .invest-box ul li {flex-direction: column; align-items: flex-start}
    #subPage.sub-type-01 .invest-box ul li b { width: 100%;  margin-bottom: 0.5rem; font-size: 1.13rem;}
    #subPage.sub-type-01 .invest-box ul li span{ width: 100%; font-size: 1.13rem;}

    #subPage.sub-type-01 .process-list li { flex-direction: column; padding: 0.5rem 1rem; border-radius: 10px; }
    #subPage.sub-type-01 .process-list li div {width: 100%;}
    #subPage.sub-type-01 .process-list li p{width: 100%; margin-top: 0.5rem; padding-left: 0; border: none;}

    #subPage.sub-type-01 .mail-box .mail-info{ flex-direction: column; width: 100%; border-radius: 10px;}


    #subPage.sub-type-01 .dev-project-table .tableWrap {overflow-x: auto;}
    #subPage.sub-type-01 .dev-project-table .tableWrap table {width: 800px;}

    #subPage.sub-type-01 .sub-contents-title p{font-size: 2rem;}
    #subPage .apply3-img-list .aplly3-img-itme {width: 49%;}
    #subPage .apply3-img-list .aplly3-img-itme:nth-child(3n) {margin-right: 2%;}
    #subPage .apply3-img-list .aplly3-img-itme:nth-child(2n) {margin-right: 0%;}

    #subPage .apply-link-list {flex-direction: column; align-items: center}
    #subPage .apply-link-list div{width: 80%; height: auto;}
    #subPage .apply-link-list div a{height: auto;}
    #subPage .apply-link-list div:hover {transform: translate(0,0);}

    /******* 온라인디테일 신규 레이아웃 *******/
    /* 온라인디테일 신규 레이아웃 - 공통요소 */
    #subPage.online-detail .sub-contents .detailBox .contents {padding: 1.6rem;}
    #subPage.online-detail .sub-contents .detailBox .tableWrap {overflow-x: auto;}
    #subPage.online-detail .sub-contents .detailBox .tableWrap .innerTable {width: 1000px;}
    #subPage.online-detail .sub-contents .detailBox .tableWrap .subTable {width: 800px;}

    /* 온라인전시 디테일 */
    #subPage .sub-visual .sub-visual-inner {align-items: center;}
    #subPage.online-detail .sub-visual .sub-visual-inner .sub-visual-menu { align-items: center; top: auto;}
    #subPage.online-detail .online-detail-down-wrap{ position: absolute; height: auto; bottom: 1rem; right: 1rem;}
    #subPage.online-detail .online-detail-down-wrap a.down-button {margin-bottom: 0;}
    #subPage.online-detail .online-detail-name .logo-box {width: 8rem; height: 8rem;}
    #subPage.online-detail .online-detail-name .online-detail-text {width: calc(100% - 10rem);}
    #subPage.online-detail .online-detail-name .online-detail-text h2 { flex-direction: column-reverse; align-items: flex-start; font-size: 1.6rem; }
    #subPage.online-detail .online-detail-name .online-detail-text h2 .favorite {width: 17.5px; height: 23.1px; margin-left: 0; margin-bottom: 0.5rem;}


    #subPage.online-detail .online-detail-contents-list { flex-direction: column;}
    #subPage.online-detail .online-detail-contents-left {width: 100%;}
    #subPage.online-detail .online-detail-contents-right {width: 100%; margin-top: 2rem;}

    #subPage.online-detail.start-up .online-detail-contents-left{width: 100%;}
    #subPage.online-detail.start-up .online-detail-contents-right{width: 100%; margin-top: 2rem;}

    #subPage.online-detail.start-up .online-slide .online-slide-item {max-width: 49%;}


    /* 회원사리스트 디테일 */
    #subPage.online-detail .online-detail-content {padding: 1.5rem 1rem;}
    #subPage.online-detail.start-up .online-detail-content .online-detail-content-ul.online-detail-content-ul02 li {flex-direction: column;}
    #subPage.online-detail.start-up .online-detail-content .chart_wrap { display: flex; flex-direction: column; }
    #subPage .chart_wrap .txt_box {width: 100%; flex-direction: column;}
    #subPage .chart_wrap .txt_box ul:first-child {width: 100%; padding: 1rem 0; border: none; border-bottom: dashed 1px #d9d9d9;}
    #subPage .chart_wrap .txt_box ul:last-child {width: 100%; padding:0; margin-top: 1rem;}
    #rel-list .rel_list {flex-wrap: wrap; gap: 1rem 2%; margin-top: 1rem;} 
    #rel-list .rel_list li { width: 48%; text-align: center; }

    /* newsfeed */
    #subPage.sub-type-feed .sub-contents .newsfeed-top { padding-top: 2rem; padding-bottom: 0;}
    #subPage.sub-type-feed .sub-contents .newfeed_list li {width: 48%; margin-right: 4%;}
    #subPage.sub-type-feed .sub-contents .newfeed_list li:nth-child(5n) { margin-right: 4%;}
    #subPage.sub-type-feed .sub-contents .newfeed_list li:nth-child(2n) { margin-right: 0%;}

    #subPage .newfeed_wrap .list_page .top_btn_box button {margin-right: 2rem;}

    #subPage .news.detail .detail_view .title_area>div {flex-direction: column}
    #subPage .detail_view .title_area .img_box {margin: auto;}
    #subPage .detail_view .title_area .txt_box {width: 100%; margin-top: 1rem;}

        
    .nor-tbl th{padding: 0.8rem 0.5rem; background: #eff2f4; word-break: keep-all;}
    .nor-tbl td{padding: 0.8rem 0.5rem; border-bottom: solid 1px #eeeeee; word-break: keep-all;}

    /* growth bridge */
    #subPage .sub-contents .process-card {flex-direction: column;}
    #subPage .sub-contents .process-card li {width: 100%;}
    #subPage .sub-contents .process-card li:not(:last-child)::after {display: none;}
}

@media only screen and (max-width: 568px){
    html{font-size: 12px;}
    /* main */
    #main .main-visual .main-quick {padding: 0.5rem;}
    #main .main-visual .main-quick .main-quick-item {flex-direction: column; }
    #main .main-visual .main-quick .main-quick-item img {margin-right: 0; margin-bottom: 0.5rem;}
    #main .main-visual .main-quick .main-quick-item p {flex-direction: column;align-items: center}

    /* main_2025리뉴얼 */
    .main .visual {height: 38.5rem;}

    /* sub */
    #subPage .sub-visual .sub-visual-inner .sub-info-title {font-size: 2.2rem;}

    #subPage.sub-type-01 .process-ul.process-apply-02 li {width: 30%; margin-right: 4%; margin-bottom: 1rem;}
    #subPage.sub-type-01 .process-ul.process-apply-02 li:nth-child(4n) { margin-right: 3%;}
    #subPage.sub-type-01 .process-ul.process-apply-02 li:nth-child(3n) { margin-right: 0%;}

    #subPage.sub-type-01 .process-ul.process-apply-03 li {width: 30%; margin-right: 4%; margin-bottom: 1rem;}
    #subPage.sub-type-01 .process-ul.process-apply-03 li:nth-child(4n) { margin-right: 3%;}
    #subPage.sub-type-01 .process-ul.process-apply-03 li:nth-child(3n) { margin-right: 0%;}

    #subPage .apply-link-list div{width: 100%; }
    #subPage .sub-visual .sub-tab-list .tab_ul .tab { padding: 0.5rem 0.5rem; font-size: 0.85rem; }
    #subPage.online-detail .sub-visual {height: auto;}
    #subPage.online-detail .sub-visual .sub-visual-inner {flex-direction: column; align-items: flex-start;}
    #subPage.online-detail .online-detail-down-wrap { position: relative; bottom: auto; right: auto; }
    #subPage.online-detail .online-detail-down-wrap a.down-button {display: inline-block; margin-top: 1rem;}
    .newsfeed-top .slick-prev {left: 10px;}
    .newsfeed-top .slick-next{right: 10px;}

    /* growth bridge */
    #subPage .sub-contents .process-card_new li .flex > p {flex: 0.3; font-size: 0.8rem;}

}