@charset "utf-8";
/* CSS Document */

@import url('hbootstrap.css');
@import url('font-noto.css');
@import url('font-iropke.css');

/*****************************************************
	Icon
*****************************************************/
@font-face {
	font-family: 'material-Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/MaterialIcons-Regular.eot");
	src: url("../fonts/MaterialIcons-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/MaterialIcons-Regular.woff") format('woff'), url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
	font-family: 'material-Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem; /* Preferred icon size */
	display: inline-block;
	line-height: 1.1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
}

@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v90/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}

.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem; /* Preferred icon size */
	display: inline-block;
	line-height: 1.1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
}

/*****************************************************
	Common
*****************************************************/
html, body {
	font-family: 'noto', 'Nanum Gothic', 'Helvetica', sans-serif;
	font-weight: 400;
	color: #333;
	padding: 0;
	min-width: 320px;
	letter-spacing: -0.03rem;
	top: 0 !important;
}

a:hover, a:focus {
	text-decoration: none;
}

/* Margin & Padding */
.line-gap {
	width: 100%;
	margin: 2.4rem 0;
	clear: both;
	border-top: 2px dotted #e4e4e4;
}

/* responsibility */
#divPageInfo {
	margin-bottom: 2.5rem;
}

.responsibility {
	background-color: #f7f7f7;
	border: 1px solid #eee;
	padding: 1rem 1.3rem;
}

	.responsibility ul {
		margin: 0 !important;
	}

		.responsibility ul > li {
			float: left;
			margin-right: 1.2rem !important;
		}

			.responsibility ul > li > strong {
				margin-right: 0.5rem;
				font-weight: 600;
				color: #0b3d91;
			}

/* checkbox & radio */
.checkbox, .radio {
	display: inline-block;
}

	.checkbox input[type="checkbox"], .radio input[type="radio"] {
		margin-right: 0.3125rem;
	}

	.checkbox label, .radio label {
		margin-right: 0.75rem;
		margin-bottom: 0;
	}

/* popup */
body.popup {
}

	body.popup .sub-container {
		padding: 5rem 0 7rem;
		margin: 0;
	}

	body.popup .container {
		max-width: 600px;
	}

.layer-popup {
	z-index: 9999;
	position: absolute;
	margin-bottom: 30px;
	background-color: #fff;
}

	.layer-popup .layer-cont {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

		.layer-popup .layer-cont div, .layer-popup .layer-cont p, .layer-popup .layer-cont ol, .layer-popup .layer-cont ul, .layer-popup .layer-cont li {
			padding: 0;
			margin: 0;
		}

	.layer-popup .layer-footer {
		position: absolute;
		width: 100%;
		right: 0;
		left: 0;
		bottom: -30px;
		height: 30px;
		padding: 0.4rem 0.5rem;
		background-color: #000;
		display: inline-block;
	}

		.layer-popup .layer-footer a {
			color: #efefef;
			font-size: 0.85rem;
		}

			.layer-popup .layer-footer a:hover, .layer-popup .layer-footer a:focus {
				color: #fff;
				text-decoration: underline;
			}


/*****************************************************
	Include
*****************************************************/
/* Footer */
#footer {
}

	#footer address {
	}

	#footer small {
		font-size: 0.8rem;
	}

