@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-visual-wrapper {
		height: auto;
	}

	.main-visual-area {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0;
	}	

	#main-visual-slider .item .pc {
		display: none;
	}

	#main-visual-slider .item .mobile {
		display: block;
	}

	.main-visual-wrapper .owl-dots {
		bottom: 1.583rem;
	}

	.main-visual-wrapper .owl-dots > .owl-dot {
		margin: 0 0.2083rem;
		width: 1.083rem;
		height: 1.083rem;
	}


	.main-visual-wrapper .owl-prev {
		left: 1.458rem;
		width: 1.708rem;
		height: 2.667rem;
		margin-top: -1.333rem;
		background-size: 1.708rem 2.667rem !important;
	}

	.main-visual-wrapper .owl-next {
		right: 1.458rem;
		width: 1.708rem;
		height: 2.667rem;
		margin-top: -1.333rem;
		background-size: 1.708rem 2.667rem !important;
	}


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

	.main-contents > h2 {
		margin-bottom: 2.292rem;
	}	

	.main-contents > h2 > .kor {
		font-size: 1.917rem;
		line-height: 2.5rem;
	}

	.main-contents > h2 > .line {
		width: 3.25rem;
		margin: 0.5417rem auto;
	}

	.main-contents > h2 > .eng {
		font-size: 1.333rem;
		line-height:1.667rem;
	}

	.main-menu > ul > li {
		width: 33%;
		margin-right: 0.5%;
		margin-bottom: 1.875rem;
	}

	.main-menu > ul > li > a > img {
		width: 5.25rem;
		margin: 0 auto 0.75rem auto;
	}

	.main-menu > ul > li > a > strong {
		font-size: 1.333rem;
		line-height: 1.875rem;
		letter-spacing: -1px;
	}

	.main-menu > ul > li > a > span {
		display: block;
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.aside-btns {
		bottom: 5%;
		right: 1.458rem;
		width: 4.708rem;
	}

	.aside-btns > a {
		width: 4.708rem;
		height: 4.708rem;
		-webkit-box-shadow: 0px 0.4167rem 0.4167rem 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0.4167rem 0.4167rem 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0.4167rem 0.4167rem 0px rgba(0,0,0,0.15);
	}

	.aside-btns > a:nth-child(1) {
		margin-bottom: 1.083rem;
	}
}


@media only all and (max-width: 475px) {
	.main-menu > ul > li > a > strong {
		font-size: 1.143rem;
		line-height: 1.571rem;
	}

	.main-menu > ul > li > a > span {
		display: block;
		font-size: 0.8571rem;
		line-height: 1.286rem;
	}
}