@
-webkit-keyframes spin { 100%{
	-webkit-transform: rotate(-360deg);
}

}
@
-moz-keyframes spin { 100%{
	-moz-transform: rotate(-360deg);
}

}
@
-ms-keyframes spin { 100%{
	-ms-transform: rotate(-360deg);
}

}
@
keyframes spin { 100%{
	transform: rotate(-360deg);
}

}

/********************************************************************************************************************************************************************/
/* 서브페이지 공통 */
#srh_bg {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 19;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#srh_bg::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}

.sub-visual {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 180px;
}

.sub-visual .sub-visual-img {
	position: relative;
	width: 100%;
	min-height: 100%;
	background: url(../img/sub_banner_img.png) no-repeat center center;
}

.sub-visual .sub-visual-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0066b3;
	opacity: .8;
}

.img_138259906752920014 {
	background: url(../img/sub_visual01.jpg) no-repeat !important;
}

.img_138259907568810015 {
	background: url(../img/sub_visual02.jpg) no-repeat !important;
}

.img_138259907756420016 {
	background: url(../img/sub_visual03.jpg) no-repeat !important;
}

.img_138259907962430017 {
	background: url(../img/sub_visual04.jpg) no-repeat !important;
}

.img_138259908187570018 {
	background: url(../img/sub_visual05.jpg) no-repeat !important;
}

.sub-visual .sub-visual-text {
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	z-index: 2;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 0 none;
	color: #fff;
}

.sub-visual .sub-visual-text .sub-visual-text-box {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.sub-visual .sub-visual-text .sub-visual-text-box .visual-textB {
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	font-weight: 300;
}

.sub-visual .sub-visual-text .sub-visual-text-box .visual-textB strong{
	font-weight: 600;
}

.sub-visual .sub-visual-text .sub-visual-text-box .visual-textS {
	/* text-align: center;
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.06em;
	font-weight: 300; */
	display: none;
}

.site-nav {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.site-nav-wrap {
	width: 1610px;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.site-menu {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 78px;
	width: 250px;
	display: flex;
	flex-direction: row;
	position: relative;
}

.act-submenu {
	height: 100%;
	width: 100%;
}

.act-submenu a {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px;
	font-size: 18px;
	/* color: #411049; */
	color: #0066b3;
}

.act-submenu-list {
	position: absolute;
	top: 79px;
	left: 0;
	/* background-color: #411049; */
	background-color: #0066b3;
	width: 100%;
	z-index: 99;
	padding: 10px 0px 15px 0px;
}

.act-submenu-list li {
	width: 100%;
}

.act-submenu-list li a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 15px 20px;
	height: 100%;
}

/**/
.site-menu2 {
	margin-left: -1px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 78px;
	width: 250px;
	display: flex;
	flex-direction: row;
	position: relative;
}

.act-submenu2 {
	height: 100%;
	width: 100%;
}

.act-submenu2 a {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px;
	font-size: 18px;
	color: #662579;
}

.act-submenu-list2 {
	position: absolute;
	top: 79px;
	left: 0;
	background-color: #411049;
	width: 100%;
	z-index: 99;
	padding: 10px 0px 15px 0px;
}

.act-submenu-list2 li {
	width: 100%;
}

.act-submenu-list2 li a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 15px 20px;
	height: 100%;
}

.site-location-box {
	display: flex;
	flex-direction: row;
	align-items:center;
}

.site-location-box a, .site-location-box span {
	/* color: #250441; */
	color: #ff7e00;
	margin-left: 20px;
	font-size: 16px;
}

.site-location-box a img{width:12px;}

.site-location-box a i {
	font-size: 18px;
}

.sub-content {
	width: 1610px;
	margin: 0 auto;
	position: relative;
}

.sub-content .sub-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.sub-content .sub-title h3 {
/* 	font-size: 35px;
	line-height: 35px; */
	display:none;
}

.sub-content .sub-title h3::before {
	height: 4px;
	/* background-color: #662579; */
	background-color:#03896f;
	content: '';
	display: block;
	margin-bottom: 15px;
}

.sub-srh {
	width: 100%;
 	background-color: #f4f5f9;
	border: 1px solid #f2f2f2;
	position: relative;
}

.sub-srh .sub-srh-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0px;
}

.sub-srh .sub-srh-box .sub-srh-title h3 {
	/* color: #662579; */
	/* color:#03896f; */
	color: #0066b3;
	line-height: 1.2em;
	font-size: 30px;
	letter-spacing: 0.10em;
}

.sub-srh .sub-srh-box .sub-srh-form {
	background-color: #fff;
	border-radius: 30px;
	width: 588px;
	border: 1px solid #dfe1e5;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 20px;
}

.sub-srh .sub-srh-box .sub-srh-form input[type='text'] {
	outline: none;
	border: none;
	color: #888;
	font-size: 15px;
	width: 453px;
	border-radius: 30px;
	background-color: #fff;
	padding: 18px 30px;
}

.sub-srh .sub-srh-box .sub-srh-form input[type='text']::placeholder {
	color: #888;
	font-size: 15px;
}

.sub-srh .sub-srh-box .sub-srh-form input[type='submit'] {
	color: #da2032;
	border: none;
	/* background-color: #662579; */
	background-color:#ffba00;
	border-radius: 0px 30px 30px 0px;
	width: 75px;
	cursor: pointer;
	font-size: 17px;
	text-align: center;
}

.srh-more-btn {
	background-color: #4b5f71;
	border-radius: 30px;
	margin-left: 20px;
}

.srh-more-btn a {
	padding: 18px 30px;
	display: block;
	color: #fff;
	text-decoration: underline;
	font-size: 16px;
}

/* 상세검색 */
.detail_srh {
	max-height: 600px;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	width: 100%;
}

.detailed_search {
	position: absolute;
	z-index: 20;
	background-color: #fff;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.25);
	min-height: 710px;
	width: 1608px;
}

.detail_srh_title {
	padding: 20px 30px 20px 30px;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.detail_srh_title h3 {
	font-size: 23px;
}

.detail_srh_title a {
	font-size: 43px;
	display: block;
	padding: 20px 30px;
}

.detail_srh_domain {
	padding: 50px 30px 30px 30px;
}

.detail_srh_region {
	padding: 0px 30px 30px 30px
}

.detail_srh_country {
	padding: 0px 30px 30px 30px
}

.detail_srh div ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 2px solid #cccccc;
}

.detail_srh div ul h3 {
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	color: #404040;
	margin-bottom: 20px;
}

.detail_srh .detail_srh_domain ul li input[type='checkbox']+label {
	border-radius: 30px;
}

.detail_srh div ul li input[type='checkbox']+label {
	display: inline-block;
	padding: 15px 50px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
	border-radius: 8px;
	font-size: 15px;
	color: #404040;
	font-weight: 400;
	margin-right: 9px;
	margin-top: 20px;
	letter-spacing: 0.0001em;
}

.detail_srh div ul li input[type='checkbox']:checked+label {
	background-color: #0066b3;
	border: 1px solid #0066b3;
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
}

.detail_srh div ul li input[type='checkbox']:checked+label::after {
	content: "\f057";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 20px;
	font-weight: 900;
	top: 16px;
	font-size: 15px;
}

.detail_srh div ul li input[type='checkbox'] {
	display: none;
}

.detail_srh_btn_box {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	height: 85px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	align-items: center;
}

.detail_srh_btn_box ul {
	display: flex;
	flex-direction: row;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
}

.detail_srh_btn_box ul li a {
	display: flex;
	margin-left: 15px;
	font-size: 16px;
	border-radius: 5px;
	padding: 14px 20px;
	transition: all .3s;
}

.detail_srh_btn_box ul li a.reset-btn {
	border: 1px solid #ccc;
	color: #aaa
}

.detail_srh_btn_box ul li a.cancel-btn {
	border: 1px solid #0272d1;
	color: #0272d1
}

.detail_srh_btn_box ul li a.apply-btn {
	border: 1px solid #0066b3;
	background-color: #0066b3;
	color: #fff
}

.detail_srh_btn_box ul li a.reset-btn:hover {
	border: 1px solid #ccc;
	color: #aaa;
	background-color: #f8f8f8;
}

.detail_srh_btn_box ul li a.cancel-btn:hover {
	border: 1px solid #084f8c;
	color: #084f8c;
	background-color: #f5f7ff;
}

.detail_srh_btn_box ul li a.apply-btn:hover {
	border: 1px solid #084f8c;
	background-color: #084f8c;
	color: #fff
}

.srh-tag-select {
	margin-top: 20px;
}

.srh-tag-select ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
}

