/*------------------------------------ 1920px ------------------------------------*/
@media (max-width:1920px) {
.visual-wrap .swiper .v-control-bg {width:30%;}
#sec1 ul li a div {width:180px; height:180px;}
#sec1 ul li a div img {width:80px;}
}

/*------------------------------------ 1440px ------------------------------------*/
@media (max-width:1440px) {
/* 공통 */
.inner {width:1200px; /* padding:0 5%; */}
section {padding:50px 0;}

/* header */
.header-gnb-wrap .header-gnb .gnb > li {width:150px;}
.header-gnb-wrap .header-gnb .gnb > li > ul {min-width:150px;}
.header-gnb-wrap .header-gnb .gnb > li > a {font-size:18px;}

/* main-visual */
.visual-wrap {height:600px;}
.visual-wrap .swiper .swiper-slide .v-slide-txt p {font-size:20px;}
.visual-wrap .swiper .swiper-slide .v-slide-txt h2 {font-size:60px;}
.visual-wrap .swiper .v-control-bg {width:32%;}
.visual-wrap .swiper .v-control-box {width:1200px;}

/* main-contents */
#sec1 {margin-top:100px;}
#sec1 ul {gap:50px;}
#sec1 ul li a div {width:130px; height:130px;}
#sec1 ul li a div img {width:50px;}

/* #sec2 .notice-box ul li {width:285px; margin-right:20px;} */

#sec3 .inner-slide {display:none;}
#sec3 .inner-slide-m {display:block; margin-top:30px;}
#sec3 .inner-slide-m .slide-m-box {width:1200px; margin:0 auto; overflow:visible; position: relative;}
#sec3 .inner-slide-m .slide-m-box .sec3-slide {padding: 50px 10px;}
#sec3 .inner-slide-m .slide-m-box .swiper-slide {border-radius:15px; overflow:hidden; box-shadow:0 8px 10px 2px rgba(0, 0, 0, 0.15); height:360px;}
#sec3 .inner-slide-m .slide-m-box .sec3-prev, #sec3 .inner-slide-m .inner-slide-m .slide-m-box .sec3-next {position:absolute;}
#sec3 .inner-slide-m .slide-m-box .sec3-slide-btn {width: 60px; height: 60px; background: #254B77; border-radius: 50%; border: none; cursor: pointer;}
#sec3 .inner-slide-m .slide-m-box .sec3-prev {left:-20px;}
#sec3 .inner-slide-m .slide-m-box .sec3-next {right:-20px;}
#sec3 .inner-slide-m .slide-m-box .sec3-prev:after { background: url('/img/arrow-prev.png') no-repeat center; content:''; width:20px; height:20px;}
#sec3 .inner-slide-m .slide-m-box .sec3-next:after { background: url('/img/arrow-next.png') no-repeat center; content:''; width:20px; height:20px;}
#sec3 .inner-slide-m .slide-m-box .sec-news-text {background-color:#fff;}

#sec4 {padding:50px 0;}
#sec4 > div ul li a div {width:120px; height:120px;}
#sec4 > div ul li a div img {width:50px;}
#sec4 > div ul li a p {font-size:18px;}

/* QUICK MENU */
.quick-menu ul {width:80px;}
.quick-menu ul li {display:flex; align-items:center; justify-content:center; height:65px; padding:5px;}
.quick-menu ul li a {font-size:13px;}

/* sub-visual */
.sub_visual_wrap .sub_visual h1 {font-size:3rem;}

/* sub-contents , 공통 */
.sub_contents .sub_title {width:100%; padding:50px 5%;}
ul.box-l li h3 {font-size:20px;}
ul.box-r ul li h4 {font-size:18px;}
ul.box-r ul li p {font-size:14.5px;}

/* 소개 - 사업단 소개 */
.intro-wrap .intro-box2 ul li {padding:10px;}
.intro-wrap .intro-box2 ul li div img {width:80px;}
.intro-wrap .intro-box2 ul li h4 {font-size:16px;}
.intro-wrap .intro-box2 ul li p {font-size:14.5px;}
.intro-wrap .intro-box3 ul li {padding:20px 5px;}
.intro-wrap .intro-box3 ul li p {word-break:keep-all; font-size:14.5px;}
.intro-wrap .intro-box3 ul li h4 {font-size:18px;}

/* 사업안내 - 사업개요 */
.outline-wrap .outline-box2 div ul.box-r ul li div:first-child {width:60%; flex-direction:column;}
.outline-wrap .outline-box2 div ul.box-r ul li div:first-child span {margin-right:0; width:fit-content; margin-bottom:10px;}
.outline-wrap .outline-box2 div ul.box-r ul li div:first-child p {word-break:keep-all;}
.outline-wrap .outline-box2 div ul.box-r ul li div:last-child {width:40%; text-align:right;}
}