/* Top banner */
.top-banner {
	background-color: #0b3d92;
	padding: 0.7rem 0 0.6rem;
	text-align: right; /* min-height: 130px; */
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

	.top-banner .top-banner-inner {
		position: relative;
		padding-bottom: 0.5rem;
	}

		.top-banner .top-banner-inner .rollimg {
			position: static;
			width: 80%;
			margin: 0 auto;
			padding: 0;
		}

		.top-banner .top-banner-inner .item a img {
			max-width: 100%;
		}

		.top-banner .top-banner-inner .bannerButtons {
			top: 20px;
		}

			.top-banner .top-banner-inner .bannerButtons span {
				display: inline-block;
				margin-bottom: 14px;
				vertical-align: middle;
				font-weight: 600;
			}

		.top-banner .top-banner-inner .owl-nav {
			display: none;
		}

		.top-banner .top-banner-inner .owl-dots {
			position: absolute;
			display: inline-block;
			margin: 0 auto;
			bottom: -1.28rem;
			left: 2.3rem;
			z-index: 2;
		}

			.top-banner .top-banner-inner .owl-dots:first-child:after {
				background: #fff;
				display: inline-block;
				width: 11px;
				height: 11px;
				border-radius: 50%;
				border: 2px solid #fff;
				margin: 0.05rem 0.25rem;
			}

			.top-banner .top-banner-inner .owl-dots .owl-dot {
			}

				.top-banner .top-banner-inner .owl-dots .owl-dot > span {
					display: inline-block;
					width: 11px;
					height: 11px;
					border-radius: 50%;
					border: 2px solid #fff;
					background-color: #0b3d92;
					margin: 0.05rem 0.25rem;
				}

				.top-banner .top-banner-inner .owl-dots .owl-dot.active > span {
					background: #fff;
				}

		.top-banner .top-banner-inner .carousel-btn {
			position: relative;
		}

			.top-banner .top-banner-inner .carousel-btn > a {
				position: absolute;
				color: #fff;
				top: 50%;
				margin-top: 10px;
				z-index: 9;
			}

				.top-banner .top-banner-inner .carousel-btn > a .material-icons {
					font-size: 3rem;
				}

				.top-banner .top-banner-inner .carousel-btn > a.prev {
					left: 0;
				}

				.top-banner .top-banner-inner .carousel-btn > a.next {
					right: 0;
				}

		.top-banner .top-banner-inner .owl-carousel.owl-drag .owl-item .item {
			padding: 0 1.5rem;
		}

	.top-banner .close-btns {
		color: #c9d2e0;
		font-size: 13px;
	}

		.top-banner .close-btns input {
			border-radius: 0;
			margin-right: 0.3rem;
			background-color: #fff;
		}

		.top-banner .close-btns label {
			margin: 0;
		}

	.top-banner .top-banner-inner #carousel-popup {
		position: absolute;
		left: 0.9rem;
		bottom: -1.2rem;
	}

		.top-banner .top-banner-inner #carousel-popup:after {
			content: '';
			position: absolute;
			right: -1.15rem;
			bottom: 0.28rem;
			display: inline-block;
			width: 11px;
			height: 11px;
			z-index: 1;
			border-radius: 50%;
			background-color: #fff;
		}

		.top-banner .top-banner-inner #carousel-popup button {
			position: relative;
			background: none;
			border: none;
			color: #fff;
			padding: 0;
		}

			.top-banner .top-banner-inner #carousel-popup button .material-icons {
				font-size: 1.2rem;
			}

#header .gnb .header-util > ul > li .top-banner-btn .material-icons {
	display: none;
}

/* Lang-btn */
.goog-te-banner-frame {
	display: none !important;
}

#google_translate_element {
	display: none;
}

#header .gnb .header-util > ul > li.lang-btn > a:before {
	top: 0.55rem;
}

#header .gnb .header-util > ul > li.lang-btn .dropdown-menu {
	top: 1.8rem !important;
}

.lang-btn {
}

	.lang-btn > a {
	}

		.lang-btn > a .material-icons {
			margin-left: 0.3rem;
		}

		.lang-btn > a > img {
		}

	.lang-btn .dropdown-menu {
		z-index: 999999999999 !important;
		position: absolute !important;
		top: 1.3rem !important;
		transform: none !important;
	}

		.lang-btn .dropdown-menu a {
			font-weight: 100;
			font-size: 0.95rem;
			padding: 0.25rem 0.9rem;
			color: #666;
		}

			.lang-btn .dropdown-menu a img {
				margin-right: 0.3rem;
			}

			.lang-btn .dropdown-menu a:hover, .lang-btn .dropdown-menu a:focus {
				color: #073b92;
				text-decoration: underline;
			}

@media (min-width: 380px) {
	.lang-btn .dropdown-menu {
		right: 0 !important;
		left: inherit !important;
	}
}

@media (min-width: 480px) {
	#header .gnb .header-util > ul > li .top-banner-btn {
		padding-right: 1.9rem;
	}

		#header .gnb .header-util > ul > li .top-banner-btn .material-icons {
			position: absolute;
			top: 0.6rem;
			right: 0.5rem;
			font-size: 1rem;
		}

		#header .gnb .header-util > ul > li .top-banner-btn .off, #header .gnb .header-util > ul > li .top-banner-btn.active .on {
			display: block;
		}

		#header .gnb .header-util > ul > li .top-banner-btn .on, #header .gnb .header-util > ul > li .top-banner-btn.active .off {
			display: none;
		}
}

@media (min-width: 1200px) {
	.top-banner .top-banner-inner {
		padding-bottom: 0;
	}
}


/*****************************************************
	Sub Style
*****************************************************/
.sub-container {
	position: relative;
}

	.sub-container #content {
		min-height: 500px;
		margin-bottom: 5.5rem;
	}

		.sub-container #content:after {
		}

/* content*/
.cont-btns .dropdown-menu .dropdown-item {
	padding: 0.25rem 1rem;
}

	.cont-btns .dropdown-menu .dropdown-item > img {
		width: 18px;
		margin-right: 0.4rem !important;
	}

/* Title */
/*.sub-container h3 {
	color: #333;
	background: url(../images/bullet01.png) no-repeat left 0.25rem;
	padding-left: 0;
	font-size: 1.5rem;
}
.sub-container h3 > span {
	font-size: 1.6rem;
    font-weight: 600;
	
	}*/

