@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-container {
		padding: 0;
		background-image: none;
	}

	.main-word-slogan-wrapper {
		display: none;
	}

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

	.main-contents-area {
		padding-left: 0;
		height: auto;
	}

	.main-menu > li {
		width: 100%;
		height: auto;
	}

	.main-menu > li > .bg {
		position: static;
		width: 100%;
		transform: none;
	}

	.main-menu > li > a {
		padding: 2.308rem;
	}

	.main-menu > li > a > strong {
		display: block;
		font-size: 1.538rem;
		line-height: 1.769rem;
		color: #fff;
		margin-bottom: 1.154rem;
	}

	.main-menu > li > a > img {
		width: 2.231rem;
	}

	.main-contents-group02 {
		height: auto;
	}

	.main-contents-group02 > .main-menu02 {
		float: none;
		display: table;
		width: 100%;
		height: auto;
		padding: 
	}

	.main-contents-group02 > .main-menu02 > ul {
		display: block;
		padding: 1.923rem 0;
	}
	.main-contents-group02 > .main-menu02 > ul > li > a {
		font-size: 1.231rem;
		line-height: 2.154rem;
	}

	.main-board-wrapper {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		padding: 2.308rem 1.538rem;
		border-top: 1px solid #8fdbcb;
	}

	.main-board-area {
		position: relative;
	}

	.main-board-area > .main-board-menu {
		display: block;
	}

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

	.main-board-area > .main-board-menu > li {
		float: left;
		padding-right: 1.269rem;
		margin-right: 1.192rem;
		background-size: 0.07692rem 1.154rem;
	}

	.main-board-area > .main-board-menu > li > a {
		font-size: 1.346rem;
		line-height:1.615rem;
	}


	.main-board-area > .main-board-box {
		padding-top: 0.9615rem;
	}

	.main-board-area > .main-board-box > ul > li > a {
		padding-left: 0.8462rem;
		padding-right: 6.538rem;
		background-size: 0.2308rem 0.2308rem;
		background-position: left center;
	}

	.main-board-area > .main-board-box > ul > li > a > strong {
		font-size: 1.154rem;
		line-height: 1.846rem;
	}

	.main-board-area > .main-board-box > ul > li > a > span {
		font-size: 1.154rem;
		line-height: 1.846rem;
	}

	.main-board-area > .main-board-box > .more {
		padding-left: 1rem;
		height: auto;
		font-size: 1.077rem;
		line-height: 1.615rem;
		background-size: 0.5385rem 0.5385rem;
	}

	.main-contents-box02 {
		position: static;
		width: 100%;
		height: auto;
	}


	.main-banner-wrapper {
		position: relative;
		width: 100%;
		height: 193px;
	}

	.main-banner-wrapper > a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/main/btn_youtube.png) no-repeat center center;
		background-size: 60px 44px;
		text-indent: -5000rem;
	}

	.main-slider-wrapper .owl-dots {
		top: 2.308rem;
		right: 3.385rem;
	}

	.main-slider-wrapper .owl-dots > .owl-dot {
		display: inline-block;
		vertical-align: middle;
		width: 0.9231rem;
		height: 0.9231rem;
		margin-left: 0.3846rem;
		border: 0.1538rem solid #fff;
	}

	.main-slider-wrapper .main-slider-btns {
		top: 2.308rem;
		right: 2.077rem;
	}

	.main-slider-wrapper .main-slider-btns > .play.active,
	.main-slider-wrapper .main-slider-btns > .stop.active {
		width: 0.6923rem;
		height: 0.9231rem;
		background-size: 0.6923rem 0.7692rem;
	}


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