@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {

	.main-visual-wrapper {
		width: 100%;
		height: auto;
	}

	.main-visual-wrapper > .pc {
		display: none;
	}	

	.main-visual-wrapper > .mobile {
		display: block;
		width: 100%;
	}	

	.main-word-slogan-wrapper {
		position: absolute;
		bottom: 3.077rem;
		left: 0;
		width: 100%;
		padding: 5.231rem 2.308rem 0 2.308rem;
	}

	.main-word-slogan-wrapper > .main-word-type01 {
		margin-bottom: 0.2692rem;
		font-size: 1.231rem;
		line-height: 1.538rem;
	}

	.main-word-slogan-wrapper > .main-word-type02 {
		margin-bottom: 1.269rem;
		font-size: 2rem;
		line-height: 2.385rem;
	}

	.main-word-slogan-wrapper > .main-btns-area > a {
		clear: both;
		margin-top: 0.7692rem;
		margin-right: 0;
		padding: 0.5769rem 0.7692rem 0.5769rem 1.077rem;
		font-size: 1rem;
		line-height: 1.154rem;
		border-radius: 0.1154rem;
	}

	.main-word-slogan-wrapper > .main-btns-area > a:first-child {
		margin-top: 0;
	}


	.main-word-slogan-wrapper > .main-btns-area > a > strong {
		margin-right: 0.9231rem;
	}

	.main-word-slogan-wrapper > .main-btns-area > a > img {
		width: 0.4231rem;
	}

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

	.main-slider-wrapper {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 1.538rem;
	}

	.main-slider-wrapper .item,
	.main-slider-wrapper .item > a {
		display: block;
	}

	.main-slider-wrapper .item > a > img {
		display: block;
		width: 100%;
	}

	.main-slider-wrapper .owl-dots {
		top: 1.5rem;
		right: 2.846rem;
	}

	.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: 1.5rem;
		right: 1.5rem;
	}

	.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-board-wrapper {
		float: none;
		width: 100%;
	}

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

	.main-board-area > .main-board-menu {
		position: relative;
		display: block;
		padding-right: 4.615rem
	}

	.main-board-area > .main-board-menu > li {
		width: calc(33.33% - 1px);
		margin-right: 1px;
	}

	.main-board-area > .main-board-menu > li > a {
		min-width: 100%;
		height: 2.692rem;
		padding: 0.6154rem 0.3846rem 0 0.3846rem;
		color: #727a8a;
		font-size: 1rem;
		line-height: 1.462rem;
	}

	.main-board-area > .main-board-box {
		padding: 1.154rem 0;
		height: auto;
		border-top: 1px solid #727a8a;
		border-bottom: 1px solid #727a8a;
	}

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

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

	.main-board-area > .main-board-box > ul > li {
		display: block;
	}

	.main-board-area > .main-board-box > ul > li > a {
		position: relative;
		display: block;
		padding-left: 2rem;
		padding-right: 5.769rem;
	}

	.main-board-area > .main-board-box > ul > li > a .bullet {
		left: 0.7692rem;
		width: 0.4615rem;
		height: 0.4615rem;
		border: 0.1154rem solid #e3e3e3;
		transform: translate(0, -70%);
	}

	.main-board-area > .main-board-box > ul > li > a > strong {
		max-width: calc(100% - 1.923rem);
		color: #424242;
		font-size: 1rem;
		line-height: 1.692rem;
	}

	.main-board-area > .main-board-box > ul > li > a > .date {
		font-size: 1rem;
		line-height: 1.692rem;
		font-weight: 500;
	}

	.main-board-area > .main-board-box > .more {
		height: 2.692rem;
		line-height: 2.692rem;
		font-size: 0.9231rem;
	}

	.main-menu-list {
		padding-top: 2.577rem;
	}


	.main-menu-list >  ul > li {
		width: 50%;
		border-left: 0;
	}

	.main-menu-list >  ul > li > a {
		padding-top: 0;
		height: 9.231rem;
	}

	.main-menu-list >  ul > li > a > img {
		width: 5.308rem;
		margin: 0 auto 1.038rem auto;
	}

	.main-menu-list >  ul > li > a > strong {
		font-size: 1.308rem;
		line-height: 1.538rem;
	}
}