@charset "utf-8";


/* common */
.logo-wrap,
.gnb-wrap {
	position:absolute;
}
.logo-wrap.fixed,
.gnb-wrap.fixed {
	position:fixed;
}
.logo-wrap.fixed {
	width:100px;
}
.gnb-wrap {
	width:100%;
}
.gnb-wrap.fixed {
	box-shadow: 0 5px 20px rgb(0, 0, 0, 0.3);
	background:#fff;
	padding: 30px 20px;
}
.gnb-wrap.fixed.open {
	background:transparent;
}

.sub-header {
    width:72%;
	background:url('/share/images/sub/common/visual_01.jpg') no-repeat;
	background-size:cover;
	margin-bottom:10%;
	position:relative;
}
.sub-header.kimhae {
	background:url('/share/images/sub/common/visual_02.jpg') no-repeat;
}
.sub-header::after {
    content:'';
    padding-top:26%;
    display:block;
}
.sub-header .sub-title {
	content:'';
	width:140px;
	height:128px;
	position:absolute;
	right: -80px;
	bottom: -60px;
}
.sub-header.kimhae .sub-title {
	background:url('/share/images/sub/common/kimhae_title.png') no-repeat;
}
.sub-header.culture .sub-title {
	background:url('/share/images/sub/common/culture_title.png') no-repeat;
}

.sub-contents-wrap {
	max-width:1234px;
	padding:0 20px 70px 20px;
	margin:0 auto;
}

.medium-insert-images.medium-insert-images-grid figure,
.medium-insert-images-grid.mediumInsert figure {
	flex:1 !important;
}


/* button */
#button_set {
	margin-bottom: 2em;
	text-align: right;
}
.button {
	position: relative;
	overflow: visible;
	display: -moz-inline-stack;
	display: inline-block;
	margin-bottom: 2px;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	font-family: "MontserratM", "NanumSquareR", "malgun gothic", "Dotum", "Arial", "sans-serif";
	letter-spacing: 0.7em;
	line-height: 1.4em;
	cursor: pointer;
}
.button_black {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}
.bd_btn {
	font-size: 1em;
	letter-spacing: 0;
	padding: 14px 26px 11px;
}