.sub-container h4 {
	color: #0058a3;
	font-size: 1.3rem;
	margin-top: 1.2rem;
	margin-bottom: 1rem;
}

.sub-container h5 {
	color: #17a2b8;
	font-size: 1.1rem;
	margin-top: 1.5rem;
	word-break: keep-all;
}

.sub-container h6 {
	color: #5d5d5d;
	background: url(../images/bullet02.png) no-repeat left 0.25rem;
	padding-left: 10px;
	margin-top: 1.5rem;
}

/* List */
.sub-container ul {
	margin: 0 0 1.5rem 0;
	padding: 0;
}

.sub-container ul li {
		margin: 0.4rem 0;
		padding-left: 1.3rem;
		background: url(../img/pc/sub/bullet03.png) no-repeat 5px 8px;
		text-align: left;;
	}
	
		.sub-container ul li .box {
			display: block;
			background-color: #edf0f3;
			padding: 0.1rem 0.3rem;
			color: #555;
		}

			.sub-container ul li .box a {
				color: #555;
			}

	.sub-container ul.list-style01 {
	}

		.sub-container ul.list-style01 > li {
			margin: 0.4rem 0;
			padding-left: 1.3rem;
			background: url(../images/bullet04.png) no-repeat 5px 8px;
			color: #666;
		}

	.sub-container ul.list-style02 {
	}

		.sub-container ul.list-style02 > li {
			background: url(../images/bullet04.png) no-repeat 0 18px;
			border-top: 1px dotted #ccc;
			padding-top: 10px;
			padding-left: 12px;
			margin: 0.4rem 0;
			color: #666;
		}

			.sub-container ul.list-style02 > li:first-child {
				border-top: none;
			}

	.sub-container ul.list-style03 {
	}

		.sub-container ul.list-style03 > li {
			background: none;
			border-top: 1px dotted #ccc;
			padding: 0.5rem 0.3rem;
			margin: 0.4rem 0;
			color: #666;
		}

			.sub-container ul.list-style03 > li:first-child {
				border-top: none;
				margin-top: 0;
			}

.sub-container ol {
	padding-left: 1.3rem;
}

	.sub-container ol > li {
		list-style-type: decimal;
		list-style-position: outside;
		margin: 0.4rem 0;
		padding-left: 0;
		background: none;
	}

	.sub-container ol.row {
		margin-left: 0;
		margin-right: 0;
	}

		.sub-container ol.row > li {
			padding-left: 0;
			padding-right: 30px;
		}

	.sub-container ol.list-style01 {
		padding-left: 3.8rem;
	}

		.sub-container ol.list-style01 > li {
			list-style: none;
		}

			.sub-container ol.list-style01 > li .num {
				margin: 0 0.45rem 0 -3.8rem;
				background: #6fa900;
				padding: 0 0.3rem;
				color: #fff;
			}

	.sub-container ul.row li, .sub-container ol.row li {
	}

	.sub-container ul > li .material-icons, .sub-container ol > li .material-icons {
		font-size: 1.3rem;
	}

/* btn */
.sub-container .btn .material-icons {
	font-size: 0.9rem;
}

.sub-container .btn-lg .material-icons {
	font-size: 1.1rem;
}

/* btn-fullscreen */
.img-wrap {
	position: relative;
}

	.img-wrap .btn-fullscreen {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		background-color: rgba(0, 0, 0, 0.71);
		padding: 0.5rem;
		transition: 0.2s;
		border-radius: 0;
	}

		.img-wrap .btn-fullscreen .material-icons {
			font-size: 1.125rem;
			color: #fff;
		}

		.img-wrap .btn-fullscreen:hover, .img-wrap .btn-fullscreen:focus {
			background-color: rgb(2, 88, 173);
		}

/* tab */
.nav-tabs {
	margin-bottom: 2.5rem;
}

	.nav-tabs .nav-item {
		margin: 0px -1px -1px 0;
	}

	.nav-tabs .nav-link {
		position: relative;
		border: 1px solid #ccc;
		border-radius: 0;
		background-color: #f8f8f8;
		color: #666;
		font-weight: 400;
		border-bottom: none;
		margin-top: 0.5rem;
	}

		.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
			border-color: #ccc;
			border-bottom: none;
			background-color: #fff;
		}

		.nav-tabs .nav-link.active {
			border-top: #0058a3 solid 2px; /* margin-top: 7px; */
			color: #0058a3;
			font-weight: 600;
		}

			.nav-tabs .nav-link.active:after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: -20px;
				width: 20px;
				height: 100%;
				background: url(../images/tab-shadow.png) no-repeat 0 0;
				z-index: 2;
			}

.left-tab .nav-item {
	margin-bottom: 0.25rem;
}

	.left-tab .nav-item a.nav-link {
		background-color: #eee;
	}

		.left-tab .nav-item a.nav-link:hover {
			background-color: #e6e6e6;
			color: #0f408c;
			font-weight: 600;
		}

		.left-tab .nav-item a.nav-link.active {
			background-color: #fff;
			border: #7c72e9 solid 1px;
			color: #453ca7;
			font-weight: 600;
		}

