@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main .totalmenu-depth2-group.topmenu1 {
		display: block;
	}


	.main-container {
		height: auto;
		padding-top: 0;
		background-image: none;
	}

	.main-contents {
		max-width: 100%;
		padding: 0;
		margin: 0;
		overflow: auto;
	}


	.main-contents-area01 {
		float: none;
		width: 100%;
	}

	.main-contents-area01 > img.pc {
		display: none;
	}

	.main-contents-area01 > img.mobile {
		display: block;
	}


	.main-contents-area01 > .main-word-slogan {
		top: 3.333rem;
		left: 2.042rem;
	}

	.main-contents-area01 > .main-word-slogan .keyword {
		font-size: 2.333rem;
		line-height: 2.708rem;
	}

	.main-contents-area01 > .main-word-slogan .substance {
		padding-top: 0.6667rem;
		padding-left: 1.083rem;
		font-size: 0.9167rem;
		line-height: 1.5rem;
	}

	.main-contents-area02 {
		float: none;
		width: 100%;
		height: auto;
	}

	.main-board-wrappper {
		width: 100%;
		height: auto;
		padding: 3.208rem 1.458rem 2.417rem 2.042rem;
	}

	.main-board-wrappper > h2 {
		margin-bottom: 0.875rem;
		font-size: 1.333rem;
		line-height: 1.75rem;
	}

	.main-board-wrappper > ul > li > a {
		padding-left: 0.9583rem;
		padding-right: 6.25rem;
		height: 1.833rem;
		background-size: 0.2917rem 0.2917rem;
		background-position: left 0.7083rem;
	}

	.main-board-wrappper > ul > li > a .title-wrapper {
		padding-right: 1.667rem;
	}

	.main-board-wrappper > ul > li > a .title-wrapper > img {
		width: 1.115rem;
		transform: translate(0, -50%);
	}

	.main-board-wrappper > ul > li > a .title-wrapper > .title {
		font-size: 1.083rem;
		line-height: 1.833rem;
	}

	.main-board-wrappper > ul > li > a .date {
		font-size: 1.083rem;
		line-height: 1.833rem;
	}

	.main-board-wrappper .word-more {
		top: 3.208rem;
		right: 1.458rem;
		font-size: 1rem ;
		line-height: 1.75rem;
		letter-spacing: -0.25px;
	}



	.main-banner-slider-wrapper {
		height: auto;
	}




	.main-banner-slider-wrapper .owl-dots {
		top: 1.917rem;
		padding: 0 1.458rem;
	}

	.main-banner-slider-wrapper .owl-dots .owl-dot {
		width: 0.6667rem;
		height: 0.6667rem;
		margin-left: 0.5rem;
	}

	.main-banner-slider-wrapper .owl-dots .owl-dot > span {
		width: 0.6667rem;
		height: 0.6667rem;
	}

	.main-contents-area03 {
		float: none;
		width: 100%;
		height: auto;
	}

	.main-menu {
		width: 100%;
		height: 9.583rem;
	}

	.main-menu > ul {
		display: block;
		width: 100%;
		height: 100%;
	}

	.main-menu > ul:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-menu > ul > li {
		float: left;
		width: 50%;
		height: 100%;
	}

	.main-menu > ul > li > a .icon-wrapper > .icon {
		width: 4.417rem;
		height: 4.083rem;
		margin: 0 auto 0.8333rem auto;
	}

	.main-menu > ul > li > a .icon-wrapper > .icon > img {
		width: 4.417rem;
	}

	.main-menu > ul > li > a:hover .icon-wrapper > .icon > img,
	.main-menu > ul > li > a:focus .icon-wrapper > .icon > img {
		top: -4.083rem;
	}

	.main-menu > ul > li > a .icon-wrapper > strong {
		font-size: 1.333rem;
		line-height: 2.083rem;
	}

	.btn-top-go {
		position: fixed;
		display: none;
		top: auto;
		top: initial;
		bottom: 5rem;
		right: 0;
		width: 2.692rem;
		height: 2.692rem;
		line-height: 2.692rem;
		font-size:  0.7692rem;
		text-indent: 0;
		background: #575a5b;
		border-radius: 2px;
	}

	.btn-mobile-back {
		display: none !important
	}


}