/**************** header ****************/ .header {position:fixed; width:100%; max-height: 130px; top:0; left:0; background-color:#fff; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:linear; transition-duration:0.2s; transition-timing-function:linear; box-sizing: border-box; z-index: 9999999;} .header .gnb-inner {width: 100%; max-width: 1350px; height: 130px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;} .header h1{display: flex; align-self: stretch; align-items: center; justify-content: center; z-index: 9999999;} .header h1 .header-logo {float: left; background: url(../img/logo.png) no-repeat; width: 195px; height: 34px; background-size: 100% !important; position: relative; top: -7px;} .header .gnb-nav {display: flex; align-self: stretch; align-items: center; white-space: nowrap; cursor: pointer;} .header .gnb-nav li {display: flex; align-self: stretch; align-items: center; padding: 0 20px;} .header .gnb-nav li, .header .gnb-nav li a {font-family: 'PretendardM'; font-size: 24px; color: #000; cursor: pointer; z-index: 999999;} .header .gnb-nav li:hover,.header .gnb-nav li:hover a {font-family: 'PretendardSB'; transition: all 0.2s;} .header:has(.gnb-nav.active) .header-logo {background: url(../img/logo.png) no-repeat!important;} .header .gnb-nav.active li, .header .gnb-nav.active li a {color: #333;} .header .gnb-nav.active li:hover, .header .gnb-nav.active li:hover a {color: #fff!important;} .header .gnb-nav li .depth02-wrap {visibility:hidden; display: flex; justify-content: center; background: #fff; width: 100vw; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; background: #fff; position: absolute; top: 130px; left: 50%; transform: translate(-50%, 0); z-index: 0;} .header .gnb-nav li:hover > .depth02-wrap {visibility:visible; animation: fade-in 0.2s;} .header .gnb-nav li .depth02-wrap .depth01-title {display: none;} .header .gnb-nav li .depth02-wrap .depth01-title,.header .gnb-nav li .depth02-wrap .depth01-title a{font-size: 34px; font-family: 'PretendardSB'; color: #000;} .header .gnb-nav li .depth02 {display: flex; flex-wrap: wrap; width: 1350px; margin: 0 auto;} .header .gnb-nav li .depth02 .depth02-box {flex:1; display:flex; flex-direction: column; position: relative; padding: 30px 30px 30px 50px; gap: 10px; border-right: 1px #ddd solid;} .header .gnb-nav li .depth02 .depth02-box:first-child{border-left: 1px #ddd solid;} .header .gnb-nav li .depth02 .depth02-box .tit,.header .gnb-nav li .depth02 .depth02-box .tit a{font-family: 'PretendardB'; font-size: 21px; color:#000!important; display: block;} .header .gnb-nav li .depth02 .depth02-box:hover {background: #f9f9f9; transition: all 0.2s;} .header .gnb-nav li .depth02 .depth02-box .depth03 {display: flex; flex-direction: column; gap: 10px;} .header .gnb-nav li .depth02 .depth02-box .depth03 li{padding: 0;} .header .gnb-nav li .depth02 .depth02-box .depth03 li,.header .gnb-nav li .depth02 .depth02-box .depth03 li a{font-family: 'PretendardSB'; font-size: 18px; color: #333!important;} .header .gnb-nav li .depth02 .depth02-box .depth03 li:hover a {font-family: 'PretendardB'; color: #56C360!important; transition: all 0.2s;} .header .gnb-nav li .depth02 .depth02-box .depth03 li:hover + .header .gnb-nav li .depth02 .depth02-box .tit a{color: #56C360!important;} .header .gnb-nav li .depth02.menu-01 .depth02-box {justify-content: start;} /*header 스크롤시*/ .header.fixed {} .all-menu-btn button {width: 28px; height: 25px; background: url(../img/btn-allmenu.png) no-repeat; background-size: 100%; border: none; cursor: pointer;} .all-menu-wrap {display: none; width: 1350px; height: 90%; box-sizing: border-box; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; animation: fade-in 0.5s; overflow-y: auto; z-index: 99999999999;} .all-menu-wrap .all-menu-top {display: flex; align-items: center; position: relative; border-bottom: 1px #ccc solid; padding: 35px 50px; gap: 20px; z-index: 9999999;} .all-menu-wrap h1 {display: flex; align-items: center; margin: 0; margin-right: auto;} .all-menu-wrap h1 .header-logo {float: left; background: url(../img/logo.png) no-repeat; width: 186px; height: 33px; background-size: 100% !important;} .all-menu-wrap .util-menu {gap: 20px;} .all-menu-wrap .util-menu a {display: block; width: 100%; height: 100%; font-size: clamp(14px, 3vw, 16px);} .all-menu-wrap .util-wrap .lang {position: absolute; top: 150px; right: 85px; box-shadow: none; padding: 0;} .all-menu-wrap .btn-close {background: #eee url(../img/btn_close.png)no-repeat center; border-radius: 50%; background-size: 18px; width: 40px; height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 9999999;} .all-menu-wrap .btn-close:hover{transform: rotate(90deg) ; opacity: 1} .depth01-toggle, #depth01-btn {display: none;} .all-menu-wrap .menu-list-wrap {display: flex; flex-wrap: wrap; justify-content: center;padding: 50px 0;} .all-menu-wrap .menu-list {display: flex; flex-direction: column; gap: 20px; width: auto; border-right: 1px #ddd solid; padding: 0 60px;} .all-menu-wrap .menu-list:last-child {border-right: none;} .all-menu-wrap .menu-list .depth01,.all-menu-wrap .menu-list .depth01 a{font-family: 'PretendardB'; font-size: clamp(19px, 2vw, 24px);} .all-menu-wrap .menu-list .depth02 {display: flex; flex-direction: column; width: 100%; gap: 40px;} .all-menu-wrap .menu-list .depth02-box {display: flex; flex-direction: column; gap: 10px;} .all-menu-wrap .menu-list .depth02 .depth02-box .tit,.all-menu-wrap .menu-list .depth02 .depth02-box .tit a {font-family: 'PretendardSB'; font-size: clamp(17px, 2vw, 19px); color: #000; display: block;} .all-menu-wrap .menu-list .depth02 .depth02-box .tit a{font-family: 'PretendardEB';} .all-menu-wrap .menu-list .depth02-box,.all-menu-wrap .menu-list .depth02-box a{font-family: 'PretendardB'; font-size: 18px; color: #000;} .all-menu-wrap .menu-list .depth02 .depth02-box .depth03 {display: flex; flex-direction: column; gap: 5px;} .all-menu-wrap .menu-list .depth02 .depth02-box .depth03 li,.all-menu-wrap .menu-list .depth02 .depth02-box .depth03 li a{font-family: 'PretendardSB'; font-size: clamp(15px, 2vw, 17px); color: #333!important;} .all-menu-wrap .menu-list .depth02 .depth02-box .depth03 li:hover a {color: #56C360!important; transition: all 0.2s;} .util-wrap {display: flex; align-items: center;z-index: 999999;} .util-menu {display: flex; align-items: center; gap:35px;} .util-menu li {display: flex;} .util-menu li a {display: block; width: 100%; height: 100%;} .util-menu .sns-wrap{display: flex; gap: 10px;} .util-menu .sns-wrap a {width: 28px; height: 28px; border-radius: 6px; overflow: hidden;} .util-menu .sns-wrap .facebook {background: url(../img/sns-fb.png)no-repeat; background-size: 100%;} .util-menu .sns-wrap .naverblog {background: url(../img/sns-blog.png)no-repeat; background-size: 100%;} .util-menu .sns-wrap .navercafe {background: url(../img/sns-cafe.png)no-repeat; background-size: 100%;} .util-menu .sns-wrap .youtube {background: url(../img/sns-utube.png)no-repeat; background-size: 100%;} .util-menu .sns-wrap .instagram {background: url(../img/sns-insta.png)no-repeat; background-size: 100%;} .util-menu .search {width: 29px; height: 29px; background: url(../img/btn-search.png)no-repeat; background-size: 100%;} /**************** 공통 ****************/ #wrap {float: left; width: 100%; margin-top: 130px; overflow: hidden;} .section {margin-bottom: 100px;} .section-title {font-family: 'PretendardB'; font-size: clamp(20px, 3vw, 30px); color: #282828; line-height: normal; margin-bottom: 45px;} .container {max-width: 1350px; margin: 0 auto;} /**************** main ****************/ .main-banner.swiper .swiper-slide {border-radius: 20px; overflow: hidden; width: 1350px; height: 500px;} .main-banner.swiper .swiper-slide::after {content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999999;} .main-banner.swiper .swiper-slide.swiper-slide-active {opacity: 1;} .main-banner.swiper .swiper-slide.swiper-slide-active::after {display: none;} .main-banner.swiper .swiper-slide a {display: flex; width: 100%; height: 100%; position: relative; z-index: 999999999;} .main-banner.swiper .swiper-slide img {width: 100%; height: 100%; display: block; object-fit: cover;} .main-banner.swiper .swiper-slide.swiper-slide-active::after {content: ""; background:none} .main-banner.swiper .swiper-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1280px; display: flex; justify-content: space-between; z-index: 999999; pointer-events: none;} .main-banner .swiper-button-next, .main-banner .swiper-button-prev {width: 50px; height: 50px;} .main-banner .swiper-button-next:after, .main-banner .swiper-button-prev:after {text-indent: -99999px; display: flex; width: 50px; height: 50px; border-radius: 50%; background:#000 url(../img/ico-arrow-wh.png)no-repeat center; overflow: hidden; border: none; pointer-events: auto;} .main-banner .swiper-button-next:after{opacity: 0.5;} .main-banner .swiper-button-next:hover:after{opacity: 0.6; transition: all 0.2s;} .main-banner .swiper-button-prev:after{opacity: 0.5; transform:rotate(-180deg);} .main-banner .swiper-button-prev:hover:after{opacity: 0.6; transition: all 0.2s;} #section2 {position: relative;} .biz.swiper {position: inherit;} .biz .swiper-wrapper {max-width: 1350px;} .biz.swiper .swiper-slide {display: flex; align-items: center; justify-content: center; background: #f9f9f9; border-radius: 20px; overflow: hidden;} .biz.swiper .swiper-slide a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100%; height: 190px;} .biz.swiper .swiper-slide a .biz-img {width: 70px; height: 70px; display: flex; align-items: center;} .biz.swiper .swiper-slide a .biz-img img{width: 100%; height: auto;} .biz.swiper .swiper-slide a .biz-tit {font-family: 'PretendardSB'; font-size: clamp(14px, 3vw, 19px); line-height: 1.1; word-break: keep-all; text-align: center; color: #282828;} .biz.swiper .swiper-button {position: absolute; top: 175px; left: 50%; transform: translate(-50%, -50%); width: 1387px; display: flex; justify-content: space-between; z-index: 999999; pointer-events: none;} .swiper-button-next, .swiper-button-prev {pointer-events: auto;} #section3.section {margin-bottom: 130px;} #section3 .container {display: flex; flex-wrap: wrap; gap: 50px;} #section3 .container .main-notice {flex: 1;} #section3 .section-title {display: flex; justify-content: space-between; align-items: center;} #section3 .section-title .more a{text-indent: -99999px; background: url(../img/ico-more.png)no-repeat; width: 21px; height: 21px; display: flex;} #section3 ul {display: flex; flex-direction: column; gap: 25px; } #section3 li {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #ddd solid; padding-bottom: 25px;} #section3 li .title {max-width: 520px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #section3 li .title,#section3 li .title a{font-family: 'PretendardM'; font-size: clamp(17px, 3vw, 21px); color: #333;} #section3 li .date {font-family: 'PretendardM'; font-size: clamp(14px, 3vw, 15px); color: #999;} #section4 .container {display: flex; flex-wrap: wrap; gap: 50px;} #section4 .container .section-title {margin-bottom: 30px;} #section4 .container .card-slide {flex: 1; position: relative;} /*card-slide 슬라이드*/ .card-slide .swiper-wrapper {max-width: 650px;} .card-slide .swiper .swiper-slide {display: flex; align-items: center; justify-content: center; border-radius: 25px; border: 1px #ddd solid; overflow: hidden;} .card-slide .swiper .swiper-slide dl {display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 25px;} .card-slide .swiper .swiper-slide dt {width: 100%; height: 147px; overflow: hidden; position: relative;} .card-slide .swiper .swiper-slide dt img{width: 100%; height: auto; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .card-slide .swiper .swiper-slide dd.cate {display: flex; width: 100%; justify-content: start;} .card-slide .swiper .swiper-slide dd.cate,.card-slide .swiper .swiper-slide dd.cate a {font-family: 'PretendardM'; font-size: clamp(14px, 3vw, 16px); color: #282828; line-height: normal;} .card-slide .swiper .swiper-slide dd.title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 48px; text-overflow: ellipsis; overflow: hidden;} .card-slide .swiper .swiper-slide dd.title,.card-slide .swiper .swiper-slide dd.title a {font-family: 'Pretendard'; font-size: clamp(16px, 3vw, 16px); color: #555; line-height: 1.6;} .card-slide .swiper .swiper-slide dd.date {display: flex; width: 100%; justify-content: start; font-family: 'Pretendard'; font-size: clamp(14px, 3vw, 14px); color: #555; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .card-slide .swiper .swiper-slide dd.writer {display: flex; width: 100%; justify-content: start; font-family: 'Pretendard'; font-size: clamp(14px, 3vw, 14px); color: #555; line-height: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .card-slide .swiper-button {position: absolute; top: -2px; right: 2px; width: auto; display: flex; justify-content: space-between; gap: 5px; z-index: 999999;} /*SNS 추가*/ .main-sns .sns-wrap{display: flex; gap: 6px; position: absolute; top: 4px; left: 82px;} .main-sns .sns-wrap a {width: 28px; height: 28px; border-radius: 50%; overflow: hidden;} .main-sns .sns-wrap .facebook {background: url(../img/sns-fb.png)no-repeat; background-size: 100%;} .main-sns .sns-wrap .naverblog {background: url(../img/sns-blog.png)no-repeat; background-size: 100%;} .main-sns .sns-wrap .navercafe {background: url(../img/sns-cafe.png)no-repeat; background-size: 100%;} .main-sns .sns-wrap .youtube {background: url(../img/sns-utube.png)no-repeat; background-size: 100%;} .main-sns .sns-wrap .instagram {background: url(../img/sns-insta.png)no-repeat; background-size: 100%;} .card-slide .swiper.sns .swiper-slide dd.cate a {display: flex; align-items: center; gap: 5px;} .card-slide .swiper.sns .swiper-slide dd.cate a::before {content:""; width: 23px; height: 23px; border-radius:50%; overflow: hidden;} .card-slide .swiper.sns .swiper-slide dd.cate a.facebook::before {background: url(../img/sns-fb.png) no-repeat; background-size: 100%;} .card-slide .swiper.sns .swiper-slide dd.cate a.naverblog::before {background: url(../img/sns-blog.png) no-repeat; background-size: 100%;} .card-slide .swiper.sns .swiper-slide dd.cate a.navercafe::before {background: url(../img/sns-cafe.png) no-repeat; background-size: 100%;} .card-slide .swiper.sns .swiper-slide dd.cate a.youtube::before {background: url(../img/sns-utube.png) no-repeat; background-size: 100%;} .card-slide .swiper.sns .swiper-slide dd.cate a.instagram::before {background: url(../img/sns-insta.png) no-repeat; background-size: 100%;} /*웹진 추가*/ .card-slide .swiper.webzine .swiper-slide dd.title,.card-slide .swiper.webzine .swiper-slide dd.title a {font-family: 'PretendardSB'; font-size: clamp(16px, 3vw, 19px); color: #282828; line-height: 1.4;} /**************** sub ****************/ .sub-container {float: left; width: 100%;} .sub-top {display: flex; justify-content: center; width: 100%; background: #f9f9f9 url(../img/sub-top-bg.png)no-repeat top right 50px; position: relative;} .sub-top h2 {text-align: center; font-family: 'PretendardB'; font-size: clamp(26px, 4vw, 55px); color: #282828; line-height: normal; display: flex; flex-direction: column; gap: 8px; padding: 105px 0;} .sub-top h2 p {font-family: 'PretendardM'; font-size: clamp(16px, 4vw, 22px);} .sub-inner {display: table; width: 1350px; margin: 130px auto 100px; overflow: hidden; position: relative;} .sub-tab {position: absolute; bottom: -36px; border-radius: 50px; display: flex; flex-wrap: wrap; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.1); overflow: hidden; z-index: 9999;} .sub-tab li {flex: auto;} .sub-tab li a {display: flex; align-items: center; justify-content: center; padding: 25px 70px; line-height: normal; text-align: center;} .sub-tab li,.sub-tab li a {font-family: 'PretendardM'; font-size: clamp(14px, 3vw, 20px); color: #282828;} .sub-tab li.on {background: #56C360;} .sub-tab li.on,.sub-tab li.on a {font-family: 'PretendardB'; font-size: clamp(14px, 3vw, 20px); color: #fff;} .sub-tab li:hover {background: #56C360; transition: all 0.3s;} .sub-tab li:hover a {font-family: 'PretendardB'; font-size: clamp(14px, 3vw, 20px); color: #fff;} .sub-tab2 {display: flex; flex-wrap: wrap; gap: 0 40px; justify-content: center; margin: 0 auto 100px;} .sub-tab2 li,.sub-tab2 li a{font-family: 'PretendardB'; font-size: clamp(16px, 3vw, 30px); color: #A4A4A4; line-height: 1.4;} .sub-tab2 li.on,.sub-tab2 li.on a {color: #282828;} .sub-tab2 li.on {border-bottom: 5px #56C360 solid;} .sub-tab3 {display: flex; flex-wrap: wrap; gap: 0 40px; justify-content: center; margin: 0 auto 100px;} .sub-tab3 li,.sub-tab3 li a{font-family: 'PretendardB'; font-size: clamp(16px, 3vw, 30px); color: #A4A4A4; line-height: 1.4;} .sub-tab3 li.on,.sub-tab3 li.on a {color: #282828;} .sub-tab3 li.on {border-bottom: 5px #56C360 solid;} .sub-title {font-family: 'PretendardB'; font-size: 40px; color: #000; text-align: center; margin-bottom: 50px; position: relative;} .sub-cont-wrap {float: left; width: 100%; margin-top: 30px;} .sub-cont-wrap .top-img {max-width: 1350px; height: 500px; border-radius: 20px; overflow: hidden; position: relative;} .sub-cont-wrap .top-img img {object-fit: cover; width: 100%!important; height: 100%;} .cont-box {background: #f9f9f9; padding: 30px 70px; border-radius: 20px; margin: 20px 0; display: table; margin: 0 auto;} .cont-list {display: flex; align-items: start; margin-bottom: 50px; padding-bottom: 50px; background: url(../img/sub-line.png) repeat-x bottom;} .cont-list dt {font-family: 'PretendardSB'; font-size: clamp(18px, 3vw, 26px); color: #282828; line-height: 1.4; width: 280px;} .cont-list dd {font-family: 'PretendardM'; width: 100%; max-width: 1070px; text-align: justify;} .cont-list .ref {font-family: 'Pretendard'; font-size: clamp(13px, 3vw, 17px); color: #666; line-height: 1.5;} .cont-list .list {display: flex; flex-wrap: wrap; gap: 15px;} .cont-list .list li {position: relative; /*display: flex;*/ flex-wrap: wrap; align-items: center; gap: 0 8px; width: 100%; line-height: 1.5; left: 15px; max-width: 1055px;} .cont-list .list li::before{content: "●"; position: absolute; top: 8px; left: -15px; font-size: 7px;} .cont-list .process {display: flex; flex-wrap: wrap; gap: 30px;} .cont-list .process li {display: flex; gap: 20px; width: 100%; flex-wrap: wrap;} .cont-list .process li .no {font-family: 'PretendardSB'; color: #02C73C; font-size: 25px; line-height: 1;} .cont-list .process li .tit {font-family: 'PretendardSB'; color: #282828; font-size: 20px; line-height: normal; min-width: 135px;} .cont-list .process li .ct {font-family: 'Pretendard'; color: #555; font-size: 17px; line-height: 1.7;} .biz .cont-list:last-child {margin-bottom: 0; padding-bottom: 0; background: none;} .biz2-1-award {display: grid; grid-template: repeat(2, 120px) / repeat(2, 50%); grid-auto-flow: dense;} .biz2-1-award .text {width: 720px;} .biz2-1-award .ref{width: 855px; display: flex; align-items: center;} .biz2-1-award .img{display: flex; justify-content: right;grid-column: 2 / span 2 !important; grid-row: 1 / span 2 !important;} .sub-table {overflow-x: auto; -webkit-overflow-scrolling: touch; } .sub-table table {border-collapse: collapse; border: none; /* 전체 외곽선 제거 */ border-top: 2px #ddd solid; position: relative; margin: 10px 0;} .sub-table table th {background: #F9F9F9;} .sub-table table td,.sub-table table th {border: 1px solid #ddd; /* 셀 내부선만 유지 */ padding: 15px 0; text-align: center; position: relative; line-height: 1.4;} .sub-table table.fix{table-layout: fixed; word-wrap:break-word;} .sub-table.td-left table td {text-align: left; padding: 15px!important;} .sub-table .text-left {text-align: left; padding: 15px} .sub-table .center {justify-content: center; align-items: center; text-align: center;} .sub-table table tr:first-child th {border-top: none;} .sub-table table tr td:first-child,.sub-table table tr th:first-child {border-left: none;} .sub-table table tr td:last-child,.sub-table table tr th:last-child {border-right: none;} .sub-table table .title span:empty {display: none;} .sub-table table td.cate,.sub-table table td .kija {white-space: nowrap;} /* 게시판 */ .bbs-table table td.no,.bbs-table table td.date,.bbs-table table td.name,.bbs-table table td.count {font-size: clamp(13px, 3vw, 17px); color: #666;} .swiper-biz-img {border-radius: 20px; overflow: hidden;} .swiper-biz-img .top-img{overflow:visible;} .swiper-biz-img .swiper-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1280px; display: flex; justify-content: space-between; z-index: 999999;} .swiper-biz-img .swiper-button-next, .swiper-biz-img .swiper-button-prev {width: 50px; height: 50px;} .swiper-biz-img .swiper-button-next:after, .swiper-biz-img .swiper-button-prev:after {text-indent: -99999px; display: flex; width: 50px; height: 50px; border-radius: 50%; background:#000 url(../img/ico-arrow-wh.png)no-repeat center; overflow: hidden; border: none;} .swiper-biz-img .swiper-button-next:after{opacity: 0.5;} .swiper-biz-img .swiper-button-next:hover:after{opacity: 0.6; transition: all 0.2s;} .swiper-biz-img .swiper-button-prev:after{opacity: 0.5; transform:rotate(-180deg);} .swiper-biz-img .swiper-button-prev:hover:after{opacity: 0.6; transition: all 0.2s;} .bbs-top {display: flex; width: 100%; color: #666; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;} .bbs-top div {display: flex; gap: 5px;} .bbs-bt-btn {display: flex; justify-content: space-between;} .bbs-bt-btn div {display: flex; gap: 5px;} .bbs-photo-list dl {display: flex; flex-direction: column; gap: 20px;} .bbs-photo-list dl dt {width: 100%; height: 181px;} .bbs-photo-list dl dt img {width: 100%; height: 100%; object-fit: cover;} .bbs-photo-list dl dd,.bbs-photo-list dl dd a {font-family: 'PretendardSB'; font-size: clamp(18px, 3vw, 24px); line-height: 1.2; color: #000;} .bbs-view-wrap .subject {font-family: 'PretendardSB'; color: #000;} .bbs-view-wrap .contents{font-family: 'Pretendard'; padding: 50px 0; font-size: clamp(16px, 3vw, 18px)!important; line-height: 1.6; text-align: left;} .bbs-view-wrap .contents img.center{margin: 0 auto;} .bbs-view-wrap .contents p,.bbs-view-wrap .contents span {font-family: 'Pretendard'!important;} .bbs-view-wrap .contents .bold {font-family: 'PretendardSB'!important;} .bbs-view-wrap .contents strong {font-family: 'PretendardSB'!important;} .bbs-view-wrap .contents h2 {font-family: 'PretendardB'!important; font-size: clamp(20px, 3vw, 28px);} .bbs-view-wrap .contents h4 {font-size: clamp(16px, 3vw, 18px);} .bbs-view-wrap .contents table {width: auto; font-size: clamp(16px, 3vw, 18px)!important; border: initial!important; border-collapse: initial;} .bbs-view-wrap .contents th{font-family: 'PretendardSB'!important; font-size: clamp(16px, 3vw, 18px)!important;} .bbs-view-wrap .contents td, .bbs-view-wrap .contents th {border: initial!important;} .bbs-view-wrap .contents td,.bbs-view-wrap .contents td a{font-family: 'Pretendard'!important; font-size: clamp(16px, 3vw, 18px)!important;} .bbs-view-wrap .contents .ip {font-family: 'Pretendard'!important; font-size: 14px!important; color: #888; margin-top: 50px;} .bbs-view-wrap .file {display: table-cell!important;} .bbs-view-wrap .file .fdawn_img {display: flex; align-items: center; gap: 5px;} .body_img_table.body_img_center {margin: 0 auto;} .village_table tr {height: 50px;} .mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: none !important;} .body_img_caption {display: none;} /*page nav*/ .page-nav {display: flex; width: 100%; max-width: 1350px; height: 70px; margin: 0 auto; align-items: center; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; position: relative;} .page-nav::before {content: ""; width: 100vw; height: 70px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; position: absolute; top: -1px; left: 50%; transform: translate(-50%, 0); box-sizing: border-box; z-index: -99999;} .page-nav li {display: flex; height: 100%; position: relative;} .page-nav li a {display: flex; min-width: 76px; height: 100%; align-items: center; padding: 0 30px; border-left: 1px #e5e5e5 solid; gap: 15px;} .page-nav li:last-child a {border-right: 1px #e5e5e5 solid; font-family: 'PretendardB';} .page-nav li a::after {content: ""; background: url(../img/ico-arrow.png) no-repeat; transform: rotate(90deg); width: 8px; height: 14px; opacity: 0.3; margin: 3px;} .page-nav li,.page-nav li a {font-family: 'Pretendard'; font-size: clamp(13px, 3vw, 16px); color: #282828; line-height: normal;} .page-nav li.home a {text-indent: -999999px; background: url(../img/ico-home.png) no-repeat center;} .page-nav li.home a::after {display: none;} .dropdown-toggle.active::after {transform: rotate(-90deg); opacity: 0.5; transition: all .2s;} .page-nav-menu {display: none; position: absolute; top: 69px; width: 100%; height: 100%; z-index: 99999999; animation: slide-down 0.3s;} .page-nav-menu li::after {content: ""; border-right: 1px #e5e5e5 solid; position: absolute; right: -1px; width: 100%; height: 100%; z-index: -1;} .page-nav-menu li a {display: table; width: 100%; height: auto; gap: 0; border-left: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #fff; line-height: 1.4; padding: 0 10px; text-align: center; font-family: 'Pretendard'!important;} .page-nav-menu li a span {display: table-cell; vertical-align: middle;} .page-nav-menu li a::after {display: none;} .page-nav-menu li a:hover {background: #f9f9f9;} .page-nav-menu li:last-child a {border-right: none} .page-nav li:last-child .page-nav-menu li::after {border-right: none;} .page-nav li:last-child .page-nav-menu li:last-child a {border-right: 1px #e5e5e5 solid;} /*연도 슬라이드*/ .swiper-year {max-width: 1250px; position: relative; text-align: center;} .swiper-year .swiper-wrapper{max-width: 1350px; justify-content: start; gap: initial; margin: 0 auto 5px; flex-wrap: nowrap!important;} .swiper-year .swiper-wrapper li.on {border-bottom: none;} .swiper-year .swiper-wrapper li.on a{border-bottom: 5px #56C360 solid; padding-bottom: 3px;} .year-tab {position: relative; margin: 0 auto 100px;} .year-tab .swiper-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1350px; display: flex; justify-content: space-between;} /* 자주하는 질문 */ .biz-qna {display: flex; flex-direction: column; gap: 30px;} .biz-qna table tr {cursor: pointer;} .biz-qna table th {align-items: center;} .biz-qna table td {line-height: 1.6;} .biz-qna table th,.biz-qna table td {text-align: left; padding: 20px; display: flex; gap: 10px;} .biz-qna table th::before,.biz-qna table td::before {width: 30px; height: 30px; min-width: 30px; min-height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px;} .biz-qna table th::before {content: "Q"; background: #56C360; color: #fff;} .biz-qna table td::before {content: "A"; background: #F36060; color: #fff;} /* 재단 소개 */ .greeting-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;} .greeting-text {width: 60%; text-align: justify; display: flex; flex-wrap: wrap;} .greeting-text .title {font-family: 'PretendardB'; font-size: clamp(20px, 3vw, 38px); line-height: 1.4; margin-bottom: 30px;} .greeting-text .sign {display: flex; width: 100%; justify-content: end; align-items: center; gap: 10px;} .greeting-text .sign span{font-size: clamp(18px, 3vw, 24px);} .greeting-img {width: 450px; height: 500px; border-radius: 20px;} .greeting-img img {width: 100%; height: 100%; object-fit: cover;} .intro1-1 .top-img h3{position: absolute; left: 50px; top: 50%; transform: translate(0, -50%); background: rgba(255,255,255,0.9); padding: 60px 40px; letter-spacing: -0.02em; font-family: 'Pretendard';} .intro1-1 .top-img h3 span {font-family: 'PretendardSB';} .intro1-3 .vision h4{border: 8px #FFA632 solid; border-radius: 50px; padding: 20px; text-align: center; position: relative;} .intro1-3 .vision .vision-bg {width: 80px; height: 81px; background: url(../img/vision-bg.png)no-repeat center; margin: 20px auto;} .ci-box .type {display: flex; flex-direction: column;} .ci-box .image-box {border: 1px #ddd solid; margin: 20px 0; display: flex; align-items: center; justify-content: center; height: 300px;} .ci-box .image-box img {width: 500px; height: auto;} .ci-box .btn {background: #f9f9f9; border: 1px #ddd solid; padding: 15px; font-size: clamp(15px, 3vw, 18px); text-align: center;} .ci-box .btn:hover {background: #56C360; filter: none; color: #fff; transition: all 0.32s;} .history-list {display: flex; flex-wrap: wrap; gap: 50px;} .history-list .list {display: flex; gap: 80px; background: url(../img/sub-line.png) repeat-x bottom; width: 100%; padding-bottom: 50px; line-height: normal;} .history-list .list:last-child {background: none;} .history-list .list .year{font-family: 'PretendardB'; font-size: clamp(21px, 3vw, 36px); line-height: 1;} .history-list .list ul {display: flex; flex-direction: column; gap: 30px;} .history-list .list li {display: flex; gap: 50px; line-height: 1.6;} .history-list .list li .date {min-width: 70px; font-family: 'PretendardSB'; font-size: clamp(15px, 3vw, 20px);} .history-list .list li .txt {display: flex; flex-direction: column; gap: 5px;} .site-list {display: flex; flex-wrap: wrap; gap: 30px;} .site-list a {display: flex; flex-direction: column; gap: 30px; border: 4px transparent solid; border-radius: 30px; padding: 25px; position: relative; overflow: hidden; transition: all 0.3s;} .site-list a::before {content: ""; border: 1px #ddd solid; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; background: url(../img/btn-home.png) no-repeat bottom 35px right 35px; box-sizing: border-box;} .site-list .thumb {width: 100%; max-height: 250px; border-radius: 20px; overflow: hidden;} .site-list .thumb img{width: 100%; height: auto; object-fit: cover;} .site-list .title {font-family: 'PretendardSB'; font-size: clamp(16px, 3vw, 28px); line-height: 1.4; color: #000;} .site-list .map {font-family: 'PretendardM'; font-size: clamp(12px, 3vw, 16px); color: #666; display: flex; gap: 5px; align-items: center; margin-top: auto;} .site-list a:hover {border: 4px #56C360 solid; transition: all 0.3s;} .site-list a:hover .thumb img {transform: scale(1.1);} .root_daum_roughmap .cont {display: none;} /*체험 신청*/ .sub-top.apply::before {content: ""; background: #fff; width: 100%; height: 42%; position: absolute; bottom: 0;} .apply-main-wrap {display: flex; width: 1600px; margin: 80px auto; gap: 50px;} .apply-main-wrap .apply-box {width: 100%; height: 710px; border-radius: 50px; position: relative; padding: 70px; background-size: cover !important;} .apply-main-wrap .apply-box.nongchon {background: url(../img/apply-bg-nongchon-2026.jpg)no-repeat;} .apply-main-wrap .apply-box.chungchon {background: url(../img/apply-bg-chungchon-2026.jpg)no-repeat;} .apply-main-wrap .apply-box dl {display: flex; flex-direction: column; gap: 15px; background: rgba(255,255,255,84%); border-radius: 30px 30px 100px; overflow: hidden; padding: 40px;} .apply-main-wrap .apply-box dt {display: flex; flex-direction: column; gap: 7px; font-family: 'JalnanGothic'; font-size: 60px; line-height: normal;} .apply-main-wrap .apply-box dt .year {font-size: 44px;} .apply-main-wrap .apply-box dd {font-family: 'PretendardM'; font-size: 17px; color: #444; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all;} .apply-main-wrap .apply-box::after {content: ""; background: url(../img/box-round.png)no-repeat bottom right; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: 999999;} .apply-main-wrap .apply-box .btn {text-indent: -99999px; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .apply-main-wrap .apply-box .btn a {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999999;} .apply-main-wrap .apply-box .btn::after {content: ""; width: 105px; height: 105px; border-radius: 30px; position: absolute; right: 0; bottom: 0; z-index: 9999999;} .apply-main-wrap .apply-box .btn:hover {filter:none;} .apply-main-wrap .apply-box .btn:hover::after{filter: saturate(2); transition: all .3s;} .apply-main-wrap .apply-box:hover {transform: scale(1.02); transition: all .2s;} .apply-main-wrap .apply-box:hover::after {right: -1px; bottom: -1px;} .apply-main-wrap .apply-box.nongchon .btn::after {background: #F36060 url(../img/ico-arrow-apply.png)no-repeat center; background-size: 53px;} .apply-main-wrap .apply-box.chungchon .btn::after {background: #FFA632 url(../img/ico-arrow-apply.png)no-repeat center; background-size: 53px;} .sub-top .apply-intro {display: flex; justify-content: center; width: 100%; padding: 0; background-size: cover!important; z-index: 1;} .sub-top .apply-intro.chungchon {background: url(../img/sub-bg-chungchon-intro-2026.jpg) no-repeat center;} .sub-top .apply-intro.nongchon {background: url(../img/sub-bg-nongchon-intro-2026.jpg) no-repeat center;} .sub-top .apply-intro dl {display: flex; flex-direction: column; gap: 35px; width: 850px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 500px 500px; text-align: center; padding: 120px 100px 220px; margin-bottom: 200px; z-index: 999999;} .sub-top .apply-intro dt {display: flex; flex-direction: column; gap: 20px; font-family: 'JalnanGothic'; line-height: normal; position: relative;} .sub-top .apply-intro dt .year {font-size: clamp(24px, 4vw, 60px);} .sub-top .apply-intro dt .year span{font-size: clamp(18px, 4vw, 30px);} .sub-top .apply-intro dt .mask {mask-image: url(../img/mask-star.png); mask-size: contain; width: 36px; height: 36px; position: absolute;} .sub-top .apply-intro.nongchon dt .mask1 {background: #FFB3B4; top: 33px; left: 44px; transform: rotate(75deg);} .sub-top .apply-intro.nongchon dt .mask2 {background: #F9D547; top: -28px; right: 55px; transform: rotate(95deg);} .sub-top .apply-intro.nongchon dt .mask3 {background: #FFA632; top: 47px; right: -15px; transform: rotate(100deg);} .sub-top .apply-intro.chungchon dt .mask1 {background: #FEDA78; top: 8px; left: 160px; transform: rotate(75deg);} .sub-top .apply-intro.chungchon dt .mask2 {background: #9DE5FF; top: -28px; right: 185px; transform: rotate(110deg);} .sub-top .apply-intro.chungchon dt .mask3 {background: #BDEA51; bottom: 10px; right: -6px;} .sub-top .apply-intro dt .title {font-size: clamp(30px, 4vw, 80px); white-space: nowrap;} .sub-top .apply-intro.chungchon dt {gap: 0;} .sub-top .apply-intro.chungchon dt .title {font-size: 110px;} .sub-top .apply-intro dd {font-family: 'Pretendard'; color: #282828; word-break: keep-all;} .sub-top .apply-intro dd b{font-family: 'PretendardSB';} .sub-top .apply {padding: 0; background-size: cover!important; display: flex; width: 1600px; height: 500px; margin: 20px auto 0; justify-content: center; border-radius: 20px; z-index: 1;} .sub-top .apply.chungchon{background: url(../img/sub-bg-chungchon.jpg) no-repeat center;} .sub-top .apply.nongchon {background: url(../img/sub-bg-nongchon.jpg) no-repeat center;} .sub-top .apply dl {display: flex; flex-direction: column; justify-content: center; width: 670px; height: 380px; background: rgba(255, 255, 255, 0.9); border-radius: 0 0 670px 670px; padding-bottom: 65px; text-align: center;z-index: 999999;} .sub-top .apply dt {display: flex; flex-direction: column; gap: 10px; font-family: 'JalnanGothic'; line-height: normal; position: relative;} .sub-top .apply dt .year {font-size: 50px;} .sub-top .apply dt .year span{font-size: clamp(14px, 2vw, 30px);} .sub-top .apply dt .mask {mask-image: url(../img/mask-star.png); mask-size: contain; width: 25px; height: 25px; position: absolute;} .sub-top .apply.nongchon dt .mask1 {background: #FFB3B4; top: 30px; left: 75px; transform: rotate(75deg);} .sub-top .apply.nongchon dt .mask2 {background: #F9D547; top: -20px; right: 90px; transform: rotate(95deg);} .sub-top .apply.nongchon dt .mask3 {background: #FFA632; top: 50px; right: 65px; transform: rotate(100deg);} .sub-top .apply.chungchon dt .mask1 {background: #FEDA78; top: 15px; left: 150px; transform: rotate(75deg);} .sub-top .apply.chungchon dt .mask2 {background: #9DE5FF; top: -20px; right: 156px; transform: rotate(110deg);} .sub-top .apply.chungchon dt .mask3 {background: #BDEA51; bottom: 22px; right: 38px;} .sub-top .apply dt .title {font-size: clamp(22px, 4vw, 60px);} .sub-top .apply.chungchon dl {width: 540px; border-radius: 0 0 300px 300px; padding-bottom:40px} .sub-top .apply.chungchon dt {gap: 0;} .sub-top .apply.chungchon dt .title {font-size: 80px;} .sub-top .apply dd {display: none;} .sub-top .apply::after {background: #fff; width: 100%; height: 40%; position: absolute; bottom: 0; z-index: 0;} .sub-apply .cont-list dt {display: flex; /*gap: 13px;*/ align-items: center;} .sub-apply .cont-list dt::before {/*content: "";*/ mask-image: url(../img/mask-star.png); mask-size: contain; width: 18px; height: 18px; } .sub-apply.chungchon .cont-list dt::before {background: #FFA632;} .sub-apply.nongchon .cont-list dt::before{background: #F36060;} .sub-apply .nongchon3-5.top {background: url(../img/img_join5_img1_2025.png) no-repeat right bottom; border: 5px #A3725A solid;} .sub-apply .chungchon3-5.top{background: url(../img/img_join5_img1_2025.png) no-repeat right bottom; border: 5px #A3725A solid;} .apply-program {align-items: center;} .apply-program .thumb{width: 300px; height: 180px; overflow: hidden; border-radius: 15px; overflow: hidden;} .apply-program .thumb img {width: 100%; height: 100%; object-fit: cover;} .apply-program .text {max-width: 1020px;} .apply-place .top .thumb {width: 50%; height: auto; max-height: 415px;} .apply-place .top .thumb img {width: 100%; height: 100%; object-fit: cover;} .apply-place .top .text {width: 575px; display: flex ; flex-direction: column; justify-content: space-between; text-align: justify;} .apply-place .top .text ul {display: flex; flex-wrap: wrap; justify-content: space-between;} .apply-place .top .text li.border{background: url(../img/sub-line.png) repeat-x bottom; border: none; width: 100%; height: 1px;} .apply-place .top .text b {width: 80px; display: inline-flex;} .apply-place .thumb{width: 100%; height: 250px; overflow: hidden; border-radius: 15px; overflow: hidden; margin-bottom: 20px;} .apply-place .thumb img {width: 100%; height: 100%; object-fit: cover;} .pro-list {display: flex; flex-wrap: wrap; gap: 30px;} .pro-list a {display: flex; flex-direction: column; gap: 30px; border: 4px transparent solid; border-radius: 30px; padding: 25px; position: relative; overflow: hidden; transition: all 0.3s;} .chungchon .pro-list a {width: calc((100% - 30px) / 2);} .nongchon .pro-list a {width: calc((100% - 60px) / 3);} .pro-list a::before {content: ""; border: 1px #ddd solid; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; background: url(../img/btn-home.png) no-repeat bottom 35px right 35px; box-sizing: border-box;} .pro-list .thumb {width: 100%; border-radius: 20px; overflow: hidden;} .pro-list .thumb img{width: 100%; height: 100%; object-fit: cover;} .chungchon .pro-list .thumb {height: 350px;} .nongchon .pro-list .thumb {height: 250px;} /*참가신청*/ .apply-table .pro-list .title {font-family: 'PretendardSB'; font-size: clamp(16px, 3vw, 28px); line-height: 1.4; color: #000;} .pro-list .map {font-family: 'PretendardM'; display: flex; gap: 5px; align-items: center; margin-top: auto;} .pro-list .map::before {content: ""; background: url(../img/ico-map.png)no-repeat center; width: 16px; height: 20px; background-size:cover} .pro-list a:hover {border: 4px #56C360 solid; transition: all 0.3s;} .pro-list a:hover::before{border: none; background: url(../img/btn-home-on.png) no-repeat bottom 35px right 35px;} .pro-list a:hover .thumb img {transform: scale(1.1);} .pro-list a:hover .map {font-family: 'PretendardSB'; color: #56C360;} .pro-list a:hover .map::before{background: url(../img/ico-map-on.png)no-repeat center;} /* 연간보고서 */ .report-tb {display: flex; width: 900px; margin: 0 auto; justify-content: center;} .report-tb th,.report-tb td {padding: 50px!important;} .report-tb th img {width: 250px;} .report-tb td .eng-title{font-family: 'PretendardSB'; font-size: clamp(14px, 3vw, 24px); color: #888;} .report-tb td .title {font-family: 'PretendardB'; font-size: clamp(24px, 3vw, 44px);} .report-tb td .content {margin: 50px 0;} .report-tb td .content span{font-family: 'PretendardB'; color: #56C360;} .report-tb td .data-btn {display: flex; justify-content: center;} .report-tb td .data-btn .btn {border-radius: 50px; background: #56C360; color: #fff; gap: 5px;} .report-tb td .data-btn .btn span {color: yellow;} /* 발간도서 */ .book-list li {display: flex; flex-direction: column; gap: 20px;} .book-list li .thumb {width: 100%; height: 300px; border: 1px #ddd solid; box-sizing: border-box; overflow: hidden;} .book-list li .thumb img {width: 100%; height: 100%; object-fit: contain;} .book-list li .title-area {display: flex; flex-direction: column; gap: 10px;} .book-list li .title {font-family: 'PretendardSB'; font-size: clamp(18px, 3vw, 24px); line-height: 1.2; color: #000;} .book-list li .writer {font-family: 'PretendardM'; font-size: clamp(13px, 3vw, 16px); line-height: 1.2; color: #666;} .book-info-wrap {margin-top: 50px; padding-top: 50px; border-top: 1px #ddd solid;} .book-info-wrap .info-top {display: flex; gap: 30px; background: #f9f9f9; border-radius: 20px; padding: 30px;} .book-info-wrap .info-top .thumb {width: 150px; height: auto; border: 1px #ddd solid; box-sizing: border-box; overflow: hidden;} .book-info-wrap .info-top .thumb img {width: 100%; height: 100%; object-fit: contain; display: block;} .book-info-wrap .info-top .title-area {display: flex; flex-direction: column; width: 100%;} .book-info-wrap .info-top .cate {font-family: 'PretendardSB'; font-size: clamp(14px, 3vw, 19px); color: #56C360;} .book-info-wrap .info-top .title {font-family: 'PretendardB'; font-size: clamp(20px, 3vw, 32px); color: #000;} .book-info-wrap .info-top dl {margin-top: auto;} .book-info-wrap .info-top dt {float: left; font-family: 'PretendardSB'; margin-right: 5px;} .book-info-wrap .info-top .writer {font-family: 'PretendardM'; font-size: clamp(13px, 3vw, 16px); color: #666;} .book-info-wrap .info-txt {margin-top: 30px; text-align: justify;} /*통합검색*/ .search-wrap {display: flex; justify-content: center;} .search-wrap .input-group {display: flex; align-items: center; border: 4px #56C360 solid; border-radius: 20px; overflow: hidden;} .search-wrap .input-group div {display: flex; justify-content: stretch; align-items: center; height: 100%;} .search-wrap .input-group .form-control {display: flex; justify-content: stretch; height: 100%;} .search-wrap .input-group select, .search-wrap .input-group input, .search-wrap .input-group textarea {border-radius: 0; border:none;} .search-wrap .input-group button {display: flex; text-indent: -99999em; color: transparent; border-radius: 0; padding: 15px;} .search-wrap .input-group button span {display: none;} .search-wrap .input-group button::before {content: ""; width: 29px; height: 29px; mask-image: url(../img/btn-search.png); mask-size: contain; background: #fff;} .result-wrap {display: flex; flex-direction: column; justify-content: center; width: 1350px;} .result-top {display: flex; align-items: end; justify-content: space-between; border-bottom: 1px #333 solid; padding: 25px 0; margin-top: 50px; margin-bottom: 25px;} .result-top .title {font-family: 'PretendardB'; font-size: clamp(18px, 3vw, 25px);} .result-top .title strong {color: #56C360;} .result-top .page {font-family: 'Pretendard'; font-size: clamp(14px, 3vw, 16px); color: #666;} .result-top .page {color: #000;} .result-box {display: flex; margin-bottom: 25px; padding-bottom: 25px;background: url(../img/sub-line.png) repeat-x bottom;} .result-box li {display: flex; flex-wrap: wrap; gap: 5px;} .result-box .cate {font-family: 'PretendardSB'; border: 1px #ccc solid; border-radius: 5px; padding: 2px 10px 0; font-size: clamp(14px, 3vw, 16px);} .result-box .cate:empty {display: none;} .result-box .tit {font-family: 'PretendardSB'; font-size: clamp(16px, 3vw, 21px); color: #333; width: 100%;} .result-box .cont {width: 100%; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: auto; text-overflow: ellipsis; overflow: hidden;} .result-box .cont, .result-box .cont a{font-family: 'Pretendard'; font-size: clamp(15px, 3vw, 17px); line-height: 1.5; color: #555;} .result-box .date {margin-top: auto; font-family: 'Pretendard'; font-size: clamp(14px, 3vw, 14px); color: #666;} .result-wrap .result-box a:hover {text-decoration: underline!important;} /*입력폼*/ /* form-control */ .form-control {cursor: pointer; border: none; font-size: clamp(14px, 3vw, 17px); font-family: 'Pretendard'; color: #555;} .form-control::placeholder {color: #555; font-size: clamp(16px, 3vw, 17px); font-family: 'Pretendard';} .form-control:hover {border-color: #56C360; transition: all 0.3s;} .input-group select {appearance: none; background: #fff url(../img/ico-arrow-bt.png) no-repeat right 20px center; min-width: 100px; max-height: 53px;} .input-group select,.input-group input,.input-group textarea {border-radius: 10px; border: 1px #ddd solid; padding: 15px;} .input-group textarea {height: 100%; min-height: 220px;} /*paging*/ .page-limit,.page_limit,.page_view {display: flex; justify-content: center; align-items: center; overflow-x: auto;} .paging {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;} .paging a,.paging strong {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: clamp(14px, 3vw, 18px);} .paging a:hover {background: #f7f7f7; padding: 5px; border-radius: 5px;} .paging a.l-page {font-family: 'PretendardSB';} .paging strong{color: #fff; background: #56C360; font-family: 'PretendardSB'; padding: 5px; border-radius: 5px;} .paging a.pre,.paging a.next {text-indent: -99999em; color: transparent;} .paging a.pre img, .paging a.next img {display: none;} .paging a.pre::before {content: "";background: url(../img/ico-arrow.png)no-repeat center; transform: rotate(180deg); width: 8px; height: 14px; z-index: 999999;position: absolute;} .paging a.next::before {content: "";background: url(../img/ico-arrow.png)no-repeat center; width: 8px; height: 14px; z-index: 999999;position: absolute;} .swiper-year-data .swiper-slide {width: auto;} /**************** footer ****************/ #footer {float: left; width: 100%; padding: 50px 0; background: #4c4c4c;} .footer-wrap {display: flex; width: 1350px; margin: 0 auto; gap: 80px;} .footer-logo {float: left; background: url(../img/logo-bt.png) no-repeat; width: 186px; height: 33px;} .footer-info .footer-link ul {display: flex; gap: 20px; margin-bottom: 25px;} .footer-info .footer-link li,.footer-info .footer-link li a {font-family: 'PretendardSB'; font-size: clamp(14px, 3vw, 16px); color: #c7c7c7;} .footer-info .footer-link li:first-child:before {display: none;} .footer-info .footer-link li::before{content: "｜"; font-family: 'PretendardT'; font-size: 16px; color: #c5c5c5; padding-right: 20px;} .footer-info .copyright,.footer-info .copyright a {font-family: 'Pretendard'; font-size: clamp(13px, 3vw, 15px); line-height: 1.6; color: #c5c5c5;} .footer-info .copyright span {font-size: clamp(12px, 3vw, 14px); letter-spacing: 0;}