.nav-tabs-style01.vertical-style .nav-item.first .nav-link:hover, .nav-tabs-style01 .nav-item.first .nav-link:focus {
	border-top: 0;
}

.nav-tabs-style01.vertical-style .nav-item .nav-link:hover, .nav-tabs-style01.vertical-style .nav-item .nav-link:focus {
	border-top: 1px solid #ccc;
}

.nav-tabs-style01.vertical-style > a:hover, .nav-tabs-style01.vertical-style > a:focus {
	border: none !important;
}

.nav-tabs-style01.vertical-style .tabs-prev {
	display: none;
}

.nav-tabs-style01.vertical-style .tabs-next {
	display: none;
}

.nav-tabs-style01.vertical-style .nav-item .nav-link {
	border-bottom: 1px solid #ccc;
}

.nav-tabs-style01.vertical-style .nav-tabs {
	position: inherit;
	padding: 0;
}

.nav-tabs-style01.vertical-style {
	height: auto;
}

	.nav-tabs-style01.vertical-style .nav-item {
		width: 100%;
		border-right: none;
	}

@media (min-width: 576px) {
	.nav-tabs-style01.vertical-style .nav-tabs .nav-item .nav-link {
		border-right: none !important;
		border-bottom: 1px solid #ccc;
	}
}


/* Table */
.table ul {
	margin-bottom: 0;
}

.table-primary, .table-primary > td, .table-primary > th {
	background-color: #b8daff !important;
}

.table-success, .table-success > td, .table-success > th {
	background-color: #c3e6cb !important;
}

.table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #d6d8db !important;
}

.table-danger, .table-danger > td, .table-danger > th {
	background-color: #f5c6cb !important;
}

.table-warning, .table-warning > td, .table-warning > th {
	background-color: #ffeeba !important;
}

.table-info, .table-info > td, .table-info > th {
	background-color: #bee5eb !important;
}

.table-light, .table-light > td, .table-light > th {
	background-color: #fdfdfe !important;
}

.table-dark, .table-dark > td, .table-dark > th {
	background-color: #c6c8ca !important;
}

/* Box */
.box-info {
	display: block;
	padding: 1.3rem 1.3rem;
	margin-bottom: 1.5rem;
	word-break: keep-all;
	border-top: 1px dotted #c8c8c8;
	background-color: #fbfcff;
	border-bottom: 1px dotted #c8c8c8;
}

	.box-info p, .box-info ul {
		margin: 0;
	}

.box-line {
	background: url('../images/box-line.gif') repeat 0 0;
	padding: 5px;
}

	.box-line .inner {
		padding: 1.5rem 2rem;
		background-color: #fff;
	}

	.box-line p, .box-line ul {
		margin: 0;
	}

.box-type01 {
	border: 1px solid #ccc;
	border-top: 2px solid #124fb6;
	padding: 1.5rem;
	height: 100%;
}

/* Non Page */
.non-page {
	text-align: center;
	padding-top: 13rem;
	margin-top: 1.5rem;
	margin-bottom: 2.7rem;
	background: url('../images/non-page.png') no-repeat top center;
}

	.non-page h3 {
		background: none;
		padding: 0;
		margin: 0;
		color: #555;
	}

		.non-page h3 > strong {
			color: #0e55c1;
		}

	.non-page p {
		color: #777;
		margin: 0.8rem 0 2rem;
	}

	.non-page .btn {
		padding-left: 1.3rem;
		padding-right: 1.3rem;
	}

	.non-page.board {
		background-image: url('../images/non-board.png');
	}

	.non-page.style2 {
		background: url('../images/non-page-2.png') no-repeat top center
	}

