@charset "UTF-8";

/* 로딩 : s */
#loading {
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.loading {
	background-color: white;
	z-index: 199;
}

#loading_img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	margin-top: -75px;
	margin-left: -75px;
	z-index: 200;
}
/* 로딩 : e */

.imageArea img{
	height: auto;
}

.row {
	margin: 0;
	padding: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
	.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
	.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
	.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
	.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
	.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
	.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	margin: 0;
	padding: 0;
}
/* main header : s */
.header-bg {
	background-image: url(../../../../../images/common/main_header_bg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.header-top-box {
	height: 169px;
	width: 100%;
}

.headerTitle-txt {
	text-align: right;
	font-family: NanumSquare_acB !important;
	font-weight: bold;
}

.headerTitle-txt>div:first-child {
	/* color: #388418; */
	color : #386F18;
	margin-top: 28.75px;
	font-size: 32px;
}

.headerTitle-txt>div:last-child {
	color: #071d46;
	font-size: 41px;
}

.headerSearch-box {
	margin: 0 auto;
	margin-top: 57.5px;
	width: 446px;
	height: 48px;
	text-align: center;
	/* background: #339900; */
	background: #338800;
	box-sizing: content-box;
}

.headerSearch-box input {
	width: 397px;
	height: 42px;
	margin-top: -2px;
}

.headerSearch-box input::-ms-input-placeholder, .headerSearch-box input::placeholder
	{
	font-family: NanumSquare_acR;
	font-size: 16px;
	color: #666;
}

.headerSearch-box img {
	margin: 0 10px 7px 10px;
}

.slide-container {
	position: relative;
	width: 100%;
	padding-bottom: 80px;
}

.slide-box {
	width: 86%;
	margin: 0 auto;
}

.slide-l .slick-slide {
	height: 490px;
	position: relative;
}

.slide-l .slide-text {
	height: 120px;
}

.slide-text {
	padding: 5px 10px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #000;
	opacity: 1;
	color: #fff;
}

.slide-text div {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.slide-l .slide-text .slideTextTitle {
	height: 45px;
	font-size: 25px;
}

.slide-text .slideTextContent {
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	font-size: 14px;
}

.slide-l .slide-text .slideTextDate {
	float: right;
	margin-right: 10px;
	font-size: 13px;
}

.slick-slide a img {
	width: 100%;
	height: 100%;
}

.slide-s-box {
	height: 490px;
}

.s1 {
	margin-bottom: 30px;
}

.s1 .slick-slide, .s2 .slick-slide {
	height: 230px;
	position: relative;
}

.prev img {
	position: absolute;
	cursor: pointer;
	top: 40%;
	left: 0;
}

.next img {
	position: absolute;
	cursor: pointer;
	top: 40%;
	right: 0;
}
/* main header : e */
/* 게시판 : s */
.bbsBox {
	padding: 20px;
}

.bbsTitleBox {
	font-family: NotoSans-medium;
	font-size: 20px;
	color: #333;
	width: 100%;
	position: relative;
	height: 56px;
}

.bbsTitleBox div{
	float: left;
	cursor: pointer;
}
.bbsTitleBox div:hover {
	background-color :#F5F4FA;
}

.bbsTitle {
	text-align: center;
	width: 22%;
	padding: 20px;
}

.titleBorderBar {
	height: 30px;
	border-right: 1px solid #cccdd1;
	margin-top: 25px;
}

.titleBorderTop {
	width: 100% !important;
	border-top: 4px solid #cccdd1;
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
}

.titleActive {
	color: #043763;
	border-top: 4px solid #043763;
	position: relative;
	z-index: 5;
	padding-top: 16px;
}

.bbsTitleMore {
	position: absolute;
	font-family: NotoSans;
	font-size: 15px;
	color: #043763;
	/* top:28px */
	top: 10px;
	/* right: 20px; */
	right: 2px;
	padding : 20px;
}

.bbsContentBox .bbsContent {
	display: none;
	font-family: NotoSans-demiLight;
	font-size: 16px;
	color: #666;
}

.bbsActive {
	display: block !important;
	margin-top: 20px;
	border-top: 1px solid #cccdd1;
}

.topBbsBox {
	padding: 22px 10px;
	position: relative;
}

.iconImg {
	position: absolute;
	top: 22PX;
	left: 15px;
}

.topBbsContentBox {
	margin-left: 144px;
	padding-right: 10px;
}

.topBbsTitle {
	font-family: NotoSans;
	font-size: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.topBbsContent {
	color: #717171;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	height: 74px;
	padding-top: 6px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.lowBbsBox {
	border-top: 1px dotted #cccdd1;
	padding: 20px;
}

.lowBbsBox ul li {
	list-style: square outside;
	height: 30px;
	position: relative;
}

.lowBbsContent {
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 70%;
	display: inline-block;
}
.lowBbsContent:hover {
	text-decoration : underline;
}

.lowBbsDate {
	position: absolute;
	top: 4px;
	right: 0;
}
/* 게시판 : e */
/* 주요행사 : s */
.eventBox {
	padding: 20px;
}

.eventTitle {
	font-family: NotoSans-medium;
	font-size: 26px;
	color: #3a3a3a;
	padding-bottom: 20px;
}

.slideBox {
	max-height: 342px;
}

.slideBox img {
	height: 150px !important;
}

.slide-ft {
	margin-bottom: 22px;
}
/* 주요행사 : e */
/* 미디어센터SNS : s */
.snsBox {
	padding: 20px;
}

.snsTitle {
	font-family: NotoSans-medium;
	font-size: 26px;
	color: #3a3a3a;
	padding-bottom: 20px;
}

.snsIcon {
	text-align: right;
	margin-bottom: 10px;
}

.slide-sns {
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
	border-bottom: none;
}

.slide-sns .slick-slide a .popImg {
	height: 130px !important;
}

.snsSlideTitle {
	padding: 10px;
	font-size: 16px;
	color: #333;
	line-height: 28px;
}

.snsSlideTitle img {
	float: left;
	margin-right: 10px;
	width: 30px !important;
}

.snsSlideContent {
	font-family: NotoSans-demiLight;
	font-size: 14px;
	/* color: #999; */
	color: #767676;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	height: 60px;
	margin-bottom: 12px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding: 0 10px 10px 10px;
}

.snsSlide-btn {
	width: 100%;
	display: table;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
	height: 30px;
	line-height: 30px;
}

.snsSlide-btn div {
	width: 50%;
	display: table-cell;
	cursor: pointer;
}
.snsPrev:hover, .snsNext:hover{
	background-color : #F5F4FA;
}

.snsSlide-btn div:first-child {
	border-right: 1px solid #c8c8c8;
}
/* 미디어센터SNS : e */
/* 사진 갤러리 : s */
.photo_section {
	background: no-repeat
		url(../../../../../images/common/photo_section_bg.jpg);
	background-size: 100% 100%;
	padding: 40px 0 40px 0;
}

.photo_section_con {
	margin: 0 auto;
	display: table;
}

.photo_section_title {
	width: 230px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 60px;
	padding-left: 10px;
}

.photo-title-box {
	width: 100%;
}

.photo-gallery-txt:before {
	content: "";
	display: block;
	width: 54px;
	border-top: 2px solid #000;
}

.photo-gallery-txt {
	font-family: NanumSquare_acR;
	font-size: 16px;
	color: #666;
}

.photo-gallery-txt p:first-child {
	font-size: 14.66px;
	color: #333;
}

.photo-gallery-txt p:nth-child(2) {
	font-family: NanumSquare_acB;
	font-size: 34px;
	color: #333;
	margin: 27px 0 53px 0;
}

.photo-gallery-more {
	margin-top: 45px;
	text-align: center;
	border: 1px solid #c6c6c9;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}
.photo-gallery-more:hover{
	background-color : #FFFFFF;
}

.photo-gallery-more img {
	margin-left: 10px;
}

.photo_section_content>div {
	padding: 0 10px;
}

.photo_section_content .thumb {
	height: 186px;
	overflow: hidden;
}

.photo_section_content .thumb img {
	width: 100%;
	height: 100%;
}

.photo_section_content .tile-info {
	background: #fff;
}

.photo_section_content .tile-title {
	font-size: 18px;
	font-weight: bold;
}

.photo_section_content .tile-date {
	width: 100%;
	text-align: left;
	height: 96px;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	height: 86px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* 사진 갤러리 : e */
/* 동영상 갤러리 : s */
.movie_section {
	padding: 70px 0 40px 0;
}

.movie_section_content .thumb {
	height: 186px;
	overflow: hidden;
}

.movie_section_content .thumb img {
	width: 100%;
	height: 100%;
}

.movie_section_con {
	margin: 0 auto;
	background: no-repeat url(../../../../../images/common/text_bg.png);
}

.movie_section_title {
	vertical-align: middle;
	padding-right: 60px;
	padding-left: 10px;
}

.movie-title-box {
	width: 100%;
}

.movie-gallery-txt {
	font-family: NanumSquare_acR;
	font-size: 16px;
	color: #666;
	margin-bottom: 32px;
}

.movie-gallery-txt p:first-child {
	font-family: NanumSquare_acB;
	font-size: 34px;
	color: #333;
	margin-bottom: 12px;
}

.movie-gallery-more img {
	margin-left: 10px;
}

.movie_section_content>div {
	padding: 0 10px;
}

.movie_section_content .thumb {
	height: 186px;
}

.movie_section .movie_section_content .list_item {
	border: 1px solid #bfbfbf;
}

.movie_section .tile-title {
	font-size: 18px;
	font-weight: bold;
	border-bottom: none;
	padding-bottom: 10px;
}

.movie_section .tile-date {
	margin-right: 4px;
	text-align: left;
	width: 100%;
	padding-top: 10px;
}
/* 동영상 갤러리 : e */
/* 1032px이하 부터 적용 : e */
@media only screen and (max-width : 1032px) {
	.hidden-1032 {
		display: none;
	}
	/* main header : s */
	.header-top-box {
		height: auto;
	}
	.headerSearch-con {
		margin: 0 auto;
	}
	/* main header : e */
}
/* 1032px이하 부터 적용 : e */
/* 990px이하 부터 적용 : s */
@media only screen and (max-width : 990px) {
	.hidden-990 {
		display: none;
	}
	/* main header : s */
	.headerSearch-box {
		margin: 10px auto;
	}
	/* main header : e */
	/* 게시판 : s */
	.bbsBox {
		padding: 18px;
	}
	.bbsTitleBox {
		font-size: 16px;
		height: 30px;
	}
	.bbsTitle {
		width: auto;
		padding: 10px;
	}
	.titleBorderBar {
		height: 18px;
		margin-top: 14px;
	}
	.titleActive {
		padding-top: 6px;
	}
	.bbsTitleMore {
		top: 12px;
		right: 10px;
		font-size: 13px;
	}
	/* 게시판 : e */
}
/* 750px이상 부터 적용 : s */
@media only screen and (min-width : 750px) {
	.slide-l {
		max-width: 62%;
		margin-right: 4.6% !important;
	}
}
/* 750px이상 부터 적용 : s */
/* 750px이하 부터 적용 : s */
@media only screen and (max-width : 750px) {
	.hidden-750 {
		display: none;
	}
	/* main header : s */
	.headerSearch-box {
		width: 280px;
	}
	.headerSearch-box input {
		width: 228px;
	}
	.slide-container {
		padding: 40px;
	}
	.slide-l .slick-slide {
		height: 350px;
	}
	.slide-btn img {
		width: 30px;
		top: 40%;
	}
	.prev img {
		left: 10px;
	}
	.next img {
		right: 10PX;
	}
	/* main header : e */
	/* 게시판 : s */
	.bbsBox {
		padding: 10px;
	}
	.bbsTitleBox {
		font-size: 13px;
		height: 20px;
	}
	.bbsTitle {
		width: auto;
		padding: 10px;
	}
	.titleBorderBar {
		height: 13px;
		margin-top: 15px;
	}
	.titleActive {
		padding-top: 6px;
	}
	.bbsTitleMore {
		top: 12px;
		right: 10px;
		font-size: 10px;
	}
	/* 게시판 : e */
	/* 사진 갤러리 : s */
	.photo_section {
		padding: 24px 0 28px 0;
		background: #f4f4f9;
	}
	.photo_section_con {
		display: inline-block;
	}
	.photo_section_title {
		display: inline;
		width: 100%;
	}
	.photo-gallery-txt {
		position: relative;
		margin-left: 10px;
	}
	.photo-gallery-txt:before {
		border-top: none;
	}
	.photo-gallery-txt p:nth-child(2) {
		margin: 12px 0 19px 0;
	}
	.photo-gallery-more {
		margin: 0;
		width: 157px;
		position: absolute;
		top: 30px;
		right: 10px;
	}
	.photo_section_content {
		padding: 15px;
	}
	/* 사진 갤러리 : e */
	/* 동영상 갤러리 : s */
	.movie_section_content {
		padding: 15px;
	}
	/* 동영상 갤러리 : e */
}
/* 750px이하 부터 적용 : e */
/* 600px이하 부터 적용 : s */
@media only screen and (max-width : 600px) {
	.hidden-600 {
		display: none;
	}
	.slide-container {
		padding: 20px;
	}
	.slide-l .slick-slide {
		height: 240px;
	}
	.iconImg {
		top: 40px;
		left: 10px;
	}
	.topBbsBox img {
		width: 60px;
	}
	.topBbsContentBox {
		margin-left: 80px;
	}
}
/* 600px이하 부터 적용 : e */

/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skip{position:relative;z-index:9999} #skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#fff;text-align:center;transition:all 0.4s} #skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}
.hide{position:fixed;top:-100px;left:-100px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}/* 접근성으로 인한 display:none 작성 금지 */