/* Paging */
.paging_wrap {
	margin-top:60px;
}
.pg_innerwrap {
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.pg_innerwrap .pg_num {
	font-size:1.6rem;
	margin:0 20px;
	display:flex;
}
.pg_innerwrap .pg_num > * {
	width:30px;
	height:30px;
	border-radius: 50%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.pg_innerwrap .pg_num .now {
	color:#fff;
	background:#000;
}

/* ----------------------------- */
/* List
/* ----------------------------- */

.sub-contents-list {
	border-bottom:1px solid #000;
	margin-bottom:30px;
}
.sub-contents-list > header {
	border-bottom:2px solid #000;
	padding-bottom:30px;
	margin-bottom:50px;
	position:relative;
}
.sub-contents-list > header h2 {
	font-size:3.2rem;
	font-weight: 700;
	display:inline-block;
	position:relative;
}
.sub-contents-list > header h2::after {
	content:'';
	width:20px;
	height:20px;
	background:url('/share/images/sub/common/title_plus.svg') no-repeat;
	background-size:100%;
	display:block;
	position:absolute;
	top:0;
	right:-25px;
}
.sub-contents-list > header ul {
	display:flex;
	align-items: center;
	position:absolute;
	top:15px;
	right:0;
}
.sub-contents-list > header ul > li {
	margin-right:15px;
	cursor:pointer;
}
.sub-contents-list > header ul > li:first-child {
	border-right:1px solid #000;
	padding-right:15px;
}
.sub-contents-list > header ul > li.card-style,
.sub-contents-list > header ul > li.list-style {
	width:24px;
	height:15px;
}
.sub-contents-list > header ul > li.card-style {
	background:url('/share/images/sub/common/card.png') no-repeat;
}
.sub-contents-list > header ul > li.card-style.active {
	background:url('/share/images/sub/common/card_active.png') no-repeat;
}
.sub-contents-list > header ul > li.list-style {
	background:url('/share/images/sub/common/list.png') no-repeat;
}
.sub-contents-list > header ul > li.list-style.active {
	background:url('/share/images/sub/common/list_active.png') no-repeat;
}


.sub-contents-list.list-wrap > div article a .img-wrap {
	border:1px solid #dedede;
	position:relative;
	overflow: hidden;
}
.sub-contents-list.list-wrap > div article a .img-wrap::after {
	content:'';
	padding-top:66%;
	display:block;
}
.sub-contents-list.list-wrap > div article a .img-wrap figure {
	position:absolute;
	top:0;
	left:0;
}
.sub-contents-list.list-wrap > div article a span {
	display:block;
}

/* card style */
.sub-contents-list.card-style > div {
	display:flex;
	flex-wrap: wrap;
}
.sub-contents-list.card-style > div article {
	width:calc(100% / 3 - (30px * 2 / 3));
	margin-right:30px;
	margin-bottom:30px;
}
.sub-contents-list.card-style > div article:nth-child(3n) {
	margin-right:0;
}
.sub-contents-list.card-style > div article a {
	text-align:center;
}
.sub-contents-list.card-style > div article a .img-wrap {
	margin-bottom:20px;
}
.sub-contents-list.card-style > div article a header h3 {
	font-size:2.4rem;
	font-weight: 700;
	word-break: keep-all;
}
.sub-contents-list.card-style > div article a span {
	display:none;
}
.sub-contents-list.card-style > div article a p {
	display:none;
}

/* list style */
.sub-contents-list.list-style > div article {
	margin-bottom:30px;
}
.sub-contents-list.list-style > div article a {
	display:flex;
}
.sub-contents-list.list-style > div article a .img-wrap {
	width:378px;
	margin-right:30px;
}
.sub-contents-list.list-style > div article a .content {
	width:calc(100% - 378px - 30px);
}
.sub-contents-list.list-style > div article a header {
	margin-bottom:15px;
}
.sub-contents-list.list-style > div article a header h3 {
	font-size:2.4rem;
	font-weight: 700;
}
.sub-contents-list.list-style > div article a span {
	margin-bottom:50px;
	display:block;
}
.sub-contents-list.list-style > div article a p {
	font-size:1.6rem;
	color:#5a5a5a;
}


/* 전자책 */
.ebook_wrap ul {
	display:flex;
	flex-wrap:wrap;
}
.ebook_wrap ul li {
	width:calc(100% / 4 - (30px * 3 / 4));
	margin-right:30px;
	margin-bottom:30px;
}
.ebook_wrap ul li:nth-child(4n) {
	margin-right:0;
}
.ebook_wrap ul li dl dt {
	position:relative;
}
.ebook_wrap ul li dl dt::before {
	content:'';
	width:100%;
	padding-top:132.8%;
	display:block;
}
.ebook_wrap ul li dl dt a {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.ebook_wrap ul li dl dd {
	text-align: center;
	color: #585858;
	padding: 0.5em;
}
.ebook_wrap ul li dl dd span {
	font-size:1.4rem;
}
.ebook_wrap ul li dl dd a img {
	margin-top:5px;
	margin-left: 20px;
}

@media (max-width:767px) {
	.sub-header {
		display:none;
	}
	.sub-contents-wrap {
		padding-top:100px;
	}
	.sub-contents-list > header ul > li:first-child {
		border-right:none;
		padding-right:0;
		margin-right:0;
	}
	.sub-contents-list > header ul > li.card-style,
	.sub-contents-list > header ul > li.list-style {
		display:none;
	}
}

@media (max-width:720px) {
	.sub-contents-list.card-style > div article {
		width:calc(100% / 2 - (30px / 2));
	}
	.sub-contents-list.card-style > div article:nth-child(3n) {
		margin-right:30px;
	}
	.sub-contents-list.card-style > div article:nth-child(even) {
		margin-right:0;
	}
}

@media (max-width:640px) {
	.medium-insert-images.medium-insert-images-grid,
	.medium-insert-images-grid.mediumInsert {
		display:block;
	}
	.medium-insert-images.medium-insert-images-grid figure,
	.medium-insert-images-grid.mediumInsert figure {
		width:100% !important;
		flex:auto !important;
	}
}

@media (max-width:480px) {
	.sub-contents-list.card-style > div article {
		width:100%;
		margin-right:0 !important;
	}
	.sub-contents-list.card-style > div article a .img-wrap {
		margin-bottom: 5px;
	}
}