/* board */
.board-view {
}

	.board-view .board-view-title {
		border-top: 2px solid #555;
		border-bottom: 1px solid #ddd;
		padding: 1.5rem 0.65rem;
	}

		.board-view .board-view-title h4 {
			color: #000;
			font-size: 1.6rem;
			line-height: 1.3;
			margin: 0 0 0.9rem 0;
		}

	.board-view .board-info {
		font-size: 0.9rem;
		margin-bottom: 0;
	}

		.board-view .board-info span {
			position: relative;
			margin-left: 0.5rem;
			padding-left: 0.5rem;
			color: #666;
		}

			.board-view .board-info span:first-child {
				margin-left: 0;
				padding-left: 0;
			}

			.board-view .board-info span:after {
				content: '';
				display: inline-block;
				position: absolute;
				left: 0;
				top: 6px;
				width: 1px;
				height: 9px;
				background-color: #d2d3d6;
			}

			.board-view .board-info span:first-child:after {
				display: none;
			}

			.board-view .board-info span .material-icons {
				font-size: 1rem;
				color: #cdcfd3;
				margin-right: 0.2rem;
			}

	.board-view .board-view-files {
		position: relative;
		border-bottom: 1px solid #ddd;
		padding: 0.8rem 0.65rem;
	}

		.board-view .board-view-files h5 {
			color: #666;
			font-size: 1rem;
			margin-top: 0;
		}

		.board-view .board-view-files ul {
			margin-bottom: 0;
		}

			.board-view .board-view-files ul > li {
				position: relative;
				padding-left: 2.3rem;
			}

				.board-view .board-view-files ul > li > a {
					font-size: 0.95rem;
				}

					.board-view .board-view-files ul > li > a:after {
						position: absolute;
						top: 0;
						left: 1rem;
						content: 'attach_file';
						font-family: 'material-Icons';
						display: inline-block;
						vertical-align: middle;
						font-size: 1.1rem;
						color: #999;
					}

					.board-view .board-view-files ul > li > a:hover, .board-view .board-view-files ul > li > a:focus {
						text-decoration: none;
					}

						.board-view .board-view-files ul > li > a:hover:after, .board-view .board-view-files ul > li > a:focus:after {
							color: #0056b3;
						}

	.board-view .board-view-cont {
		padding: 2.5rem 0.5rem 3.5rem;
	}

		.board-view .board-view-cont img {
			max-width: 100%;
		}

.pager {
	margin-bottom: 2rem;
}

	.pager .pager-navi {
		display: block;
		font-weight: 600;
		color: #124fb6;
	}

	.pager .next {
		text-align: right
	}

	.pager .pager-title {
		display: inline-block;
		padding: 0 0.5rem;
	}

	.pager .prev a, .pager .next a {
		font-size: 0.9rem;
		display: block;
	}

	.pager a:hover .pager-title, .pager a:focus .pager-title {
		text-decoration: underline;
		color: #000;
	}

.board-comment {
	margin-bottom: 1.5rem;
}

	.board-comment h3 {
		background: none;
		padding: 0 0 0.6rem 0;
		font-size: 1.5rem;
		color: #555;
		margin-bottom: 0;
		border-bottom: 1px solid #777;
	}

		.board-comment h3 .badge {
			font-size: 0.8rem;
		}

	.board-comment .messages {
		border-top: 1px dotted #bfbfbf;
		padding-top: 1.5rem;
	}

		.board-comment .messages:first-child {
			border-top: none;
			padding-top: 0;
		}

		.board-comment .messages > .messages {
			position: relative;
			border-top: 1px dotted #bfbfbf;
			border-bottom: none;
			padding-left: 2.7rem;
		}

			.board-comment .messages > .messages:after {
				content: '';
				position: absolute;
				left: 1.3rem;
				top: 1.5rem;
				width: 0.65rem;
				height: 0.7rem;
				border-left: 1px solid #b1b1b1;
				border-bottom: 1px solid #b1b1b1;
			}

		.board-comment .messages .heading {
			font-weight: 600;
			margin-bottom: 0.6rem;
		}

			.board-comment .messages .heading .date {
				font-weight: 100;
				color: #888;
				margin-left: 0.2rem;
				font-size: 0.8rem;
			}

			.board-comment .messages .heading .comment-btn {
				float: right;
				display: inline-block;
			}

				.board-comment .messages .heading .comment-btn .btn {
					padding: 0 0.1rem;
					background-color: transparent;
					color: #888;
				}

		.board-comment .messages .comment {
			margin-bottom: 1.5rem;
		}

.board-bottom {
	border-top: 1px solid #555;
	padding-top: 2.5rem;
	margin-top: 3rem;
}

/* Gallery */
.board-gallery {
}

	.board-gallery > div {
		position: relative;
	}

		.board-gallery > div .checkbox {
			position: absolute;
			right: 2rem;
			bottom: 1.2rem;
			z-index: 1;
		}

	.board-gallery a {
		display: block;
	}

		.board-gallery a .thum {
			position: relative;
			display: block;
			width: 100%;
			height: 0;
			padding-bottom: 60%;
			overflow: hidden;
			background: #d5d7dc url(../../../../common/images/thumb-non.png) no-repeat 50% 50%;
			transition: all 0.5s;
		}

			.board-gallery a .thum > img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				transition: all .4s ease-in-out;
			}

		.board-gallery a:hover .thum > img, .board-gallery a:focus .thum > img {
			transform: scale(1.1);
		}

		.board-gallery a .txt-box {
			position: relative;
			padding: 1.4rem 1.3rem;
			min-height: 110px;
			background-color: #f7f7f7;
		}
		.board-gallery a .txt-box.txt-box-prize {
			min-height: 130px;
		}

			.board-gallery a .txt-box .category {
				display: block;
				margin-bottom: 0.1rem;
			}

			.board-gallery a .txt-box .text-danger.tit {
				font-size: 1rem;
				margin-bottom: .25rem;
			}
			.board-gallery a .txt-box .tit {
				font-size: 1.1rem;
				margin-bottom: 1rem;
				color: #333;
				font-weight: 600;
				display: block;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-all;
				word-wrap: break-word;
				transition: 0.5s;
			}

		.board-gallery a:hover .txt-box .tit, .board-gallery a:focus .txt-box .tit {
			text-decoration: underline;
		}

		.board-gallery a .txt-box .date {
			position: absolute;
			left: 1.3rem;
			bottom: 1.4rem;
			font-size: 0.9rem;
			color: #888;
		}

