/* 
 * ####################################################################################################
 * Main style (Style to use in web site)
 * Created : 2019-04-29 (hsohe)
 * Modified : 
 * ####################################################################################################
 */
/*
 * --------------------------------------------------
 * Main banner
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-main-banner.pc-only {
		display: none;
	}
	#layout-main-banner-m.mobile-only {
		position: relative;
		display: block;
		width: 100%;
		height: 617px;
		margin: 0 auto;
		text-align: center;
	}
	.layout-main-banner-area {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.main-banner-sw-container-m {
		display: block;
		width: 100%;
		height: 617px;
	}
	.main-banner-item > div.img {
		position: relative;	
		width: 100%;
		height: 100%;
	}
	.main-banner-item > div.img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.main-banner-item > div.img div.cover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		/*background-color: rgba(0, 0, 0, 0.2);*/
	}
	.main-banner-item > div.copy {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 82px;
		padding-left: 16px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.main-banner-item > div.copy > div {
		display: block;
		width: 90%;
	}
	.main-banner-item > div.copy > div.copy1 {
		color: #ffffff;
		font-family: 'Noto Sans';
		font-weight: 700;
		font-size: 40px;
		line-height: 1.2em;
	}
	.main-banner-item > div.copy > div.copy2 {
		padding-top: 12px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		color: #ffffff;
		font-family: 'Noto Sans KR L';
		font-size: 18px;
	}
	.main-banner-item > div.img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.main-banner-item > div.img > img {
		width: 100%;
		height: 100%;
	}
	.main-banner-pagination {
		z-index: 10;
		display: block;
		position: absolute;
		top: calc(100% - 75px);
		left: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.main-banner-sw-m-pagination {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.main-banner-sw-m-pagination > .swiper-pagination-bullet {
		background-color: #ffffff;
		opacity: 0.5;
		height: 15px;
		width: 15px; 
		margin-left: 5px;
		margin-right: 5px;
	}
	.main-banner-sw-m-pagination > .swiper-pagination-bullet-active {
		background-color: #b01c20;
		opacity: 1;
		height: 15px;
		width: 15px;
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-main-banner-m.mobile-only {
		display: none;
	}
	#layout-main-banner.pc-only {
		position: relative;
		display: block;
		width: 100%;
		height: 700px;
		margin: 0 auto;
		text-align: center;
	}
	.layout-main-banner-area {
		display: block;
		width: 100%;
		text-align: center;
	}
	.main-banner-sw-container {
		display: block;
		width: 1920px;
		/*width: 100%;*/
		height: 700px;
	}
	.main-banner-item > div.img {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.main-banner-item > div.img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.main-banner-item > div.img div.cover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		/*background-color: rgba(0, 0, 0, 0.2);*/
	}
	.main-banner-item > div.copy {
		display: block;
		position: absolute;
		top: 275px;
		left: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.main-banner-item > div.copy > div {
		display: inline-block;
		width: 1300px;
		min-width: 1300px;
	}
	.main-banner-item > div.copy > div > div.copy1 {
		color: #ffffff;
		font-family: 'Noto Sans';
		font-weight: 700;
		font-size: 72px;
		text-align: left;
	}
	.main-banner-item > div.copy > div > div.copy2 {
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-weight: 300;
		font-size: 28px;
		text-align: left;
	}
	.main-banner-pagination {
		z-index: 20;
		display: block;
		position: absolute;
		top: 270px;
		left: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.main-banner-pagination > div {
		display: inline-block;
		width: 1300px;
		min-width: 1300px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.main-banner-pagination > div > div {
		display: inline-block;
		width: 45px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.main-banner-pagination > div > div > div {
		display: block;
		width: 45px;
		height: 45px;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.main-banner-pagination img {
		cursor: pointer;
	}
}
/*
 * --------------------------------------------------
 * Business
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-business {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.layout-business-area.pc-only {
		display: none;
	}
	.layout-business-area.mobile-only {
		display: inline-block;
		width: 100%;
		padding: 50px 0 50px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-business-area > div.title {
		display: block;
		width: 100%;
		height: 45px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #b01c20;
		font-size: 21px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-business-area > div.title > span.impact {
		color: #b01c20;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.business-sw-container {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item {
		display: inline-block;
		float: left;
		width: 232px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item > div:nth-child(1) {
		display: block;
		width: 100%;
		height: 168px;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item-img {
		display: block;
		width: 100%;
		height: 168px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item-img > a > img {
		width: 100%;
		height: 100%;
	}
	.business-item > div:nth-child(2) {
		display: block;
		width: 100%;
		height: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans KR M';
		font-size: 14px;
		line-height: 1.0em;
	}
	.business-item > div:nth-child(3) {
		display: block;
		width: 100%;
		height: 40px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans KR R';
		font-size: 12px;
		line-height: 140%;
	}
	.business-number {
		display: block;
		width: 100%;
		text-align: center;
	}
	.business-sw-m-pagination {
		display: inline-block;
		width: 52px;
		height: 20px;
		padding-top: 4px;
		border: 1px solid black;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans';
		font-size: 10px;
		line-height: 1.0em;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-business {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.layout-business-area.mobile-only {
		display: none;
	}
	.layout-business-area.pc-only {
		display: inline-block;
		width: 1300px;
		height: 100%;
		padding: 100px 0 100px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-business-area > div.title {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #b01c20;
		font-size: 31px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-business-area > div.title > span.impact {
		color: #b01c20;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-business-area > div.navigation {
		display: block;
		width: 100%;
		height: 25px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-business-area > div.navigation > div {
		display: inline-block;
		float: right;
		width: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.business-sw-container {
		display: block;
		width: 100%;
		padding-top: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item {
		display: inline-block;
		float: left;
		width: 310px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item > div:nth-child(1) {
		display: block;
		width: 100%;
		height: 310px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item-plus {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 310px;
		padding-top: 130px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background: rgba(0, 0, 0, 0.4);
		text-align: center;
	}
	.business-item-img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 310px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item-img > img {
		width: 100%;
		height: 100%;
	}
	.business-item > div:nth-child(2) {
		display: block;
		width: 100%;
		height: 37px;
		margin-top: 30px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.business-item > div:nth-child(2) > div:first-child {
		display: inline-block;
		float: left;
		width: calc(100% - 30px);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-family: 'Noto Sans KR M';
		font-size: 22px;
		line-height: 1.0em;
	}
	.business-item > div:nth-child(2) > div:last-child {
		display: inline-block;
		float: right;
		width: 30px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.business-item > div:nth-child(3) {
		display: block;
		width: 100%;
		height: 40px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-family: 'Noto Sans KR R';
		font-size: 13px;
		line-height: 1.4em;
	}
}
/*
 * --------------------------------------------------
 * Project
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-project {
		display: block;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/main/project-bg.jpg') no-repeat center;
		text-align: center;
	}
	.layout-project-area.pc-only {
		display: none;
	}
	.layout-project-area.mobile-only {
		display: inline-block;
		width: 100%;
		padding: 50px 0 50px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-project-area > div.title {
		display: block;
		width: 100%;
		height: 45px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 21px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-project-area > div.title > span.impact {
		color: #ffffff;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.project-sw-container-m {
		display: block;
		width: 95%;
		height: 190px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item {
		display: inline-block;
		float: left;
		width: 145px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item-img {
		display: block;
		width: 145px;
		height: 145px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item-img > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.project-item-img div.cover {
		display: none;
	}
	.project-item-text {
		display: block;
		padding-top: 17px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item-text > div:nth-child(1) {
		display: block;
		width: 100%;
		height: 16px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 10px;
		line-height: 1.0em;
	}
	.project-item-text > div:nth-child(2) {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 12px;
		line-height: 1.0em;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-project {
		display: block;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/main/project-bg.jpg') no-repeat center;
		text-align: center;
	}
	.layout-project-area.mobile-only {
		display: none;
	}
	.layout-project-area.pc-only {
		display: inline-block;
		width: 1300px;
		height: 590px;
		padding: 100px 0 100px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-project-area > div.title {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 31px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-project-area > div.title > span.impact {
		color: #ffffff;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-project-area > div.navigation {
		display: block;
		width: 100%;
		height: 25px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-project-area > div.navigation > div {
		display: inline-block;
		float: right;
		width: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.project-sw-container {
		display: block;
		width: 100%;
		height: 310px;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-sw-container > div > div.project-item:not(:last-child) {
		margin-right: 20px;
	}
	.project-item {
		position: relative;
		display: inline-block;
		float: left;
		width: 310px;
		height: 310px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		cursor: pointer;
	}
	.project-item-img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 310px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 310px;
		object-fit: cover;
	}
	.project-item-img div.cover {
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 310px;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.project-item-text {
		display: block;
		position: absolute;
		top: 240px;
		left: 0;
		width: 310px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.project-item-text > div:nth-child(1) {
		display: block;
		width: 100%;
		height: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR M';
		font-size: 13px;
		line-height: 1.0em;
	}
	.project-item-text > div:nth-child(2) {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 18px;
		line-height: 1.0em;
	}
}
/*
 * --------------------------------------------------
 * News & Notice
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-news {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.layout-news-area.pc-only {
		display: none;
	}
	.layout-news-area.mobile-only {
		display: inline-block;
		width: 100%;
		padding: 50px 0 50px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-news-area > div:first-child > div.title {
		display: block;
		width: 100%;
		height: 45px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		font-size: 21px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-news-area > div:first-child > div.title > span.impact {
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-news-area > div:first-child > div.text {
		display: block;
		width: 194px;
		height: 53px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		font-size: 12px;
		font-family: 'Noto Sans KR R';
		line-height: 1.4em;
	}
	.layout-news-area > div:first-child > div.more {
		display: block;
		width: 100%;
		height: 52px;
		padding-top: 10px;
		padding-right: 5px;
		margin-top: 14px;
		margin-bottom: 14px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.layout-news-area > div:first-child > div.more a {
		font-size: 10px;
	}
	.news-sw-container-m {
		display: block;
		width: calc(100% - 36px);
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item {
		display: inline-block;
		float: left;
		width: 160px;
		margin-right: 0px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-img {
		display: block;
		width: 160px;
		height: 160px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-img > a > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.news-item-text {
		display: block;
		padding-top: 17px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-text > div:nth-child(1) {
		display: block;
		width: 160px;
		height: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-family: 'Noto Sans KR M';
		font-size: 10px;
		line-height: 1.0em;
	}
	.news-item-text > div:nth-child(2) {
		display: block;
		width: 160px;
		height: 66px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-family: 'Noto Sans KR R';
		font-size: 12px;
		line-height: 1.4em;
	}
	.news-item-text > div:nth-child(2) a {
		font-family: 'Noto Sans KR R';
		font-size: 12px;
		line-height: 1.4em;
	}
	.news-pagination {
		display: block;
		width: 100%;
		height: 23px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.news-sw-m-pagination {
		display: inline-block;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-sw-m-pagination > div.swiper-pagination-bullet {
		display: inline-block;
		float: left;
		width: 23px;
		height: 23px;
		margin: 0 6px 0 6px;
		padding-top: 4px;
		background-color: #ffffff;
		border-radius: 0;
		border: 1px solid #000000;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		opacity: 1;
		text-align: center;
		font-size: 11px;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.news-sw-m-pagination > div.swiper-pagination-bullet-active {
		border: 1px solid #9a1b1e;
		color: #9a1b1e;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-news {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #ffffff;
		text-align: center;
	}
	.layout-news-area.mobile-only {
		display: none;
	}
	.layout-news-area.pc-only {
		display: inline-block;
		width: 1300px;
		min-width: 1300px;
		height: 100%;
		padding: 100px 0 100px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-news-area > div {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-news-area > div:first-child {
		display: inline-block;
		float: left;
		width: 485px;
		height: 390px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-news-area > div:first-child > div.title {
		display: block;
		width: 100%;
		height: 60px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-size: 31px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-news-area > div:first-child > div.title > span.impact {
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-news-area > div:first-child > div.text {
		display: block;
		width: 270px;
		height: 56px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		font-size: 15px;
		font-family: 'Noto Sans KR R';
		line-height: 1.4em;
	}
	.layout-news-area > div:first-child > div.more {
		display: block;
		width: 100%;
		height: calc(100% - 815px);
		padding-top: 200px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.news-sw-container {
		display: inline-block;
		float: left;
		width: 815px;
		height: 390px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-sw-container > div.swiper-wrapper > div.swiper-slide {
		display: inline-block;
		position: relative;
		float: left;
		width: 390px;
		height: 390px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 390px;
		height: 390px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-img > img {
		position: absolute;
		top: 0;
		left: 0;
		width: 390px;
		height: 390px;
		object-fit: cover;
	}
	.news-item-img > div.cover {
		position: absolute;
		top: 0;
		left: 0;
		width: 390px;
		height: 390px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.news-item-text {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 390px;
		height: 390px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.news-item-text > div:nth-child(1) {
		display: block;
		width: 100%;
		height: 20px;
		margin-top: 255px;
		padding-left: 35px;
		padding-right: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR M';
		font-size: 13px;
		line-height: 1.0em;
	}
	.news-item-text > div:nth-child(2) {
		display: block;
		width: 100%;
		padding-left: 35px;
		padding-right: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 22px;
		line-height: 1.4em;
	}
	.news-item-text > div:nth-child(2) a {
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 22px;
		line-height: 1.4em;
	}
	.news-sw-pagination {
		display: block;
		width: 100%;
		height: 32px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.news-sw-pagination > div.swiper-pagination-bullet {
		display: inline-block;
		float: left;
		width: 32px;
		height: 32px;
		margin-right: 16px;
		padding-top: 5px;
		background-color: #ffffff;
		border-radius: 0;
		border: 1px solid #000000;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		opacity: 1;
		text-align: center;
		font-size: 13px;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.news-sw-pagination > div.swiper-pagination-bullet-active {
		border: 1px solid #9a1b1e;
		color: #9a1b1e;
	}
}
/*
 * --------------------------------------------------
 * Social
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-social {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #efecec;
		text-align: center;
	}
	.layout-social-area.pc-only {
		display: none;
	}
	.layout-social-area.mobile-only {
		display: inline-block;
		width: 100%;
		padding: 50px 0 50px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-social-area > div.title {
		display: block;
		width: 100%;
		height: 45px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #b01c20;
		font-size: 21px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-social-area > div.title > span.impact {
		color: #b01c20;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-social-area > div.item {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.social-sw-container-m {
		display: block;
		width: 95%;
		height: 148px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.social-item {
		display: inline-block;
		float: left;
		width: 148px;
		height: 148px;
	}
	.social-item > .social-item-icon {
		display: block;
		width: 148px;
		height: 148px;
	}
	.social-item > .social-item-img > a > img {
		display: block;
		width: 148px;
		height: 148px;
	}
	.social-item > .social-item-icon {
		display: block;
		position: absolute;
		top: 110px;
		left: 0;
		width: 100%;
		height: 100%;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.social-item > .social-item-icon > img {
		width: 30px;
		height: 30px;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-social {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #efecec;
		text-align: center;
	}
	.layout-social-area.mobile-only {
		display: none;
	}
	.layout-social-area.pc-only {
		display: inline-block;
		width: 1300px;
		height: 100%;
		padding: 100px 0 100px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-social-area > div.title {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #b01c20;
		font-size: 31px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-social-area > div.title > span.impact {
		color: #b01c20;
		font-family: 'Noto Sans';
		font-weight: 700;
	}
	.layout-social-area > div.item {
		display: block;
		position: relative;
		width: 1300px;
		height: 244px;
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	/*.social-navigation {
		z-index: 10;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 1300px;
		height: 244px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		pointer-events: none;
	}
	.social-navigation > div {
		display: inline-block;
		height: 244px;
		pointer-events: auto;
	}
	.social-navigation > div:first-child {
		display: inline-block;
		float: left;
		width: 244px;
		height: 244px;
		background: rgba(0, 0, 0, 0.4);
		padding-top: 90px;
		padding-right: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
		cursor: pointer;
	}
	.social-navigation > div:last-child {
		display: inline-block;
		float: right;
		width: 244px;
		height: 244px;
		background: rgba(0, 0, 0, 0.4);
		padding-top: 90px;
		padding-left: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		cursor: pointer;
	}*/
	.social-navigation {
		display: block;
		width: 1300px;
		height: 25px;
		margin-bottom: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.social-navigation > div {
		display: inline-block;
		float: right;
		width: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.social-sw-container {
		display: block;
		width: 1300px;
		height: 244px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.social-item {
		display: inline-block;
		float: left;
		width: 244px;
		height: 244px;
	}
	.social-item:not(:last-child) {
		margin-right: 20px;
	}
	.social-item > .social-item-img {
		display: block;
		width: 100%;
		height: 100%;
	}
	.social-item > .social-item-icon {
		display: block;
		position: absolute;
		top: 205px;
		left: 0;
		width: 100%;
		height: 100%;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: right;
	}
	.social-item > .social-item-icon > img {
		width: 25px;
		height: 25px;
	}
}