body { display:flex; min-height:100vh; flex-direction: column; overflow-x:hidden;}
body > .contWrap {flex:1;}
body {font-family:"Pretendard Variable", Pretendard, sans-serif, "Malgun Gothic", 돋움, Dotum; color:#111; font-size:16px; word-break:keep-all;}
/* ul {list-style-type:none} */
i,em {font-style:normal;}
/* dl,ol,ul {margin-bottom:0;} */
a {color:#111; text-decoration:none;}
nav a:hover {text-decoration:none;}
h1,h2,h3 {font-family:"Noto Sans KR",;}
ul.list-dot li {padding-bottom:10px;}
ul.list-dot li::marker {unicode-bidi:isolate; font-variant-numeric:tabular-nums; text-transform:none; text-indent:0!important; text-align:start!important; text-align-last:start!important;}
ul.list-hyp li {padding-bottom:7px;}
ul.list-hyp li::marker {content:"- ";}
ul.list-dot,ul.list-hyp {padding-left:20px;}
.col_yellow {color:#e3911d;}
.col_blue {color:#29a1f7;}
.col_green {color:#008761;}
input {appearance:none; -webkit-appearance:none; }
input:focus {outline-color:#999;}
.scrollOff {overflow:hidden;}

.btn-circle {position:absolute; top:calc(50% - 15px); transform:translateY(-50%); right:0; margin:0; width:26px; height:26px; font-size: 16px; background: #4a9bed; border-radius: 50px; color:#fff; text-align:center;}
.btn-circle i {line-height:26px; font-size:16px;}
.btn-circle:hover {background: #1e83e5;}
@media (min-width:1024px) {
	.btn-circle {top:calc(50% - 18px); width:32px; height:32px;}
	.btn-circle i {line-height:32px; font-size:20px;}
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:996; background:#727272; width:40px; height:40px; border-radius:50px; transition:all .4s;}
.back-to-top i {font-size:28px; color:#fff; line-height:0;}
.back-to-top:hover {background:#333; color:#fff;}
.back-to-top.active {visibility:visible; opacity:1;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden; background:#fff;}
#preloader:before {content:""; position:fixed; top:calc(50% - 30px); left:calc(50% - 30px); border:6px solid #49b5e7; border-top-color:#fff; border-bottom-color:#fff; border-radius:50%; width:60px; height:60px; animation:animate-preloader 1s linear infinite;}
@keyframes animate-preloader {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width:768px) {
	[data-aos-delay] {transition-delay:0 !important;}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background:#fff; transition:all .5s; z-index:997; border-bottom:1px solid #eee; box-shadow:0 0 18px rgba(55,66,59,0.08); padding:15px 0;}
#header .logo {font-size:30px; line-height:1; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin:0; padding:0;}
#header .logo a {display:block; color:#49b5e7;}
#header .logo img {max-height:48px;}
@media (max-width:768px) {
	#header {padding:10px 0;}
	#header .logo img {max-height:40px;}
}
/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn-base {overflow:hidden; display:inline-block; font-size:16px; color:#fff; border-radius:5px; white-space:nowrap; transition:.3s; padding:6px 20px; vertical-align:middle; line-height:1.2;}
.btn-base:focus, .btn-base:hover {border-color:unset; box-shadow:unset;}
.btn-base:hover {position:relative; color:#fff;}
.btn-blue {background:#54b8ff;}
.btn-blue:hover {background:#29a1f7;}
.btn-gray {background:#a1a1a1;}
.btn-gray:hover {background:#969696;}
@media (max-width:768px) {
	.btn {margin:0 15px 0 0; padding:6px 18px;}
}
@media (min-width:1024px) {
	.btn-lg {padding:10px 50px; font-size:18px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar {padding:0;}
.navbar ul {display:flex; list-style:none; align-items:center; margin:0; padding:0;}
.navbar li {position:relative;}
.navbar a,.navbar a:focus {display:flex; align-items:center; justify-content:space-between; font-size:18px; font-weight:500; color:#37423b; white-space:nowrap; transition:.3s; padding:10px 0 0 30px;}
.navbar a i,.navbar a:focus i {font-size:12px; line-height:0; margin-left:5px;}
.navbar .dropdown ul {display:block; position:absolute; left:30px; top:calc(100% + 30px); z-index:99; opacity:0; visibility:hidden; background:#fff; box-shadow:0 0 30px rgba(127,137,161,0.25); transition:.3s; border-radius:4px; margin:0; padding:10px 0;}
.navbar .dropdown ul li {min-width:200px;}
.navbar .dropdown ul a {font-size:14px; text-transform:none; font-weight:500; padding:10px 20px;}
.navbar .dropdown ul a i {font-size:12px;}
.navbar .dropdown:hover>ul {opacity:1; top:100%; visibility:visible;}
.navbar .dropdown .dropdown ul {top:0; left:calc(100% - 30px); visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity:1; top:0; left:100%; visibility:visible;}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a,.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a {color:#1e83e5;}
@media (max-width:1366px) {
	.navbar .dropdown .dropdown ul {left:-90%;}
	.navbar .dropdown .dropdown:hover>ul {left:-100%;}
}
/* Mobile Navigation */
.mobile-nav-toggle {color:#37423b; font-size:28px; cursor:pointer; display:none; line-height:0; transition:.5s;}
.mobile-nav-toggle.bi-x {color:#fff;}
@media (max-width:991px) {
	.mobile-nav-toggle {display:block;}
	.navbar ul {display:none;}
}
.navbar-mobile {position:fixed; overflow:hidden; top:0; right:0; left:0; bottom:0; background:rgba(32,38,34,0.9); transition:.3s; z-index:999;}
.navbar-mobile .mobile-nav-toggle {position:absolute; top:15px; right:15px;}
.navbar-mobile ul {display:block; position:absolute; top:55px; right:15px; bottom:15px; left:15px; border-radius:6px; background-color:#fff; overflow-y:auto; transition:.3s; padding:10px 0;}
.navbar-mobile a,.navbar-mobile a:focus {font-size:15px; color:#37423b; padding:10px 20px;}
.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus {margin:15px;}
.navbar-mobile .dropdown ul {position:static; display:none; z-index:99; opacity:1; visibility:visible; background:#fff; box-shadow:0 0 30px rgba(127,137,161,0.25); margin:10px 20px; padding:10px 0;}
.navbar-mobile .dropdown ul li {min-width:200px;}
.navbar-mobile .dropdown ul a {padding:10px 20px;}
.navbar-mobile .dropdown ul a i {font-size:12px;}
.navbar-mobile .dropdown>.dropdown-active {display:block;}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a {color:#49b5e7;}

/*--------------------------------------------------------------
# 메인 :비주얼 배너
--------------------------------------------------------------*/
#mainSlider {padding-top:78px; width:100%; position:relative; user-select:none;}
#mainSlider .swiper {z-index:0;}
#mainSlider .swiper img {width:100%;}
#mainSlider .container {padding-top:72px;}
#mainSlider h1 {margin:0; font-size:48px; font-weight:700; line-height:70px; color:#fff; font-family:"SOYOMaple";}
#mainSlider h2 {color:#eee; margin:10px 0 0 0; font-size:24px;}
#mainSlider .btn-get-started {font-weight:500; font-size:15px; letter-spacing:1px; display:inline-block; padding:10px 35px; border-radius:50px; transition:0.5s; margin-top:30px; border:2px solid #fff; color:#fff; background:rgba(180,174,150,.7);}
#mainSlider .btn-get-started:hover {background:#49b5e7; border:2px solid #49b5e7;}
#mainSlider .msLink {position:absolute; top:0; left:0; width:100%; height:100%;}
#mainSlider .swiper-button-next, #mainSlider .swiper-button-prev {width:50px; height:50px;}
#mainSlider .swiper-button-next::after, #mainSlider .swiper-button-prev::after {content:none;}
#mainSlider .swiper-button-prev {left:50px; transform:rotate(180deg); background:url(../img/main/swiper_next.png) no-repeat 50% 0 / auto 100%;}
#mainSlider .swiper-button-next {right:50px; background:url(../img/main/swiper_next.png) no-repeat 50% 0 / auto 100%;}
@media (max-width:767px) {
	#mainSlider .swiper-button-next, #mainSlider .swiper-button-prev {display:none;}
}
@media (max-width:768px) {
	#mainSlider {padding-top:60px;}
	#mainSlider h1 {font-size:28px; line-height:36px;}
	#mainSlider h2 {font-size:18px; line-height:24px;}
}
@media (max-width:992px) {
	#mainSlider .container {padding-top:62px;}
}
@media (max-width:1024px) {
	#mainSlider .swiper-button-next, #mainSlider .swiper-button-prev {width:2.04rem; height:1.6rem;}
	#mainSlider .swiper-button-prev {left:0;}
	#mainSlider .swiper-button-next {right:0;}
}
@media (min-width:1024px) {
	#mainSlider .swiper-pagination-bullets.swiper-pagination-horizontal span {position:relative;}
	#mainSlider .swiper-pagination-bullets.swiper-pagination-horizontal span:last-child::after {
		content:''; position:absolute; left:20px; top:-5px; width:20px; height:20px;
		background:url(../img/main/ico_pause.png) no-repeat 50% 50% / 100% auto;
		cursor:default;
	}
	#mainSlider:hover .swiper-pagination-bullets.swiper-pagination-horizontal span:last-child::after {
		background-image:url(../img/main/ico_play.png);
	}
}

/*--------------------------------------------------------------
# 메인 :공통
--------------------------------------------------------------*/
#main {position:relative; margin-bottom:120px; background-color:#fff;}

/*--------------------------------------------------------------
# section :공통
--------------------------------------------------------------*/
#main section {margin:60px 0 0;}
#main .section-title {position:relative; padding-bottom:30px;}
#main .section-title p {margin:0; margin:0; font-size:1.4rem; font-weight:500; text-transform:uppercase; color:#333; letter-spacing:-1.5px; text-align:center;}
#main .section-title p i {display:inline-block; margin-right:5px; width:1.76rem; height:1.84rem; line-height:0; vertical-align:baseline;}
#main .section-title p i img {width:100%;}
#main .section-title p b {position:relative; z-index:1; margin-left:5px; font-weight:800; white-space:nowrap; color:#000000;}
#main .section-title p b::before { content:''; position:absolute; width:99%; left:0; bottom:1px; z-index:-1; border-top:0.8rem solid #bde0ff;}
#main .section-title p b.green::before {border-top-color:#c2ebad;}
#main .section-title p b.orange::before {border-top-color:#ffdcc6;}
#main .section-title p b.purple::before {border-top-color:#d4d1fd;}
@media (min-width:590px) {
	#main .section-title p {font-size:28px;}
}
@media (min-width:1024px) {
	#main section {margin:100px 0 0;}
	#main .section-title {padding-bottom:38px;}
	#main .section-title p {font-size:36px; text-align:left;}
	#main .section-title p i {width:42px; height:50px;}
	#main .section-title p b { margin-left:10px;}
}
/*--------------------------------------------------------------
# 메인 : 소개
--------------------------------------------------------------*/
.about .hVideoWrap {overflow:hidden; position:relative; top:0; left:0; padding-top:56.2%; width:100%; background:#000 url('https://vkorea.or.kr/hellosociety/img/youtube_thumb.jpg') no-repeat 50% 0 / 100% auto;}
.about .hVideoWrap .hVideo {position:absolute; top:-1px; left:0; width:100%; height:100%;}
.about .hVideoWrap .hVideo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.about .content .cont {background:#f1f1f1; padding:20px; height :100%;}
.about .content .cont h5 {line-height:1.7; font-size:16px; word-break:normal;}
.about .content .ttl img {width:100%;}
.about .content h3 {font-weight:600; font-size:26px;}
.about .content ul {list-style:none; padding:0;}
.about .content ul li {padding-bottom:10px;}
.about .content ul i {padding-right:4px; font-size:20px; color:#49b5e7;}
@media (min-width:1024px) {
	.about .content .cont h5 {font-size:18px;}
}
@media (min-width:1200px) {
	.about .content .cont {padding:50px;}
}
@media (min-width:1400px) {
	.about .content .cont {background-image:url('../img/main/logo_campaign.png'); background-repeat:no-repeat; background-position:50% 90%; background-size:35% auto;}
}

/*--------------------------------------------------------------
# 메인 :신청안내
--------------------------------------------------------------*/
.application .cont-item {border-radius:5px; border:1px solid #9db9ac;}
.application .inner-content {padding:15px;}
.application .inner-content h3 {display:inline-flex; margin:0 0 0 10px; font-weight:700; font-size:20px;}
.application .inner-content h4 {display:inline-flex; align-items:center; justify-content:center; margin:0; width:34px; height:34px; color:#fff; font-size:16px; background:#00bf89; border-radius:100%;}
.application .inner-content .list-dot {font-size:16px; letter-spacing:-0.05rem;}
.application .inner-content .btn-base {font-size:16px; background:#2ac570;}
.application .inner-content .btn-base:hover {background:#159975;}
.application .inner-content .btn-base i {margin-left:10px; margin-right:-5px;}
.application .align-items-stretch {position:relative;}
@media (min-width:1024px) {
	.application .inner-content h3 {margin:0 0 0 12px; font-size:22px;}
	.application .inner-content h4 {padding:6px 13px; font-size:18px;}
	.application .inner-content .list-dot {font-size:18px;}
}
/*--------------------------------------------------------------
# 메인 :서류접수 안내
--------------------------------------------------------------*/
.submission .cont-item {width:100%; border-radius:5px; border:1px solid #c5b68a;}
.submission .inner-content {padding:15px;}
.submission .inner-content h4 {padding-top:5px; font-size:16px; font-weight:600;}
.submission .inner-content h4:first-child {padding-top:0;}
.submission .inner-content .curNum {padding-left:10px;}
.submission .inner-content .curNum li {display:flex; align-items:stretch; padding-top:3px;}
.submission .inner-content .curNum  li i {flex-shrink:0; width:20px;}
.submission .inner-content .curNum  li span {flex-grow:1;}
.submission .inner-content .btn-base {margin-top:10px; background:#FF8A00;}
.submission .inner-content .btn-base:hover {background:#e17a00;}
@media (min-width:413px) {
	.submission .inner-content .btn-base {margin-top:0;}
}
@media (min-width:1024px) {
	.submission .inner-content {padding:30px 30px;}
	.submission .inner-content h4 {font-size:18px;}
}

/*--------------------------------------------------------------
# 메인 :협력업체 배너
--------------------------------------------------------------*/
.angel-slider {margin-left:-5px; margin-top:-30px; padding-top:30px;}
.angel-slider .swiper-wrapper {padding-top:10px; padding-left:5px;}
.angel-slider .swiper-slide .img {position:relative; user-select:none;}
.angel-slider .swiper-slide .img img {width:100%; box-shadow:0 0 5px 3px rgba(0,0,0,0.03);}
.angel-slider .swiper-slide .img a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #c5c5c5; text-indent:-9999px; font-size:0;}
.angel-slider .swiper-slide .img a:hover {background-color:rgba(0, 0, 0, 0.02); transition:all .3s; border:5px solid #c5aaef;}
.angel-slider .swiper-slide .txt {padding-top:20px; padding-left:0; text-align:center;}
.angel-slider .swiper-slide .txt li::marker {content:none;}
/*.angel-slider .swiper-slide .txt li a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: nowrap; word-break: break-all; color:#555;}*/
.angel-slider .swiper-pagination-fraction {height:20px; top:10px; text-align:right; color:#a5a5a5; font-size:12px;}

/*--------------------------------------------------------------
# 메인 :언론보도
--------------------------------------------------------------*/
.board table {margin-top:15px; width:100%; background-color:#fff;}
.board table thead th {padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; background-color:#cce2ff;}
.board table tbody tr {border-bottom:1px solid #ddd;}
.board table tbody tr:hover {background-color:#ebf5ff;}
.board table tbody td a {display:block; padding:8px 0;}
.board table tbody td:first-child {width:60px;}
.board table tbody td:last-child {max-width:150px; padding:0 20px; text-align:center; word-break:break-all;}
.board table tbody td.num {text-align:center;}
.board table tbody td.tit p {margin-bottom:0;}
.board table .w-block {display:none;}
.newsletter .newsTable .paging {display:flex; align-items:center; margin-top:30px; justify-content:center;}
.newsletter .newsTable .paging a {display:block; margin:0 4px; width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
.newsletter .newsTable .paging a.num {background-color:#fff; border:1px solid #c5c5c5; border-radius:100%;}
.newsletter .newsTable .paging a.num.on {background-color:#cfe9ff; border:1px solid #cfe9ff;}
.newsletter .newsTable .paging a.num:hover {border-color:#b9dfff; border-width:2px;}
.newsletter .newsTable .paging a.prev, .newsletter .newsTable .paging a.next {position:relative; margin:0 8px; width:32px; height:32px; background-color:transparent; text-indent:-9999px;}
.newsletter .newsTable .paging a.prev::after, .newsletter .newsTable .paging a.next::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/main/swiper_next.png) no-repeat 50% 50% / auto 20px;}
.newsletter .newsTable .paging a.prev::after {transform:rotate(180deg);}
.newsletter .newsTable .paging a.disabled {opacity:0;}
.newsletter .newsTable .search {display:flex; justify-content:center;}
.newsletter .newsTable .search form {display:flex; justify-content:end; align-items:start; }
.newsletter .newsTable .search input {padding:4px; border:1px solid #c5c5c5;}
.newsletter .newsTable .search .btn-base {margin:0 0 0 3px; padding:6.5px 10px; border:1px solid #c5c5c5; background-color:#f7f7f7; color:#333;}
@media (min-width: 992px) {
	.newsletter .newsTable .search {justify-content:end;}
}
@media (min-width:1024px) {
	.newsletter .section-title {padding-bottom:0}
	.board table tbody td a {padding:14px 0;}
	.board table tbody td:first-child {width:100px;}
	.board table .w-block {display:table-cell;}
}

/*--------------------------------------------------------------
# 공통 :Footer
--------------------------------------------------------------*/
#footer {color:#37423b; font-size:14px; background:#eef0ef;}
#footer a {color:#37423b;}
/*--------------------------------------------------------------
# 서브 : 사업소개
--------------------------------------------------------------*/
.mainBann01 .tabs .tabsCont {padding:30px 0;}
.mainBann01 .tabs .tabsCont > div {max-width:unset; padding:0 20px;}
.mainBann01 .tabs .tabsCont h6 {color:#218df5; font-size:1.1rem; font-weight:700;}
.mainBann01 .tabs .tabsCont dl {margin-top:30px;}
.mainBann01 .tabs .tabsCont dt {margin-bottom:10px;}
.mainBann01 .tabs .tabsCont dd {position:relative; padding-left:20px; margin-bottom:0.1rem;}
.mainBann01 .tabs .tabsCont dd::before {content:'-'; position:absolute; top:0; left:5px;}
.mainBann01 .tabs .tabsCont .poster {margin-top:40px; border:1px solid #f5f5f5;}
@media (min-width:1024px) {
	.mainBann01 .tabs .tabsCont {padding:50px 0;}
	.mainBann01 .tabs .tabsCont > div {max-width:1200px;}
	.mainBann01 .tabs .tabsCont h6 {font-size:1.4rem;}
	.mainBann01 .tabs .tabsCont dt {font-size:18px;}
	.mainBann01 .tabs .tabsCont dd {font-size:18px;}
	.mainBann01 .tabs .tabsCont .poster {border:15px solid #f5f5f5;}
}
/*--------------------------------------------------------------
# 서브 : menu01
--------------------------------------------------------------*/
#sub {padding-top:78px;}
#sub .topTitle {margin:20px 0 0;}
#sub .topTitle h2 {font-size:1.6rem; font-weight:700; text-align:center;}
#sub .topTitle h5 {margin-top:20px; font-size:1rem; text-align:center; line-height:1.5;}
#sub section {margin:30px 0 50px;}
#sub .section-title {position:relative; padding-bottom:15px; text-align:left;}
#sub .section-title p {margin-bottom:0; font-size:1.3rem;font-weight:500;}
#sub .section-title p em {font-weight:800;}
#sub .section-title h4 {font-size:1rem;}
#sub .c-blue {color:#406ab4;}
#sub .c-green {color:#27bb9d;}
#sub .c-blue02 {color:#0064ff;}
#sub .c-pink {color:#ef20b7;}
#sub .c-brown {color:#e96600;}
#sub .c-purple {color:#8248dd;}
#sub img {width:100%;}
@media (min-width:1024px) {
	#sub .topTitle {margin:40px 0 40px;}
	#sub .topTitle h2 {padding-bottom:5px; font-size:36px; text-align:left;}
	#sub .topTitle h5 {margin-top:10px; font-size:1.2rem; text-align:left;}
	#sub section {margin:30px 0 100px;}
	#sub .section-title {padding-bottom:30px;}
	#sub .section-title p {font-size:30px; font-weight:700;}
	#sub .section-title h4 {margin-top:10px; font-size:20px;}
}
/*--------------------------------------------------------------
# 서브1 : 숫자로 보는
--------------------------------------------------------------*/
.counts .cont-item {position:relative;}
.counts .cont-item img {width:100%;}
.counts .cont-item .w-block {display:none;}
@media (min-width:1024px) {
	.counts .cont-item .w-block {display:initial; position:absolute; top:0; left:0; width:100%; height:100%;}
	.counts .cont-item .w-block .cnt {position:absolute; font-size:0.9rem; line-height:1;}
	.counts .cont-item .w-block .cnt em {margin-right:2px; font-size:1.5rem; font-weight:900; letter-spacing:-1px; line-height:1;}
	.counts .cont-item .w-block .cnt.cnt01 {top:58.6%; right:66%;}
	.counts .cont-item .w-block .cnt.cnt02 {top:13.2%; right:3.2%;}
	.counts .cont-item .w-block .cnt.cnt03 {top:40.2%; right:3.2%;}
	.counts .cont-item .w-block .cnt.cnt04 {top:41.5%; right:84%;}
	.counts .cont-item .w-block .cnt.cnt05 {top:68.2%; right:91.5%;}
	.counts .cont-item .w-block .cnt.cnt06 {top:12.2%; right:28.1%; /* border:1px solid red; */}
}
@media (min-width:1200px) {
	.counts .cont-item .w-block .cnt {font-size:1.1rem;}
	.counts .cont-item .w-block .cnt em {font-size:1.8rem;}
}
@media (min-width:1400px) {
	.counts .cont-item .w-block .cnt {font-size:1.3rem;}
	.counts .cont-item .w-block .cnt em {font-size:2rem;}
}

/*--------------------------------------------------------------
# 서브1 : 사진으로 보는
--------------------------------------------------------------*/
.picture {user-select:none;}
.picture .cont-picture .swiper-slide ul {list-style:none; padding-left:0;}
.picture .cont-picture .swiper-slide li {list-style:none; display:block; text-align:center;}
.picture .cont-picture .swiper-slide li:nth-of-type(2) {margin-top:15px; color:#777;}
.picture .cont-picture .swiper-slide li:nth-of-type(3) {margin:4px 0 50px; font-weight:600;}
@media (min-width:1024px) {
	#sub .picture .section-title {padding-bottom:10px;}
	.picture .cont-picture .swiper-slide {display: flex; justify-content: center; align-items: center; width:64% !important; filter:none;}
	.picture .cont-picture .swiper-slide {padding:20px 0;}
	.picture .cont-picture .swiper-slide-active ul {margin-bottom:50px; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); border:15px solid #fff;}
	.picture .cont-picture .swiper-slide:nth-child(n):not(.swiper-slide-active) {
		transform: scale(0.9);
    transition: transform 1s opacity:0.3;
		filter: grayscale(100%);
		opacity:0.7;
  }
	.picture .cont-picture .swiper-slide li:nth-of-type(2) {margin-top:20px; font-size:18px;}
	.picture .cont-picture .swiper-slide li:nth-of-type(3) {margin:10px 0 10px; font-size:22px;}
}

/*--------------------------------------------------------------
# 서브1 : 언론이 본
--------------------------------------------------------------*/
.media .cont-item {border:3px solid #e5ddd9;}
.media .btn-circle {background:#27BC9E; top:calc(50% - 7px);}
.media .btn-circle:hover {background: #189f84;}
@media (min-width:1024px) {
	.media .cont-item {border-width:5px;}
	.media .btn-circle {top:calc(50% - 15px);}
}
/*--------------------------------------------------------------
# 서브1 : 감사편지
--------------------------------------------------------------*/
.letter .cont-item {background-color:#fee8d2;}

/*--------------------------------------------------------------
# 서브1 : 운영지원시스템
--------------------------------------------------------------*/
.tabs { background-color:#f3f3f3;}
.tabs .tabsNav {display:flex; flex-direction:row; flex-wrap:wrap; border-bottom:3px solid #4ca3f7;}
.tabs .tabsNav div {display:inline-flex; justify-content:center; padding:5px 20px; min-width:20%; font-weight:500; text-align:center; background-color:#f3f3f3; cursor:pointer;}
.tabs .tabsNav > div + div {border-left:none;}
.tabs .tabsNav .active {color:#fff; background-color:#4ca3f7;}
.tabs .tabsCont {padding-top:30px; border:1px solid #ddd; border-top:none; background-color:#fff;}
.tabs .tabsCont > div {display:none; max-width:840px;}
.tabs .tabsCont .active {display:block;}
.opSystem02 {background-color:#f3f3f3; padding:60px 0 80px; margin-bottom:0 !important;}
.opSystem02 .board {overflow:auto; max-height:500px;}
.opSystem02 .board table {min-width:800px; margin-top:0;}
.opSystem02 .board th {background-color:#4ca3f7; color:#fff;}
.opSystem02 .board td {text-align:center;}
.opSystem02 .board td span {white-space:nowrap;}
.opSystem02 .board tbody td:nth-of-type(2) a {font-weight:600;}
.opSystem02 .board tbody td:nth-of-type(2) a:hover {color:#4ca3f7;}
.opSystem02 .cont-item .item {max-width:840px; margin:0 auto;}
.opSystem02 .cont-item .item img {border:3px solid #fff;}
.opSystem03 {padding-top:0;}
.opSystem03 .icon-box{display:flex;align-items:center; justify-content:center; transition:.3s;border:3px solid #4ca3f7;}
.opSystem03 .icon-box h3 {margin:0;width:100%; font-weight:700;line-height:1; text-align:center;}
.opSystem03 .icon-box h3 a{display:block; padding:20px;font-size:16px; color:#111;transition:.3s;text-align:center;}
.opSystem03 .icon-box:hover{border-color:#4ca3f7;}
.opSystem03 .icon-box:hover h3 a{color:#4ca3f7;}
/*.opSystem03 .cont-card .swiper-wrapper {padding-bottom:50px;}
.opSystem03 .cont-card .swiper-slide {border:2px solid #dedede; cursor:pointer;}
.opSystem03 .cont-card .swiper-slide-active {border:2px solid #c1c1c1; box-shadow:0 0 6px 6px rgba(0,0,0, 0.05);}*/
.opSystem04 {margin-top:0 !important;}
.opSystem04 .container {padding:50px 15px;}
.opSystem04 .container .section-title p {text-align:center;}
.opSystem04 .board {overflow:auto; max-height:450px}
.opSystem04 .board table {min-width:400px; max-width:800px; margin:0 auto; background-color:#f9fdf8;}
.opSystem04 .board tr:hover {background-color:#edf5ec;}
.opSystem04 .board th {background-color:#50c183eb; color:#fff;}
.opSystem04 .board td {text-align:center; padding:10px;}
/* .opSystem04 .container {max-width:100%; padding:50px 15px; background-color:#ecf3f3;}
.opSystem04 .container .cont-table {margin:0 auto; max-width:860px; width:100%; box-shadow:0 0 1px 1px rgba(113, 150, 149, 0.08);}
.opSystem04 .container .cont-table .thead {max-width:860px; width:100%; height:auto; line-height:0.5;}
.opSystem04 .container .cont-table .tbody {overflow-y:auto; max-width:860px; height:300px; border-bottom:1px solid #ddd;}
.opSystem04 .container .swiper {user-select:none;}*/
@media (min-width:1024px) {
	.tabs .tabsNav div {padding:8px 20px 10px; font-size:18px; border-width:5px;}
	.tabs .tabsCont div {margin:0 auto;}
	.opSystem02 .board {max-height:unset;}
	.opSystem03 .icon-box h3 a{padding:30px 20px;font-size:18px;}
	.opSystem04 .container {padding:60px 0 80px;}
	.opSystem04 .board {max-height:unset;}
	.opSystem04 .board td {font-size:17px;}
}

/* 서브 : 사례연구 */
.research .cont-item {border-top:5px solid #4ca3f7; border-bottom:3px solid #bababa;}
.research .cont-item .swiper-slide {border-left:1px dashed #ccc;}
.research .cont-item .swiper-slide:last-child {border-right:1px dashed #ccc;}

/* 서브 : 보도자료 */
.news img + img {border-top:1px dashed #b5a997;}
.news .tabs .tabsNav div {min-width:14.285%;}
.news .tabs .tabsCont {overflow-y:auto; max-height:600px; padding-bottom:30px; background-color:#f4ece5;}
.news .tabs .tabsCont div {margin:0 auto;}

/* 서브 : 인터뷰 */
.interview img + img {border-top:1px dashed #86632b;}
.interview .tabs .tabsNav > div {min-width:14.285%;}
.interview .tabs .tabsCont > div {max-width:100%;}
.interview .tabs .tabsCont {/* overflow-y:auto; max-height:600px; padding-bottom:30px; */padding-top:0;  background-color:#fff;}
.interview .tabs .tabsCont > div {margin:0 auto;}
.interview .swiper-slide {border-left:1px dashed #ccc;}
.interview .swiper-slide:last-child {border-right:1px dashed #ccc;}

/* 언론보도 게시판 상단기사 */
.newspaper .container {user-select:none;}
.newspaper .newspaper-slider {overflow:hidden; height:400px; border-top:3px solid #4ca3f7; border-bottom:3px solid #4ca3f7;}
.newspaper .swiper-slide {padding:20px; border-left:1px dashed #ccc;}
.newspaper .swiper-button-prev, .newspaper .swiper-button-next {top:200px;}
@media (min-width:768px) {
.newspaper .swiper-slide {padding:30px;}
.newspaper .newspaper-slider {height:600px;}
.newspaper .swiper-button-prev, .newspaper .swiper-button-next {top:300px;}
}
@media (min-width:1024px) {
.newspaper .swiper-slide {padding:50px;}
.newspaper .newspaper-slider {height:800px;}
.newspaper .swiper-button-prev, .newspaper .swiper-button-next {top:400px;}
}

/* 기관찾기 popup */
.pupup_wrap {position:fixed; top:0; left:0; z-index:998; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6);}
.pupup_wrap .search_pop {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px 10px; width:calc(100% - 20px); max-width:900px; background-color:#fff; border:1px solid #ddd;}
.pupup_wrap .search_pop h3 {text-align:center; font-size:18px; font-weight:700;}
.pupup_wrap .search_pop .search_bar {margin-top:25px; font-size:0;}
.pupup_wrap .search_pop .search_bar form > * {display:inline-block; vertical-align:top; height:36px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pupup_wrap .search_pop .search_txt {width:calc(100% - 115px); padding:0 10px; border:1px solid #2d2b2a; border-radius:0; font-size:16px; line-height:34px; color:#222; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pupup_wrap .search_pop .search_btn {width:115px; border:1px solid #2d2b2a; background-color:#2d2b2a; font-size:14px; line-height:34px; color:#ffffff; text-align:center;}
.pupup_wrap .search_pop .table {margin-top:20px; border-bottom:2px solid #d2d2d2;}
.pupup_wrap .search_pop table {width:100%; background-color:#ffffff;}
.pupup_wrap .search_pop table tr {border-bottom:1px solid #d2d2d2;}
.pupup_wrap .search_pop table tr:last-of-type {border-bottom:0;}
.pupup_wrap .search_pop table thead tr {height:34px; background-color:#e1e1e1;}
.pupup_wrap .search_pop table th span {display:block; font-size:14px; color:#333; font-weight:500; text-align:center; padding-left:10px;}
.pupup_wrap .search_pop table th + th span {border-left:1px solid #a6a6a6;}
.pupup_wrap .search_pop table td {padding:10px; font-size:14px; word-break:break-all; vertical-align:top; }
.pupup_wrap .search_pop table td:nth-of-type(3) {text-align:center;}
.pupup_wrap .search_pop .before td {padding:120px 0; text-align:center;}
.pupup_wrap .search_pop .nodata {border:0 !important;}
.pupup_wrap .search_pop .nodata td {padding:150px 0; text-align:center;}
.pupup_wrap .btn-close {position:absolute; top:10px; right:10px; text-indent:-9999px; width:30px; height:30px;}
.pupup_wrap .btn-close:focus {outline:none; box-shadow:none;}
@media (min-width:1024px) {
	.pupup_wrap .search_pop {padding:45px 40px;}
	.pupup_wrap .search_pop h3 {font-size:24px;}
	.pupup_wrap .search_pop .table {margin-top:28px;}
	.pupup_wrap .search_pop table th span {font-size:16px;}
	.pupup_wrap .search_pop table td {font-size:16px;}
	.pupup_wrap .btn-close {top:20px; right:20px;}
}
/* 페이저 */
.programPage {margin-top:20px; text-align:center; font-size:0;}
.programPage a{margin:0 3px; position:relative; display:inline-block; width:34px; height:34px; text-decoration: none; color:#444; box-sizing:border-box; border-radius:100%; line-height:32px; font-size:14px;}
.programPage .arrow {text-indent:-9999px;}
.programPage .arrow::after {content:''; position:absolute; top:12px; width:10px; height:10px; border-top: 2px solid #000; border-right: 2px solid #000;}
.programPage .arrow.page_prev{position:relative; display:inline-block; vertical-align:top; color:#ea1c5b; font-size:11px;}
.programPage .arrow.page_prev::after {left:12px; transform: rotate(225deg);}
.programPage .arrow.page_next{position:relative; display:inline-block; vertical-align:top; color:#ea1c5b; font-size:11px;}
.programPage .arrow.page_next::after {left:8px; transform: rotate(45deg);}
.programPage .num {border:1px solid #ddd;}
.programPage .num.active {color:#fff; border:1px solid #60bcee; background-color:#60bcee;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:none; border:1px solid #ddd;}
@media (min-width:1024px) {
	.programPage {margin-top:40px;}
	.programPage a {font-size:15px;}
}