/* Webzine */
.board-webzine {
}

	.board-webzine .webzine-item {
		position: relative;
	}

		.board-webzine .webzine-item .checkbox {
			position: absolute;
			right: 0.8rem;
			bottom: 1.5rem;
		}

		.board-webzine .webzine-item a {
			display: inline-block;
		}

			.board-webzine .webzine-item a .thum {
				position: relative;
				display: inline-block;
				width: 100%;
				height: 0;
				padding-bottom: 60%;
				overflow: hidden;
				background: #d5d7dc url(../../../../common/images/thumb-non.png) no-repeat 50% 50%;
				transition: all 0.5s;
			}

				.board-webzine .webzine-item a .thum > img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					transition: all .4s ease-in-out;
				}

			.board-webzine .webzine-item a:hover .thum > img, .board-webzine .webzine-item a:focus .thum > img {
				transform: scale(1.1);
			}

			.board-webzine .webzine-item a .txt-box {
				padding: 1.4rem 1.3rem;
				background-color: #f7f7f7;
			}

				.board-webzine .webzine-item a .txt-box .category {
					display: block;
					margin-bottom: 0.2rem;
				}

				.board-webzine .webzine-item a .txt-box .tit {
					display: block;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					text-overflow: ellipsis;
					overflow: hidden;
					font-size: 1.4rem;
					line-height: 1.2;
					font-weight: 600;
					margin-bottom: 0.8rem;
					color: #333;
				}

			.board-webzine .webzine-item a:hover .txt-box .tit, .board-webzine .webzine-item a:focus .txt-box .tit {
				text-decoration: underline;
				color: #0b3d92;
			}

			.board-webzine .webzine-item a .txt-box .txt {
				display: block;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;
				color: #777;
			}

			.board-webzine .webzine-item a:hover .txt-box .txt, .board-webzine .webzine-item a:focus .txt-box .txt {
				color: #333;
			}

			.board-webzine .webzine-item a .txt-box .date {
				display: block;
				font-size: 0.9rem;
				margin-top: 1.7rem;
				color: #999;
			}

/* Professor */
.professor-item {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	margin-bottom: 1.5rem;
	padding: 2.1rem 1.6rem;
}

	.professor-item .thum {
		float: left;
		width: 30%;
		height: auto;
		overflow: hidden;
		text-align: center;
	}

		.professor-item .thum img {
			width: 90%;
		}

	.professor-item .professor-cont {
		float: right;
		width: 65%;
	}

		.professor-item .professor-cont:after {
			content: '';
			clear: both;
		}

		.professor-item .professor-cont .name {
			font-size: 1.5rem;
			padding-right: 5rem;
			margin-top: 0.5rem;
			margin-bottom: 0.9rem;
		}

		.professor-item .professor-cont ul {
			margin: 0;
		}

			.professor-item .professor-cont ul > li {
				position: relative;
				word-break: break-word;
				padding-left: 5.2rem;
				color: #777;
				min-height: 1.375rem;
			}

				.professor-item .professor-cont ul > li:first-child {
				}

				.professor-item .professor-cont ul > li > span {
					position: absolute;
					top: 0;
					left: 0.7rem;
					color: #000;
				}

	.professor-item .professor-btn {
		position: absolute;
		top: 1.1rem;
		right: 0.9rem;
	}

		.professor-item .professor-btn > a {
			display: inline-block;
			width: 2.5rem;
			height: 2.5rem;
			margin: 0.2rem;
			text-align: center;
			background-color: #e3e8ec;
			border-radius: 50%;
			color: #5c6069;
			transition: 0.5s;
		}

			.professor-item .professor-btn > a:hover, .professor-item .professor-btn > a:focus {
				color: #0949ab;
			}

			.professor-item .professor-btn > a > .material-icons {
				line-height: 2.5rem
			}

#professor-modal .modal-body {
	max-height: 600px;
	overflow: hidden;
	overflow-y: scroll;
}

	#professor-modal .modal-body .professor-item {
		border: none;
		border-bottom: 1px solid #354e73;
		padding: 0 0 1.2rem 0;
		margin-bottom: 0;
		height: auto;
	}

		#professor-modal .modal-body .professor-item .thum {
			width: 25%
		}

		#professor-modal .modal-body .professor-item .professor-cont {
			width: 70%
		}