.srh-tag-select ul li {
	background-color: #0272d1;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.01em;
	margin-right: 5px;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.srh-tag-select ul li span {
	padding: 0px 0px 0px 15px;
}

.srh-tag-select ul li a {
	display: inline-block;
	color: #fff;
	padding: 10px 15px 10px 10px;
}

/* sub-select */
.sub-select {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.sub-select ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.sub-select ul li {
	margin-right: 10px;
}

.sub-select ul li select {
	border: 1px solid #cccccc;
	color: #aaa;
	padding: 13px 20px;
	border-radius: 7px;
	width: 186px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/sub-select-arr.png) no-repeat 88% 50%;
	font-size: 16px;
}

.sub-select ul li select::-ms-expand {
	display: none;
}

.sub-select ul li select option {
	padding: 5px 0px
}

.mt50 {
	margin-top: 50px;
}

.mb50 {
	margin-bottom: 50px;
}

.pb0 {
	padding-bottom: 0px !important;
}

.b-none {
	border: none !important;
}

.bb-none {
	border-bottom: none !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mt30 {
	margin-top: 30px;
}

.left {
	text-align: left;
}

.mt0 {
	margin-top: 0px !important;
}

/* -서브페이지 공통 끝- */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* archive page 시작 */
.archive_elements {
	margin-top: 100px;
	margin-bottom: 100px;
}

.subpage-title {
	display: flex;
	align-items: center;
	position: relative;
}

.subpage-title h3 {
	color: #888888;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	font-weight: 600;
	letter-spacing: 0.011em;
	background-color: #fff;
	padding-right: 15px;
}

.subpage-title::before {
	width: 100%;
	content: '';
	margin-top: 5px;
	position: absolute;
	background-color: #cccccc;
	height: 2px;
}

.subpage-title strong {
	color: #404040;
	font-weight: 900;
}

/* arc-el */
.arc-el-box {
	margin-top: 50px;
	margin-bottom: 100px;
}

.arc-el-box ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.arc-el-box ul li {
	position: relative;
	width: 313px;
	height: 270px;
	border-radius: 30px;
	overflow: hidden;
}

.arc-el-box ul li a {
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
}

.arc-el-box ul li a:hover .el-img-area .el-img {
	transform: scale(1.1) rotate(.001deg);;
}

.arc-el-box ul li .el-img-area {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.arc-el-box ul li:nth-child(1) .el-img-area .el-img {
	width: 100%;
	height: 100%;
	background: url(../img/arc_el_img01.jpg) no-repeat;
	transition: all ease 1s;
}

.arc-el-box ul li:nth-child(2) .el-img-area .el-img {
	width: 100%;
	height: 100%;
	/* background: url(../img/arc_el_img02.jpg) no-repeat; */
	transition: all ease 1s;
}

.arc-el-box ul li:nth-child(3) .el-img-area .el-img {
	width: 100%;
	height: 100%;
	background: url(../img/arc_el_img03.jpg) no-repeat;
	transition: all ease 1s;
}

.arc-el-box ul li:nth-child(4) .el-img-area .el-img {
	width: 100%;
	height: 100%;
	background: url(../img/arc_el_img04.jpg) no-repeat;
	transition: all ease 1s;
}

.arc-el-box ul li:nth-child(5) .el-img-area .el-img {
	width: 100%;
	height: 100%;
	background: url(../img/arc_el_img05.jpg) no-repeat;
	transition: all ease 1s;
}

.arc-el-box ul li .el-text-area {
	position: relative;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;

	/* background-color: rgba(0, 0, 0, 0.67); */
	background-color:rgba(123, 176, 214, 1);

	transition: all ease 1s;
}

.arc-el-box ul li:hover .el-text-area {
	position: relative;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;

	/* background-color: rgba(0, 0, 0, 0.20); */
	background-color:rgba(50, 130, 216, 1);
	transform:scale(1.1);
	overflow:hidden;

	text-shadow: -1px 0px 10px rgba(0, 0, 0, 0.9);
}

.arc-el-box ul li .el-text-area .el-text {
	color: #fff;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 600;
	padding: 0px 20px;
	text-align: center;
	letter-spacing: -0.03em;
	transition: all ease 1s;
}

.arc-el-box ul li:hover .el-text-area .el-text {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

/* arc-map */
.archive_map {
	margin-bottom: 100px;
}

.archive_map .subpage-title::before {
	display: none;
}

.archive_map .subpage-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.map-btn {
	width: 120px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #662579;
	color: #662579;
	border-radius: 30px;
	font-size: 16px;
	overflow: hidden;
}

/* GIS Service */
.archive_map .gis-service-area {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 470px;
	margin-top: 44px;
	overflow: hidden;
}

/* GIS Service LEFT */
.archive_map .gis-service-area .left-select {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 387px;
}

.archive_map .gis-service-area .left-select  .LeftArrBtn {
	display: none;
}

.archive_map .gis-service-area .left-select .left-select-box {
	padding: 0px 20px;
	height: 100%;
	width: 292px;
	background: url(../img/gis-bg.png) repeat;
}

.archive_map .gis-service-area .left-select .left-select-box h5 {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	padding: 15px 0px;
	border-bottom: 1px solid #fff;
}

.archive_map .gis-service-area .left-select .left-select-box ul {
	display: flex;
	width: 293px;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}

.archive_map .gis-service-area .left-select .left-select-box ul li {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-top: 12px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.archive_map .gis-service-area .left-select .left-select-box ul li input[type='checkbox']
	{
	margin-right: 10px;
}

.archive_map .gis-service-area .left-select {
	transition: ease-in-out .5s;
}

.archive_map .gis-service-area .Leftopened {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 380px;
	height: 100%;
}

.archive_map .gis-service-area .Leftclosed {
	position: absolute;
	top: 0;
	left: -20.2%;
	z-index: 1;
	width: 380px;
	height: 100%;
}

/* GIS Service RIGHT */
.archive_map .gis-service-area .right-content {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 390px;
	height: 100%;
}
/*
.archive_map .gis-service-area .right-content #gpsListToggle {
	color: white;
		font-size: 55px;
		position: absolute;
		top: 45%;
		background-color: rgba(0,0,0,0.7);
		width: 50px;
		height: 55px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
}
*/
.archive_map .gis-service-area .right-content .right-content-box {
	background: url(../img/gis-bg.png) repeat;
	padding: 20px 20px;
	overflow-y: auto;
	height: 430px;
	width: 300px;
	float: right;
}

.archive_map .gis-service-area .right-content .right-content-box h5 {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.archive_map  .gis-service-area .right-content {
	transition: ease-in-out .5s;
}

.archive_map  .gis-service-area .opened {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 387px;
	height: 100%;
}

.archive_map  .gis-service-area .closed {
	position: absolute;
	top: 0;
	right: -21%;
	z-index: 1;
	width: 387px;
	height: 100%;
}

.archive_map .gis-service-area .right-content .right-content-box h5 a {
	color: #fff;
}

.archive_map .gis-service-area .right-content .right-content-box dl {
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dt p
	{
	font-size: 15px;
	color: #5b88c5;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	width: 235px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dt p a
	{
	font-size: 15px;
	color: #5b88c5;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	width: 235px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dt a
	{
	font-size: 20px;
	color: #999999;
}

.archive_map .gis-service-area .right-content .right-content-box dl dd {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dd .cont-image
	{
	width: 66px;
	height: 55px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.archive_map .gis-service-area .right-content .right-content-box dl dd .cont-image img
	{
	width: 100%;
	height: 100%;
}

.archive_map .gis-service-area .right-content .right-content-box dl dd .cont-text
	{
	font-size: 14px;
	width: 214px;
	color: #404040;
	font-weight: 300;
	margin-left: 10px;
	line-height: 1.5em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 4.5em;
}

.archive_map .gis-service-area .center-map {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

/* archive_materials */
.archive_materials {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
}

.archive_materials .subpage-title {
	width: 100%;
}

.arc_mater_area {
	width: 780px;
}

.arc_mater_area .mater_title {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.arc_mater_area .mater_title h5 {
	font-size: 24px;
	/* color: #3a0b45; */
	color: #004993;
}

.arc_mater_area .mater_title a {
	color: #404040;
	font-size: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all ease .8s;
}

.arc_mater_area .mater_title a:hover {
	/* color: #662579; */
	color: #004993;
}

.arc_mater_area .mater_title a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.arc_mater_area .mater_title a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.arc_mater_area .mater_title a:hover p {
	/* background-color: #662579; */
	background-color: #0052cd;
}

.arc_mater_area .mater_title a:hover p i {
	transform: translateX(-2px);
}

.arc_mater_area ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:1.5%;
}

.arc_mater_area ul li {
	width: 23.875%;
	border: 1px solid #adadad;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.arc_mater_area ul li:nth-child(4n) {
	margin-right: 0;
}

.arc_mater_area ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.arc_mater_area ul li a .meter-img {
	width: 100%;
	height: 280px;
	overflow: hidden;
	border-bottom: #dfdfdf solid 1px;
}

.arc_mater_area ul li a .meter-img p {
	width: inherit;
	height: 100%;
	background-position: center center !important;
	transition: all ease .8s;
}

.arc_mater_area ul li a:hover .meter-img p {
	transform: scale(1.1) rotate(.001deg);;
}

.related_to .mater_photos ul li a .meter-text .meter-text-domain {
	margin-top: 0px !important
}

.archive_materials .mater_photos ul li:nth-child(1) a .meter-img p {
	background: url(../img/meter_photo_img01.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_photos ul li:nth-child(2) a .meter-img p {
	background: url(../img/meter_photo_img02.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_videos ul li:nth-child(1) a .meter-img p {
	background: url(../img/meter_video_img01.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_videos ul li:nth-child(2) a .meter-img p {
	background: url(../img/meter_video_img02.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_audios ul li:nth-child(1) a .meter-img p {
	background: url(../img/meter_audio_img01.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_audios ul li:nth-child(2) a .meter-img p {
	background: url(../img/meter_audio_img02.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_public ul li:nth-child(1) a .meter-img p {
	background: url(../img/meter_public_img01.jpg) no-repeat;
	background-size: cover;
}

.archive_materials .mater_public ul li:nth-child(2) a .meter-img p {
	background: url(../img/meter_public_img02.jpg) no-repeat;
	background-size: cover;
}

.meter-text {
	padding: 30px;
}

.meter-text .meter-text-subject {
	color: #404040;
	font-size: 19px;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
}

.meter-text .meter-text-domain {
	color: #777777;
	font-size: 14px;
	margin-top: 70px;
}

.meter-info {
	padding: 20px 30px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.meter-info-coun {
	font-size: 15px;
	color: #5a5a5a;
}

.meter-info-y {
	font-size: 16px;
	color: #183153;
}

/* archive_stakeholders */
.archive_stakeholders {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 70px;
}

.archive_stakeholders .subpage-title {
	width: 100%;
}

.arc_stak_area {
	width: 510px;
}

.stak_title {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

.stak_title h5 {
	font-size: 24px;
	/* color: #3e4574; */
	color: #004993;
}

.stak_title a {
	color: #404040;
	font-size: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all ease .8s;
}

.stak_title a:hover {
	/* color: #3e4574; */
	color: #004993;
}

.stak_title a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.stak_title a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.stak_title a:hover p {
	/* background-color: #3e4574; */
	background-color: #0052cd;
}

.stak_title a:hover p i {
	transform: translateX(-2px);
}

.arc_stak_area ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.arc_stak_area ul li {
	width: 250px;
	border: 1px solid #adadad;
	display: flex;
	flex-direction: column;
}

.arc_stak_area ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.arc_stak_area ul li a .stak-img {
	width: 100%;
	height: 172px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.arc_stak_area ul li a .stak-img p {
	width: 100%;
	height: 100%;
	background-position: center center !important;
	background-size: cover;
	transition: all ease .8s;
}

.arc_stak_area ul li a:hover .stak-img p {
	transform: scale(1.1) rotate(.001deg);;
}

.stak_com ul li:nth-child(1) a .stak-img p {
	background: url(../img/stak_com_img01.jpg) no-repeat;
	background-size: cover;
}

.stak_com ul li:nth-child(2) a .stak-img p {
	background: url(../img/stak_com_img02.jpg) no-repeat;
	background-size: cover;
}

.stak_ex ul li:nth-child(1) a .stak-img p {
	background: url(../img/stak_ex_img01.jpg) no-repeat;
	background-size: cover;
}

.stak_ex ul li:nth-child(2) a .stak-img p {
	background: url(../img/stak_ex_img02.jpg) no-repeat;
	background-size: cover;
}

.stak_or ul li:nth-child(1) a .stak-img p {
	background: url(../img/stak_or_img01.jpg) no-repeat;
	background-size: cover;
}

.stak_or ul li:nth-child(2) a .stak-img p {
	background: url(../img/stak_or_img02.jpg) no-repeat;
	background-size: cover;
}

.stak-text {
	padding: 20px;
}

.stak-text .stak-text-subject {
	color: #404040;
	font-size: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
	word-break: keep-all;
	width: 100%;
}

.stak-text .stak-text-domain {
	color: #777777;
	font-size: 15px;
	margin-top: 40px;
}

.stak_gover {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
}

.stak_gover ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.stak_gover ul li {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 19%;
	height: 320px;
}

.stak_gover ul li a {
	position: relative;
	height: 100%;
}

.stak_gover ul li a .gov-img {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.stak_gover ul li a .gov-img p {
	width: 100%;
	height: 100%;
	transition: all ease .8s;
}

.stak_gover ul li a .gov-img p::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0, 0, 0, 0.67);
	transition: all ease .8s;
}

.stak_gover ul li a:hover .gov-img p::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0, 0, 0, 0.2);
}

.stak_gover ul li a:hover .gov-img p {
	transform: scale(1.1) rotate(.001deg);;
}

.stak_gover ul li:nth-child(1) a .gov-img p {
	background: url(../img/gov-img01.jpg) no-repeat;
	background-size: cover;
}

.stak_gover ul li:nth-child(2) a .gov-img p {
	background: url(../img/gov-img02.jpg) no-repeat;
	background-size: cover;
}

.stak_gover ul li:nth-child(3) a .gov-img p {
	background: url(../img/gov-img03.jpg) no-repeat;
	background-size: cover;
}

.stak_gover ul li:nth-child(4) a .gov-img p {
	background: url(../img/gov-img04.jpg) no-repeat;
	background-size: cover;
}

.stak_gover ul li:nth-child(5) a .gov-img p {
	background: url(../img/gov-img05.jpg) no-repeat;
	background-size: cover;
}

.stak_gover ul li a .gov-text {
	color: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	line-height: 1.4em;
}

/* collection */
.archive_collection {
	margin-bottom: 100px;
}

.archive_collection .subpage-title::before {
	display: none;
}

.archive_collection .subpage-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sh-more-btn {
	width: 145px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #404040;
	color: #404040;
	border-radius: 30px;
	font-size: 16px;
	transition: ease-in-out .5s;
}

.sh-more-btn i {
	font-size: 16px;
	margin-left: 10px;
}

.sh-more-btn:hover {
	background-color: /* #3a0b45 */ #0052cd;
	color: #fff;
	border: 1px solid /* #3a0b45 */ #0052cd;
}

.archive_collection ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 50px;
}

.archive_collection ul li {
	width: 25%; /**225px;**/
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #5d7a94;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	transition: ease-in-out .3s;
	margin-right: 10px;
}

.archive_collection>ul>li:nth-child(7n) {
	margin-right: 0;
}

.archive_collection ul li a::after {
	z-index: 1;
	background-color: #4b5f71;
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	bottom: 0;
	height: 70px;
	transition: ease-in-out .3s;
	left: 0;
}

.archive_collection ul li:hover {
	background-color: #8eb8ea;
}

.archive_collection ul li:hover a::after {
	background-color: #4a90e2;
}

.archive_collection ul li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	padding: 0px 20px;
}

.archive_collection ul li a .col-img {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	overflow: hidden;
	background-color: #fff;
}

.archive_collection ul li a .col-img p {
	width: 100%;
	height: 100%;
	background-position: center center !important;
	transition: all ease .8s;
}

.archive_collection ul li:nth-child(1) a .col-img p {
	background: url(../img/arc_col_img01.jpg) no-repeat;
}

.archive_collection ul li:nth-child(2) a .col-img p {
	background: url(../img/arc_col_img02.jpg) no-repeat;
}

.archive_collection ul li:nth-child(3) a .col-img p {
	background: url(../img/arc_col_img03.jpg) no-repeat;
}

.archive_collection ul li:nth-child(4) a .col-img p {
	background: url(../img/arc_col_img04.jpg) no-repeat;
}

.archive_collection ul li:nth-child(5) a .col-img p {
	background: url(../img/arc_col_img05.jpg) no-repeat;
}

.archive_collection ul li:nth-child(6) a .col-img p {
	background: url(../img/arc_col_img06.jpg) no-repeat;
}

.archive_collection ul li:nth-child(7) a .col-img p {
	background: url(../img/arc_col_img07.jpg) no-repeat;
}

.col-subject {
	color: #fff;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 80px;
}

.col-count {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 70px;
	width: 100%;
	z-index: 2;
}

.col-count p i {
	color: #fff;
	font-size: 30px;
}

.col-count .col-item-count {
	display: flex;
	flex-direction: column;
	color: #fff;
	margin-left: 10px;
}

/* 아카이브 페이지 끝 */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : Archive - Elements */
.elements_page {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.elements_page .page-results {
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 2px solid /* #705b72 */ #0066b3;
	color: #404040;
	font-size: 16px;
	letter-spacing: 0.01em;
}

.elements_page .page-results strong {
	/* color: #822994; */
	color:#0066b3;
	margin-left: 5px;
}

.elements_page .page-results div {
	font-size: 16px;
}

.elements_page .page-results a {
	color: #404040;
	font-size: 16px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	transition: all ease .8s;
}

.elements_page .page-results a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.elements_page .page-results a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.elements_page .page-results-more {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 2px solid /* #705b72 */ #0052cd;
	color: #404040;
	font-size: 16px;
	letter-spacing: 0.01em;
}

.elements_page .page-results-more strong {
	color: #822994;
	margin-left: 5px;
}

.elements_page .page-results-more div {
	font-size: 16px;
}

.elements_page .page-results-more strong {
	/* color: #822994; */
	color: #0052cd;
	margin-left: 5px;
}

.elements_page .page-results-more a {
	color: #404040;
	font-size: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all ease .8s;
}

.elements_page .page-results-more a:hover {
	/* color: #662579 */
	color: #004993;
}

.elements_page .page-results-more a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.elements_page .page-results-more a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.elements_page .page-results-more a:hover p {
	/* background-color: #662579; */
	background-color: #0052cd;
}

.elements_page .page-results-more a:hover p i {
	transform: translateX(-2px);
}

.elements-upper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.elements-info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.elements-info>p {
	width: 30px;
	height: 28px;
}

.elements-info>h5 {
	color: #999999;
	font-size: 19px;
	font-weight: 400;
	margin-left: 10px;
}

.elements-info>h5>strong {
	color: #0899ab
}

.elements-tab-btn {
	display: flex;
}

.elements-tab-btn .elements-tab-btn-ul {
	display: flex;
	flex-direction: row;
}

.elements-tab-btn .elements-tab-btn-ul li {
	margin-left: 10px;
}

.elements-tab-btn .elements-tab-btn-ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 40px;
	border: 1px solid /* #705b72 */ #0066b3;
	border-radius: 10px;
	font-size: 18px;
	color: #705b72;
}

.elements-tab-btn ul li.active a {
	/* background-color: #705b72; */
	background-color: #0066b3;
	color: #fff;
}

.elements-select-ul {
	display: flex;
	margin-left: 10px;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.elements-select-ul li select {
	border: 1px solid #cccccc;
	color: #aaa;
	padding: 11px 20px;
	border-radius: 7px;
	width: 186px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/sub-select-arr.png) no-repeat 88% 50%;
	font-size: 16px;
}

.elements-select-ul li select::-ms-expand {
	display: none;
}

.elements-select-ul li select option {
	padding: 5px 0px
}

#elements-cont {
	margin-bottom: 100px;
}

.nodata{text-align:center; margin-top:60px;}

/* 앨범형 */
.elements-album ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1%;
}

.elements-album ul li {
	width: 19.2%;
	border: 1px solid #adadad;
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.elements-album ul li:nth-child(5n) {
	margin-right: 0;
}

.elements-album ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.elements-album ul li a .album-img {
	width: 100%;
	height: 223px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.elements-album ul li a .album-img p {
	width: inherit;
	height: 100%;
	transition: all ease .8s;
	background-position: center center !important;
}

.elements-album ul li a:hover .album-img p {
	transform: scale(1.1) rotate(.001deg);
}

.album-text {
	padding: 20px;
}

.album-text .album-text-subject {
	color: #222;
	font-size: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
	word-break: keep-all;
	width: 100%;
	font-weight: 700;
}

.album-text .album-text-domain {
	/* color: #582f61; */
	font-size: 14px;
	margin-top: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
	word-break: keep-all;
	flex-wrap: wrap;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
}

.album-info {
	padding: 20px 20px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 25px;
}

.album-info-coun {
	font-size: 13px;
	color: #909090;
	width: 60%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	letter-spacing: -0.001em;
	font-weight: 400;
}

.album-info-y {
	font-size: 16px;
	color: #183153;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.album-info-y img {
	margin-right: 10px;
}

/* 리스트형 */
.elements-list {
	width: 100%;;
}

.elements-list ul {
	display: flex;
	flex-direction: column;
	width: 100%;;
}

.elements-list ul li {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.elements-list ul li a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	transition: ease-in-out .3s;
}

.elements-list ul li a:hover {
	box-shadow: 0px 0px 21px -8px rgba(0, 0, 0, 0.56);
}

.elements-list ul li a .el-list-text {
	display: flex;
	flex-direction: column;
	width: 1190px;
	padding: 40px 00px 40px 40px;
}

.elements-list ul li a .el-list-img {
	width: 215px;
	height: 223px;
	overflow: hidden;
	padding: 0px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.elements-list ul li a .el-list-img p {
	background: url(../img/el-img01.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center center !important;
}

.elements-list ul li a .el-list-text .list-subject {
	font-size: 20px;
	color: #404040;
	margin-bottom: 20px;
	align-items: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	letter-spacing: -0.001em;
	width: 100%;
}

.elements-list ul li a .el-list-text .list-subject02 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	margin-bottom: 20px;
}

.elements-list ul li a .el-list-text .list-subject02 .listSubject {
	font-size: 20px;
	color: #404040;
	align-items: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	letter-spacing: -0.001em;
	margin-right: 30px;
}

.elements-list ul li a .el-list-text .list-subject02 .list_unesco_mark {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 15px;
	color: #333;
	font-weight: 300;
}

.elements-list ul li a .el-list-text .list-subject img {
	margin-left: 10px;
}

.elements-list ul li a .el-list-text .list-text-cont {
	color: #404040;
	font-size: 16px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.8em;
	height: 5.6em;
	align-items: flex-start;
	word-break: keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 100%;
	font-weight: 300;
	letter-spacing: 0.001em;
}

.elements-list ul li a .el-list-text .list-coun {
	font-size: 16px;
	/* color: #0899ab; */
	color: #3282d8;
	margin-top: 20px;
}

/* 테이블 형 */
.elements-table {
	width: 100%;
}

.elements-table table {
	width: 100%;
	border-top: 2px solid /* #504069 */ #004993;
}

.elements-table table tr:hover {
	background-color: #f9f9f9;
}

.elements-table table th {
	text-align: center;
	background-color: #efefef;
	color: #000;
	font-size: 15px;
	padding: 13px 0px;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
}

.elements-table table td {
	text-align: center;
	color: #404040;
	font-size: 15px;
	padding: 30px 20px;
	border-bottom: 1px solid #ccc;
	font-weight: 300;
}

.elements-table table .subject {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}

.elements-table table .subject a {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.elements-table table .audioSubject {
	font-weight: 600;
}

.elements-table table .subject a img {
	margin-left: 10px;
}
/* PAGE : Archive - Elements END */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : Story */
.story_page {
	width: 100%;
	margin-bottom: 100px;
}

.story_page .main-story {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #f4f5f9;
}

.story_page .main-story a {
	padding: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.story_page .main-story a .main-story-img {
	width: 1508px;
	height: 542px;
	overflow: hidden;
}

.story_page .main-story a .main-story-img p {
	background: url(../img/story_img.jpg) no-repeat;
	width: 100%;
	height: 100%;
	transition: all .8s;
}

.story_page .main-story a:hover .main-story-img p {
	transform: scale(1.1);
}

.story_page .main-story a .main-story-info {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}

.story_page .main-story a .main-story-info .main-story-title {
	color: #404040;
	font-size: 25px;
	font-weight: 600;
}

.story_page .main-story a .main-story-info .main-story-cont {
	font-size: 17px;
	color: #888;
	font-weight: 300;
	margin-top: 25px;
	letter-spacing: 1.0px;
}

/* story list */
.story_page .story_list {
	display: flex;
	width: 100%;
	margin-top: 50px;
}

.story_page .story_list>ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}

.story_page .story_list>ul>li {
	display: flex;
	flex-direction: column;
	width: 500px;
	height: 830px;
	margin-right: 50px;
	margin-bottom: 50px;
}

.story_page .story_list>ul>li .story_box {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 830px;
	border: 1px solid #ccc;
}

.story_page .story_list>ul>li:nth-child(3n) {
	margin-right: 0;
}

.story_page .story_list>ul>li>.story_box .list-story-img {
	overflow: hidden;
	width: 500px;
	height: 400px;
	border-bottom: 1px solid #ccc;
}

.story_page .story_list>ul>li>.story_box .list-story-img p {
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: all .5s;
}
/* .story_page .story_list > ul > li:nth-child(2) .list-story-img p { width: 100%; height: 100%; background: url(../img/list_story_img02.jpg) no-repeat; background-size: cover; transition: all .5s;}
.story_page .story_list > ul > li:nth-child(3) .list-story-img p { width: 100%; height: 100%; background: url(../img/list_story_img03.jpg) no-repeat; background-size: cover; transition: all .5s;}
.story_page .story_list > ul > li:nth-child(4) .list-story-img p { width: 100%; height: 100%; background: url(../img/list_story_img04.jpg) no-repeat; background-size: cover; transition: all .5s;}
.story_page .story_list > ul > li:nth-child(5) .list-story-img p { width: 100%; height: 100%; background: url(../img/list_story_img05.jpg) no-repeat; background-size: cover; transition: all .5s;} */
.story_page .story_list>ul>li .story_box:hover .list-story-img p {
	transform: scale(1.1);
}

.story_page .story_list>ul>li .story_box .list-story-info {
	display: flex;
	padding: 30px;
	flex-direction: column;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-subject
	{
	font-size: 22px;
	color: #404040;
	font-weight: 600;
	width: 430px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 12px;
	line-height: 30px;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul
	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li
	{
	font-size: 15px;
	color: #999;
	font-weight: 300;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	margin-right: 10px;
	align-items: center;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li:nth-child(1)
	{
	color: #8c0c26;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li::after
	{
	content: '';
	background-color: #999;
	width: 1px;
	height: 15px;
	display: flex;
	margin-left: 10px;
}

.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li:last-child:after
	{
	display: none;
}

.story_page .story_list>ul>li .story_box .list-story-cont {
	display: flex;
	margin: 0px 30px;
	border-top: 1px solid #ccc;
	font-size: 17px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.8em;
	height: 9em;
	align-items: flex-start;
	padding-top: 25px;
	letter-spacing: 0.001em;
	word-break: keep-all;
}

.list-story-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.list-story-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #404040;
	width: 230px;
	height: 56px;
	font-size: 17px;
	font-weight: 300;
	color: #404040;
	overflow: hidden;
	transition: all .5s;
	position: relative;
}

.list-story-btn a:hover {
	color: #fff;
	border: 1px solid #3a2044;
}

.list-story-btn a:before {
	content: "";
	z-index: -1;
	position: absolute;
	background: #3a2044;
	transition: all .4s;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 200%;
	height: 0;
}

.list-story-btn a:hover:before {
	height: 400%;
}

/* PAGE : Story 끝 */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : Story View  */
.story_view_page {
	width: 100%;
	border-top: 1px solid #ccc;
}

.story_view_page .story_view_title {
	padding: 50px 0px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ccc
}

.story_view_page .story_view_title .story_view_title01 {
	color: #cccccc;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
}

.story_view_page .story_view_title .story_view_title02 {
	color: #404040;
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	margin-top: 10px;
}

.view_name {
	margin-top: 20px;
	display: flex;
	position: relative;
	flex-direction: row;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.view_name::before {
	width: 100%;
	height: 1px;
	content: '';
	background-color: #dfdfdf;
	display: flex;
	position: absolute;
	z-index: 1;
}

.view_name h5 {
	font-size: 22px;
	font-weight: 300;
	font-family: 'GyeonggiBatang';
	color: #aaa;
	text-align: center;
	background-color: #fff;
	z-index: 9;
	position: relative;
	padding: 0px 20px;
}

.story_view {
	height: 947px;
	background-color: #f4f5f9;
	padding: 50px;
	margin-bottom: 50px;
}

.story_view .video_area {
	width: 100%;
	height: 100%;
}

.story_view .video_area iframe {
	width: 100%;
	height: 100%;
}

.story_view_subject {
	position: relative;
	display: flex;
	align-items: center;
}

.story_view_subject::before {
	width: 100%;
	content: '';
	position: absolute;
	background-color: #cccccc;
	height: 1px;
	z-index: 1;
}

.story_view_subject h3 {
	background-color: #fff;
	padding-right: 15px;
	color: #522368;
	font-size: 30px;
	letter-spacing: -0.007em;
	line-height: 30px;
	position: relative;
	z-index: 2;
}

.story_view_at01 {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
	word-break: keep-all;
}

.story_view_at01 h5 {
	font-family: 'GyeonggiBatang';
	font-size: 30px;
	font-style: italic;
	line-height: 30px;
	letter-spacing: -0.007em;
	text-decoration: underline;
}

.story_view_at01 .view_at01_text {
	font-size: 20px;
	color: #404040;
	font-weight: 300;
	line-height: 2.0em;
	letter-spacing: 0.007em;
	margin-top: 30px;
	word-break: keep-all;
}

.story_view_photo {
	width: 100%;
}

.story_view_photo ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.story_view_photo ul li {
	width: 530px;
	height: auto !important;
}

.story_view_at02 {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
}

.story_view_at02 h5 {
	font-family: 'GyeonggiBatang';
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -0.007em;
	width: auto;
	display: inline-block;
}

.story_view_at02 h5::before {
	content: '';
	height: 3px;
	background-color: #3c0e48;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}

.story_view_at02 .view_at02_text {
	font-size: 20px;
	color: #404040;
	font-weight: 300;
	line-height: 2.0em;
	letter-spacing: -0.001em;
	margin-top: 30px;
	word-break: keep-all;
}

.story_view_photo02 {
	width: 100%;
}

.story_view_photo02 ul {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.story_view_photo02 ul li {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
}

.story_view_photo02 ul li div {
	width: 1067px;
	height: auto !important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.story_view_at03 {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
}

.story_view_at03 h5 {
	font-family: 'GyeonggiBatang';
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -0.007em;
	width: auto;
	display: inline-block;
}

.story_view_at03 h5::before {
	content: '';
	height: 3px;
	background-color: #3c0e48;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}

.story_view_at03 .at03_type01 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.story_view_at03 .at03_type01 .view_at03_text02 {
	font-size: 20px;
	color: #404040;
	font-weight: 300;
	line-height: 2.5em;
	letter-spacing: 0.016em;
	margin-top: 30px;
	width: 60%;
	word-break: keep-all;
}

.story_view_at03 .at03_type01 .view_at03_text02_line {
	font-size: 20px;
	color: #404040;
	word-break: keep-all;
	font-weight: 300;
	line-height: 2.2em;
	letter-spacing: 0.007em;
	margin-top: 30px;
	width: 60%;
}

.story_view_photo03 {
	width: 33%;
	margin-top: 40px;
}

.story_view_photo03>div {
	width: 530px;
	height: 375px;
}

.story_view_at03 .view_at03_text {
	font-size: 20px;
	color: #404040;
	font-weight: 300;
	line-height: 2.0em;
	letter-spacing: -0.001em;
	margin-top: 50px;
	word-break: keep-all;
}

.story_view_photo04 {
	width: 100%;
}

.story_view_photo04 ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.story_view_photo04 ul li:nth-child(1) {
	width: 1050px;
	height: 525px;
}

.story_view_photo04 ul li:nth-child(2) {
	width: 550px;
	height: 525px;
}

.story_view_at04 {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 2px solid #ccc;
	padding-bottom: 50px;
	padding-top: 100px;
}

.story_view_at04 h5 {
	font-family: 'GyeonggiBatang';
	font-size: 30px;
	color: #777;
	font-style: italic;
	line-height: 30px;
	letter-spacing: -0.007em;
	text-decoration: underline;
}

.story_view_at04 dl {
	margin-top: 50px;
}

.story_view_at04 dl dt {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.001em;
}

.story_view_at04 dl dd {
	font-size: 20px;
	color: #777;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.001em;
	margin-top: 15px;
}

/* red yao */
.story_view_at01 h4 {
	font-family: 'GyeonggiBatang';
	font-size: 30px;
	line-height: 35px;
	letter-spacing: -0.007em;
	text-decoration: none;
}

/* PAGE : Story View 끝  */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : Collection  */
.collection_page {
	width: 1610px;
	margin: 0 auto;
	margin-bottom: 70px;
}

.collection_page ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 50px;
}

.collection_page ul li {
	width: 25%;
	height: 350px;
}

.collection_page ul li a::after {
	z-index: 1;
	background-color: #4b5f71;
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	bottom: 0;
	height: 70px;
	transition: ease-in-out .3s;
	left: 0;
}

.collection_page ul li a:hover {
	background-color: #8eb8ea;
}

.collection_page ul li a:hover::after {
	background-color: #4a90e2;
}

.collection_page ul li a {
	display: flex;
	width: 98%;
	margin: 0 auto;
	height: 100%;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	padding: 0px 20px;
	box-sizing: border-box;
	background-color: #5d7a94;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	transition: ease-in-out .3s;
	margin-bottom: 30px;
}

.collection_page ul li a .col-img {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	overflow: hidden;
	background-color: #fff;
}

.collection_page ul li a .col-img p {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collection_page ul li a .col-img p {
	width: inherit;
	height: 100%;
	background-position: center center !important;
	transition: all ease .8s;
}

.collection_page ul li:nth-child(1) a .col-img p {
	background: url(../img/arc_col_img01.jpg) no-repeat;
}

.collection_page ul li:nth-child(2) a .col-img p {
	background: url(../img/arc_col_img02.jpg) no-repeat;
}

.collection_page ul li:nth-child(3) a .col-img p {
	background: url(../img/arc_col_img03.jpg) no-repeat;
}

.collection_page ul li:nth-child(4) a .col-img p {
	background: url(../img/arc_col_img04.jpg) no-repeat;
}

.collection_page ul li:nth-child(5) a .col-img p {
	background: url(../img/arc_col_img05.jpg) no-repeat;
}

.collection_page ul li:nth-child(6) a .col-img p {
	background: url(../img/arc_col_img06.jpg) no-repeat;
}

.collection_page ul li:nth-child(7) a .col-img p {
	background: url(../img/arc_col_img07.jpg) no-repeat;
}

.collection_page ul li:nth-child(8) a .col-img p {
	background: #aaa;
}

.collection_page ul li:nth-child(9) a .col-img p {
	background: #7a143f;
}

.collection_page ul li:nth-child(10) a .col-img p {
	background: url(../img/arc_col_img10.jpg) no-repeat;
}

.collection_page ul li:nth-child(11) a .col-img p {
	background: url(../img/arc_col_img11.jpg) no-repeat;
}

.collection_page ul li:nth-child(12) a .col-img p {
	background: url(../img/arc_col_img12.jpg) no-repeat;
}

.collection_page ul li a .col-img p {
	color: #fff;
	font-size: 50px;
}

.col-subject {
	color: #fff;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
	word-break: keep-all;
	width: 100%;
}

.col-count {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 70px;
	width: 100%;
	z-index: 2;
}

.col-count p i {
	color: #fff;
	font-size: 30px;
}

.col-count .col-item-count {
	display: flex;
	flex-direction: column;
	color: #fff;
	margin-left: 10px;
}

/* collection_details */
.collection_de_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
}

.collection_de_info .collection_sns ul {
	display: flex;
	flex-direction: row;
}

.collection_de_info .collection_top {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.collection_de_info .collection_top .coll_img {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #eee;
}

.collection_de_info .collection_top .coll_img p {
	width: 100%;
	height: 100%;
	background: url(../img/arc_col_img01.jpg) no-repeat;
}

.collection_de_info .collection_top .coll_img p {
	width: inherit;
	height: 100%;
	background-position: center center !important;
	transition: all ease .8s;
}

.collection_de_info .collection_top .coll_text {
	margin-left: 40px;;
}

.collection_de_info .collection_top .coll_text>h3 {
	color: #404040;
	font-size: 35px;
	line-height: 35px;
}

.collection_de_info .collection_top .coll_text>p {
	color: #888;
	font-weight: 300;
	letter-spacing: 0.001em;
	font-size: 17px;
	line-height: 17px;
	margin-top: 5px;
}

.collection_de_content {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.collection_de_content .collection_de_select {
	border: 1px solid #ccc;
	width: 315px;
	background-color: #fff;
	margin-bottom: 30px;
}

.collection_de_content .collection_de_select form {
	display: flex;
	flex-direction: column;
	padding: 50px 30px;
	transition: ease-in-out .5s;
	height: 100%;
}

.coll_res {
	display: flex;
	width: 100%;
	margin-bottom: 44px;
	position: relative;
}

.coll_res h5 {
	font-size: 24px;
	font-weight: 500;
	color: #000;
}

.coll_res p {
	color: #888;
	font-size: 16px;
	font-weight: 300;
	margin-left: 10px;
}

.ViewportCollectionBtn {
	display: none;
}

.coll_srh ul {
	display: flex;
	flex-direction: column;
}

.coll_srh ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 20px;
}

.coll_srh ul li input[type='text'] {
	display: flex;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}

.coll_srh ul li input[type='radio'] {
	width: 15px;
	height: 15px;
}

.coll_srh ul li>label {
	font-size: 16px;
	color: #333;
	margin-left: 10px;
}

.coll_srh_item {
	margin-top: 20px;
}

.coll_srh_item h3 {
	color: #404040;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
}

.coll_srh_item ul {
	display: flex;
	flex-direction: column;
	margin-top: 18px;
}

.coll_srh_item ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #404040;
	margin-bottom: 10px;
}

.coll_srh_item ul li p {
	color: #aaa;
	font-weight: 300;
	font-size: 14px;
}

.coll_srh_item ul li>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.coll_srh_item ul li>div>label {
	font-size: 15px;
	color: #333;
	margin-left: 10px;
}

.coll_srh_year {
	margin-top: 30px;
}

.coll_srh_year h3 {
	color: #404040;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
}

.coll_srh_year ul {
	display: flex;
	flex-direction: column;
	margin-top: 18px;
}

.coll_srh_year ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #404040;
	margin-bottom: 10px;
}

.coll_srh_year ul li p {
	color: #aaa;
	font-weight: 300;
	font-size: 14px;
}

.coll_srh_year ul li>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.coll_srh_year ul li>div>label {
	font-size: 15px;
	color: #333;
	margin-left: 10px;
}

.coll_srh_country {
	margin-top: 30px;
}

.coll_srh_country h3 {
	color: #404040;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
}

.coll_srh_country ul {
	display: flex;
	flex-direction: column;
	margin-top: 18px;
}

.coll_srh_country ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: #404040;
	margin-bottom: 10px;
}

.coll_srh_country ul li p {
	color: #aaa;
	font-weight: 300;
	font-size: 14px;
}

.coll_srh_country ul li>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.coll_srh_country ul li>div>label {
	font-size: 15px;
	color: #333;
	margin-left: 10px;
}

.coll_srh_more a {
	color: #4896ff;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.coll_srh_more a i {
	font-size: 18px;
	font-weight: 400;
	transform: translateX(4px);
	transition: all .3s;
}

.coll_srh_more a:hover i {
	transform: translateX(8px);
}

.collection_de_list {
	width: 78%;
}

.collection_de_list ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.collection_de_list ul li {
	width: 25%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.collection_de_list ul li:nth-child(4n) {
	margin-right: 0;
}

.collection_de_list ul li a {
	display: flex;
	border: 1px solid #adadad;
	flex-direction: column;
	width: 97%;
	margin: 0 auto;
	height: 100%;
}

.collection_de_list ul li a .collection_de-img {
	width: 100%;
	height: 223px;
	overflow: hidden;
}

.collection_de_list ul li a .collection_de-img p {
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: all ease .8s;
}

.collection_de_list ul li a:hover .collection_de-img p {
	transform: scale(1.1) rotate(.001deg);
}

.collection_de_list ul li a .collection_de-img p {
	background: url(../img/meter_photo_img01.jpg) no-repeat;
	background-size: cover;
}

.collection_de_list ul li a .collection_de-img p {
	width: inherit;
	height: 100%;
	background-position: center center !important;
	transition: all ease .8s;
}

.collection_de-text {
	padding: 30px;
}

.collection_de-text .collection_de-text-subject {
	color: #404040;
	font-size: 15px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.5em;
	word-break: keep-all;
	letter-spacing: -0.001em;
}

.collection_de-text .collection_de-text-domain {
	color: #582f61;
	font-size: 14px;
	margin-top: 20px;
}

.collection_de-info {
	padding: 20px 30px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.collection_de-info-coun {
	font-size: 13px;
	color: #999;
}

.collection_de-info-y {
	font-size: 16px;
	color: #183153;
}

/* Collection_details_view */
.collection_dev_cont {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.collection_dev_cont .c_dev_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.collection_dev_cont .c_dev_title h3 {
	font-size: 30px;
	color: #404040;
	line-height: 30px;
}

.collection_dev_cont .c_dev_title .c_dev_leng {
	font-size: 17px;
	color: #404040;
}

.collection_dev_cont .c_dev_title .c_dev_leng a {
	margin-left: 10px;
	margin-right: 10px;
}

.c_dev_brief01 {
	display: flex;
	flex-direction: column;
	background-color: #f4f5f9;
	border: 1px solid #dfdfdf;
	padding: 20px 30px;
	margin-bottom: 23px;
}

.c_dev_brief01>div {
	display: flex;
	flex-direction: row;
}

.c_dev_brief01>div:first-child {
	margin-bottom: 15px;
}

.c_dev_brief01>div>h5 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0.001em;
}

.c_dev_brief01>div>span {
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	margin-left: 10px;
	line-height: 17px;
	letter-spacing: 0.001em;
}

.image_viewer {
	background-color: #000;
}

.image_viewer .swiper-image .swiper-wrapper .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: auto !important;
	position: relative;
	transition-property: transform;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.image_viewer .swiper-image .swiper-button-next, .image_viewer .swiper-image .swiper-button-prev
	{
	font-size: 30px;
}

.c_dev_brief02 {
	width: 100%;
	padding-top: 50px;
	border-top: 1px solid #dfdfdf;
	margin-bottom: 80px;
	margin-top: 50px;
}

.c_dev_brief02 .c_dev_brief02_div {
	display: flex;
	flex-direction: row;
}

.c_dev_brief02 .c_dev_brief02_div .c_dev_brief02_div_cont {
	font-size: 17px;
	color: #404040;
	font-weight: 400;
	padding-left: 20px;
}

.c_dev_brief02 h5 {
	font-size: 17px;
	color: #000;
	margin-bottom: 30px;
}

.c_dev_brief02 .c_dev_brief02_cont {
	font-size: 17px;
	color: #404040;
	font-weight: 400;
	line-height: 2.0em;
}

.c_dev_brief02 .c_dev_brief02_cont02 {
	font-size: 17px;
	color: #404040;
	font-weight: 300;
	letter-spacing: -0.001em;
	line-height: 2.0em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_img {
	border: 1px solid #ccc;
	width: 185px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_img img {
	width: 100%;
	height: auto;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_text {
	margin-left: 30px;
	width: 80%;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_text h5 {
	margin-bottom: 10px;
	font-size: 16px;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_text p a {
	font-size: 16px;
	color: #404040;
	font-weight: 300;
	letter-spacing: -0.001em;
	line-height: 2.0em;
	transition: all .3s;
}

.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_text p a:hover {
	color: #0272d1;
	text-decoration: underline;
}

.c_dev_brief04 {
	width: 100%;
}

.c_dev_brief04 h5 {
	font-size: 17px;
	color: #000;
	margin-bottom: 30px;
}

.c_dev_brief04 .c_dev_brief04_cont04 {
	font-size: 17px;
	color: #404040;
	font-weight: 300;
	letter-spacing: -0.001em;
	line-height: 2.0em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_img {
	border: 1px solid #ccc;
	width: 185px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_img img {
	width: 100%;
	height: auto;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_text {
	margin-left: 30px;
	width: 80%;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_text h5 {
	margin-bottom: 10px;
	font-size: 16px;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_text p a {
	font-size: 16px;
	color: #404040;
	font-weight: 400;
	line-height: 2.0em;
	transition: all .3s;
}

.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_text p a:hover {
	color: #0272d1;
	text-decoration: underline;
}
/* PAGE : Collection 끝  */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : exhibition  */
.exhibition_page {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-bottom: 70px;
}

.exhibition_page .exhibition-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 45px;
}

.exhibition_page .exhibition-box .ebox01 {
	width: 1043px;
	height: 420px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.exhibition_page .exhibition-box .ebox01 .ebox-img {
	position: absolute;
	z-index: 0;
	background: url(../img/se3-img01.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
}

.exhibition_page .exhibition-box .ebox01:hover .ebox-img {
	transform: scale(1.1) rotate(.001deg);;
}

.exhibition_page .exhibition-box .ebox01 .ebox-text {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px;
	align-items: flex-start;
	justify-content: flex-end;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	transition: all ease 1s;
}

.exhibition_page .exhibition-box .ebox01:hover .ebox-text {
	background-color: rgba(0, 0, 0, 0.0);
}

.exhibition_page .exhibition-box .ebox01 .ebox-text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.4em;
}

.exhibition_page .exhibition-box .ebox01 .ebox-text h5 {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	margin: 10px 0px 0px 0px;
}

.exhibition_page .exhibition-box .ebox02 {
	width: 517px;
	height: 420px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.exhibition_page .exhibition-box .ebox02 .ebox-img {
	position: absolute;
	z-index: 0;
	background: url(../img/se3-img02.png) no-repeat;
	background-size: cover !important;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
}

.exhibition_page .exhibition-box .ebox02:hover .ebox-img {
	transform: scale(1.1) rotate(.001deg);;
}

.exhibition_page .exhibition-box .ebox02 .ebox-text {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px;
	align-items: flex-start;
	justify-content: flex-end;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	transition: all ease 1s;
}

.exhibition_page .exhibition-box .ebox02:hover .ebox-text {
	background-color: rgba(0, 0, 0, 0.0);
}

.exhibition_page .exhibition-box .ebox02 .ebox-text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.4em;
	word-break: keep-all;
	width: 100%;
}

.exhibition_page .exhibition-box .ebox02 .ebox-text h5 {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

.exhibition_page .exhibition-box .ebox03 {
	width: 517px;
	height: 420px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.exhibition_page .exhibition-box .ebox03 .ebox-img {
	position: absolute;
	z-index: 0;
	background: url(../img/exhi-img01.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
}

.exhibition_page .exhibition-box .ebox03:hover .ebox-img {
	transform: scale(1.1) rotate(.001deg);;
}

.exhibition_page .exhibition-box .ebox03 .ebox-text {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px;
	align-items: center;
	justify-content: center;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	transition: all ease 1s;
	text-align: center;
}

.exhibition_page .exhibition-box .ebox03 .ebox-text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	width: 100%;
	line-height: 1.4em;;
}

.exhibition_page .exhibition-box .ebox03 .ebox-text h5 {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

.exhibition_page .exhibition-box .ebox04 {
	width: 1043px;
	height: 420px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.exhibition_page .exhibition-box .ebox04 .ebox-img {
	position: absolute;
	z-index: 0;
	background: url(../img/exhi-img02.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
}

.exhibition_page .exhibition-box .ebox04:hover .ebox-img {
	transform: scale(1.1) rotate(.001deg);;
}

.exhibition_page .exhibition-box .ebox04 .ebox-text {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px;
	align-items: center;
	justify-content: center;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	transition: all ease 1s;
	text-align: center;
}

.exhibition_page .exhibition-box .ebox04 .ebox-text h3 {
	color: #fff;
	font-weight: 700;
	font-size: 35px;
	width: 100%;
	line-height: 1.4em;
}

.exhibition_page .exhibition-box .ebox04 .ebox-text h5 {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

/* PAGE : exhibition 끝  */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : journey   */
.journey_page {
	margin-bottom: 100px;
}

.journey_page ul {
	width: 100%;
	height: 403px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}

.journey_page ul li {
	width: 33.333333333%;
	height: 98%;
	display: inline-block;
	font-size: 12px;
	line-height: 100px;
	cursor: pointer;
	text-align: center;
	position: relative;
	transition: all ease 1s;
	overflow: hidden;
}

.journey_page ul li a {
	width: 98%;
	height: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 100px;
	cursor: pointer;
	text-align: center;
	position: relative;
	transition: all ease 1s;
	overflow: hidden;
	display: inline-block;
	transition: all ease 1s;
}

.journey_page ul li a:hover .journey-img {
	filter: blur(5px);
	-webkit-filter: blur(5px);
}

.journey_page ul li .journey-img::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
}

.journey_page ul li:first-of-type  a .journey-img {
	position: relative;
	z-index: 1;
	background: url(../img/journey-img01.png) center center no-repeat;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
	background-size: cover !important;
}

.journey_page ul li:nth-of-type(2) a .journey-img {
	position: relative;
	z-index: 1;
	background: url(../img/journey-img02.png) center center no-repeat;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
	background-size: cover !important;
}

.journey_page ul li:nth-of-type(3) a .journey-img {
	position: relative;
	z-index: 1;
	background: url(../img/journey-img03.png) center center no-repeat;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
	background-size: cover !important;
}

.journey_page ul li:nth-of-type(4) a .journey-img {
	position: relative;
	z-index: 1;
	background: url(../img/journey-img04.png) center center no-repeat;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
	background-position: center center !important;
	background-size: cover !important;
}

.journey_page ul li a .journey-text {
	opacity: 1;
	font-size: 45px;
	letter-spacing: -0.07em;
	color: #fff;
	font-weight: 700;
	transition: all ease 1s;
}

.journey_page ul li a .journey-text-hover {
	opacity: 0;
}

.journey_page ul li:hover a .journey-text {
	opacity: 0;
}

.journey_page ul li:hover a .journey-text-hover {
	font-size: 45px;
	opacity: 1;
	line-height: 43px;
	color: #fff;
	font-weight: 700;
	transition: all ease 1s;
}

.journey_page ul  li:hover a .journey-text-hover h4 {
	font-size: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: 500;
}

.journey_page ul  li:hover a .journey-text-hover h2 {
	font-size: 45px;
	line-height: 43px;
	color: #fff;
	font-weight: 700;
}

.journey-text, .journey-text-hover {
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* PAGE : journey 끝  */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* PAGE : NEWS&Events  */
.news_page {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 70px;
	margin-top: 50px;
}

.news_page .news-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 30px;
}

.news_page .news-box .news-div {
	width: 370px;
	height: 524px;
	border: 1px solid #ccc;
	margin-right: 40px;
	margin-bottom: 30px;
	position: relative;
}

.news_page .news-box .news-div:nth-child(4n) {
	margin-right: 0px;
}

.news-share {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.news-share .news-tag {
	display: flex;
	align-items: center;
	justify-content: center;
}

.news-share .news-tag p {
	color: #fff;
	padding: 5px 20px;
}

.news-share .news-tag .tag-news {
	background-color: #4185c5;
}

.news-share .news-tag .tag-event {
	background-color: #67a555;
}

.news-share .news-tag .tag-News {
	background-color: #4185c5;
}

.news-share .news-tag .tag-Event {
	background-color: #67a555;
}

.news-share .news-tag .tag01 {
	background-color: #8c53a7;
}

.news-share .news-tag .tag02 {
	background-color: #ee7b45;
}

.news-share .news-tag .tag-ichcap {
	background-color: maroon;
}

.news-share .news-tag .tag-Ichcap {
	background-color: maroon;
}

.news-share .news-tag .tag-etc {
	background-color: #808080;
}

.news-share .share-btn {
	display: flex;
}

.news-share .share-btn ul {
	display: flex;
	flex-direction: row;
}

.news-share .share-btn ul li {
	display: flex;
	width: 40px;
}

.news-share .share-btn ul li a {
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news_page .news-box .news-div a {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.news_page .news-box .news-div a .news-div-img {
	width: 100%;
	height: 281px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.news_page .news-box .news-div a .news-div-img .news-div-imgbg {
	background: url(../img/news-img01.jpg) no-repeat;
	background-position: center center !important;
	width: inherit;
	height: 100%;
	background-size: cover;
	transition: all ease 1s;
}

.news_page .news-box .news-div:hover a .news-div-img .news-div-imgbg {
	transform: scale(1.1) rotate(.001deg);;
}

.news_page .news-box .news-div a .news-div-text {
	display: flex;
	flex-direction: column;
	padding: 15px 20px;
}

.news_page .news-box .news-div a .news-div-text .news-subject {
	font-size: 19px;
	color: #404040;
	white-space: normal;
	line-height: 1.6em;
	height: 3.2em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 700;
}

.news_page .news-box .news-div a .news-div-text .news-content {
	font-size: 14px;
	color: #404040;
	white-space: normal;
	line-height: 1.8em;
	height: 5.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 400;
	margin-top: 10px;
	letter-spacing: 0.01em;
}

.news_page .news-box .news-div .news-date {
	display: flex;
	padding: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ccc;
}

.news_page .news-box .news-div .news-date .date-p {
	font-size: 15px;
	color: #5a5a5a;
}

.news_page .news-box .news-div .news-date .date-btn {
	font-size: 20px;
}

.news_page .news-box .news-div .news-date .date-btn a {
	color: #21395a;
	transform: translateX(-6px);
	transition: all ease .8s;
}

.news_page .news-box .news-div:hover .news-date .date-btn a {
	transform: translateX(-0px);
}

/* news_view */
.news_view {
	margin-bottom: 70px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.news_view .news-con {
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 50px;
}

.news_view .news-con li {
	list-style: disc !important;
	text-align: -webkit-match-parent !important;
	margin-left: 20px;
}

.news_view .news-title .news-tag {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 5px
}

.news_view .news-title .news-tag p {
	color: #fff;
	padding: 0px 10px;
}

.news_view .news-title .news-tag .tag-news {
	background-color: #4185c5;
}

.news_view .news-title .news-tag .tag-event {
	background-color: #67a555;
}

.news_view .news-title .news-tag .tag-News {
	background-color: #4185c5;
}

.news_view .news-title .news-tag .tag-Event {
	background-color: #67a555;
}

.news_view .news-title {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
	padding-bottom: 20px;
	width: 100%;
}

.news_view .news-title h2 {
	font-size: 29px;
	letter-spacing: 0.001em;
	line-height: 34px;
}

.news_view .news-title h4 {
	font-size: 16px;
	letter-spacing: 0.001em;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #357ccb;
}

.news_view .news-title h5 {
	font-size: 14px;
	letter-spacing: 0.001em;
	line-height: 16px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #888;
}

.news_view .news_news {
	color: #555;
	font-size: 15px;
	letter-spacing: 0.001em;
	line-height: 1.0em;
	text-align: justify;
	width: 100%;
}

.news_view .news_news span.blue {
	color: #4a90e2;
}

.news_view .news_news p {
	line-height: 1.5em;
	margin-bottom: 15px;
	margin-top: 10px;
}

.news_view .news_news p img {
	width: 100%;
}

.news_view .news_news p em {
	text-align: center;
	color: #aaa;
}

.list_btn {
	margin: 20px 0px;
	display: flex;
	background: #fff;
	width: 100%;
	justify-content: flex-end;
	padding-top: 20px;
}

.list_btn a {
	padding: 10px 25px;
	font-size: 14px;
	color: #fff;
	/* background-color: #662579; */
	background-color: #0066b3;
	border-radius: 5px;
	transition: all .3s;
}

.list_btn a:hover {
	/* background-color: #4b155a; */
	background-color: #004993;
}

.news_view .latest_news {
	width: 27%;
	display: flex;
	flex-direction: column;
}

.news_view .latest_news h3 {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	justify-content: space-between;
	font-size: 20px
}

.news_view .latest_news h3>a {
	transition: all .3s;
}

.news_view .latest_news h3>a:hover {
	/* color: #662579; */
	color: #0052cd;
}

.news_view .latest_news h3>div {
	font-size: 20px;
	letter-spacing: 00.001em;
}

.latest_news ul {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

.latest_news ul li {
	width: 100%;
	margin-bottom: 25px;;
}

.latest_news ul li a {
	display: flex;
	flex-direction: row;
}

.latest_news ul li a .latest_news_img {
	width: 30%;
	height: 80px;
	border: 1px solid #eee;
	overflow: hidden;
}

.latest_news ul li a .latest_news_img p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.latest_news ul li a .latest_news_img p img {
	width: 100%;
	height: auto;
}

.latest_news ul li a .latest_news_text {
	margin-left: 20px;
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.latest_news ul li a .latest_news_text .latest_news_title {
	color: #222;
	font-weight: 500;
	letter-spacing: 0.001em;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.5em;
	height: 3em;
	align-items: flex-start;
	word-break: keep-all;
}

.latest_news ul li a:hover .latest_news_text {
	text-decoration: underline;
}

.file_area {
	width: 100%;
	margin-top: 50px;
	border-top: 1px solid #dfdfdf;
	padding: 20px 10px;
	border-bottom: 1px solid #dfdfdf;
	font-size: 14px;
	color: #707070;
	line-height: 1.8em;
	letter-spacing: -0.001em;
}

.file_area>i, .file_area a {
	/* color: #662579; */
	color: #0052cd;
	letter-spacing: 0.001em;
}

.file_area a {
	margin-left: 3px;
	text-decoration: underline;
}
/* PAGE : NEWS&Events  끝 */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* Public : pagination */
.pagination {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 100px;
}

.pagination ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.pagination ul li {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination ul li a {
	margin-right: 3px;
	border: 1px solid #ccc;
	width: 40px;
	padding: 10px 0px;
	font-weight: 300;
	font-size: 13px;
	color: #404040;
	text-align: center;
}

.pagination ul li a>i {
	font-size: 16px;
}

.pagination ul li:last-child a {
	margin-right: 0px;
}

.pagination ul li a.active {
	/* background-color: #380641; */
	background-color: #0066b3;
	color: #fff;
	border: 1px solid /* #380641 */ #0066b3;
}

/* Public : pagination 끝 */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* Public : Archive - Materials - Photos */
.photos_de {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.sub_cont_header {
	width: 100%;
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding-bottom: 23px;
	margin-bottom: 50px;
}

.title_left {
	font-size: 30px;
	color: #404040;
	font-weight: 400;
	line-height: 1.6em;
	width: 55%;
	word-break: keep-all;
}

.title_right {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.title_right .title_sns ul {
	display: flex;
	flex-direction: row;
}

.title_right .right_leng {
	font-size: 17px;
	color: #404040;
	margin-right: 40px;
}

.title_right .right_leng a {
	margin-left: 10px;
	margin-right: 10px;
}

.c_dev_brief03 {
	display: flex;
	flex-direction: column;
	background-color: #f4f5f9;
	border: 1px solid #dfdfdf;
	padding: 20px 30px;
	margin-bottom: 23px;
}

.c_dev_brief03>div {
	display: flex;
	flex-direction: column;
}

.c_dev_brief03>div>h5 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
}

.c_dev_brief03>div>span {
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6em;
	margin-top: 10px;
}

.c_dev_table table {
	border-top: 1px solid #dfdfdf;
	width: 100%;
	border-left: 1px solid #dfdfdf;
}

.c_dev_table table tr th {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f4f5f9;
	padding: 30px 20px;
	color: #000;
	font-size: 15px;
	text-align: left;
}

.c_dev_table table tr td {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 30px 20px;
	color: #666;
	font-size: 15px;
	text-align: left;
}

.c_dev_table table tr td.cc {
	background-color: #f8f8f8;
	padding: 0px 20px;
}

/* Public : Archive - Materials - Photos 끝 */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* Public : Archive - Materials - related_to */
.related_to {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: 2px solid #ccc;
	margin-top: 50px;
	padding-top: 50px;
}

.related_to .related_title {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.related_to .related_title h3 {
	color: #404040;
	font-size: 23px;
}

.related_to .related_title a {
	color: #999;
	font-size: 25px;
	transition: all ease .4s;
}

.related_to .related_title a:hover {
	transform: rotate(90deg);
}

.related_mater .mater_title {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.related_mater .mater_title h5 {
	font-size: 20px;
	color: #aaa;
}

.related_mater .mater_title a {
	color: #999;
	font-size: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all ease .4s;
}

.related_mater .mater_title a:hover {
	transform: rotate(90deg);
}

.related_mater .mater_title a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.related_mater .mater_title a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.related_mater .mater_title a:hover p {
	background-color: #662579;
}

.related_mater .mater_title a:hover p i {
	transform: translateX(-2px);
}

.related_mater ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.related_mater ul li {
	width: 380px;
	border: 1px solid #adadad;
	display: flex;
	flex-direction: column;
	margin-right: 27px;
	margin-bottom: 30px;
}

.related_mater ul li:nth-child(4n) {
	margin-right: 0px;
}

.related_mater ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.related_mater ul li a .meter-img {
	width: 100%;
	height: 280px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.related_mater ul li a .meter-img p {
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: all ease .8s;
	background-position: center center !important;
}

.related_mater ul li a:hover .meter-img p {
	transform: scale(1.1) rotate(.001deg);;
}

.related_mater ul li a .meter-img p {
	background: url(../img/meter_photo_img01.jpg) no-repeat;
	background-size: cover;
}

.meter-text {
	padding: 30px;
	height: 90px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.meter-text .meter-text-subject {
	color: #222;
	font-size: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
	align-items: flex-start;
	word-break: keep-all;
	width: 100%;
	font-weight: 600;
}

.meter-text .meter-text-domain {
	color:#0066b3;
	font-size: 14px;
	margin-top: 0px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.4em;
	height: 2.8em;
	align-items: flex-start;
	word-break: keep-all;
	flex-wrap: wrap;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	width: 100%;
}

.meter-text .meter-text-domain span {
	text-overflow: ellipsis;
	display: block;
	word-break: keep-all;
	overflow: hidden;
}

.meter-info {
	padding: 20px 20px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 35px;
}

.meter-info-coun {
	font-size: 13px;
	color: #909090;
	width: 60%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	font-weight: 400;
}

.meter-info-coun p span {
	line-height: 1.0em;
}

.meter-info-y {
	font-size: 13px;
	color: #000;
	width: 40%;
	text-align: right;
}

/* audio player */
.audios_player {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 27px;
	margin-bottom: 50px;
	background-color: #000;
}

.audios_player>.info {
	padding: 0px 50px;
	margin-top: 70px;
	margin-bottom: 170px;
}

.audios_player>.info h1 {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
}

.audios_player>.info h2 {
	font-size: 22px;
	line-height: 22px;
	color: #ffffff;
	opacity: 0.8;
	margin-top: 10px;
	font-weight: 400;
}

.player_box {
	background-color: #262626;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 30px 50px;
}

.player {
	position: relative;
	width: 64%;
	overflow: hidden;
	background-color: #262626;
}

.time {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.time>* {
	margin: 0 0.5em;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.001em;
}

.progress {
	flex-grow: 2;
	height: 10px;
	background-color: #999;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}

.progress span {
	display: block;
	width: 0;
	height: 100%;
	background-color: #fff;
}

.actions {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 11%;
}

.actions button>i {
	color: #fff;
	font-size: 24px;
}

.actions button {
	margin-right: 10px;
	margin-left: 10px;
	width: 35px;
	height: 35px;
}

.actions2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 16%;
}

.actions2 button {
	width: 35px;
	height: 35px;
}

.actions2 button>i {
	color: #fff;
	font-size: 20px;
}

.actions2 button.active>i {
	color: #baaaff;
}

.actions2_v {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.actions2_v i {
	color: #fff;
	font-size: 25px;
	margin-right: 20px;
}

.volume {
	position: relative;
	cursor: pointer;
	width: 100px;
	height: 10px;
	background-color: #000;
}

.volumeBar {
	display: block;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #888;
	z-index: 10;
	width: 90%;
}

.volume3 {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 100px;
	border-color: transparent transparent #007bff transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #007bff #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

/* audio player 끝 */
.public-info {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.public-info-img {
	width: 240px;
	height: 342px;
}

.public-info-img p {
	background: url(../img/public_img01.jpg) no-repeat;
	width: 100%;
	height: 100%;
}

.public-info-cont {
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid #dfdfdf;
	background-color: #f4f5f9;
	padding: 20px 30px;
}

.public-info-cont>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 10px;
	justify-content: flex-start;
}

.public-info-cont>div>h5 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	width: 13%;
}

.public-info-cont>div>span {
	color: #404040;
	font-size: 17px;
	font-weight: 300;
	margin-left: 5px;
	line-height: 1.6em;
}

.public-info-cont>div .author_cont {
	margin-left: 5px;
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	margin-left: 5px;
	line-height: 1.6em;
	width: 87%;
	margin-right: 5px;
}

.public-info-cont>div .author_cont span a i {
	margin: 0 5px;
}

.public_cc {
	border-top: 1px solid #ccc;
	margin-top: 30px !important;
	padding-top: 30px;
}

.public-info02 {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.public-info-img02 {
	width: 20%;
	height: 342px;
}

.public-info-img02 p {
	background: url(../img/public_img01.jpg) no-repeat;
	width: 100%;
	height: 100%;
}

.public-info-cont02 {
	width: 80%;
	display: flex;
	flex-direction: column;
	border: 1px solid #dfdfdf;
	background-color: #f4f5f9;
	box-sizing: border-box;
	padding: 20px 30px;
}

.public-info-cont02>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 20px;
	justify-content: flex-start;
}

.public-info-cont02>div>h5 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	width: 14%;
}

.public-info-cont02>div>span {
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	margin-left: 5px;
	line-height: 1.6em;
}

.public-info-cont02 .author_cont span a {
	color: #2ca9e1;
	text-decoration: underline;
}

.public-info-cont02 .author_cont {
	margin-left: 5px;
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	margin-left: 5px;
	line-height: 1.6em;
	width: 87%;
	margin-right: 5px;
}

.public-info-cont02>div .author_cont span a i {
	margin: 0 5px;
}

.public_cc {
	border-top: 1px solid #ccc;
	margin-top: 30px !important;
	padding-top: 30px;
}

.public_cc>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.public_cc .cc_down_btn {
	background-color: #324c7f;
	color: #fff;
	font-size: 15px;
	padding: 10px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-left: 30px;
}

.plblic_brief {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.plblic_brief h5 {
	font-size: 17px;
	color: #000;
	margin-bottom: 30px;
}

.plblic_brief dl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 22px;
	border-bottom: 1px solid #eee;
	padding-bottom: 22px;
}

.plblic_brief dl dt {
	font-size: 17px;
	color: #404040;
	line-height: 1.7em;
	display: flex;
	width: 80%;
}

.plblic_brief dl dd {
	font-size: 17px;
	color: #999999;
	line-height: 1.7em;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 20%;
	font-weight: 400;
}

.plblic_brief dl dd span {
	margin-right: 5px;
}

.plblic_brief dl dd span a {
	color: #2ca9e1;
	text-decoration: underline;
}

.plblic_brief dl dd span a i {
	margin: 0px 5px
}

.plblic_brief02 {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 50px;
	border-top: 1px solid #ddd;
}

.plblic_brief02 h5 {
	font-size: 17px;
	color: #000;
	margin-bottom: 30px;
}

.plblic_brief02>div {
	font-size: 17px;
	color: #404040;
	line-height: 1.9em;
	font-weight: 400;
}

.public_ta {
	width: 100%;
	display: flex;
	margin-bottom: 50px;
}

.public_ta table {
	width: 100%;
	border-top: 2px solid #504069;
}

.public_ta table tr:hover {
	background-color: #f9f9f9;
}

.public_ta table tr th {
	padding: 19px 0px;
	color: #000;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	background-color: #f4f5f9;
}

.public_ta table tr td {
	padding: 40px 0px;
	color: #404040;
	font-weight: 400;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
}

.stake_rel ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 50px;
}

.stake_rel ul li {
	width: 306px;
	border: 1px solid #adadad;
	display: flex;
	flex-direction: column;
	position: relative;
}

.stake_rel ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.stake_rel ul li a .stake-img {
	width: 100%;
	height: 223px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stake_rel ul li a .stake-img p {
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: all ease .8s;
	background-position: center center !important;
}

.stake_rel ul li a:hover .stake-img p {
	transform: scale(1.1) rotate(.001deg);;
}

.stake_rel ul li a .stake-img p {
	background: url(../img/meter_photo_img01.jpg) no-repeat;
	background-size: cover;
}

.stake-text {
	padding: 20px 18px;
	border-bottom: 1px solid #ccc;
}

.stake-text .stake-text-subject {
	color: #404040;
	font-size: 15px;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 1.2em;
	align-items: flex-start;
}

.stake-info {
	padding: 20px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.stake-info-coun {
	font-size: 13px;
	color: #5a5a5a;
}

.stake_tag {
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(75, 122, 167, 0.8);
	color: #fff;
	padding: 5px 15px;
	z-index: 9;
}

.rel_ab_coll {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px;
	flex-wrap: wrap;
}

.rel_ab_coll .rel_ab {
	width: 780px;
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	transition: ease-in-out .3s;
	margin-bottom: 30px;
}

.rel_ab_coll .rel_ab:hover {
	box-shadow: 0px 0px 21px -8px rgba(0, 0, 0, 0.56);
}

.rel_ab_coll .rel_coll {
	width: 1018px;
}

.rel_ab_coll .rel_ab h3, .rel_ab_coll .rel_coll h3 {
	width: 100%;
	color: #404040;
	font-size: 23px;
	margin-bottom: 30px;
}

.rel_ab_coll .rel_ab .ab_area {
	display: flex;
	flex-direction: row;
	border: 1px solid #dfdfdf;
}

.rel_ab_coll .rel_ab .ab_area .ab_img {
	width: 259px;
	height: 238px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rel_ab_coll .rel_ab .ab_area .ab_img p {
	background-position: center center !important;
	width: 221px;
	height: 221px;
}

.rel_ab_coll .rel_ab .ab_area .ab_cont {
	padding: 25px 40px;
	display: flex;
	flex-direction: column;
	width: 440px;
}

.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_subject {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	width: 440px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_info {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_info h5 {
	font-size: 17px;
	color: #555;
	font-weight: 400;
	line-height: 1.5em;
	font-weight: 300;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 3.0em;
}

.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_info dl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 20px;
}

.ab_info dl dt, .ab_info dl dd {
	font-size: 14px;
	color: #999999;
	letter-spacing: 0.001em;
}

.ab_info dl dd {
	font-weight: 500;
}

.ab_info dl dd>strong {
	color: #000;
}

.rel_ab_coll .rel_coll .rcoll_area {
	display: flex;
	flex-direction: row;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_img {
	width: 194px;
	height: 238px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_img p {
	background: url(../img/ab02.jpg) center center no-repeat;
	width: 100%;
	height: 100%;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_cont {
	padding: 37px 20px;
	display: flex;
	flex-direction: column;
	width: 805px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_cont .rcoll_subject {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	padding-bottom: 20px;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_cont .rcoll_info {
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_cont .rcoll_info h5 {
	font-size: 17px;
	color: #555;
	font-weight: 400;
}

.rel_ab_coll .rel_coll .rcoll_area .rcoll_cont .rcoll_info dl {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 20px;
}

.rcoll_info dl dt, .rcoll_info dl dd {
	font-size: 14px;
	color: #999999;
	letter-spacing: 0.001em;
}

.rcoll_info dl dd {
	font-weight: 500;
	margin-left: 15px;
}

.rcoll_info dl dd>strong {
	color: #000;
}

/* Public : Archive - Materials - related_to 끝? */
/********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/* Stakeholders */
.stak_map {
	width: 100%;
}

.all_map {
	position: relative;
	width: 100%;
	height: 795px;
	background: url(../img/stakeholders_map.png) center center no-repeat;
}

.all_map ul li {
	position: absolute;
}

.all_map ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.all_map ul li a img {
	width: 100%;
	display: block;
}

.all_map ul li a img:nth-child(1) {
	position: absolute;
}

.all_map ul li a img:nth-child(2) {
	opacity: 0;
}

.all_map ul li a span {
	z-index: 99;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	color: #ff0000;
	transition: ease-in-out .3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stak_map_central {
	top: 29.6%;
	right: 29%;
}

.stak_map_east {
	top: 31.2%;
	right: 12.6%;
}

.stak_map_pacific {
	bottom: 6.3%;
	right: 3.2%;
}

.stak_map_south {
	bottom: 38.7%;
	right: 26.4%;
}

.stak_map_southeast {
	bottom: 29.4%;
	right: 14.2%;
}

.stak_map_central a span {
	top: 30px;
	left: 0;
	right: 0;
}

.stak_map_east a span {
	top: 60px;
	left: 20px;
	right: 50px;
}

.stak_map_pacific a span {
	top: 80px;
	left: 0;
	right: 80px;
}

.stak_map_south a span {
	top: 30px;
	left: 0;
	right: 0;
}

.stak_map_southeast a span {
	top: 40px;
	left: 30px;
}

.stak_map_central a:hover span {
	color: #fff;
}

.stak_map_east a:hover span {
	color: #fff;
}

.stak_map_pacific a:hover span {
	color: #fff;
}

.stak_map_south a:hover span {
	color: #fff;
}

.stak_map_southeast a:hover span {
	color: #fff;
}

.all_map ul li a .map_text {
	position: absolute;
	width: 160px;
	height: 20px;
	z-index: 98;
	text-align: center;
	padding: 10px;
	transition: ease-in-out .3s;
	opacity: 0;
}

.all_map ul li a:hover .map_text {
	transition: ease-in-out .3s;
	opacity: 1;
	color: #fff;
	font-size: 19px;
}

.stak_map_central a .map_text {
	top: -20px;
	left: 0;
	right: 0;
	background-color: #882b5a;
}

.stak_map_east a .map_text {
	top: 0px;
	left: 50px;
	background-color: #637a3b;
}

.stak_map_pacific a .map_text {
	top: 30px;
	left: 20px;
	right: 0;
	background: #3b62a4;
}

.stak_map_south a .map_text {
	bottom: 40px;
	left: 0;
	background-color: #9c7e2a;
}

.stak_map_southeast a .map_text {
	top: -10px;
	left: 0;
	background-color: #5f205e;
}

.stak_title h3 {
	font-size: 24px;
}

.central_list .stak_table {
	width: 100%;
	border-top: 2px solid #882b5a;
	margin-bottom: 50px;
}

.east_list .stak_table {
	width: 100%;
	border-top: 2px solid #637a3b;
	margin-bottom: 50px;
}

.pacific_list .stak_table {
	width: 100%;
	border-top: 2px solid #3e4574;
	margin-bottom: 50px;
}

.south_list .stak_table {
	width: 100%;
	border-top: 2px solid #9c7e2a;
	margin-bottom: 50px;
}

.southeast_list .stak_table {
	width: 100%;
	border-top: 2px solid #5f205e;
	margin-bottom: 50px;
}

.stak_table tr th {
	background-color: #f4f5f9;
	padding: 15px 0px;
	font-size: 15px;
	line-height: 1.6em;
	border-bottom: 1px solid #ddd;;
}

.stak_table tr td {
	padding: 15px 10px;
	font-size: 14px;
	line-height: 1.6em;
	border-bottom: 1px solid #ddd;
	word-break: keep-all;
}

.col_center {
	color: #882b5a;
}

.col_east {
	color: #637a3b;
}

.col_pacific {
	color: #3b62a4;
}

.col_south {
	color: #9c7e2a;
}

.col_southeast {
	color: #5f205e;
}

/* Stakeholders 끝 */
/********************************************************************************************************************************************************************/

/* elements view */
.elements_view_header {
	display: flex;
	width: 100%;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
	padding-bottom: 23px;
}

.elements_view_header .c_dev_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.elements_view_header .c_dev_title h3 {
	font-size: 30px;
	color: #404040;
	line-height: 30px;
}

.elements_view .c_dev_leng {
	font-size: 17px;
	color: #404040;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin-bottom: 40px;
}

.elements_view .c_dev_leng a {
	margin-left: 10px;
	margin-right: 10px;
}

.sns_list ul {
	display: flex;
	flex-direction: row;
}

.e_view_box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 50px;
}

.e_view_box .e_view_photo {
	border: 1px solid #ddd;
	width: 40%;
	background-color: #000;
	height: 280px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.e_view_box .e_view_photo p {
	background: url(../img/story_vietnam24.jpg) no-repeat;
	background-position: center center !important;
	width: 100%;
	height: 100%;
	background-size: contain !important;
}

.e_view_box .e_view_info {
	max-height: 400px;
	overflow-y: auto;
	width: 59%;
}

.e_view_box .e_view_info dl {
	margin-bottom: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.e_view_box .e_view_info dt {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	width: 19%;
	padding: 0px 20px;
}

.e_view_box .e_view_info dd {
	color: #404040;
	font-size: 17px;
	font-weight: 400;
	margin-left: 10px;
	line-height: 25px;
	width: 90%;
	padding: 0px 20px;
}

.eview_brief {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.eview_brief h5 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0.001em;
	margin-bottom: 0;
}

.eview_brief span {
	color: #404040;
	font-size: 17px;
	font-weight: 300;
	margin-left: 5px;
	line-height: 1.6em;
	letter-spacing: 0.001em;
}
/* elements view 끝 */

/* elements view - related to - photosList */
.related_photos_list .mater_title {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.related_photos_list .mater_title h5 {
	font-size: 20px;
	color: #aaa;
}

.related_photos_list .mater_title a {
	color: #999;
	font-size: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all ease .4s;
}

.related_photos_list .mater_title a:hover {
	transform: rotate(90deg);
}

.related_photos_list .mater_title a p {
	width: 22px;
	height: 22px;
	background-color: #404040;
	border-radius: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-left: 10px;
}

.related_photos_list .mater_title a p i {
	font-size: 17px;
	transform: translateX(-5px);
	transition: all ease .8s;
}

.related_photos_list .mater_title a:hover p {
	background-color: #662579;
}

.related_photos_list .mater_title a:hover p i {
	transform: translateX(-2px);
}

.related_photos_list {
	width: 100%;;
}

.related_photos_list ul {
	display: flex;
	flex-direction: column;
	width: 100%;;
}

.related_photos_list ul li {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.related_photos_list ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	transition: ease-in-out .3s;
}

.related_photos_list ul li a:hover {
	box-shadow: 0px 0px 21px -8px rgba(0, 0, 0, 0.56);
}

.related_photos_list ul li a .photos-list-img {
	width: 215px;
	height: 223px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.related_photos_list ul li a .photos-list-img p {
	background: url(../img/el-img01.jpg) no-repeat;
	background-size: cover;
	background-position: center center !important;
	width: 100%;
	height: 100%;
}

.related_photos_list ul li a .photos-list-text {
	display: flex;
	flex-direction: column;
	width: 1283px;
	padding: 30px;
}

.related_photos_list ul li a .photos-list-text .list-subject {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px;
	line-height: 1.3em;
}

.related_photos_list ul li a .photos-list-text .list-subject img {
	margin-left: 10px;
}

.related_photos_list ul li a .photos-list-text .list-text-cont {
	color: #404040;
	font-size: 16px;
	display: flex;
	align-items: flex-start;
	font-weight: 300;
}

.related_photos_list ul li a .photos-list-text .list-text-cont span strong
	{
	margin-right: 10px;
}

.related_photos_list ul li a .photos-list-text .list-coun {
	display: flex;
	flex-direction: column;
}

.related_photos_list ul li a .photos-list-text .list-coun dl {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 20px;
}

.related_photos_list ul li a .photos-list-text .list-coun dl dt {
	font-size: 14px;
	color: #404040;
	font-weight: 500;
	letter-spacing: 0.001em;
	margin-right: 10px;
}

.related_photos_list ul li a .photos-list-text .list-coun dl dd {
	font-size: 14px;
	color: #999999;
	letter-spacing: 0.001em;
}

.dl_type02 .dl_dttype02 {
	margin-left: 50px;
}
/* elements view - related to - photosList 끝 */

/* tab btn */
.mater-tab-box {
	margin-bottom: 50px;
}

.mater-tab-tit {
	margin-bottom: 50px;
}

.mater-tab-box .mater-tab-tit .mater-tab-btn ul {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #ccc;
}

.mater-tab-box .mater-tab-tit .mater-tab-btn ul li {
	margin-left: -1px;
	overflow: hidden;
}

.mater-tab-box .mater-tab-tit .mater-tab-btn ul li a {
	display: inline-block;
	padding: 20px;
	border: 1px solid #dfdfdf;
	border-radius: 10px 10px 0px 0px;
	width: 150px;
	background-color: #fff;
	border-bottom: none;
	font-size: 15px;
	text-align: center;
	align-items: center;
}

.mater-tab-box .mater-tab-tit .mater-tab-btn ul li.active a {
	background-color: #0066b3;
	color: #fff;
}

.archive_mater_ul {
	justify-content: space-between !important;
}

.archive_mater_ul li {
	margin-right: 0px !important;
}

.gover_list {
	margin-top: 50px;
	display: -ms-inline-grid !important;
	display: inline-grid !important;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 33% 33% 33%;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	grid-auto-flow: dense;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	width: 100%;
}

.gover_list>*:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.gover_list>*:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

.gover_list>*:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.gover_list>*:nth-child(4) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

.gover_list>*:nth-child(5) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.gover_list>*:nth-child(6) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.gover_list .gover_pacific {
	-ms-grid-column: 3;
	grid-column: 3/3;
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-row-span: 2;
	grid-row-end: 3;
}

.gover_list div {
	padding: 0px 30px;
}

.gover_list div:last-child {
	margin-right: 0px;
}

.gover_list div h3 {
	font-size: 20px;
	width: 100%;
	background: #efefef;
	padding: 40px 0px;
	text-align: center;
	position: relative;
	color: #fff;
}

.gover_list div h3 span {
	position: relative;
	z-index: 2;
}

.gover_list div>ul {
	display: flex;
	flex-direction: column;
}

.gover_list div>ul li {
	border: none;
	padding: 20px 0px;
	width: 100%;
	border-bottom: 1px solid #eee;
	margin-right: 0;
}

.gover_list div>ul li a {
	font-size: 20px;
	padding: 0px 10px;
}

.gover_list .gover_center h3 {
	background: url(../img/gov-img01.jpg) center center no-repeat;
	background-size: cover;
}

.gover_list .gover_northeast h3 {
	background: url(../img/gov-img02.jpg) center center no-repeat;
	background-size: cover;
}

.gover_list .gover_pacific h3 {
	background: url(../img/gov-img03.jpg) center center no-repeat;
	background-size: cover;
}

.gover_list .gover_south h3 {
	background: url(../img/gov-img04.jpg) center center no-repeat;
	background-size: cover;
}

.gover_list .gover_southeast h3 {
	background: url(../img/gov-img05.jpg) center center no-repeat;
	background-size: cover;
}

.gover_list div h3::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0, 0, 0, 0.25);
	transition: all ease .8s;
	left: 0;
	top: 0;
	z-index: 1;
}

.srh_year_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	border-bottom: 1px solid #dfdfdf;
}

.srh_year_area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 20px;
}

.srh_year_area div {
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px 10px;
	border: 1px solid #bcbcbc;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 270px;
}

.srh_year_area div>input[type='number'] {
	border: 0 none;
	margin: 0px 10px;
	padding: 10px;
}

.srh_year_area div>input[type='number']:focus {
	outline-color: #eee;
}

.srh_year_area div>span {
	font-size: 15px;
	color: #404040;
	font-weight: 400;
	margin-left: 10px;
}

.add-year-btn {
	margin-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.add-year-btn a {
	font-size: 15px;
	color: #404040;
	font-weight: 400;
	display: inline-block;
	border-radius: 8px;
	padding: 12px 18px;
	background-color: #ffae00;
	color: #fff;
	transition: all .3s;
}

.add-year-btn a>i {
	margin-left: 5px;
}

.add-year-btn a:hover {
	background-color: #f39500;
	color: #fff;
}

.yearRemove {
	font-size: 16px;
	display: inline-block;
	padding: 10px;
	color: #f39500;
}

.c_dev_div {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-top: 1px solid #dfdfdf;
	margin-top: 50px;
	border-left: 1px solid #dfdfdf
}

.c_dev_div ul {
	width: 50%;
	display: flex;
	flex-direction: row;
}

.c_dev_div ul li {
	padding: 20px;
}

.c_dev_div ul .div_th {
	width: 40%;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f4f5f9;
	padding: 30px 20px;
	color: #000;
	font-size: 15px;
	text-align: left;
	display: flex;
	align-items: center;
	font-weight: 600;
}

.c_dev_div ul .div_td {
	width: 100%;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 30px 20px;
	color: #666;
	font-size: 15px;
	text-align: left;
	display: flex;
	align-items: center;
}

.audio_play, .audio_stop {
	font-size: 20px;
}

.runtime {
	color:#0066b3;
	font-weight: bold;
	margin-bottom: 2px;
}

.youtube_icon {
	color: #ff0000;
	font-size: 20px;
}

.related_AlbumAudio_list .mater_title {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.related_AlbumAudio_list .mater_title h5 {
	font-size: 20px;
	color: #aaa;
}

.related_AlbumAudio_list ul {
	display: flex;
	flex-direction: column;
}

.related_AlbumAudio_list ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 50px;
	border: 1px solid #eee;
	background-color: #f9f9f9;
	margin-bottom: -1px;
	transition: all .3s;
}

.related_AlbumAudio_list ul li:nth-child(even) {
	background-color: #fff;
}

.related_AlbumAudio_list ul li .audioV_list_no {
	width: 10%;
	font-size: 18px;
	color: #666;
}

.related_AlbumAudio_list ul li .audioV_list_info {
	width: 70%;
	transition: all .3s;
}

.related_AlbumAudio_list ul li:hover .audioV_list_info a {
	text-decoration: underline;
	transition: all .3s;
}

.related_AlbumAudio_list ul li:hover .audioV_list_play a {
	color: #fff;
	border: /* #662579 */ #11a589 1px solid;
	/* background-color: #662579; */
	background-color: #11a589;
	transition: all .3s;
}

.related_AlbumAudio_list ul li .audioV_list_time {
	width: 10%;
	text-align: right;
	font-size: 20px;
	color: #999;
}

.related_AlbumAudio_list ul li .audioV_list_play {
	width: 10%;
	text-align: right;
	font-size: 16px;
}

.related_AlbumAudio_list ul li .audioV_list_play a {
	color: #aaa;
	border: 1px solid #aaa;
	padding: 12px 20px;
	border-radius: 3px;
}

.related_AlbumAudio_list ul li .audioV_list_info .audioV_list_title {
	font-size: 20px;
	color: #000;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	line-height: 1.3em;
}

.related_AlbumAudio_list ul li .audioV_list_info .audioV_list_performer
	{
	font-size: 15px;
	margin: 10px 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	line-height: 1.3em;
}

.audioV_list_performer, .audioV_list_language {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.audioV_list_performer h5, .audioV_list_language h5 {
	font-size: 15px;
	font-weight: 400;
	color: #666;
	margin-right: 5px;
}

.audioV_list_performer div, .audioV_list_language div {
	font-size: 15px;
	font-weight: 400;
	color: #999;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.hand_btn {
	display: inline-block;
	font-size: 15px;
	padding: 13px 20px;
/* 	background-color: #662579; */
	background-color: #0052cd;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	letter-spacing: 0.001em;
	transition: ease-in-out .3s;
}

.hand_btn:hover {
/* 	background-color: #270441; */
	background-color: #004993;
}

/* Article - list */
.article_list {
	width: 100%;;
}

.article_list ul {
	display: flex;
	flex-direction: column;
	width: 100%;;
}

.article_list ul li {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.article_list ul li a {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: ease-in-out .3s;
	padding: 30px;
}

.article_list ul li a:hover {
	box-shadow: 0px 0px 21px -8px rgba(0, 0, 0, 0.56);
}

.article_list ul li a .article_list_title {
	font-size: 20px;
	color: #404040;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	line-height: 1.3em;
}

.article_list ul li a .article_list_cont {
	color: #404040;
	font-size: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.8em;
	height: 5.4em;
	align-items: flex-start;
	font-weight: 300;
	margin-bottom: 20px;
	width: 100%;
}

.article_list ul li a .article_list_info {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 25px;
}

.article_list ul li a .article_list_info .article_list_Y {
	width: 20%;
	font-size: 14px;
}

.article_list ul li a .article_list_info .article_list_A {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	width: 80%;
	letter-spacing: -0.001em;
}

.article_list ul li a .article_list_info .article_list_A span {
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.article_list ul li a>div {
	margin-bottom: 20px;
}

.article_list ul li a>div:last-child {
	margin-bottom: 0px;
}

.author_span a {
	color: #2ca9e1;
	text-decoration: underline;
}

.keyword_span {
	color: #12213f;
	font-size: 16px;
	margin-right: 10px;
	padding: 10px 20px;
	background-color: #c6d9f1;
	border-radius: 8px;
}

.stakeholders_link {
	margin: 5px;
	display: flex;
	justify-content: flex-start;
}

.stakeholders_link a {
	color: #2ca9e1;
	text-decoration: underline;
}

.stakeholders_link a::after {
	content: "\f08e";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	margin: 0px 5px;
}

.meterCon {
	font-size: 13px;
	color: #909090;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	letter-spacing: -0.001em;
	font-weight: 400;
}

.meterCon02 {
	font-size: 13px;
	color: #909090;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
	word-break: keep-all;
	letter-spacing: -0.001em;
	font-weight: 400;
}

/* introducion */
.introdction {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.intro_div01 {
	font-size: 18px;
	word-break: keep-all;
	color: #79909d;
	line-height: 1.7em;
	margin-bottom: 80px;
	letter-spacing: 0.3px;
}

.intro_div01 .intro_title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.intro_div01 .intro_title h3 {
	font-size: 30px;
	line-height: 30px;
	display: block;
	color: #0066b3;
	font-weight: 600;
}

.intro_div01 .intro_title h3::before {
	height: 6px;
	background-color: #0066b3;
	content: '';
	display: block;
	margin-bottom: 15px;
	width: 60px;
}

.intro_div01 a {
	color: #337ab7;
	transition: all .3s;
}

.intro_div01 a:hover {
	color: #ffbc32;
}

.intro_div01 table {
	width: 100%;
	margin: 30px 0px;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.intro_div01 table tr th {
	background-color: #0066b3;
	color: #fff;
	padding: 20px 0px;
	font-size: 18px;
	border-left: 1px solid #dfdfdf;
}

.intro_div01 table tr td {
	padding: 20px 20px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	font-size: 18px;
	line-height: 1.6em;
}

.intro_div01 table tr td img {
	width: 180px;
}

.intro_div01 h5 {
	color: #9573b7;
	font-size: 22px;
	margin-top: 30px;
}

.linksTable_img {
	width: 100%;
	margin-top: 30px;
}

.intro_div01 .intro_step {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 60px;
}

.intro_div01 .intro_step h5 {
	color: #5a89bd;
	font-size: 22px;
	margin-bottom: 30px;
	line-height: 1.5em;
}

.intro_div01 .intro_step p {
	font-size: 18px;
	word-break: keep-all;
	color: #79909d;
	line-height: 1.7em;
}

.title_right .share-btn {
	display: flex;
}

.title_right .share-btn ul {
	display: flex;
	flex-direction: row;
}

.title_right .share-btn ul li {
	display: flex;
	width: 40px;
	height: 40px;
}

.title_right .share-btn ul li a {
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.title_right .share-btn ul li a i {
	font-size: 14pt;
}

.share-btn ul li.google a {
	background-color: #18841f;
}

.share-btn ul li.facebook a {
	background-color: #3b5998;
}

.share-btn ul li.twitter a {
	background-color: #2ba9e1;
}

.share-btn ul li.weibo a {
	background-color: #f85d00;
}

.share-btn ul li.vk a {
	background-color: #2a5885;
}

.share-btn ul li.telegram a {
	background-color: #179cde;
}

.share-btn ul li.whatsapp a {
	background-color: #1ebea5;
}

.share-btn ul li.twitter a {
	background-color: #2ba9e1;
}

.share-btn ul li.tiktok a {
	background-color: #000;
}

.share-btn ul li.links a {
	background-color: #404040;
}

.quick {
	position: fixed;
	right: 50px;
	bottom: 100px;
}

.quick a {
	color: #663399;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-size: 20px;
	background-color: rgba(255, 255, 255, 1);
	padding: 5px 13px 8px 13px;
	border: 1px solid #663399;
	transition: all .3s;
}

.quick a p {
	font-size: 15px;
}

.quick a:hover {
	background-color: #663399;
	color: #fff;
}

.srh-cancel-btn {
	background-color: #fff;
	border-radius: 30px;
	margin-left: 9px;
	border: 1px solid #aaa;
}

.srh-cancel-btn a {
	padding: 18px 30px;
	display: block;
	color: #aaa;
	font-size: 16px;
}

.allbtn-title {
	justify-content: space-between;
	display: flex;
	align-items: center;
	position: relative;
}

.allbtn-title h3 {
	color: #888888;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	font-weight: 600;
	letter-spacing: 0.011em;
	background-color: #fff;
	padding-right: 15px;
}

.allbtn-title::before {
	width: 91%;
	content: '';
	margin-top: 5px;
	position: absolute;
	background-color: #cccccc;
	height: 2px;
}

.allbtn-title strong {
	color: #404040;
	font-weight: 900;
}

.archive_allBtn {
	background-color: #fff;
}

.archive_allBtn a {
	width: 120px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #555;
	color: #555;
	border-radius: 30px;
	font-size: 16px;
	background-color: #fff;
	overflow: hidden;
	transition: all .3s;
}

.archive_allBtn a i {
	font-size: 20px;
	margin-left: 10px;
	transition: all .3s;
	transform: translateX(0px);
}

.archive_allBtn a:hover i {
	transform: translateX(5px);
}

.archive_allBtn a:hover {
	background-color: #662579;
	color: #fff;
	border: 1px solid #662579;
}

.news_view .news-title .news-tag .tag01 {
	background-color: #8c53a7;
}

.news_view .news-title .news-tag .tag02 {
	background-color: #ee7b45;
}

.news_view .news-title .news-tag .tag-ichcap {
	background-color: maroon;
}

.news_view .news-title .news-tag .tag-etc {
	background-color: #808080;
}

.news_view .news-title .news-tag .tag-Ichcap {
	background-color: maroon;
}

/* min */
@media ( min-width :1920px) {
	.sub-visual .sub-visual-img {
		background-repeat: repeat-x !important;
	}
}

/******************************************************************************************************************************************************************************************/

/* partners */
.partners_area {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}

/*.partners_area_h3::after { display: flex; width: 20px; height: 5px; content: ''; background-color: #411049; margin-top: 10px;}*/
.partners_area_h3 {
	color: #404040;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.5em;
	margin-top: 10px;
	/* text-align: center; */
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}

.partners_section01 {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 50px;
	margin-top: 50px;
}

.partners_title {
	font-size: 25px;
	line-height: 1.0em;
	font-style: italic;
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 20px;
	border-bottom: 4px solid #e3d7e7;
	box-shadow: inset 0 -7px 0 #e3d7e7;
	font-weight: 600;
}
/*.partners_title::before { display: flex; width: 20px; height: 5px; content: ''; background-color: #411049; margin-bottom: 10px;}*/
.partners_se01_cont {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.partners_se01_cont .partners_se01_img {
	width: 30%;
	height: 300px;
	display: flex;
	border: 1px solid #dfdfdf;
	align-items: center;
	justify-content: center;
}

.partners_se01_cont .partners_se01_img img {
	width: auto;
	height: 100%;
}

.partners_se01_cont .partners_se01_text {
	width: 68%;
	font-size: 19px;
	color: #404040;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section02 {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	margin-top: 60px;
	padding-bottom: 50px;
}

.partners_section02 .partners_se02_cont {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.partners_section02 .partners_se02_cont .partners_se02_text {
	width: 100%;
	font-size: 19px;
	color: #404040;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section03 {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	margin-top: 60px;
	padding-bottom: 50px;
}

.partners_section03 .partners_se03_cont {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.partners_section03 .partners_se03_cont .partners_se03_text {
	width: 100%;
	font-size: 19px;
	color: #404040;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section04 {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	margin-top: 60px;
	padding-bottom: 50px;
}

.partners_section04 .partners_se04_cont {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.partners_section04 .partners_se04_cont .partners_se04_text {
	width: 100%;
	font-size: 19px;
	color: #404040;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section04 .partners_se04_cont .partners_se04_text li {
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	display: flex;
	flex-direction: row;
	line-height: 1.8em;
	position: relative;
	align-items: flex-start;
}

.partners_section04 .partners_se04_cont .partners_se04_text li span {
	margin-left: 20px;
}

.partners_section04 .partners_se04_cont .partners_se04_text li::before {
	content: '';
	width: 6px;
	height: 6px;
	top: 14px;
	background-color: #411049;
	border-radius: 100%;
	position: absolute;
}

.partners_section04 .partners_se04_cont .partners_se04_textDiv {
	width: 100%;
	position: relative;
	font-size: 19px;
	color: #404040;
	font-weight: 300;
	align-items: center;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section04 .partners_se04_cont .partners_se04_textDiv span {
	display: list-item;
}

.partners_section05 {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	margin-top: 60px;
	padding-bottom: 50px;
}

.partners_section05 .partners_se05_cont {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.partners_section05 .partners_se05_cont .partners_se05_text {
	width: 100%;
	font-size: 19px;
	font-style: italic;
	color: #404040;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.01em;
}

.partners_section05 .partners_se05_cont .partners_se05_text dl {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0px;
}

.partners_section05 .partners_se05_cont .partners_se05_text dl dt {
	font-weight: bold;
	font-style: normal;
	font-family: "Noto Sans KR", sans-serif !important;
	width: 7%;
}

.partners_section05 .partners_se05_cont .partners_se05_text dl dd {
	color: #0272d1;
	font-style: normal;
	width: 90%;
}

.partners_section05 .partners_se05_cont .partners_se05_text dl dd a {
	color: #0272d1;
	text-decoration: underline;
}

/* Partners List */
.partners_page {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 70px;
	margin-top: 50px;
}

.partners_page .partners-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 30px;
}

.partners_page .partners-box .partners-div {
	width: 370px;
	height: 524px;
	border: 1px solid #ccc;
	margin-right: 40px;
	margin-bottom: 30px;
	position: relative;
}

.partners_page .partners-box .partners-div:nth-child(4n) {
	margin-right: 0px;
}

.partners-share {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.partners-share .partners-tag {
	display: flex;
	align-items: center;
	justify-content: center;
}

.partners-share .partners-tag p {
	color: #fff;
	padding: 5px 20px;
}

.partners-share .partners-tag .tag-partners {
	background-color: #4185c5;
}

.partners-share .partners-tag .tag-event {
	background-color: #67a555;
}

.partners-share .partners-tag .tag-partners {
	background-color: #4185c5;
}

.partners-share .partners-tag .tag-Event {
	background-color: #67a555;
}

.partners-share .partners-tag .tag01 {
	background-color: #8c53a7;
}

.partners-share .partners-tag .tag02 {
	background-color: #ee7b45;
}

.partners-share .partners-tag .tag-ichcap {
	background-color: maroon;
}

.partners-share .partners-tag .tag-Ichcap {
	background-color: maroon;
}

.partners-share .partners-tag .tag-etc {
	background-color: #808080;
}

.partners-share .share-btn {
	display: flex;
}

.partners-share .share-btn ul {
	display: flex;
	flex-direction: row;
}

.partners-share .share-btn ul li {
	display: flex;
	width: 40px;
}

.partners-share .share-btn ul li a {
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partners_page .partners-box .partners-div a {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.partners_page .partners-box .partners-div a .partners-div-img {
	width: 100%;
	height: 281px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.partners_page .partners-box .partners-div a .partners-div-img .partners-div-imgbg
	{
	background: url(../img/partners-img01.jpg) no-repeat;
	background-position: center center !important;
	width: inherit;
	height: 100%;
	background-size: cover;
	transition: all ease 1s;
}

.partners_page .partners-box .partners-div:hover a .partners-div-img .partners-div-imgbg
	{
	transform: scale(1.1) rotate(.001deg);;
}

.partners_page .partners-box .partners-div a .partners-div-text {
	display: flex;
	flex-direction: column;
	padding: 15px 20px;
}

.partners_page .partners-box .partners-div a .partners-div-text .partners-subject
	{
	font-size: 19px;
	color: #404040;
	white-space: normal;
	line-height: 1.6em;
	height: 3.2em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.partners_page .partners-box .partners-div a .partners-div-text .partners-content
	{
	font-size: 14px;
	color: #404040;
	white-space: normal;
	line-height: 1.8em;
	height: 5.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 300;
	margin-top: 10px;
	letter-spacing: 0.01em;
}

.partners_page .partners-box .partners-div .partners-date {
	display: flex;
	padding: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ccc;
}

.partners_page .partners-box .partners-div .partners-date .date-p {
	font-size: 15px;
	color: #5a5a5a;
}

.partners_page .partners-box .partners-div .partners-date .date-btn {
	font-size: 20px;
}

.partners_page .partners-box .partners-div .partners-date .date-btn a {
	color: #21395a;
	transform: translateX(-6px);
	transition: all ease .8s;
}

.partners_page .partners-box .partners-div:hover .partners-date .date-btn a
	{
	transform: translateX(-0px);
}

/* CongratulatoryVideo List */
.congVideo_page {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 70px;
	margin-top: 50px;
}

.congVideo_page .congVideo-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 30px;
}

.congVideo_page .congVideo-box .congVideo-div {
	width: 370px;
	border: 1px solid #ccc;
	margin-right: 40px;
	margin-bottom: 30px;
	position: relative;
}

.congVideo_page .congVideo-box .congVideo-div:nth-child(4n) {
	margin-right: 0px;
}

.congVideo-share {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.congVideo-share .congVideo-tag {
	display: flex;
	align-items: center;
	justify-content: center;
}

.congVideo-share .congVideo-tag p {
	color: #fff;
	padding: 5px 20px;
}

.congVideo-share .congVideo-tag .tag-congVideo {
	background-color: #4185c5;
}

.congVideo-share .congVideo-tag .tag-event {
	background-color: #67a555;
}

.congVideo-share .congVideo-tag .tag-congVideo {
	background-color: #4185c5;
}

.congVideo-share .congVideo-tag .tag-Event {
	background-color: #67a555;
}

.congVideo-share .congVideo-tag .tag01 {
	background-color: #8c53a7;
}

.congVideo-share .congVideo-tag .tag02 {
	background-color: #ee7b45;
}

.congVideo-share .congVideo-tag .tag-ichcap {
	background-color: maroon;
}

.congVideo-share .congVideo-tag .tag-Ichcap {
	background-color: maroon;
}

.congVideo-share .congVideo-tag .tag-etc {
	background-color: #808080;
}

.congVideo-share .share-btn {
	display: flex;
}

.congVideo-share .share-btn ul {
	display: flex;
	flex-direction: row;
}

.congVideo-share .share-btn ul li {
	display: flex;
	width: 40px;
}

.congVideo-share .share-btn ul li a {
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.congVideo_page .congVideo-box .congVideo-div a {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.congVideo_page .congVideo-box .congVideo-div a .congVideo-div-img {
	width: 100%;
	height: 281px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.congVideo_page .congVideo-box .congVideo-div a .congVideo-div-img .congVideo-div-imgbg
	{
	background: url(../img/congVideo-img01.jpg) no-repeat;
	background-position: center center !important;
	width: inherit;
	height: 100%;
	background-size: cover;
	transition: all ease 1s;
}

.congVideo_page .congVideo-box .congVideo-div:hover a .congVideo-div-img .congVideo-div-imgbg
	{
	transform: scale(1.1) rotate(.001deg);;
}

.congVideo_page .congVideo-box .congVideo-div a .congVideo-div-text {
	display: flex;
	flex-direction: column;
	padding: 15px 20px;
}

.congVideo_page .congVideo-box .congVideo-div a .congVideo-div-text .congVideo-subject
	{
	font-size: 19px;
	color: #404040;
	white-space: normal;
	line-height: 1.6em;
	height: 3.2em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.congVideo_page .congVideo-box .congVideo-div a .congVideo-div-text .congVideo-content
	{
	font-size: 14px;
	color: #404040;
	white-space: normal;
	line-height: 1.8em;
	height: 5.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 300;
	margin-top: 10px;
	letter-spacing: 0.01em;
}

.congVideo_page .congVideo-box .congVideo-div .congVideo-date {
	display: flex;
	padding: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ccc;
}

.congVideo_page .congVideo-box .congVideo-div .congVideo-date .date-p {
	font-size: 15px;
	color: #5a5a5a;
}

.congVideo_page .congVideo-box .congVideo-div .congVideo-date .date-btn
	{
	font-size: 20px;
}

.congVideo_page .congVideo-box .congVideo-div .congVideo-date .date-btn a
	{
	color: #21395a;
	transform: translateX(-6px);
	transition: all ease .8s;
}

.congVideo_page .congVideo-box .congVideo-div:hover .congVideo-date .date-btn a
	{
	transform: translateX(-0px);
}

/* 반응형 */
@media ( max-width :1903px) {
}

@media ( max-width :1610px) {
	.sub-content {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.site-nav-wrap {
		width: 100%;
		padding: 0 0px;
		box-sizing: border-box;
	}
	.sub-srh .sub-srh-box {
		flex-wrap: wrap;
	}
	.allbtn-title::before {
		z-index: -1;
	}
	.elements-album ul li a .album-img {
		display: flex;
		align-items: center;
		justify-self: center;
	}

	/* Story */
	.story_page .story_list>ul>li {
		width: 33.33333333333333333%;
		margin-right: 0;
	}
	.story_page .story_list>ul>li .story_box {
		display: flex;
		flex-direction: column;
		width: 98%;
		margin: 0 auto;
		height: auto;
		padding-bottom: 40px;;
		border: 1px solid #ccc;
	}
	.story_page .story_list>ul>li>.story_box .list-story-img {
		overflow: hidden;
		width: 100%;
		height: 400px;
		border-bottom: 1px solid #ccc;
	}
	.story_page .story_list>ul>li .story_box .list-story-info .list-story-subject
		{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 0px;
	}
	.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li:nth-child(1)
		{
		padding-top: 10px;
		width: 100%;
		height: 1.2em;
		border-top: 1px solid #dfdfdf;
	}
	.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li:nth-child(1)::after
		{
		display: none;
	}
	.story_page .main-story a .main-story-img {
		width: 100%;
	}
	.story_page .main-story a {
		padding: 20px;
	}

	/* Story details */
	.story_view {
		height: 600px;
	}
	.story_view_photo ul li {
		width: 33%;
		height: auto !important;
	}
	.story_view_photo ul li p img {
		width: 100% !important;
		object-fit: contain;
		height: auto !important;
	}
	.story_view_photo02 ul li {
		width: 100%;
		margin-top: 10px;
	}
	.story_view_photo02 ul li div {
		width: 100%;
		justify-content: space-around;
	}
	.story_view_photo02 ul li div>p {
		width: 49%;
	}
	.story_view_photo02 ul li div>p>img {
		width: 100% !important;
		object-fit: contain;
		height: auto !important;
	}
	.story_view_photo03 {
		width: 40%;
	}
	.story_view_photo03>div {
		width: 100%;
		height: auto !important;
		object-fit: contain;
	}
	.story_view_photo03>div>p {
		width: 100%;
	}
	.story_view_photo03>div>p>img {
		width: 100% !important;
	}
	.story_view_at03 .at03_type01 .view_at03_text02 {
		width: 55%;
	}
	.story_view_photo04 ul li:nth-child(1) {
		width: 68%;
		height: auto !important;
	}
	.story_view_photo04 ul li:nth-child(2) {
		width: 30%;
		height: auto !important;
	}
	.story_view_photo04 ul li p {
		width: 100%;
		height: 100%;
	}
	.story_view_photo04 ul li p>img {
		width: 100% !important;
		height: 100% !important;
	}

	/* archive M */
	.arc-el-box ul li {
		width: 20%;
	}
	.arc-el-box ul li a {
		width: 95%;
		margin: 0 auto;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
	}
	.arc_mater_area {
		width: 49.5%;
	}
	.arc_mater_area ul li {
		width: 50%;
		border: 0 none;
		margin-right: 0;
	}
	.arc_mater_area ul li a {
		border: 1px solid #adadad;
		width: 98%;
	}
	.arc_stak_area {
		width: 33%;
	}
	.arc_stak_area ul li {
		width: 50%;
		border: 0 none;
	}
	.arc_stak_area ul li a {
		width: 98%;
		margin: 0 auto;
		border: 1px solid #adadad;
	}
	.arc_stak_area ul li a .stak-img img {
		width: 100% !important;
	}
	.elements-album ul li {
		width: 24.25%;
		margin-right: 0px;
		border: 0px none;
	}
	.elements-album ul li a {
		width: 98%;
		margin: 0 auto;
		border: 1px solid #dfdfdf;
	}
	.gover_list div {
		padding: 0px 20px;
	}
	.gover_list div>ul li a {
		border: 0 none !important;
	}
	.elements-list ul li a .el-list-text {
		box-sizing: border-box;
		width: 75%;
	}
	.elements-list ul li a .el-list-img {
		width: 20%;
		min-width: 215px;
		max-width: 215px;
		padding: 15px;
	}
	.elements-list ul li a .el-list-img p {
		background-size: cover !important;
	}

	/* govmentFocalPoint */
	.all_map {
		display: none;
	}

	/* news */
	.news_page .news-box .news-div {
		width: 25%;
		height: 524px;
		border: 0;
		margin-right: 0px;
		margin-bottom: 30px;
		position: relative;
	}
	.news_page .news-box .news-div .news-div-box {
		border: 1px solid #ccc;
		position: relative;
		margin: 0 auto;
		width: 96%;
	}
	.partners_page .partners-box .partners-div {
		width: 25%;
		height: 524px;
		border: 0px solid #ccc;
		margin-right: 0px;
		margin-bottom: 30px;
		position: relative;
	}
	.partners_page .partners-box .partners-div .partners-div-box {
		border: 1px solid #ccc;
		position: relative;
		margin: 0 auto;
		width: 96%;
	}

	/* partner View */
	.partners_se01_cont .partners_se01_img {
		overflow: hidden;
	}
	.partners_se01_cont .partners_se01_img img {
		width: auto;
		height: auto;
		object-fit: contain;
	}
	.partners_section05 .partners_se05_cont .partners_se05_text dl {
		justify-content: space-between;
	}

	/* search more */
	.detailed_search {
		width: 98%;
		margin: 0 auto;
	}
	/* introduction */
	.linksTable_img img {
		width: 100%;
	}

	/* related to */
	.related_mater ul li {
		width: 25%;
		margin-right: 0px;
		border: 0 none;
	}
	.related_mater ul li a {
		width: 97%;
		padding: 20px;
		box-sizing: border-box;
		margin: 0 auto;
		border: 1px solid #dfdfdf;
	}
	.related_mater ul li a .meter-img {
		height: 240px;
		border-bottom: 0 none;
	}
	.mater_photos ul li a .meter-img p {
		background-color: #000 !important;
	}
	.mater_photos ul li .meter-text {
		padding: 20px 0px;
	}
	.mater_photos ul li .meter-info {
		padding: 15px 0px 0px 0px
	}
	.rel_ab_coll .rel_ab {
		width: 50%;
	}
	.rel_ab_coll .rel_ab a {
		width: 98%;
		margin: 0 auto;
		border: 1px solid #dfdfdf;
		padding: 20px;
		box-sizing: border-box;
	}
	.rel_ab_coll .rel_ab .ab_area {
		border: 0;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_img {
		width: 30%;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_cont {
		width: 70%;
		box-sizing: border-box;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_info dl {
		flex-wrap: wrap;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_cont .ab_subject {
		width: 100%;
	}
	.ab_info dl dd>strong {
		word-break: break-all;
	}

	/*stakeholders*/
	.stakeholders_list ul li {
		width: 25%;
	}

	/* materials */
	.mater_M_list ul{gap:1%;}
	.mater_M_list ul li {
		width: 24.25%;
	}
	.public-info-cont02 {
		width: 75%;
	}
	.public-info-img02 {
		width: 23%;
	}
	.public-info-img02 p {
		background-position: center center !important;
	}

	/* collection */
	.collection_page {
		width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.collection_de_content .collection_de_select {
		width: 24%;
	}
	.collection_de_list {
		width: 75%;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(1) {
		width: 60%;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(2) {
		width: 40%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(1) {
		width: 40%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(2) {
		width: 60%;
	}
	.exhibition_page .exhibition-box .ebox01 {
		width: 98%;
		margin: 0 auto;
	}
	.exhibition_page .exhibition-box .ebox02 {
		width: 98%;
		margin: 0 auto;
	}
	.exhibition_page .exhibition-box .ebox03 {
		width: 98%;
		margin: 0 auto;
	}
	.exhibition_page .exhibition-box .ebox04 {
		width: 98%;
		margin: 0 auto;
	}
}

@media ( max-width :1500px) {
}

@media ( max-width :1440px) {
	.partners_se01_cont .partners_se01_img {
		width: 35%;
	}
	.partners_se01_cont .partners_se01_text {
		width: 60%;
	}
	.collection_de_list ul li {
		width: 33.33333333%;
	}
}

@media ( max-width :1240px) {
	/* Archive M */
	/* Story */
	.story_page .story_list>ul>li {
		height: auto;
	}
	.story_page .story_list>ul>li>.story_box .list-story-img {
		height: 300px;
	}
	.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li
		{
		width: 50%;
		margin-right: 0;
		text-align: center;
	}
	.story_page .story_list>ul>li .story_box .list-story-info .list-story-if ul>li::after
		{
		display: none;
	}

	/* Story details */
	.story_view_photo ul li p {
		width: 100%;
	}
	.story_view_at03 .at03_type01 .view_at03_text02_line {
		width: 100%;
	}

	/* news */
	.news_page .news-box .news-div {
		width: 33.33333333333%;
		height: 524px;
		border: 0;
		margin-right: 0px;
		margin-bottom: 30px;
		position: relative;
	}
	.news_page .news-box .news-div .news-div-box {
		border: 1px solid #ccc;
		position: relative;
		margin: 0 auto;
		width: 98%;
	}
	.partners_page .partners-box .partners-div {
		width: 33.33333333333%;
	}

	/* photo */
	.image_viewer .swiper-image .swiper-wrapper .swiper-slide img {
		height: 450px;
		max-width: 100%;
		object-fit: contain;
	}
	.public-info02 {
		flex-direction: column;
	}
	.public-info-cont02 {
		width: 100%;
	}
	.public-info-img02 {
		width: 100%;
		background-color: #000;
		margin-bottom: 50px;
	}
	.public-info-cont02>div {
		flex-direction: column;
	}
	.public-info-cont02>div>h5 {
		width: 100%;
		margin-bottom: 10px;
	}
	.public-info-cont02 .author_cont {
		width: 100%;
	}
}

@media ( max-width :1200px) {
	.arc_stak_area {
		width: 100%;
	}
	.arc_stak_area ul li {
		width: 49%;
	}
	.stak_gover ul {
		flex-wrap: wrap;
	}
	.stak_gover ul li {
		width: 49%;
		margin-bottom: 15px;
	}
	.archive_collection ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.archive_collection ul li {
		width: 49%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.arc_mater_area {
		width: 100%;
	}
	.arc-el-box ul {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.arc-el-box ul li {
		width: 33.333333333333%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.arc-el-box ul li .el-img-area .el-img {
		background-size: cover !important;
	}
	.elements-album ul li {
		width: 49%;
		margin-right: 0px;
	}
	.elements-album ul {
		justify-content: space-between;
	}
	.elements_page .page-results {
		justify-content: flex-start;
	}
	.arc_mater_area ul {
		justify-content: space-between;
	}
	.arc_mater_area ul li {
		margin-right: 0px;
		margin-bottom: 10px;
	}

	/* materials Photos */
	.materialsPhotosList ul {
		justify-content: flex-start;
		gap:1%;
	}
	.materialsPhotosList ul li {
		width: 32.33333333%
	}

	/* Story details */
	/* Elements details */
	.related_photos_list ul li a .photos-list-text {
		width: 80%;
	}
	.related_photos_list ul li a .photos-list-img {
		width: 20%;
	}

	/*partner View*/
}

@media ( max-width :1024px) {
	.allbtn-title h3 {
		font-size: 25px;
	}
	.subpage-title h3 {
		font-size: 25px;
	}
	.arc_mater_area .mater_title h5 {
		font-size: 22px;
	}
	.sub-content .sub-title h3 {
		font-size: 30px;
	}
	.archive_map .gis-service-area .left-select .left-select-box ul {
		width: 100%;
	}

	/*stakeholders*/
	.arc_mater_area ul li {
		width: 49%;
	}

	/* story */
	.story_page .story_list>ul>li {
		width: 50%;
	}
	.story_page .main-story a .main-story-img {
		height: 450px;
	}

	/* Story details */
	.story_view_photo03 {
		width: 100%;
	}
	.story_view_at03 .at03_type01 {
		flex-direction: column;
	}
	.story_view_at03 .at03_type01 .view_at03_text02 {
		width: 100%;
	}

	/* archive M */
	.sub-srh .sub-srh-box .sub-srh-form input[type='text'] {
		width: 100%;
	}
	.srh-more-btn {
		margin-left: 5px;
	}
	.srh-cancel-btn {
		margin-left: 5px;
	}
	.archive_map .subpage-title {
		background-color: #fff;
		padding-bottom: 30px;
	}
	.archive_map {
		background: url(../img/map_bg.png) repeat;
		margin-top: 0px;
		padding: 0px 0px 50px 0px;
		box-sizing: border-box;
		margin-bottom: 45px;
	}
	.archive_map .gis-service-area {
		height: auto;
	}
	.archive_map .gis-service-area .opened {
		width: 100%;
		position: relative;
	}
	.archive_map .gis-service-area .right-content .right-content-box {
		width: 100%;
	}
	#gpsListToggle {
		display: none;
	}
	.archive_map .gis-service-area .right-content .right-content-box {
		width: 100%;
		box-sizing: border-box;
		background: none;
		padding: 0px 0px 20px 0px;
	}
	.archive_map .index-title {
		background: linear-gradient(to right, #370043, #07105d);
		opacity: 0.88;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	.archive_map .index-title .archive_allBtn {
		background-color: inherit;
	}
	.archive_map .index-title .archive_allBtn a {
		background-color: #fff;
	}
	.archive_map .index-title .section-title {
		color: #fff;
	}
	.archive_map .index-title .section-title strong {
		color: #fff
	}
	.archive_map {
		background: url('../img/map_bg.png') repeat;
		margin-top: 0px;
		padding: 0px 0px 50px 0px;
		box-sizing: border-box;
		margin-bottom: 45px;
	}
	.archive_map .gis-service-area {
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: auto;
		margin-top: 30px;
		overflow: auto;
		flex-direction: column;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.archive_map .gis-service-area .right-content .right-content-box dl dd .cont-text
		{
		width: 90%;
	}
	.archive_map .gis-service-area .right-content {
		position: relative !important;
		width: 100% !important;
		max-height: 442px !important;
		overflow: hidden;
		margin-top: 30px;
	}
	.archive_map .gis-service-area .right-content .right-content-box dl {
		border: 1px solid #ccc;
	}
	.archive_map .gis-service-area .center-map {
		height: 470px;
		position: relative;
	}
	.archive_map .gis-service-area .center-map>div {
		background-color: inherit !important;
	}
	.archive_map .gis-service-area .left-select {
		width: 100%;
		position: absolute;
		top: 0;
		box-sizing: border-box;
		padding: 0px 20px;
	}
	.archive_map .gis-service-area .left-select .left-select-box {
		width: 100%;
		background: none;
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 0px 20px;
	}
	.archive_map .gis-service-area .left-select .left-select-box h5:nth-child(1)
		{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	.archive_map .gis-service-area .opened {
		overflow-y: scroll !important;
	}
	#leftToggle {
		display: none;
	}
	.archive_map .gis-service-area .left-select .LeftArrBtn {
		display: block;
	}
	.archive_map .gis-service-area .Leftopened {
		height: 470px;
	}
	.archive_map .gis-service-area .Leftclosed {
		left: 0;
		height: 48px;
	}
	.archive_map .gis-service-area .Leftopened .left-select-box {
		overflow: auto;
	}
	.archive_map .gis-service-area .Leftclosed  .left-select-box {
		overflow: hidden;
	}
	.sub-srh .sub-srh-box {
		padding: 40px 20px;
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}
	.sub-srh .sub-srh-box .sub-srh-title {
		width: 100%;
		text-align: center;
	}
	.sub-srh .sub-srh-box .sub-srh-form {
		width: 65%;
		margin-left: 0px;
		margin: 20px 0px;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_img {
		width: 100%;
		background-color: #000;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_img p {
		background-size: cover !important;
	}
	.rel_ab_coll .rel_ab .ab_area .ab_cont {
		width: 100%;
		padding: 25px 20px;
	}

	/* elements details */
	.sub_cont_header {
		flex-direction: column;
	}
	.title_left {
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 20px;
	}
	.title_right {
		width: 100%;
		justify-content: flex-end;
		margin-top: 20px;
	}
	.e_view_box {
		flex-direction: column;
	}
	.e_view_box .e_view_photo {
		height: 300px;
		width: 100%;
	}
	.e_view_box .e_view_info {
		width: 100%;
		margin-top: 30px;
		max-height: 100%;
	}
	.e_view_box .e_view_info dl {
		align-items: center !important;
		flex-direction: column;
		padding: 10px;
		box-sizing: border-box;
	}
	.e_view_box .e_view_info dt {
		width: 100%;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #dfdfdf;
	}
	.e_view_box .e_view_info dd {
		width: 100%;
		padding: 0;
		margin-left: 0;
		font-size: 16px;
		margin-top: 10px;
		line-height: 2.0em;
		letter-spacing: -0.01em;
	}
	.c_dev_brief02 .c_dev_brief02_cont {
		font-size: 16px;
	}
	.c_dev_brief02 {
		margin-top: 0;
	}
	.e_view_box {
		margin-bottom: 0;
	}

	/* govmentFocalPoint */
	.stak_table {
		display: flex;
		flex-direction: column;
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
	}
	.stak_table thead {
		display: none;
	}
	.stak_table tbody {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.stak_table tbody tr {
		display: flex;
		flex-direction: column;
		width: 100%;
		border: 1px solid #dfdfdf;
		border-bottom: 0;
		padding: 20px 0px;
	}
	.stak_table tbody tr td {
		border-bottom: 0;
		text-align: left;
		padding: 5px 20px;
		font-size: 14px;
		color: #777;
		font-weight: 400;
	}
	.stak_table tbody tr td:nth-child(1)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Country';
	}
	.stak_table tbody tr td:nth-child(2)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Year of Ratification for 2003 Convention';
	}
	.stak_table tbody tr td:nth-child(3)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Organization';
	}
	.stak_table tbody tr td:nth-child(4)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Department';
	}
	.stak_table tbody tr td:nth-child(5)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Address';
	}
	.stak_table tbody tr td:nth-child(6)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Website';
	}
	.stak_table tbody tr td:nth-child(7)::before {
		font-size: 14px;
		margin-right: 10px;
		color: #404040;
		font-weight: 900;
		content: 'Email';
	}

	/* news view */
	.news_view {
		flex-direction: column;
	}
	.news_view .news-con {
		width: 100%;
		padding: 0;
	}
	.news_view .latest_news {
		width: 100%;
	}
	.latest_news ul li a .latest_news_img {
		height: auto;
	}
	.latest_news ul li a .latest_news_text {
		justify-content: flex-start;
	}

	/*partner View*/
	.partners_se01_cont {
		flex-direction: column;
	}
	.partners_se01_cont .partners_se01_img {
		width: 100%;
	}
	.partners_se01_cont .partners_se01_text {
		width: 100%;
		margin-top: 30px;
	}
	.partners_section05 .partners_se05_cont .partners_se05_text dl {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.partners_area_h3 {
		font-size: 24px;
	}
	.partners_se01_cont .partners_se01_text, .partners_section03 .partners_se03_cont .partners_se03_text,
		.partners_section04 .partners_se04_cont .partners_se04_textDiv,
		.partners_section02 .partners_se02_cont .partners_se02_text,
		.partners_section05 .partners_se05_cont .partners_se05_text {
		font-size: 17px;
	}
	.partners_section04 .partners_se04_cont .partners_se04_textDiv p {
		margin-bottom: 15px;
	}

	/* related to */
	.related_mater ul li {
		width: 33.33333%;
		margin-right: 0px;
		border: 0 none;
	}
	.related_mater ul li a {
		width: 97%;
		padding: 20px;
		box-sizing: border-box;
		margin: 0 auto;
		border: 1px solid #dfdfdf;
	}
	.related_mater ul li a .meter-img {
		height: 240px;
		border-bottom: 0 none;
	}
	.mater_photos ul li {
		width: 50%;
		margin-right: 0px;
		border: 0 none;
	}
	.related_to .related_title h3 {
		font-size: 22px;
	}
	.related_mater .mater_title h5 {
		font-size: 18px;
	}
	.related_photos_list .mater_title h5 {
		font-size: 18px;
	}

	/* stakeholders */
	.c_dev_brief02 {
		box-sizing: border-box;
		padding: 50px 10px;
	}
	.c_dev_brief02 .c_dev_brief02_div h5 {
		font-weight: 500;
	}
	.c_dev_brief02 h5 {
		font-weight: 500;
	}
	.c_dev_brief02 .c_dev_brief02_div .c_dev_brief02_div_cont {
		font-size: 16px;
	}

	/* materials Photos */
	.c_dev_brief03>div>span, .c_dev_brief01>div>span {
		font-size: 16px;
	}
	.rel_ab_coll .rel_ab .ab_area {
		flex-direction: column;
	}
	.elements-list ul li a .el-list-text {
		box-sizing: border-box;
		width: 70%;
	}
	.public-info-cont02 .author_cont {
		font-size: 16px;
	}
	.coll_srh_country h3 {
		font-size: 16px;
	}
	.plblic_brief dl dd {
		font-size: 16px;
	}
	.coll_srh_year h3 {
		font-size: 16px;
	}

	/* collection */
	.collection_de_content {
		flex-direction: column;
	}
	.collection_de_content .collection_de_select {
		width: 100%;
	}
	.collection_de_list {
		width: 100%;
	}
	.collection_de_content .pagination {
		width: 100% !important;
	}
	.coll_srh_item h3 {
		font-size: 16px;
	}
	.coll_srh ul li>label {
		font-size: 15px;
	}
	.collection_de_info {
		flex-direction: column;
		align-items: flex-start;
	}
	.collection_sns {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
	}
	.collection_de_info .collection_top {
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.ViewportCollectionBtn {
		display: block;
		position: absolute;
		right: 0px;
		font-size: 22px;
	}
	.collection_de_content .collection_de_select form {
		padding: 30px 30px;
		height: 100%;
		transition: 3s ease-in-out;
	}
	.collection_de_content .closed form {
		height: 18px;
		overflow: hidden;
	}
	.collection_de_content .collection_de_select {
		background-color: #fff;
		transition: all .5s;
	}
	.collection_de_content .opened  form {
		height: 100%;
	}
	.coll_res {
		margin-bottom: 30px;
	}
	.journey_page ul li {
		width: 50%;
	}
}

@media ( max-width :900px) {
	.elements-list ul li a .el-list-text {
		padding: 20px;
	}
	.arc-el-box ul {
		flex-wrap: wrap;
	}
	.arc-el-box ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	.arc-el-box ul li .el-img-area .el-img {
		background-size: cover !important;
	}
	.arc_mater_area ul li {
		width: 49%;
	}
	.elements-tab-btn {
		flex-direction: column-reverse;
	}
	.elements-select-ul {
		margin-left: 0px;
		width: 100%;
		margin-bottom: 15px;
	}
	.elements-select-ul li {
		width: 100%;
	}
	.elements-select-ul li select {
		width: 100%;
		background: url(../img/sub-select-arr.png) no-repeat 96% 50%;
	}
	.elements-tab-btn .elements-tab-btn-ul {
		justify-content: flex-end;
	}
	.arc_mater_area {
		width: 100%;
	}
	.elements-upper {
		flex-wrap: wrap;
	}
	.elements-info {
		width: 100%;
		margin-bottom: 10px;
		justify-content: flex-start;
	}
	.elements-tab-btn {
		justify-content: space-between;
		width: 100%;
	}
	.elements-tab-btn .elements-tab-btn-ul li:first-child {
		margin-left: 0px;
	}
	.story_view {
		height: 600px;
	}

	/* Story details */

	/* materials Photos */
	.materialsPhotosList ul li {
		width: 49.5%
	}
	.elements-list ul li a .el-list-text {
		width: 65%;
	}
}

@media ( max-width :768px) {
	/* sub */
	.sub-visual .sub-visual-text {
		margin-top: 0px;
	}
	.site-nav-wrap {
		flex-direction: column-reverse;
	}
	.site-location {
		position: absolute;
		top: 320px;
		z-index: 9;
		width: 100%;
	}
	.site-location-box a, .site-location-box span {
		color: #fff;
		font-size: 14px;
	}
	.site-location-box a img{
		filter: brightness(10);
	}
	.site-nav {
		border-top: 0;
		border-bottom: 0;
	}
	.pagination ul {
		flex-wrap: wrap;
	}
	.pagination ul li {
		margin-bottom: 5px;
	}
	.sub-visual .sub-visual-text .sub-visual-text-box .visual-textB {
		font-size: 40px;
	}
	.sub-visual .sub-visual-text .sub-visual-text-box .visual-textS {
		font-size: 16px;
		letter-spacing: -0.04em;
	}
	.site-location-box {
		justify-content: center;
	}
	.archive_map .gis-service-area .left-select .left-select-box h5 {
		font-size: 16px;
	}

	/* Archive M */
	.sub-srh .sub-srh-box {
		justify-content: center;
	}
	.sub-srh .sub-srh-box .sub-srh-form {
		width: 100%;
	}
	.srh-more-btn {
		margin-right: 15px;
	}
	.site-menu {
		width: 100%;
		border-left: 0;
		border-right: 0;
		box-sizing: border-box;
		background: linear-gradient(to right, #004a82, #00096a);
	}
	.act-submenu a {
		color: #fff;
	}
	/* .sub-visual .sub-visual-img::after {
		display: none;
	} */

	/* story */
	.story_page .main-story a .main-story-info .main-story-title {
		line-height: 1.5em;
	}

	/* Story details */
	.story_view {
		height: 400px;
		padding: 20px;
	}
	.story_view_photo04 ul {
		flex-wrap: wrap;
	}
	.story_view_photo04 ul li {
		margin-bottom: 10px;
	}
	.story_view_photo04 ul li:nth-child(1) {
		width: 100%;
	}
	.story_view_photo04 ul li:nth-child(2) {
		width: 100%;
	}

	/* Story details */
	.story_view_photo ul {
		flex-wrap: wrap;
	}
	.story_view_photo ul li {
		width: 100%;
	}

	/*pagination*/
	.pagination ul li a {
		width: 30px;
		padding: 5px 0px;
	}

	/* elements */
	.related_photos_list ul li a {
		flex-direction: column;
	}
	.related_photos_list ul li a .photos-list-img {
		width: 100%;
		background-color: #000;
		padding: 0;
	}
	.related_photos_list ul li a .photos-list-text {
		width: 100%;
		box-sizing: border-box;
		padding: 30px 20px;
	}
	.related_photos_list ul li a .photos-list-text .list-subject {
		margin-bottom: 0px;
		padding-bottom: 30px;
	}

	/* stakeholders */
	.gover_list {
		grid-template-columns: 50% 50% 50%;
		display: flex !important;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.gover_list div {
		padding: 0px 5px;
		width: 50%;
		box-sizing: border-box;
	}
	.gover_list div>ul li a {
		font-size: 17px;
	}
	.gover_list div:last-child {
		width: 100%;
	}
	.c_dev_brief02 .c_dev_brief02_div {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.c_dev_brief02 .c_dev_brief02_div h5, .c_dev_brief02_div h5 {
		width: 100%;
		margin-bottom: 10px;
	}
	.c_dev_brief02 .c_dev_brief02_div .c_dev_brief02_div_cont {
		padding-left: 0px;
		width: 100%;
		margin-bottom: 20px;
	}

	/* news */
	.news_page .news-box .news-div {
		width: 50%;
		height: 524px;
		border: 0;
		margin-right: 0px;
		margin-bottom: 30px;
		position: relative;
	}
	.news_page .news-box .news-div .news-div-box {
		border: 1px solid #ccc;
		position: relative;
		margin: 0 auto;
		width: 98%;
	}
	.news_view .news-title h2 {
		font-size: 23px;
	}
	.partners_page .partners-box .partners-div {
		width: 50%;
	}

	/* introduction */
	.intro_div01 table {
		display: flex;
		flex-direction: column;
		border-top: 1px solid #dfdfdf;
	}
	.intro_div01 table thead {
		display: none;
	}
	.intro_div01 table tbody {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.intro_div01 table tbody tr {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.intro_div01 table tbody tr td {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0px 0px;
	}
	.intro_div01 table tbody tr td img {
		margin: 15px 0px;
	}
	.IntroViewport_table01 table tbody tr td:nth-child(1)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'DECENTRALIZATION';
	}
	.IntroViewport_table01 table tbody tr td:nth-child(2)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'OPENNESS AND SHARING';
	}
	.IntroViewport_table01 table tbody tr td:nth-child(3)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'SUSTAINABILITY';
	}
	.IntroViewport_table02 tbody tr td:nth-child(1)::before {
		margin-bottom: 15px;
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'ICH ELEMENTS';
	}
	.IntroViewport_table02 tbody tr td:nth-child(2)::before {
		margin-bottom: 15px;
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'ICH RESOURCES';
	}
	.IntroViewport_table02 tbody tr td:nth-child(3)::before {
		margin-bottom: 15px;
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'ICH STAKEHOLDERS';
	}
	.IntroViewport_table02 tbody tr td:nth-child(4)::before {
		margin-bottom: 15px;
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'ICH NEWS & EVENTS';
	}
	.intro_div01 .IntroViewport_table02 tbody tr td {
		padding-bottom: 15px;
	}
	.IntroViewport_table03 tbody tr td:nth-child(1)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'SPECIAL EXHIBITION';
	}
	.IntroViewport_table03 tbody tr td:nth-child(2)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'MR(VR+AR)';
	}
	.IntroViewport_table03 tbody tr td:nth-child(3)::before {
		width: 100%;
		padding: 10px 0px;
		background-color: #504069;
		color: #fff;
		content: 'DIGITAL STORYTELLING';
	}
	.intro_div01 .IntroViewport_table04 {
		border-top: 0;
		border-left: 0;
		border-bottom: 0;
		border-right: 0;
	}
	.intro_div01 .IntroViewport_table04 tr td {
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		text-align: left;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.intro_div01 .IntroViewport_table04 tr {
		align-items: flex-start;
		border-bottom: 1px solid #dfdfdf;
		box-sizing: border-box;
		padding: 15px;
	}
	.intro_div01 .IntroViewport_table04 tr:nth-child(1) {
		background-color: #f4f5f9;
	}
	.intro_div01 .IntroViewport_table04 tr:nth-child(2) {
		background-color: #f4f5f9;
	}
	.intro_div01 .IntroViewport_table04 tr:nth-child(4) {
		background-color: #f4f5f9;
	}
	.intro_div01 .IntroViewport_table04 tr:nth-child(5) {
		background-color: #f4f5f9;
	}
	.IntroViewport_table04 tbody tr td:nth-child(1)::before {
		width: auto;
		display: block;
		font-weight: 800;
		padding: 10px 0px;
		color: #504069;
		content: 'SPECIAL EXHIBITION';
	}
	.IntroViewport_table04 tbody tr td:nth-child(2)::before {
		width: auto;
		display: block;
		font-weight: 800;
		padding: 10px 0px;
		color: #504069;
		content: 'MR(VR+AR)';
	}
	.IntroViewport_table04 tbody tr td:nth-child(3)::before {
		width: auto;
		display: block;
		font-weight: 800;
		padding: 10px 0px;
		color: #504069;
		content: 'DIGITAL STORYTELLING';
	}
	.related_photos_list ul li a .photos-list-text .list-text-cont {
		margin-top: 20px;
	}

	/* materials auidos */
	.materialsAudiosListTable thead {
		display: none;
	}
	.materialsAudiosListTable {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.materialsAudiosListTable tbody {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.materialsAudiosListTable tbody tr {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 20px 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #dfdfdf;
	}
	.materialsAudiosListTable tbody tr:nth-child(odd) {
		background-color: #f4f5f9;
	}
	.materialsAudiosListTable tbody tr td {
		border-bottom: 0;
		padding: 10px 0px;
		box-sizing: border-box;
		display: flex;
	}
	.materialsAudiosListTable tbody tr td>div {
		width: auto !important;
	}
	.materialsAudiosListTable tbody tr td>a {
		margin-top: 10px;
		color: #662579;
	}
	.materialsAudiosListTable tbody tr td>a:hover {
		text-decoration: underline;
	}
	.materialsAudiosListTable tbody tr td:nth-child(1)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'NO';
	}
	.materialsAudiosListTable tbody tr td:nth-child(2)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Title';
	}
	.materialsAudiosListTable tbody tr td:nth-child(3)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Peformer';
	}
	.materialsAudiosListTable tbody tr td:nth-child(4)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Running Time';
	}
	.materialsAudiosListTable tbody tr td:nth-child(5)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Play';
	}
	.materialsAudiosListTable tbody tr td:nth-child(6)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Year';
	}
	.materialsAudiosListTable tbody tr td:nth-child(7)::before {
		display: block;
		margin-right: 15px;
		color: #404040;
		font-weight: 700;
		font-size: 14px;
		content: 'Country';
	}
	.elements-list ul li a .el-list-text {
		width: 60%;
	}
	.plblic_brief dl {
		display: flex;
		flex-direction: column;
	}
	.plblic_brief dl dt {
		width: 100%;
	}
	.plblic_brief dl dd {
		width: 100%;
	}

	/* collection */
	.collection_page ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	.collection_de_list ul li {
		width: 50%;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(1) {
		width: 50%;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(2) {
		width: 50%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(1) {
		width: 50%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(2) {
		width: 50%;
	}
}

@media ( max-width :680px) {
	.elements-table-viewport table {
		display: flex;
	}
	.elements-table-viewport thead {
		display: none;
	}
	.elements-table-viewport tbody {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.elements-table-viewport tr {
		display: flex;
		flex-direction: column;
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
		padding: 15px 0px;
	}
	.elements-table-viewport tr:nth-child(odd) {
		background-color: #f9f9f9;
	}
	.elements-table-viewport tr td {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		border-bottom: 0;
		padding: 15px 20px;
		text-align: left;
	}
	.elements-table-viewport tr td>div {
		line-height: 1.3em;
	}
	.elements-table-viewport tr td:nth-child(1):before {
		display: block;
		margin-right: 5px;
		font-size: 14px;
		color: #404040;
		font-weight: 900;
		content: 'NO';
	}
	.elements-table-viewport tr td:nth-child(2):before {
		display: block;
		margin-right: 5px;
		font-size: 14px;
		color: #404040;
		font-weight: 900;
		content: 'Title';
	}
	.elements-table-viewport tr td:nth-child(3):before {
		display: block;
		margin-right: 5px;
		font-size: 14px;
		color: #404040;
		font-weight: 900;
		content: 'Country';
	}
	.elements-table-viewport tr td:nth-child(4):before {
		display: block;
		margin-right: 5px;
		font-size: 14px;
		color: #404040;
		font-weight: 900;
		content: 'ICH Domain';
	}
}

@media ( max-width :660px) {
	/* photo details */
	.c_dev_table table {
		width: 100%;
		display: flex;
	}
	.c_dev_table table tbody {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.c_dev_table table tbody tr {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.c_dev_table table tbody tr th {
		width: 100%;
		box-sizing: border-box;
	}
	.c_dev_table table tbody tr td {
		width: 100%;
		box-sizing: border-box;
	}
	.c_dev_table table tr td.cc {
		background-color: #f8f8f8;
		padding: 20px 20px;
	}

	/* videos */
	.mater-tab-box .mater-tab-tit .mater-tab-btn ul {
		border-bottom: 0;
		justify-content: space-between;
	}
	.mater-tab-box .mater-tab-tit .mater-tab-btn ul li {
		margin-left: 0;
		width: 49%;
	}
	.mater-tab-box .mater-tab-tit .mater-tab-btn ul li a {
		border-bottom: 1px solid #dfdfdf;
		border-radius: 10px;
		width: 100%;
		box-sizing: border-box;
	}

	/* audios */
	.mater-tab-box .mater-tab-tit .mater-tab-btn .mater-audio-tab-ul li {
		width: 33%;
	}
	.elements-list ul li a .el-list-text {
		width: 100%;
	}
	.elements-list ul li a .el-list-text .list-subject02 .listSubject {
		font-size: 18px;
	}
	.elements-list ul li a .el-list-text .list-text-cont {
		font-size: 15px;
	}
	.elements-list ul li a .el-list-text .list-coun {
		font-size: 14px;
	}
	.elements-list ul li a .el-list-img {
		display: none;
	}
	.article_list ul li a .article_list_title {
		font-size: 18px;
	}
}

@media ( max-width :600px) {
	.sub-visual .sub-visual-text .sub-visual-text-box .visual-textS {
		font-size: 14px;
		letter-spacing: -0.04em;
	}

	/* story */
	.story_page .story_list>ul>li {
		width: 100%;
	}
	.story_view {
		height: 250px;
		padding: 0;
	}

	/* Story details */
	.story_view_photo02 ul {
		flex-wrap: wrap;
	}
	.story_view_photo02 ul li {
		margin-top: 0px;
	}
	.story_view_photo02 ul li div {
		flex-wrap: wrap;
		height: auto;
	}
	.story_view_photo02 ul li>div>p {
		width: 100%;
		margin-bottom: 10px;
	}
	.story_view_page .story_view_title .story_view_title02 {
		font-size: 25px;
	}
	.story_view_page .story_view_title .story_view_title01 {
		font-size: 17px;
	}
	.story_view_at01 h5 {
		font-size: 25px;
	}
	.story_view_at02 h5 {
		font-size: 25px;
	}
	.story_view_subject h3 {
		font-size: 25px;
	}
	.story_view_at02 .view_at02_text {
		font-size: 18px;
	}
	.story_view_at01 .view_at01_text {
		font-size: 18px;
	}
	.story_view_at03 .at03_type01 .view_at03_text02_line {
		font-size: 18px;
	}
	.story_view_at03 .at03_type01 .view_at03_text02 {
		font-size: 18px;
	}
	.story_view_at03 .view_at03_text {
		font-size: 18px;
	}
	.story_view_at04 h5 {
		font-size: 25px;
	}
	.story_view_at03 h5 {
		font-size: 25px;
	}
	.story_view_at04 dl dd {
		font-size: 17px;
		line-height: 1.5em;
	}

	/* Archive M */
	.arc-el-box ul li {
		width: 100%;
	}
	.elements-album ul li {
		width: 100%;
	}
	.elements-info>h5 {
		font-size: 16px;
	}

	/* stakeholders */
	.gover_list div {
		padding: 0px 5px;
		width: 100%;
		box-sizing: border-box;
	}
	.gover_list div>ul li a {
		font-size: 16px;
	}

	/* news */
	.news_page .news-box .news-div {
		width: 100%;
		height: 524px;
		border: 0;
		margin-right: 0px;
		margin-bottom: 30px;
		position: relative;
	}
	.partners_page .partners-box .partners-div {
		width: 100%;
	}

	/* photo */
	.image_viewer .swiper-image .swiper-wrapper .swiper-slide img {
		height: 350px;
		max-width: 100%;
		object-fit: contain;
	}
	.mater_photos ul li {
		width: 100%;
	}
	.rel_ab_coll .rel_ab {
		width: 100%;
	}
	.exhibition_page .exhibition-box {
		flex-wrap: wrap;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(1) {
		width: 100%;
	}
	.exhibition_page .exhibition-box:nth-child(1) a:nth-child(2) {
		width: 100%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(1) {
		width: 100%;
	}
	.exhibition_page .exhibition-box:nth-child(2) a:nth-child(2) {
		width: 100%;
	}
	.exhibition_page .exhibition-box .ebox01 {
		width: 100%;
		margin: 0px auto 20px auto;
	}
	.exhibition_page .exhibition-box .ebox02 {
		width: 100%;
		margin: 0px auto 20px auto;
	}
	.exhibition_page .exhibition-box .ebox03 {
		width: 100%;
		margin: 0px auto 20px auto;
	}
	.exhibition_page .exhibition-box .ebox04 {
		width: 100%;
		margin: 0px auto 20px auto;
	}

	/* Publications */
	.public_cc>div{flex-direction:column;}
	.public_cc .cc_down_btn{margin-left:0; margin-top:10px;}
}

@media ( max-width :486px) {
	.arc_mater_area ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.arc_stak_area ul {
		flex-wrap: wrap;
	}
	.arc_stak_area ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.stak_gover ul li {
		width: 100%;
	}
	.archive_collection ul li {
		width: 100%;
	}
	.story_page .main-story a .main-story-info .main-story-title {
		font-size: 22px;
	}
	.title_left {
		font-size: 25px;
	}
	.title_right {
		flex-direction: column;
	}
	.title_right .right_leng {
		width: 100%;
		margin-right: 0;
		padding: 0px 0px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.title_right .share-btn {
		width: 100%;
		justify-content: flex-end;
	}
	.sub-content .sub-title h3 {
		font-size: 27px;
		text-align: center;
	}
	.allbtn-title h3 {
		font-size: 22px;
	}
	.subpage-title h3 {
		font-size: 22px;
	}
	.arc_mater_area .mater_title h5 {
		font-size: 20px;
	}
	.arc-el-box ul li .el-text-area .el-text {
		font-size: 22px;
	}
	.archive_allBtn a {
		width: 100px;
		font-size: 14px;
	}
	.c_dev_brief02 .c_dev_brief02_cont02 {
		flex-direction: column;
		align-items: flex-start;
	}
	.c_dev_brief02 .c_dev_brief02_cont02 .c_dev_brief02_text {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	.c_dev_brief02 .c_dev_brief02_cont {
		font-size: 15px;
	}
	.e_view_box .e_view_info dd {
		font-size: 15px;
	}

	/* related to */
	.related_mater ul li {
		width: 100%;
		margin-right: 0px;
		border: 0 none;
	}
	.article_list ul li a .article_list_info {
		flex-direction: column;
		align-items: flex-start;
	}
	.article_list ul li a .article_list_info .article_list_Y {
		width: 100%;
		margin-bottom: 10px;
	}
	.article_list ul li a .article_list_info .article_list_A {
		width: 100%;
	}
	.related_to .related_title h3 {
		font-size: 20px;
	}
	.related_mater .mater_title h5 {
		font-size: 17px;
	}
	.related_photos_list .mater_title h5 {
		font-size: 17px;
	}
	.c_dev_brief02 .c_dev_brief02_div .c_dev_brief02_div_cont {
		font-size: 15px;
	}

	/* materials Photos */
	.c_dev_brief03>div>span, .c_dev_brief01>div>span {
		font-size: 15px;
	}
	.c_dev_brief01>div {
		flex-direction: column;
	}
	.c_dev_brief01>div h5 {
		margin-bottom: 15px;
	}
	.c_dev_brief01>div>span {
		margin-left: 0;
	}
	.c_dev_brief04 .c_dev_brief04_cont04 {
		flex-direction: column;
		align-items: flex-start;
	}
	.c_dev_brief04 .c_dev_brief04_cont04 .c_dev_brief04_text {
		margin-left: 0;
		width: 100%;
		margin-top: 20px;
	}
	.public-info-cont02 .author_cont {
		font-size: 15px;
	}
	.plblic_brief dl dd {
		font-size: 15px;
	}

	/* collection */
	.collection_page ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.collection_de_list ul li {
		width: 100%;
	}
	.collection_de_info .collection_top {
		flex-direction: column;
		align-items: flex-start;
	}
	.collection_de_info .collection_top .coll_text {
		margin-left: 0;
		margin-top: 15px;
	}
	.collection_de_info .collection_top .coll_text>h3 {
		font-size: 25px;
	}
	.journey_page ul li {
		width: 100%;
	}
	.journey_page ul li a {
		height: 400px;
	}
	.journey_page ul {
		flex-wrap: wrap;
		height: auto;
	}
}

@media ( max-width :430px) {
	.story_view_at04 dl dd {
		font-size: 15px;
		line-height: 1.5em;
		word-break: break-all;
	}
	.story_view_at01 .view_at01_text {
		font-size: 16px;
	}
	.story_view_at02 .view_at02_text {
		font-size: 16px;
	}
	.story_view_at03 .view_at03_text {
		font-size: 16px;
	}
	.story_view_at03 .at03_type01 .view_at03_text02_line {
		font-size: 16px;
	}
	.story_view_at03 .at03_type01 .view_at03_text02 {
		font-size: 16px;
	}
	.title_left {
		font-size: 20px;
	}

	/* stakeholders */
	.arc_mater_area .mater_title {
		flex-direction: column;
		align-items: flex-start;
	}
	.arc_mater_area .meter_title h5 {
		width: 100%;
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 20px;
	}
	.arc_mater_area .mater_title a {
		margin-top: 15px;
	}

	/* photo */
	.image_viewer .swiper-image .swiper-wrapper .swiper-slide img {
		height: 300px;
		max-width: 100%;
		object-fit: contain;
	}
}

@media ( max-width :400px) {
	.archive_map .gis-service-area .left-select .left-select-box h5 {
		font-size: 15px;
	}
	.archive_map .gis-service-area .left-select .left-select-box ul li {
		font-size: 14px;
	}
}

@media ( max-width :330px) {
	.site-location {
		top: 340px;
	}
	.site-location-box {
		flex-wrap: wrap;
		justify-content: center;
	}
	.site-location-box a, .site-location-box span {
		font-size: 13px;
	}
}