/*------------------------------------ 1200px ------------------------------------*/
@media (max-width:1200px) {
/* 공통 */
.inner {padding:0 20px; width:100%;}

/* header */
#header-pc {display:none;}
#header-mo {display:block; position:relative; top:0; z-index:89; width:100%; background-color:#fff !important;}
#header-mo .header-mb-inner {width:100%; height:52px; padding:0 20px; display:flex; justify-content:space-between; align-items:center; background:#fff; border-bottom:1px solid #eee; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); position:fixed; top:0; left:0;}
#header-mo .header-mb-inner .header-logo img {width:250px;}
/* #header-pc .header-logo a img {height:50px;}
#header-pc nav > ul > li > a {font-size:1rem;} */
#header-mo .container-fluid {padding:0;}
#header-mo .container-fluid .navbar-brand {padding:0;}
#header-mo .container-fluid .navbar-brand img {width:50%;}
#header-mo nav .container-fluid .navbar-toggler {border:none;}
#header-mo nav .container-fluid .navbar-toggler:focus {box-shadow:none;}
#header-mo nav .container-fluid .navbar-toggler .navbar-toggler-icon {background-image:url('/img/hamburger-icon.png');}
#header-mo nav .offcanvas .offcanvas-header {background-color:#295fa9; padding:16px 20px; justify-content:space-between;}
#header-mo nav .offcanvas .offcanvas-header .offcanvas-title img {width:170px;}
#header-mo nav .offcanvas .offcanvas-header .btn-close {background:url('/img/close-icon.png') no-repeat center; width:20px; height:20px; background-size:100% 100%; opacity:1; margin:0; padding:0;}
#header-mo nav .offcanvas .offcanvas-body {padding:0; display:flex; flex-direction:column; justify-content:space-between;} 
#header-mo nav .offcanvas .offcanvas-body .accordion-flush>.accordion-item:last-child {border-bottom:1px solid #dee2e6;}
#header-mo nav .offcanvas .offcanvas-body .accordion-body {padding:0;}
#header-mo nav .offcanvas .offcanvas-body .accordion-header .accordion-button {font-weight:700; color:#333;}
#header-mo nav .offcanvas .offcanvas-body .accordion-header .accordion-button:not(.collapsed) {background-color:#fff; color:#295fa9;}
#header-mo nav .offcanvas .offcanvas-body .accordion-header .accordion-button:focus {box-shadow:none;}
#header-mo nav .offcanvas .offcanvas-body .accordion-body ul {border-top:2px solid #295fa9;}
#header-mo nav .offcanvas .offcanvas-body .accordion-body ul li a {display:inline-block; padding:15px; width:100%; border-bottom:1px solid #dee2e6; background-color:#ecfafc;}
#header-mo nav .offcanvas .offcanvas-body .accordion-body ul li:last-child a {border-bottom:0;}
#header-mo nav .offcanvas .offcanvas-body .login-box {width:100%; padding:20px 0;}
#header-mo nav .offcanvas .offcanvas-body .login-box div {width:90%; border-bottom:1px solid #dee2e6; margin:0 auto; border-radius:10px; overflow:hidden;}
#header-mo nav .offcanvas .offcanvas-body .login-box div:last-child {border-bottom:none; margin:10px auto; border:1px solid #dee2e6;}
#header-mo nav .offcanvas .offcanvas-body .login-box div a {display:inline-block; width:100%; text-align:center; padding:20px 0;}
#header-mo nav .offcanvas .offcanvas-body .login-box div:first-child a {background-color:#295fa9; color:#fff;}
.header-mb .header-logo{flex:1; display:flex;}
.header-mb .header-logo a{display:flex; align-items:center;}
.header-mb .header-logo a img{display:block;}

/* quick menu */
.quick-menu {display:none;}

/* main visual */
.visual-wrap {height:500px;}
.visual-wrap .swiper .swiper-slide .v-slide-txt p {font-size:20px;}
.visual-wrap .swiper .swiper-slide .v-slide-txt h2 {font-size:40px;}
.visual-wrap .swiper .v-control-bg {display:none;}
.visual-wrap .swiper .v-control-box .v-page-box {left:50%; transform:translateX(-50%); width:220px;}
.visual-wrap .swiper .v-control-box .v-page-box > div {color:#fff;}
.visual-wrap .swiper .v-control-box .v-page-box .swiper-pagination-bullet {background-color:#fff; opacity:1; height:5px; margin-right:10px;}
.visual-wrap .swiper .v-control-box .v-page-box span:last-child {margin-right:0;}
.visual-wrap .swiper .v-control-box .v-page-box .swiper-pagination-bullet-active {background-color:#2276D5;}
.visual-wrap .swiper .v-control-box .v-btn-box {width:30%; left:50%; transform:translateX(-50%);}
.visual-wrap .swiper .v-control-box .v-btn-box .swiper-button-prev, .visual-wrap .swiper .v-control-box .v-btn-box .swiper-button-next {color:#fff;}

/* main contents */
#sec1 ul li a div {width:110px; height:110px;}

#sec2 .notice-box ul {flex-wrap:wrap;}
#sec2 .notice-box ul li {margin-right:1%; padding:3%; height:210px; width:24.25%;}
#sec2 .notice-box ul li h4.board-subject {font-size:18px; line-height:25px; height:50px;}

#sec3 .inner-slide-m .slide-m-box {width:92%;}
#sec3 .inner-slide-m .slide-m-box .swiper-slide {height:340px;}
#sec3 .sec-news-img {height:200px;}
#sec3 .sec-news-text {text-align:left;}
#sec3 .sec-news-text h3 {font-size:18px;}

/* footer */
footer .f-bottom ul.f-flex {flex-direction:column;}
footer .f-bottom ul.f-flex > li {margin-bottom:30px;}

/* sub */
.sub-contents{padding:0;}
.sub-contents .inner{flex-direction:column;}

.sub-contents-l{width:calc(100% + 40px); position:relative; top:0; left:50%; transform:translate(-50%, 0); margin:0; border-bottom:1px solid #ccc;}

.sub-contents-r{width:100%; padding:50px 0;}

.sub-visual-wrap {margin-top:52px; height:180px;}
.sub-visual-wrap h1 {line-height:180px;}

/* sub-table */
.table-type01 th,
.table-type01 td{font-size:14px;}

/* sub-lnb */
.sub-lnb-wrap{background:#254B77; position:relative; padding:0 16px; overflow:visible; border-radius:0;}
.sub-lnb-wrap h2{height:42px; flex-direction:row; align-items:center; padding:0;}
.sub-lnb-wrap h2 small{display:none;}
.sub-lnb-wrap h2 strong{font-size:16px;}
.sub-lnb-wrap h2 span{flex-grow:1; font-size:16px; color:#fff; text-align:right;}
.sub-lnb-wrap h2 span:after{content:"\f107"; display:block;}
.sub-lnb-wrap h2.sub-lnb-on span:after{content:"\f106";}
.sub-lnb-wrap .sub-lnb{display:none; width:100%; position:absolute; top:100%; left:0; box-shadow:0 0 8px rgba(0, 0, 0, 0.25); z-index:70; margin:0; background-color:#fff;}
.sub-lnb > li {margin-bottom:0;}
.sub-lnb-wrap .sub-lnb > li > a{font-size:14px; padding:9px 16px; color:#333; border-radius:0;}
.sub-lnb > li.on > a {color: #2276D5; background-color:#E4F0FF;}
.sub-lnb > li.on > a::after {display:none;}

.sub-lnb ul li a {font-size:1rem;}
.sub-lnb > li.on .gnb-depth3{}
.sub-lnb > li .gnb-depth3 li a{font-size:13px;}
.sub-lnb > li > a.gnb-depth3-on span{font-size:15px;}

/* SUB - BreadCrumb */
.breadCrumb{display:none;}

/* 소개 - 단장 인사말 */
.gree-wrap div {height:auto;}
}

/*------------------------------------ 1130px ------------------------------------*/
@media (max-width:1130px) {
}

/*------------------------------------ 1024px ------------------------------------*/
@media (max-width:1024px) {
/* header */


/* main-visual */
.visual-wrap .swiper .swiper-slide .v-slide-txt {width:100%;}

/* main-contents */
#sec1 {background:url('/img/sec1-bg-mo.png') no-repeat; background-position:right 0 bottom 0; background-size:50%; margin-top:50px;}
#sec1 ul {gap:inherit; flex-wrap:wrap; justify-content:space-between;}
#sec1 ul li a div {width:180px; height:180px;}
#sec1 ul li a div img {width:80px;}

/* sub-lnb */
.sub-lnb {display:none;}
.sub-lnb-mo {display:block; position:relative; width:100%;}
.sub-lnb-mo .sub-lnb-mo-inner {position:absolute; width:100%; border-bottom:1px solid #dee2e6; max-height:41px; z-index:888;}
.sub-lnb-mo .sub-lnb-mo-inner .sub-lnb-homebox {width:10%; border-right:1px solid #dee2e6;}
.sub-lnb-mo .sub-lnb-mo-inner .sub-lnb-homebox .sub-lnb-home-icon {width:100%; min-height:40px;}
.sub-lnb-mo .sub-lnb-mo-inner .sub-lnb-homebox a.sub-lnb-home {display:flex; justify-content:center; width:100%; height:40px; align-items:center;}
.sub-lnb-mo .sub-lnb-mo-inner .sub-lnb-homebox a.sub-lnb-home::after {content:''; display:inline-block; background:url('/img/sub-lnb-home.png') no-repeat center/cover; margin:0; width:25px; height:25px;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush {width:90%;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item {border:1px solid #dee2e6; border-top:0; border-bottom:0; border-left:0;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush > div {width:50%;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush > div:last-child {border-right:none;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-button {padding:10px 20px; font-weight:600; border-bottom:1px solid #dee2e6;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-button:focus {box-shadow:none;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-button:not(.collapsed) {background-color:#fff; color:#295fa9;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-collapse {background-color:#fff; border-top:none; width:100%;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-collapse .accordion-body {padding:0;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-collapse {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-collapse ul li a {display:inline-block; padding:15px 20px; width:100%;}

/* sub-visual */
.sub_contents .sub_title {padding:100px 5%;}

/* footer */
#footer div.footer-logo img {width:180px;}
#footer div.footer-info {width:40%; padding-left:50px;}
#footer div.footer-organ div img {width:100px;}
#footer div.footer-organ {width:35%;}
}

/*------------------------------------ 768px ------------------------------------*/
@media (max-width:768px){
/* 공통 */
body{overflow-x:hidden;}
.wrap{min-width:auto;}
.sub_contents .sub_title {padding:100px 20px;}
.sub_contents .sub_title h1 {font-size:1.8rem;}
.sub-wrap {flex-direction:column; margin-top:50px;}
.left, .right {width:100%;}
.sub-txt4 {font-size:1.15rem;}
.sub-txt1 br {display:none;}
table.board_table .tl {}
table.board_table .d_sj a {font-size:0.8rem; max-width:90%;}
.notice_list .board_table th.d_no, .notice_list .board_table td.d_no, .notice_list .board_table th.d_ck, .notice_list .board_table th.d_dt, .notice_list .board_table td.d_ck, .notice_list .board_table td.d_dt, .notice_list .board_table th.d_na, .notice_list .board_table td.d_na {display:none;}
.notice_list {float:none;}
table.board_table thead th {border-width:0 1px 1px 1px;}
table.board_table tbody td {border-width: 0 1px 1px 1px;}
.default_con table.board_table colgroup col:nth-child(2), .default_con table.board_table colgroup col:nth-child(3),.default_con table.board_table colgroup col:nth-child(4),.default_con table.board_table colgroup col:nth-child(5) {width:0 !important;}
.default_con table.write_table input.appli-phone {width:28%;}
.default_con table.write_table input.subject-form {width:100%;}
ul.box-l {width:100%; margin-bottom:20px;}
ul.box-r {width:100%;}
.scroll_box .table-type01{width:728px;}
.scroll_box .table-type01 td, .scroll_box .table-type01 th {word-break:keep-all;}
.m_scroll {overflow:auto;}
.scroll_box span.scroll_icon {display:block;}
table.board_table .d_sj a {white-space:wrap;}
.notice_list .board_table tbody tr td.d_sj {margin:0;}
.notice_list .board_table tbody tr td{padding:10px 16px;}
table.write_table input.type_02 {width:100%;}

/* main-contents */
.title-box p {font-size:18px;}
.title-box h3 {font-size:25px;}

#sec1 ul li a div {width:130px; height:130px;}
#sec1 ul li a div img {width:50px;}
#sec1 ul li a p {font-size:18px;}

#sec2 .notice-box ul {justify-content:space-between;}
#sec2 .notice-box ul li {width:48.5%; margin:0; height:auto; gap:15px;}
#sec2 .notice-box ul li:nth-child(-n+2) {margin:0 0 20px;}

#sec4 > div ul {gap:20px;}
#sec4 > div ul li a div {width:100px; height:100px;}

/* footer */
footer .f-top ul {justify-content:center;}
footer .f-bottom ul li.select-mo {display:block; padding:0; border:none; background-color:inherit; border-radius:0; width:auto; background-image:none;}
footer .f-bottom ul li.select-pc {display:none;}
footer .f-bottom ul li.select-mo select {border:1px solid #777; background-color:#fff; width:200px; padding:10px 20px; border-radius:50px; background-image:url('/img/arrow-up.png'); background-repeat:no-repeat; background-position:right 20px top 50%;-webkit-appearance: none; appearance: none;}
footer .f-bottom ul li.select-mo select option {font-size:13px;}
footer .f-bottom ul li.select-mo select:focus-visible {outline:2px solid rgba(142,197,255,0.45); border:1px solid rgba(142,197,255,0.45);}

/* 소개 - 사업단 소개 */
.intro-wrap .intro-box::before {font-size:18px; white-space:nowrap;}
.intro-wrap .intro-box1 ul li {font-size:18px;}
.intro-wrap .intro-box2 ul {flex-wrap:wrap; justify-content:center; gap:20px;}
.intro-wrap .intro-box2 ul li {width:30%;}
.intro-wrap .intro-box3 > p {font-size:1rem;}
.intro-wrap .intro-box3 h3 {font-size:20px;}
.intro-wrap .intro-box3 ul {flex-direction:column;}
.intro-wrap .intro-box3 ul li {width:100%; padding:10px; border-radius:50px; margin-bottom:10px;}
.intro-wrap .intro-box3 ul li:last-child {margin-bottom:0;}
.intro-wrap .intro-box3 ul li p {margin-bottom:5px;}
.intro-wrap .intro-box4 > div {flex-direction:column;}
ul.box-r ul li p {word-break:keep-all;}

/* 소개 - 조직도 */
.organ-wrap .organ-pc {display:none;}
.organ-wrap .organ-mo {display:block;}
.organ-wrap .scroll_box span.scroll_icon {top:50%; left:50%; transform:translate(-50%,-50%);}

/* 소개 - 오시는길 */
.root_daum_roughmap .wrap_map {height:300px !important;}
.contact-wrap .contact-box2 > ul {flex-direction:column;}
.contact-wrap .contact-box2 > ul > li {width:100%;}
.contact-wrap .contact-box2 > ul > li:first-child {margin-bottom:20px;}
.contact-wrap .contact-box3 > ul > li > div.img-box {position:relative;}
.contact-wrap .contact-box3 > ul > li:nth-child(1) > div.img-box {margin-bottom:40px;}
.contact-wrap .contact-box3 > ul > li:nth-child(2) > div.img-box {margin-bottom:65px;}
.contact-wrap .contact-box3 > ul > li > div.img-box::after {display:inline-block; position:absolute; color:#254B77; font-size:18px; font-weight:600; left:50%; transform:translateX(-50%); width:110px; text-align:center; white-space:pre;}
.contact-wrap .contact-box3 > ul > li:nth-child(1) > div.img-box::after {content:'지하철'; bottom:-40px;}
.contact-wrap .contact-box3 > ul > li:nth-child(2) > div.img-box::after {content:'무료\A셔틀버스'; bottom:-65px;}
.contact-wrap .contact-box3 > ul > li > ul.cont-box > li > span {display:none;}
.contact-wrap .contact-box3 > ul > li > ul.cont-box li:last-child {flex-direction:column;}
.contact-wrap .contact-box3 > ul > li > ul.cont-box li div {width:100%; margin-bottom:10px;}
.contact-wrap .contact-box3 > ul > li > ul.cont-box li div:last-child {width:100%; margin-bottom:0px;}

/* 사업안내 - 사업개요 */
.outline-wrap .outline-box1 h3 {font-size:20px;}
.outline-wrap .outline-box1 ul {flex-wrap:wrap;}
.outline-wrap .outline-box1 ul li {width:49%;}
.outline-wrap .outline-box1 ul li:nth-child(-n+2) {margin-bottom:2%;}
.outline-wrap .outline-box1 ul li div img {width:80px;}
.outline-wrap .outline-box1 ul li p {font-size:18px;}
.outline-wrap .outline-box2 > div {flex-direction:column;}
.outline-wrap .outline-box2 div ul.box-r ul li div:first-child p {font-size:1rem;}

/* 사업안내 - 성과지표 */
.indicator-wrap .scroll_box span.scroll_icon {top:50%; left:50%; transform:translate(-50%,-50%);}
.indicator-wrap .indicator-box2 > div {flex-direction:column;}
.indicator-wrap .indicator-box2 > div ul.box-l li:last-child {display:flex; flex-wrap:wrap; justify-content:center; gap:15px;}
.indicator-wrap .indicator-box2 > div ul.box-l li div {width:30%; margin:0; display:flex; align-items:center;}
.indicator-wrap .indicator-box2 div ul.box-l li div h4 {word-break:keep-all; font-size:1rem;}
.indicator-wrap .indicator-box2 div ul.box-l li div h4 br {display:none;}

/* 사업안내 - 우수사례 */
.item_obj .item_data .thum {height:250px;}
.item_obj .item_data .info {width:100%; padding:15px;}
.example-wrap .info-box {margin-top:15px;}

/* 게시판 - 관련사이트 */
.site-wrap .site-box1 ul li a p {font-size:1rem;}

/* 커뮤니티 - faq */
table.board_faq .subject {border-width:1px !important;}
table.board_faq .subject .faq_qbox {align-items:center;}
table.board_faq .subject .faq_qbox a {font-size:15px; line-height:18px; padding-right:20px;}
table.board_faq .answer .faq_abox .faq_a_cont {padding-right:20px;}
table.board_faq .answer div p {font-size:14px;}
}

/*------------------------------------ 580px ------------------------------------*/
@media (max-width:580px){
/* 공통 */
.sub-title {font-size:25px;}
.sub-title02 {font-size:18px;}

/* header */
#header-mo nav .container-fluid {width:100%;}
#header-mo nav .container-fluid .navbar-brand {width:200px;}
#header-mo nav .container-fluid .navbar-brand img {width:100%;}

/*main-contents*/
#sec1 ul li a div {width:100px; height:100px;}
#sec1 ul li a p {font-size:1rem;}

#sec2 .notice-box ul {margin-top:30px;}
#sec2 .notice-box ul li h4.board-subject {font-size:1rem;}
#sec2 .notice-box ul li div.board-content {font-size:14px; height:62px;}
#sec2 .notice-box ul li > span {font-size:13px;}

#sec3 .inner-slide-m {margin-top:15px;}
#sec3 .inner-slide-m .slide-m-box {width:88%;}
#sec3 .inner-slide-m .slide-m-box .sec3-slide {padding:15px 10px;}

#sec4 > div ul {width:60%; margin:0 auto; flex-wrap:wrap;}

/* footer */
footer .f-bottom ul.f-flex > li:nth-child(2) {display:flex; flex-direction:column;}
footer .f-bottom ul.f-flex li span {margin-bottom:10px;}
footer .f-bottom ul.f-flex li span:last-child {margin-bottom:0;}
footer .f-bottom ul.f-flex li span::after {display:none;}
footer .f-bottom ul li.f-select {width:200px;}
footer .f-bottom ul li.f-select .selected .selected-value {font-size:15px;}
footer .f-bottom ul li.f-select ul {width:200px;}
footer .f-bottom ul li.f-select ul li a {font-size:13px;}

/* 소개 - 단장 인사말 */
.gree-wrap div {margin-bottom:20px;}
.gree-wrap p {font-size:15px;}

/* 소개 - 사업단 소개 */
.intro-wrap .intro-box1 h3 {font-size:20px;}
.intro-wrap .intro-box1 ul li {font-size:1rem; word-break:keep-all;}
.intro-wrap .intro-box2 ul li {width:100%;}

/* 소개 - 오시는길 */
.contact-wrap .contact-box > ul > li > ul.cont-box > li > p {font-size:15px;}

/* 사업안내 - 성과지표 */
.indicator-wrap .indicator-box2 > div ul.box-l li div {width:47%;}
.indicator-wrap .indicator-box2 div ul.box-l li div h4 {font-size:15px;}

/* 게시판 - 관련사이트 */
.site-wrap .site-box1 ul {flex-wrap:wrap;}
.site-wrap .site-box1 ul li {width:49%;}
.site-wrap .site-box1 ul li:nth-child(-n+2) {margin-bottom:2%;}
}

/*------------------------------------ 520px ------------------------------------*/
@media (max-width:520px){
/* 공통 */
table.board_table .d_sj a {width:350px;}
}

/*------------------------------------ 450px ------------------------------------*/
@media (max-width:450px){
/* 공통 */
.inner {padding:0 15px;}
#header-mo .header-mb-inner {padding:0 15px;}
.sub-contents-l {width:calc(100% + 30px);}
.sub_contents .sub_title {padding:100px 20px 50px 20px;}
.sub_contents .sub_title h1 {font-size:1.5rem;}
.sub_contents .sub_title img {width:20px;}
.sub-txt1 {font-size:1.2rem;}
.sub-txt2 {font-size:0.9rem; line-height:1.2rem;}
.sub-txt3 {font-size:0.9rem;}
.sub-txt4 {font-size:1rem; line-height:1.3rem;}
.sub-txt5 {font-size:1.1rem;}
table.board_table thead th {font-size:0.95rem;}
table.board_table tbody td {font-size:0.8rem;}
table.board_table tbody th {font-size:0.95rem;}
table.board_table .d_sj a {width:280px;}
.appli-btnbox .right .appli-btn a {padding:15px; font-size:0.9rem;}
ul.box-l li p {font-size:1rem;}
ul.box-l li h3 {font-size:18px;}
ul.box-r ul li {padding:20px 10px;}
ul.box-r ul li h4 {font-size:15px;}

/* header */
#header-mo .header-mb-inner .header-logo img {width:200px;}

/* footer */
footer .f-bottom ul.f-flex li img {width:200px; height:auto;}

/* main-visual */
.visual-wrap {height:400px;}
.visual-wrap .swiper .swiper-slide .v-slide-txt p {font-size:1rem;}
.visual-wrap .swiper .swiper-slide .v-slide-txt h2 {font-size:25px;}
.visual-wrap .swiper .v-control-box .v-btn-box {width:25%;}
.visual-wrap .swiper .v-control-box .v-page-box {width:180px;}
.visual-wrap .swiper .v-control-box .v-page-box > div {font-size:1rem;}
.visual-wrap .swiper .v-control-box .v-page-box .swiper-pagination-bullet {width:35px;}

/* main-contents */
#sec1 {background-size:100%;}
#sec1 ul {justify-content:center; gap:20px; width:300px; margin:50px auto 0;}
#sec1 ul li a div {width:110px; height:110px;}
#sec1 ul li a p {margin-top:10px;}

#sec2 .notice-box ul li {width:100%; padding:5%; gap:10px;}
#sec2 .notice-box ul li h4.board-subject {height:auto; -webkit-line-clamp:1; font-size:}
#sec2 .notice-box ul li div.board-content {height:42px;  -webkit-line-clamp:2;}
#sec2 .notice-box ul li:nth-child(3) {margin-bottom:20px;}

#sec3 .inner-slide-m .slide-m-box .sec3-slide-btn {width:40px; height:40px;}
#sec3 .inner-slide-m .slide-m-box .sec3-prev {left:-10px;}
#sec3 .inner-slide-m .slide-m-box .sec3-next {right:-10px;}
#sec3 .inner-slide-m .slide-m-box .swiper-slide {height:300px;}
#sec3 .inner-slide-m .slide-m-box .sec-news-text {height:120px;}
#sec3 .sec-news-text h3 {font-size:1rem; height:50px;}
#sec3 .sec-news-img {height:180px;}

#sec4 > div ul {width:90%; gap:20px;}
#sec4 > div ul li a div {width:90px; height:90px;}
#sec4 > div ul li a div img {width:40px;}

/* footer */
footer .f-top ul li a {font-size:14px;}
footer .f-bottom {padding:30px 0 0;}
footer .f-bottom .f-copy p {font-size:11px;}

/* sub-lnb */
.sub-lnb-mo .sub-lnb-mo-inner .sub-lnb-homebox a.sub-lnb-home::after {width:20px; height:20px;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush > div:first-child {width:40%;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush > div:last-child {width:60%;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-button {font-size:0.9rem; padding:10px;}
.sub-lnb-mo .sub-lnb-mo-inner .accordion-flush .accordion-item .accordion-collapse ul li a {font-size:0.85rem;}

/* sub-visual */
.sub_visual_wrap .sub_visual h1 {font-size:2rem;}

/* 소개 - 사업단 소개 */
.intro-wrap .intro-box::before {font-size:1rem;}
.intro-wrap .intro-box1 ul li {font-size:15px;}
.intro-wrap .intro-box2 ul li div img {width:50px;}
.intro-wrap .intro-box3 > p {font-size:15px; word-break:keep-all;}
.intro-wrap .intro-box3 h3 {font-size:18px; word-break:keep-all;}
.intro-wrap .intro-box3 ul li h4 {font-size:1rem;}
.intro-wrap ul.box-r ul li > div {font-size:13px;}

/* 소개 - 오시는길 */
.contact-wrap .contact-box > ul > li > div.img-box {min-width:70px; min-height:70px;}
.contact-wrap .contact-box > ul > li > div.img-box img {width:30px;}
.contact-wrap .contact-box3 > ul > li {flex-direction:column;}
.contact-wrap .contact-box3 > ul > li > div.img-box {margin-right:0;}
.contact-wrap .contact-box3 > ul > li > ul.cont-box li:last-child {margin-top:20px;}

/* 사업안내 - 사업개요 */
.outline-wrap .outline-box1 ul li {width:100%; display:flex; padding:20px 20px 20px 70px; align-items:center;}
.outline-wrap .outline-box1 ul li:nth-child(3) {margin-bottom:2%;}
.outline-wrap .outline-box1 ul li span.circle {top:50%; transform:translateY(-50%);}
.outline-wrap .outline-box1 ul li div {margin-bottom:0; margin-right:20px;}
.outline-wrap .outline-box1 ul li div img {width:60px;}
.outline-wrap .outline-box1 ul li p {font-size:1rem;}
.outline-wrap .outline-box2 div ul.box-r ul li {flex-direction:column; align-items:flex-start;}
.outline-wrap .outline-box2 div ul.box-r ul li div:first-child {width:100%; margin-bottom:15px;}
.outline-wrap .outline-box2 div ul.box-r ul li div:last-child {width:100%;}

/* 사업안내 - 성과지표 */
.indicator-wrap .indicator-box2 > div ul.box-l li div {width:100%;}
.indicator-wrap .indicator-box2 div ul.box-r ul li {gap:15px;}

/* 게시판 - 관련사이트 */
.site-wrap .site-box1 ul li {width:100%;}
.site-wrap .site-box1 ul li:nth-child(3) {margin-bottom:2%;}
}