.tab-content .professor-item .thum {
	display: none;
}

.tab-content .professor-item .professor-cont {
	float: none;
	width: auto;
}

/* PDF */
.pdf-viewer {
	display: block;
	padding: 1.3rem 1.3rem;
	margin-bottom: 1.5rem;
	word-break: keep-all;
	border-top: 1px dotted #c8c8c8;
	background-color: #fbfcff;
	border-bottom: 1px dotted #c8c8c8;
}

	.pdf-viewer > ul {
		margin: 0;
	}

/* FAQ */
.faq .f-box, .faq .q-box {
	display: inline-block;
	width: 1.5rem;
	height: 1.3rem;
	background-color: #546073;
	text-align: center;
	color: #fff;
	font-size: 0.9rem;
	margin-right: 0.5rem;
}

.faq .f-box {
	background-color: #0e55c1;
}

.faq .q-box {
}

/* Calendar */
.pager-top {
	position: relative;
}

.pager-btn-left {
	position: absolute;
	left: 15px;
	top: 15px;
}

.pager-btn-right {
	position: absolute;
	right: 15px;
	top: 15px;
}

	.pager-btn-left i, .pager-btn-right i {
		font-size: 2.2rem;
	}

.pager-btn-left, .pager-btn-right {
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	margin: 0.2rem;
	text-align: center;
	background-color: #e3e8ec;
	border-radius: 50%;
	color: #5c6069;
	transition: 0.5s;
}

	.pager-btn-left .material-icons, .pager-btn-right .material-icons {
		line-height: 2.2rem
	}

.pager-top .left-year {
	position: absolute;
	left: 0;
	padding-left: 70px;
	top: 25px;
	font-size: 1.2rem;
}

.pager-top .right-year {
	position: absolute;
	right: 0;
	padding-right: 70px;
	top: 25px;
	font-size: 1.2rem;
}

.pager-calendar .card .card-body ul.pager-list {
	padding: 0.5rem;
}

/* site-map */
.site-map h3 {
	position: relative;
	color: #124fb6;
	font-size: 1.4rem;
	background: none;
	padding: 1rem 0 0 0;
	margin-bottom: 1rem;
	word-break: normal;
}

	.site-map h3:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40%;
		height: 0.2rem;
		background-color: #124fb6;
	}

.site-map .site-map-list {
	background-color: #f3f4f8;
	padding: 0.3rem 1.6rem 1.3rem;
	margin-bottom: 3.5rem;
}

	.site-map .site-map-list h4 {
		font-size: 1.1rem;
	}

		.site-map .site-map-list h4 > a {
			display: block;
			color: #000;
		}

			.site-map .site-map-list h4 > a:hover, .site-map .site-map-list h4 > a:focus {
				text-decoration: underline;
			}

	.site-map .site-map-list ul {
		margin-bottom: 0.5rem;
	}

		.site-map .site-map-list ul > li > a:hover, .site-map .site-map-list ul > li > a:focus {
			text-decoration: underline;
		}

		.site-map .site-map-list ul > li > ul {
			margin: 0.2rem 0 0.8rem;
		}

			.site-map .site-map-list ul > li > ul > li {
				background: url(../images/bullet04.png) no-repeat 0px 10px;
				margin: 0.1rem 0;
				padding-left: 0.8rem;
			}

				.site-map .site-map-list ul > li > ul > li > a {
					font-size: 0.9rem;
					color: #999;
				}

/* search-page */
.search-page {
}

	.search-page .search-box {
		text-align: center;
	}

		.search-page .search-box .inner {
			padding: 2.5rem 2rem;
		}

		.search-page .search-box label {
			display: none;
		}

		.search-page .search-box input {
			padding: 0.65rem 1.3rem 0.65rem;
			width: 70%;
			max-width: 440px;
			border: 1px solid #ccc;
			color: #333;
		}

		.search-page .search-box button {
			border: none;
			border-radius: 0;
			width: 45px;
			height: 45px;
			margin: -3px 0 0 -5px;
			transition: 0.5s;
			background-color: #0f4392;
		}

			.search-page .search-box button:hover, .search-page .search-box button:focus {
				background-color: #0c326b;
			}

			.search-page .search-box button .material-icons {
				color: #fff;
				font-size: 1.6rem;
			}

	.search-page .search-result {
		font-size: 1.8rem;
		color: #666;
		word-break: keep-all;
	}

	.search-page .search-item {
	}

		.search-page .search-item .nav {
			display: block;
			height: auto;
			min-height: auto;
			margin: 0;
		}

			.search-page .search-item .nav > span {
				position: relative;
				font-size: 0.9rem;
				color: #888;
				padding: 0 0.4rem;
			}

				.search-page .search-item .nav > span:first-child {
					padding-left: 1.2rem;
				}

				.search-page .search-item .nav > span:after {
					content: '\e315';
					font-family: 'material-Icons';
					position: absolute;
					left: -0.4rem;
					top: 0.05rem;
				}

				.search-page .search-item .nav > span:first-child:after {
					content: '\e3e0';
					left: 0;
				}

		.search-page .search-item a {
			display: block;
		}

		.search-page .search-item h4 {
			font-size: 1.25rem;
			color: #333;
			margin: 0.35rem 0 0.5rem;
			transition: 0.4s;
		}

			.search-page .search-item h4 a:hover, .search-page .search-box .search-item h4 a:focus {
				color: #0e55c1;
				text-decoration: underline;
			}

		.search-page .search-item p {
			display: block;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			overflow: hidden;
			margin-bottom: 2.5rem;
			height: 2.8rem;
			min-height: 2.8rem;
			color: #555;
		}

		.search-page .search-item:hover p, .search-page .search-box .search-item:focus p {
			color: #000;
		}


@media (min-width: 576px) {
	.board-view .board-view-files {
		padding-left: 9rem;
	}

		.board-view .board-view-files h5 {
			position: absolute;
			top: 1.1rem;
			left: 0.75rem;
			margin: 0;
			font-size: 1.2rem;
		}

		.board-view .board-view-files ul {
			position: relative;
		}

			.board-view .board-view-files ul:after {
				content: '';
				position: absolute;
				left: -1.5rem;
				top: 0;
				display: block;
				background: #d2d3d5;
				width: 1px;
				height: 100%;
			}

	.site-map .site-map-list {
		background-color: transparent;
		padding: 0;
		border-top: 1px solid #ccc;
	}
}

@media (min-width: 768px) {

	.box-type01 {
		padding: 2.5rem;
	}

	.pdf-viewer {
		padding-left: 10.5rem;
		background: #fbfcff url(../images/pdf-img.png) no-repeat 2rem 1.5rem;
	}

	.site-map h3 {
		font-size: 1.8rem;
		padding-top: 1.3rem;
		margin-bottom: 0;
	}

		.site-map h3:after {
			width: 100%;
		}

	.site-map .site-map-list h4 {
		font-size: 1.2rem;
	}

	.table-m-list table thead {
		display: table-header-group;
	}

	.table-m-list table tbody tr td:before {
		display: none;
	}

	.table-m-list table tbody tr td {
		display: table-cell;
		width: auto;
		padding: 10px;
		border-left: 1px solid #dee2e6;
	}

	.img-wrap .btn-fullscreen {
		display: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.layer-popup {
		display: none;
	}

	.pager-calendar .card .card-body .table tr td {
		padding: 0.30rem;
		font-size: 0.8rem;
	}

	.pager-calendar .card .card-body .table thead th {
		padding: 0.30rem;
		font-size: 0.8rem;
	}

	.pager-calendar .card .card-header {
		font-size: 1rem;
	}

	.pager-calendar .card .card-body ul.calendar-list li {
		font-size: 0.9rem;
		margin: 0.2rem;
	}

	.pager-calendar .card .card-body ul.calendar-list {
		padding: 0.5rem;
	}
}

@media (min-width: 992px) {
	.board-view .board-view-files {
		padding-left: 14rem;
	}

	.board-webzine .webzine-item {
		float: none;
		display: block;
		clear: both;
		border-top: 1px dotted #ccc;
		padding-top: 2rem;
	}

		.board-webzine .webzine-item:first-child {
			border-top: none;
			padding-top: 0;
		}

		.board-webzine .webzine-item a .thum {
			float: left;
			width: 30%;
			padding-bottom: 18%;
		}

		.board-webzine .webzine-item a .txt-box {
			float: right;
			background-color: transparent;
			width: 70%;
			padding: 0.35rem 1.6rem;
		}

			.board-webzine .webzine-item a .txt-box .tit {
				font-size: 1.6rem;
				-webkit-line-clamp: 1;
			}

			.board-webzine .webzine-item a .txt-box .txt {
				-webkit-line-clamp: 3;
			}

	.pager-calendar .card .card-body .table tr td, .pager-calendar .card .card-body .table thead th {
		padding: 0.5rem 0.45rem;
		font-size: 14px;
	}

	.pager-calendar .card .card-body ul.calendar-list {
		padding: 0.5rem 0;
	}

	.pager-calendar .card .card-body .table {
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}

		.pager-calendar .card .card-body .table tr:last-child td {
			border-bottom: 0;
		}

	.search-page .search-box label {
		display: inline-block;
		font-size: 1.9rem;
		margin-right: 1.7rem;
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {
	.board-webzine .webzine-item a .txt-box .date {
		font-size: 1rem;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1200px;
	}

	.board-webzine .webzine-item a .txt-box .tit {
		-webkit-line-clamp: 2;
	}

	.pager-calendar table tr th, .calendar table tr td {
		padding: 0.75rem;
	}
}