@charset "UTF-8";

@import url("main03_pc.css");

@media only all and (max-width: 1023px) {
	.wrapper.main,
	#wrapper.main {
		padding: 4.083rem 0 0 0;
	}

	.main .header,
	.main.focus .header {
		border-bottom: 0;
	}
	.main .header-wrapper,
	.main.focus .header-wrapper {
		background-color: transparent;
	}

	.main .btn-totalmenu-mobile > .menu > span {
		background: #fff;
	}


	#wrapper.fixed.main .header-wrapper,
	.wrapper.fixed.main .header-wrapper {
		background-color: rgba(255, 255, 255, 0.98);
	}

	#wrapper.fixed.main .btn-totalmenu-mobile > .menu > span,
	.wrapper.fixed.main .btn-totalmenu-mobile > .menu > span {
		background: #000;
	}

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

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

	.main-visual-wrapper > .mobile {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
	}

	.main-container {
		position: static;
		display: block;
		padding-top: 0.4583rem;
	}

	.main-contents01 {
		position: relative;
		max-width: 100%;
		margin: 0;
		padding: 0 1.25rem;
	}

	.main-word-slogan {
		margin-bottom: 1.667rem;
	}

	.main-word-slogan > img {
		width: 28.13rem;
	}

	.menu01-area {
		position: relative;
		display: block;
	}

	.right-menu01-list {
		position: static;
		margin-top: 0;
		margin-bottom: 0.75rem;
		transform: translate(0, 0);
	}

	.right-menu01-list:after {
		content: "";
		clear: both;
		display: block;
	}

	.right-menu01-list > button {
		float: left;
		display: block;
		width: 23.5%;
		height: 2.5rem;
		margin: 0 2% 0 0;
		font-size: 1rem;
		line-height: 1.167rem;
		border-radius: 1.25rem;
	}

	.right-menu01-list > button:last-child {
		margin-right: 0;
	}

	.right-menu01-list > button:hover,
	.right-menu01-list > button:focus,
	.right-menu01-list > button.on {
		background-color: rgba(255, 255, 255, 0.9);
		border:  0.125rem solid rgba(255, 255, 255, 0.9);
		color: rgba(0, 0, 0, 1);
	}

	.right-menu01-list.active > button {
		border-color: #fff;
		color: #fff
	}

	.right-menu01-list.active > button:hover,
	.right-menu01-list.active > button:focus,
	.right-menu01-list.active > button.on {
		background-color: rgba(255, 255, 255, 0.9);
		border:  0.125rem solid rgba(255, 255, 255, 0.9);
		color: rgba(0, 0, 0, 1);
	}

	.mask-menu01 {
		background-color: rgba(0, 0, 0, 0.8);
	}

	.menu01-area > .menu01-box {
		position: absolute;
		top: 2.792rem;
		left: 0;
		display: none;
		width: 100%;
		height: auto;
		min-height: auto;
		margin-left: 0;
		padding: 1.25rem;
		border-radius: 0.4167rem;
		transform: translate(0, 0);
		-webkit-box-shadow: 0px 0.4167rem 0.875rem 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 0.4167rem 0.875rem 0px rgba(0,0,0,0.18);
		box-shadow: 0px 0.4167rem 0.875rem 0px rgba(0,0,0,0.18);
	}

	.menu01-area > .menu01-box > ul {
		padding-top:3.625rem;
	}

	.menu01-area > .menu01-box > ul > li > a {
		height: 2.5rem;
		padding-top: 0.4167rem;
		border-radius: 1.25rem;
		font-size: 1.167rem;
		line-height: 1.75rem;
	}


	.menu01-area > .menu01-box > ul > li > a:hover,
	.menu01-area > .menu01-box > ul > li > a:focus,
	.menu01-area > .menu01-box > ul > li > a.on {
		text-shadow: 0px 0.08333rem 0px rgba(0, 0, 0, 0.26);
	}

	.menu01-area > .menu01-box > ul > li > ul > li {
		float: left;
		width: 49%;
		margin-right: 0;
		margin-bottom: 0.625rem;
	}

	.menu01-area > .menu01-box > ul > li > ul > li:nth-child(even) {
		float: right;
	}

	.menu01-area > .menu01-box > ul > li > ul > li:nth-child(odd) {
		clear: both;
		float: left;
	}

	.menu01-area > .menu01-box > ul > li > ul > li > a {
		padding-left:0.5417rem;
		font-size: 1.083rem;
		line-height: 1.333rem;
	}

	.menu01-area > .menu01-box > ul > li > ul > li > a:before {
		top: 0.5rem;
		width: 0.2083rem;
		height: 0.2083rem;
	}

	.menu01-area > .menu01-box > ul > li > ul > li > a:hover,
	.menu01-area > .menu01-box > ul > li > ul > li > a:focus {
		text-shadow: 0px 0.08333rem 0px rgba(0, 0, 0, 0.26);
	}

	.menu01-area > .menu01-box > .btn-menu01-close {
		top: 0;
		right: 0;
		margin-top: -1.833rem
	}

	.menu01-area > .menu01-box > .btn-menu01-close > img {
		width: 1.375rem;
	}


	.right-menu02-list {
		position: static;
		margin-top: 0;
		margin-bottom: 1.25rem;
		transform: translate(0, 0);
	}

	.right-menu02-list:after {
		content: "";
		clear: both;
		display: block;
	}

	.right-menu02-list > a {
		float: left;
		display: block;
		width: 32%;
		height: 2.5rem;
		margin: 0 2% 0 0;
		padding-top: 0.2083rem;
		font-size: 1rem;
		line-height: 2rem;
		border-radius: 1.25rem;
	}

	.right-menu02-list > a:last-child {
		margin-right: 0;
	}

	.right-menu02-list > a:hover,
	.right-menu02-list > a:focus,
	.right-menu02-list > a.on {
		background-color: rgba(255, 255, 255, 0.9);
		border:  0.125rem solid rgba(255, 255, 255, 0.9);
		color: rgba(0, 0, 0, 1);
	}

	.right-menu02-list.active > button {
		border-color: #fff;
		color: #fff
	}

	.right-menu02-list.active > button:hover,
	.right-menu02-list.active > button:focus,
	.right-menu02-list.active > button.on {
		background-color: rgba(255, 255, 255, 0.9);
		border:  0.125rem solid rgba(255, 255, 255, 0.9);
		color: rgba(0, 0, 0, 1);
	}

	.main-contents-wrapper01 {
		display: block;
		padding-bottom: 0;
		margin-bottom: 1.25rem;
		background: transparent;
	}

	.main-contents-area0101 {
		display: block;
		height: auto;
	}

	.main-contents-box0101 {
		float: none;
		width: 100%;
		height: 100%;
		margin-bottom: 1.25rem;
	}

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

	.main-contents-box0102:after {
		display: block;
		clear: both;
		display: block;
	}

	.main-board-wrapper {
		padding-top: 2.042rem;
		padding-bottom: 4.5rem;
	}

	.main-board-wrapper > h2 {
		margin-bottom: 1rem;
		padding: 0 1.667rem;
		font-size: 1.333rem;
		line-height: 1.583rem;;
	}

	.main-board-area {
		padding: 0 1.667rem;
	}

	.main-board-area > ul > li > button {
		height: 4.5rem;
		font-size: 1rem;
	}

	.main-board-area > ul > li > button:after {
		margin-bottom: -1rem;
	}

	.main-board-area > ul > li > button.on:after {
		width: 1.083rem;
		height: 0.08333rem;
		margin-left: -0.5417rem;
	}

	.main-board-box {
		display: none;
		width: 100%;
		height: auto;
		padding-bottom: 1.542rem;
	}

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

	.main-board-box > ul > li {
		margin-bottom: 0.7083rem;
	}

	.main-board-box > ul > li > a {
		padding-right: 5.625rem;
	}

	.main-board-box > ul > li > a > .title-area {
		padding-left: 0.625rem;
	}

	.main-board-box > ul > li > a > .title-area > strong {
		font-size: 1.083rem;
		line-height: 1.25rem;
		max-width: calc(100% - 1.458rem);
	}

	.main-board-box > ul > li > a > .title-area > img {
		display: inline-block;
		vertical-align: middle;
		width: 1.042rem;
		margin-left: 0;
	}

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

	.main-board-box > ul > li > a > .title-area:before {
		top: 0.5rem;
		width: 0.2083rem;
		height: 0.2083rem;
	}

	.main-board-box > ul > li > a.notice > .title-area {
		padding-left: 3rem;
	}

	.main-board-box > ul > li > a.notice > .title-area:before {
		width:2.458rem;
		height: 1.25rem;
		padding-top: 0;
		border-radius: 0.625rem;
		text-align: center;
		font-size: 0.75rem;
		line-height: 1.25rem;
	}

	.main-board-box > ul > li:last-child {
		margin-bottom: 0;
	}


	.main-board-box .btn-more {
		top: 2.042rem;
		right: 1.667rem;
		width: 1.375rem;
	}

	.main-board-box .btn-more > img {
		width: 1.375rem;
	}

	.main-menu0201-wrapper {
		display: block;
		height: auto;
	}

	.main-classroom-wrapper {
		float: none;
		width: 100%;
		height: 10rem;
	}

	.main-classroom-wrapper > a {
		position: relative;
		display: table;
		width: 100%;
		height: 100%;
	}

	.main-classroom-wrapper > a > img {
		left: 1.25rem;
		width: 11.17rem;
		margin-top: -2.708rem
	}


	.main-classroom-wrapper > a > .main-classroom-area > dt {
		margin-bottom: 0.4583rem;
		font-size: 1.25rem;
		line-height: 1.625rem;
		text-shadow: 1.286px 1.532px 0px rgba(0, 0, 0, 0.19);
	}

	.main-classroom-wrapper > a > .main-classroom-area > dd {
		font-size: 1rem;
		line-height: 1.333rem;
	}


	.main-classroom-wrapper > a > .main-classroom-area > dd.word-eng {
		padding: 0 1.25rem;
		margin-bottom: 0.875rem;
		height: 1.75rem;
		font-size: 0.875rem;
		line-height: 1.125rem;
		padding-top: 0.2917rem;
	}

	.main-president-wrapper {
		float: none;
		width: 100%;
		height: 10rem;
	}

	.main-president-wrapper > a {
		padding-left: 13.67rem;
	}

	.main-president-wrapper > a > img {
		left: 3rem;
		width: 8.75rem;
	}


	.main-president-wrapper > a > dl > dt {
		margin-bottom: 0.4167rem;
	}

	.main-president-wrapper > a > dl > dt > span {
		font-size: 1.125rem;
		line-height: 1.667rem;
	}

	.main-president-wrapper > a > dl > dt > strong {
		font-size: 1.667rem;
		line-height:2.25rem;
	}


	.main-president-wrapper > a > dl > dd {
		font-size: 1rem;
		line-height: 1.333rem;
	}

	.main-president-wrapper > a > dl > dd > img {
		width: 2.167rem;
		margin-left: 0.25rem;
	}

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

	.main-menu020201-area {
		float: none;
		width: 100%;
		height: 100%;
	}

	.main-menu020201-area:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-menu020201-box {
		display: block;
		height: 9.375rem;
	}



	.main-menu020201-box > a > span > img {
		width: 3.333rem;
		margin: 0 auto 0.8333rem auto;
	}

	.main-menu020201-box > a > span > strong {
		font-size: 1.083rem;
		line-height: 1.25rem;
	}

	.main-menu020202-area {
		clear: both;
		float: none;
		width: 100%;
		height: 10rem;
	}

	.main-menu020202-area > a {
		width: 100%;
		height: 100%;
		padding-left: 13.67rem;
		padding-right: 1.667rem;
	}

	.main-menu020202-area > a > img {
		left: 4.167rem;
		width: 5.833rem;
		margin-top: -1.875rem;
	}

	.main-menu020202-area > a > dl > dt {
		margin-bottom: 0.375rem;
		font-size: 1.417rem;
		line-height: 1.792rem;
	}

	.main-menu020202-area > a > dl > dt > img {
		width: 0.6667rem;
		margin-left: 0.375rem;
	}

	.main-menu020202-area > a > dl > dd {
		font-size: 1rem;
		line-height: 1.458rem;
	}

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

	.main-menu020301-area {
		float: none;
		width: 100%;
		height: auto;
		background: #5d5047;
	}

	.main-menu020301 {
		height: 9.375rem;
		background: #5d5047;
		overflow: hidden;
	}

	.main-menu020301 > a > span > img {
		width: 3.333rem;
		margin: 0 auto 0.8333rem auto;
	}

	.main-menu020301 > a > span > strong {
		font-size: 1.083rem;
		line-height: 1.25rem;
	}


	.main-menu020302 {
		height: 9.375rem;
	}

	.main-menu020302 > a .bg {
		min-width: 120%;
		max-width: 120%;
		max-height: none;
	}


	.main-menu020302 > a > span > img {
		width: 3.25rem;
		margin: -0.5417rem auto 0.8333rem auto;
	}

	.main-menu020302 > a > span > strong {
		font-size: 1.083rem;
		line-height: 1.25rem;
	}

	.main-menu020302-area {
		float: none;
		width: 100%;
	}

	.main-menu020302-area:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-menu020302-list > ul > li {
		height: 6.25rem;
	}

	.main-menu020302-list > ul > li > a {
		padding: 0 0.4167rem;
	}

	.main-menu020302-list > ul > li > a > strong {
		padding: 0 0.4167rem;
		font-size: 1.167rem;
		line-height: 1.5rem;
		letter-spacing: -0.25px;
		transform: translate(0, -50%);
	}


	.main-grade-checked > a {
		height: 12.5rem;
	}

	.main-grade-checked > a > span > img {
		width: 2.75rem;
		margin: 0 auto 0.7917rem auto
	}

	.main-grade-checked > a > span > strong {
		font-size: 1.167rem;
		line-height: 1.5rem;
	}

	/*언론보도, 학사일정 */
	.main-contents-area0102 {
		height: auto;
	}

	.main-press-wrapper {
		float: none;
		width: 100%;
		height: auto;
		padding: 1.458rem 3.333rem 1.458rem 1.667rem;
		border-right: 0;
		border-bottom: 1px solid #576382;
		box-sizing: border-box;
	}

	.main-contents-area0102 h2 {
		position: relative;
		top: 0;
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 1.417rem;
		line-height: 1.75rem;
		height: 2.458rem;
	}

	.main-contents-area0102 h2:after {
		width: 1.25rem;
		height: 0.08333rem;
	}


	.main-contents-area0102 .btn-more02 {
		bottom: 0;
		right: 0;
		width: 2.083rem;
		height: 2.083rem;
	}

	.main-contents-area0102 .btn-more02 > img {
		width: 0.75rem;
		height: 0.75rem;
		margin-top: -0.375rem;
		margin-left: -0.375rem;
	}


	.main-press-wrapper > h2 {
		left:  0
	}

	.main-press-area {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 0 0 0;
		text-align: left;
		box-sizing: border-box;
	}

	.main-press-area > a {
		position: static;
		top: 0;
		width: 100%;
		color: #ffffff;
		font-size: 1.083rem;
		line-height: 1.5rem;
		padding: 0;
		transform: translate(0, 0);
	}

	.main-schdule-wrapper > h2 {
		left: 0;
	}

	.main-schdule-wrapper .btn-more02 {
		right: 0;
	}

	.main-schdule-wrapper {
		position: relative;
		float: none;
		width: 100%;
		height: auto;
		padding: 1.458rem 3.333rem 1.458rem 1.667rem;
		border-right: 0;
		box-sizing: border-box;
	}

	.main-schdule-area {
		padding-left: 0;
		padding-right: 0;
	}

	.main-schdule-area > .month-choise {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 7.917rem;
		padding-left: 1rem;
		padding-right: 1rem;
		margin: 0 auto 0 auto;
	}

	.main-schdule-area > .month-choise .word-month {
		font-size: 1.917rem;
		line-height: 2.5rem;
	}

	.main-schdule-area > .month-choise .btn-month {
		margin-top: -0.5417rem;
		width: 0.5417rem;
		height: 1.083rem;
	}

	.main-schdule-area > .month-choise .btn-month > img {
		display: block;
		width: 0.5417rem;
		height: 1.083rem;
	}


	.main-schdule-area > ul {
		padding-top: 0.625rem;
	}

	.main-schdule-area > ul > li {
		font-size: 1.083rem;
		line-height: 1.5rem;
	}



	/* 메인 컨텐츠 02 */
	.main-contents02 {
		max-width: 100%;
		padding: 0 1.25rem;
		margin: 0;

	}

	/* 주요서비스 */
	.main-service-wrapper {
		padding-left: 0;
		margin-bottom: 1.875rem;
	}

	.main-service-wrapper > h2 {
		visibility: visible;
		position: static;
		width: auto;
		height: auto;
		font-size: 1.417rem;
		line-height: 2.167rem;;
		margin-top: 0;
		margin-bottom: 1rem;
		color: #434343;
		font-weight: 700;
	}

	.main-service-area > a {
		float: left;
		width: 30%;
		margin-right: 5%;
		margin-bottom: 2.5rem;
		text-align: center;
	}

	.main-service-area > a:nth-child(3n) {
		margin-right: 0;
	}

	.main-service-area > a:nth-last-child(1) {
		margin-bottom: 0;
	}

	.main-service-area > a > img {
		width:  4.292rem;
		margin: 0 auto 0.4583rem auto;
	}

	.main-service-area > a > strong {
		font-size: 1.25rem;
		line-height: 2rem;
		word-break: keep-all;
	}

	/* 학과(계열)안내 */
	.main-class-wrapper {
		height: 16.67rem;
	}
	.main-class-wrapper > a {
		padding:  1.667rem;
		background-image: url(../make_img02/main/bg_main_contents0202_mobile.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.main-class-wrapper > a > img {
		left: 50%;
		width: 17.33rem;
		margin-left: -8.667rem;
	}

	.main-class-wrapper > a > dl {
		position: relative;
		height: 100%;
		padding-top: 0;
		z-index: 1;
		box-sizing: border-box;
	}

	.main-class-wrapper > a > dl > dt {
		margin-bottom:  0.125rem;
		font-size: 1.417rem;
		line-height: 2.167rem;
	}

	.main-class-wrapper > a > dl > dd {
		font-size: 1.083rem;
		line-height: 1.5rem;
		word-break: keep-all;
	}

	.main-class-wrapper > a > dl > dd > span {
		display: inline;
	}

	.main-class-wrapper > a > dl:before {
		top: 0.7917rem;
		right: 0;
		width: 1.625rem;
		height: 0.75rem;
		margin-top: 0;
		background-size: 1.625rem 0.75rem;
	}

	.main-contents02-menu-wrapper {
		padding-bottom: 1.583rem;
		background: transparent;
	}


	.main-contents02-menu-box {
		height: 3.333rem;
	}

	.main-contents02-menu-box > a > span {
		width: 100%;
		height: 1.458rem;
		margin-top: -0.7083rem;
	}

	.main-contents02-menu-box > a > span > img {
		height: 1.458rem;
		margin-right: 0.5rem;
	}

	.main-contents02-menu-box > a > span > strong {
		font-size: 1.083rem;
		line-height: 1.458rem;
	}

	.main-contents03 {
		max-width: 100%;
		padding: 0 1.25rem 2.083rem 1.25rem;
		margin: 0;
	}


	.main-preview-wrapper > h2 {
		padding-left: 1.125rem;
		font-size: 1.417rem;
		line-height: 1.75rem;
		margin-bottom: 0.8333rem;
	}

	.main-preview-wrapper > h2:before {
		width: 0.2917rem;
		height: 1.75rem;
	}

	.main-preview-area {
		float: none;
		width: 100%;
		height: auto;
		border: 1px solid #dddddd;
		margin-bottom: 1.667rem;
	}



	#main-slider01 .main-best-wrapper {
		padding-top: 44.6%;

	}

	#main-slider01 .main-best-wrapper > .image {
		height: auto;
		padding-bottom: 44.6%;
	}

	#main-slider01 .main-best-wrapper .main-best-area {
		display: block;
		height: auto;
		padding: 1.083rem 3.333rem 0 1.417rem;
		box-sizing: border-box;
	}

	#main-slider01 .main-best-wrapper .main-best-area > a {
		display: block;
	}

	#main-slider01 .main-best-wrapper .main-best-area > a > h3 {
		font-size: 1.167rem;
		line-height: 1.5rem;
	}

	#main-slider01 .main-best-wrapper .main-best-area > a > p {
		font-size: 1.083rem;
		line-height: 1.5rem;
		max-height: 3rem;
	}

	.main-preview-area  #main-swiper-pagination01 {
		position: static;
		padding: 1.333rem 0  1.5rem 0;
	}

	 #main-swiper-pagination01 .swiper-pagination-bullet {
		margin: 0 0.2917rem;
		width: 0.625rem;
		height: 0.625rem;
	}

	.main-preview-area .btn-more {
		bottom: 1.25rem;
		right: 1.25rem;
		width: 1.208rem;
	}


	.main-preview-area .btn-more > img {
		width: 1.208rem;
	}

	.main-btn-sns-wrapper {
		position: static;
		float: right;
		margin-bottom: 1.375rem;
	}

	.main-btn-sns-wrapper > .main-btn-sns-area {
		margin: 0 0.4167rem;
		width: 2.917rem;
		height: 2.917rem;
	}
	.main-btn-sns-wrapper > .main-btn-sns-area > a {
		width: 2.917rem;
		height: 2.917rem;
	}

	.main-btn-sns-wrapper > .main-btn-sns-area > a > img {
		width: 2.917rem;
	}

	.main-sns-wrapper  {
		position: relative;
		width: 100% !important;
		height: auto;
		padding-bottom: 68.50%;
	}


	.main-sns-wrapper {
		clear: both;
		float: none;
		width: 100%;
	}

	.main-sns-wrapper:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-sns-area {
		float: left;
		width: 49%;
		height: 49%;
		overflow: hidden;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.main-sns-area:nth-child(even) {
		float: right;
	}


	.main-sns-area > a > img {
		max-width: auto;
		min-width: 100%;
	}

	.main-sns-area:nth-last-child(1),
	.main-sns-area:nth-last-child(2) {
		margin-bottom: 0;
	}

	/* intro */
	/* intro header */
	.intro-header {
		height: 4.583rem;
		padding-top: 1.167rem;
	}

	.intro-header > h1 > img {
		width: 11.67rem;
	}

	/* intro container */
	.intro-container {
		padding: 1.25rem;
		background-image: url(../make_img02/intro/intro_visual_mobile.png);
		background-size: cover;
	}
	.img-type02 {
		background-image: url(../make_img02/intro/intro_visual02_mobile.png);
	}
	.img-type03 {
		background-image: url(../make_img02/intro/intro_visual03_mobile.png);
	}


	/* intro contents */
	.intro-contents {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.intro-contents-wrapper {
		position: relative;
		display: block;
	}


	.intro-contents-area {
		width: 100%;
		height: auto;
		padding: 1.25rem;
	}


	.intro-contents-area.pc {
		display: none;
	}

	.intro-contents-area.mobile {
		display: block;
	}

	.intro-contents-box {
		width: 49%;
		margin: 0 0 1rem 0 !important;
	}

	.intro-contents-box:nth-child(even) {
		float: right;
	}

	.intro-contents-box:nth-child(4n),
	.intro-contents-box:nth-child(3n) {
		margin-right: 0;
	}

	.intro-contents-box:nth-child(4n + 1),
	.intro-contents-box:nth-child(3n + 1) {
		clear: initial;
	}

	.intro-contents-box:nth-child(2n + 1) {
		clear: both;
	}

	.intro-contents-box:nth-last-child(1),
	.intro-contents-box:nth-last-child(2) {
		display: block;
	}

	.intro-contents-box > a {
		display: block;
	}

	.intro-contents-box > a > .image {
		width: 100%;
		height: auto;
		padding-bottom: 75.576%;
		margin-bottom: 0.625rem;
		overflow: hidden;
	}

	.intro-contents-box > a > strong {

		font-size: 1rem;
		line-height: 1.417rem;
		max-height: 2.833rem;
	}

	#intro-contents-pagination01 {
		clear: both;
		position: static;
		text-align:center;
	}

	#intro-contents-pagination01 > .swiper-pagination-bullet {
		margin: 0 0.4167rem;
		width: 0.5rem;
		height: 0.5rem;
		border: 0.1667rem solid #7b778b;
		background-color: transparent;
		opacity: 1;
		border-radius: 50%;
	}

	#intro-contents-pagination01 > .swiper-pagination-bullet-active {
		background-color: #7b778b;
	}

	/* intro 메뉴 */
	.intro-menu-wrapper {
		display: block;
		height: 10.42rem;
		padding: 1.042rem 1.25rem;
	}

	.intro-menu-area {
		float: left;
		width: 49%;
		height: 3.25rem;
		margin: 0.4583rem 0;
	}

	.intro-menu-area:nth-child(2n) {
		float: right;
	}

	.intro-menu-area > a {
		display: block;
		padding-left: 3.75rem;
	}

	.intro-menu-area > a > img {
		bottom: 50%;
		width: 2.5rem;
		margin-bottom: -1.042rem;
	}

	.intro-menu-area > a > strong {
		display: block;
		color: #fff;
		font-size: 1.333rem;
		line-height: 3.25rem;
		height: 3.25rem;
	}

	.intro-menu-area > a > strong > span {
		display: none;
	}

	.intro-menu-area > a:hover > strong,
	.intro-menu-area > a:focus > strong {
		color: #ffd109;
	}

	.intro-slider-wrapper {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
	}

	#intro-slider01 {
		width: 100%;
		height: auto;
	}

	.intro-option-wrapper {
		top: 1.375rem;
		right: 1.25rem;
	}

	.intro-option-wrapper > #intro-swiper-pagination01 .swiper-pagination-bullet {
		width: 0.75rem;
		height: 0.75rem;
		border: 0.1667rem solid #fff;
		margin: 0 0.25rem 0 0.2917rem;
	}

	.intro-option-wrapper .swiper-button-play,
	.intro-option-wrapper .swiper-button-pause {
		margin-top: 0.08333rem;
		margin-left: 0.25rem;
		width: 0.9167rem;
		height: 0.9167rem;
		background-size: 0.9167rem 0.9167rem;
	}


	/* intro footer */
	.intro-footer {
		padding: 1.667rem 2.083rem 2.167rem 2.083rem;
	}

	.intro-footer .footer-sns-list {
		margin-bottom: 0.875rem;
	}

	.intro-footer .footer-sns-list > li {
		width: 2.083rem;
		height: 2.083rem;
		margin-left: 0.625rem;
	}

	.intro-footer .footer-sns-list > li a {
		width: 2.083rem;
		height: 2.083rem;
	}

	.intro-footer .footer-sns-list > li a > img {
		width: 2.083rem;
	}


	.intro-footer .copyright {
		font-size: 1rem;
		line-height: 1.417rem;
	}

	.intro-banner01 {
		display: none;
	}

	.icon-hashtags {
		display: none;
	}

	.intro-ailee-wrapper {
		padding: 21.96rem 1.417rem 1.542rem 1.417rem;
		background-image: url(../make_img02/intro/bg_intor03_mobile.jpg);
		background-size: cover;
		background-position: center top;
		background-color: #f2f2f1;
	}
	.intro-ailee-wrapper2 {
		padding: 21.96rem 1.417rem 1.542rem 1.417rem;
		background-image: url(../make_img02/intro/bg_intor03_mobile.jpg);
		background-size: cover;
		background-position: center top;
	}

    .intro-ailee-wrapper3 {
		padding: 21.96rem 1.417rem 1.542rem 1.417rem;
		background-image: url(../make_img02/intro/bg_intor04_mobile.jpg);
		background-size: cover;
		background-position: center top;
	}

	.intro-image-wrapper {
		width: 100%;
		padding: 0;
		background-size: cover;
		background-position: center top;
	}

	.intro-ailee-area {
		float: none;
	}

	.intro-ailee-area > .slogan {
		margin-bottom: 1.125rem;
		text-align: left;
	}

	.intro-ailee-area > .slogan .pc {
		display: none;
	}

	.intro-ailee-area > .slogan .mobile {
		display: inline-block;
		vertical-align: bottom;
		width: 17.21rem
	}

	.intro-ailee-area2 {
		float: none;
		padding: 0;
	}

	.intro-ailee-area2 > .slogan {
		position: relative;
		margin-bottom: 1.125rem;
		text-align: left;
		bottom: 0;
	}

	.intro-ailee-area2 > .slogan .pc {
		display: none;
	}

	.intro-ailee-area2 > .slogan .mobile {
		display: inline-block;
		vertical-align: bottom;
		width: 17.21rem
	}

	.intro-image-area > .slogan {
		position: relative;
		top: 0;
		right: 0;
		left: 50%;
		margin-left: -9.375rem;
		margin-bottom: 1.875rem;
	}

	.intro-image-area > .slogan .pc {
		display: none;
	}

	.intro-image-area > .slogan .mobile {
		display: inline-block;
		vertical-align: bottom;
		width: 18.75rem;
		text-align: center;
	}

	.intro-ailee-box {
		padding-left: 0;
	}

	.intro-ailee-box > a {
		float: left !important;
		width: calc(50% - 0.4167rem) !important;
		height: auto !important;
		min-height: 12.36rem !important;
		padding: 0.7083rem 0.5833rem 1.75rem 0.5833rem !important;
		margin-right: 0 !important;
		margin-left: calc(0.4167rem * 2) !important;
		border-radius: 0.1667rem !important;
		-webkit-box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.2) !important;
		-moz-box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.2) !important;
		box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.2) !important;
	}

	.intro-ailee-box > a:first-child {
		margin-left: 0 !important;
	}

	.intro-ailee-box > a:hover,
	.intro-ailee-box > a:focus {
		-webkit-box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.3) !important;
		-moz-box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.3) !important;
		box-shadow: 0px 1.083rem  1.333rem 0px rgba(0,0,0,0.3) !important
	}

	.intro-ailee-box > a .image-wrapper {
		margin-bottom: 1.625rem !important;
	}

	.intro-ailee-box > a .image-wrapper .play {
		position: absolute !important;
		top: 50% !important;
		left: 0 !important;
		display: block !important;
		width: 100% !important;
		margin-top: -1.5rem !important;
		text-align: center !important;
	}

	.intro-ailee-box > a .image-wrapper .play > img {
		display: inline-block !important;
		vertical-align: bottom !important;
		width: 2.25rem !important
	}

	.intro-ailee-box > a .image-wrapper .play > .time {
		display: block !important;
		color: #fff !important;
		font-size: 0.6667rem !important;
		line-height: 0.8333rem !important;
		letter-spacing: -0.25px !important;
	}

	.intro-ailee-box > a > .title {
		height:  5.583rem !important
	}

	.intro-ailee-box > a > .title > strong {
		font-size: 1.214rem !important;
		line-height: 1.5rem !important;
	}

	.intro-ailee-box > a > .title > strong > img {
		width: 100% !important;
		max-width: 14.17rem !important
	}

	.intro-image-area {
		float: none;
	}

	.intro-image-box {
		width: 100% !important;
		height: 37.5rem !important;
		padding-left: 0;
		background-image: url(../make_img02/intro/btube_bg_mobile.jpg) no-repeat 0 0;
		background-size: 100%;
	}

	.intro-image-box > a {
		width: 20.63rem;
		height: 10.31rem;
		background: url(../make_img02/intro/intro_btube_thumb_mobile.png) no-repeat center center;
		background-size: 100%;
		padding: 0;
		margin: 0 auto;
	}

	.intro-image-box > h2 {
		text-align: center;
		padding: 20px 0;
	}

	.intro-image-box > a .image-wrapper {
		margin-bottom: 1.625rem !important;
	}
	.intro-image-box > a .image-wrapper > .image > img {
		width: 17.13rem !important;
		height: 8.5rem !important;
		left: 1.75rem;
		top: 0.75rem;
	}

	.intro-image-box > a .image-wrapper .play {
		position: absolute !important;
		top: 50% !important;
		left: 0 !important;
		display: block !important;
		width: 100% !important;
		transform: translate(0, -40%);
		text-align: center !important;
	}

	.intro-image-box > a .image-wrapper .play > img {
		display: inline-block !important;
		vertical-align: bottom !important;
		width: 3.125rem !important
	}

	.intro-image-box > a .image-wrapper .play > .time {
		display: block !important;
		color: #fff !important;
		font-size: 0.6667rem !important;
		line-height: 0.8333rem !important;
		letter-spacing: -0.25px !important;
	}

	.intro-image-box > a > .title {
		height:  5.583rem !important
	}

	.intro-image-box > a > .title > strong {
		font-size: 1.214rem !important;
		line-height: 1.5rem !important;
	}

	.intro-image-box > a > .title > strong > img {
		width: 100% !important;
		max-width: 14.17rem !important
	}


	/* 2020.09.22 추가작업 */
	.intro-recruitment-wrapper {
		float: none;
		width: 100%;
		height: 100%;
		padding: 1.042rem 0;;
	}

	.intro-recruitment-wrapper:after {
		display: none;
	}

	.intro-recruitment-wrapper > h2 {
		display: block;
		margin-bottom: 1.25rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.intro-recruitment-area {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom:  2.083rem;
	}

	.intro-recruitment-area2 {
		margin-bottom:  0.9375rem;
	}

	.intro-recruitment-box {
		display: block;
	}

	.intro-recruitment-box > ul {
		display: block;
	}

	.intro-recruitment-box > ul > li {
		padding-left: 1rem;
		font-size: 1rem;
		line-height: 1.875rem;
	}

	.intro-recruitment-box > ul > li:before {
		top: 0.625rem;
		width: 0.5rem;
		height: 0.5rem;
	}

	.intro-recruitment-wrapper .btn-go {
		height: 5.5rem;
		font-size: 1.25rem
	}

	.intro-go-list {
		float: none;
		width: 100%;
		max-height: 100%;
		padding: 0;
	}

	.intro-go-list > table td {
		padding-top: 0.4167rem;
	}

	.intro-go-list > table td > a {
		padding: 0.625rem;
	}

	.intro-go-list > table td > a .linked {
		min-height: 1.458rem;
		height: 4.5rem;
	}

	.intro-go-list > table td > a .linked > strong {
		padding: 0 2.375rem 0 1.25rem;
		font-size: 1.125rem;
		line-height: 1.375rem;
	}

	.intro-go-list > table td > a .linked:before {
		right: 1.542rem;
		width: 0.6667rem;
		height: 1.167rem;
		margin-top: -0.5833rem;
		background-size: 0.6667rem 1.167rem;
	}


	.intro-ailee-box.type02 {
		position: static;
		top: 0;
		left: 0;
		margin-left: 0;
		padding-left: 0;
		padding: 1.25rem 0;
		clear: both;
		width: 100%;
	}


	.intro-banner01 {
		position: static;
		top: 0;
		right: 0;
		margin-right: 0;
		padding-left: 0;
		clear: both;
		width: 100%;
	}

	/* 2021.08.31 추가작업 */
	.intro-recruitment-wrapper02 {
		float: none;
		width: 100%;
		height: auto;
		padding: 1.25rem;
		background-size: cover;
	}

	.intro-recruitment-wrapper02 > .title-area {
		height: auto;
		max-width: 26.9583rem;
		padding-left: 0;
		margin: 0 auto 0.416rem auto;
		text-align: center;
	}



	.intro-recruitment-wrapper02 > .title-area > h2 {
		position: relative;
		float: none;
		display: inline-block;
		vertical-align: middle;
		padding: 0 2.125rem;
		font-size: 1.5833rem;
		line-height: 1.75rem;
	}

	.intro-recruitment-wrapper02 > .title-area > h2:before,
	.intro-recruitment-wrapper02 > .title-area > h2:after {
		display: block;
		top: 0.416rem;
		content: "";
		width: 1.5833rem;
		height: 0.9583rem;
		background-repeat: no-repeat;
		background-size: 1.5833rem 0.9583rem;
	}



	.intro-recruitment-wrapper02 > .title-area > ul {
		float: none;
		margin-left: 0;
		text-align: center;
/*		margin-top:1.25rem; 3줄 */
		margin-top:0.833rem; /* 2줄 */
	}

	.intro-recruitment-wrapper02 > .title-area > ul > li {
		font-size: 1rem;
		line-height: 1.375rem;
	}
	.intro-recruitment-wrapper02 > .title-area > ul > li > strong {
		font-weight: 700
	}

	.intro-recruitment-area02 {
		position: relative;
		max-width: 26.9583rem;
		height: 100%;
		margin: 0 auto;
	}

	.btn-center-go {
		width: 11.9583rem;
		height: 13.4583rem;
		margin-top: -6.72915rem;
		margin-left: -5.97915rem;
		background-size: 11.9583rem 13.4583rem;
	}

	.btn-center-go:before {
		width: 11.9583rem;
		height: 13.4583rem;
		background-size: 11.9583rem 13.4583rem;
	}


	.btn-center-go .word-image {
		width: 4.75rem;
		height: 3.1666rem;
		margin: 4.79166rem auto 0.25rem auto;
	}

	.btn-center-go .word-image > img {
		width: 4.75rem;
	}


	.btn-center-go .word-image2 {
		width: 7.5rem;
		height: 3.1666rem;
/*		[옆으로 긴이미지 수시1차 면접대상자조회] */ margin: 4rem auto 0.25rem auto;
		/* margin: 4.79166rem auto 0.25rem auto;   1줄 */ 
		margin: 4.166rem auto 0.25rem auto; /* 수시1차 원서 접수 [2줄 - 14시 이후 확인] */
		/* margin:4.166rem auto -0.75rem auto;  [2줄 -  (※ 10.17(화) 11시 이후 조회 가능)] */
		/* margin:3.541rem auto -0.209rem auto;  [2줄 -  (※ 10.17(화) 11시 이후 조회 가능)] */
	}

	.btn-center-go .word-image2 > img {
/*		width: 6.5rem;*/
/*		width: 5.5rem;*/
		width:4.75rem; /* 수시1차 원서접수 */
		margin:0 auto;
/*		[220905] width: 7.5rem;*/
	}

	.btn-center-go .go {
		font-size: 1.0416rem;
		line-height: 1.5rem;
	}

	.intro-ipsi-menu-wrapper {
		display: block;
		height: 16.4166rem
	}


	.intro-ipsi-menu-wrapper > div {
		max-width: 13.125rem;
		height: 8.2083rem;
	}

	.menu-box {
		padding-top: 1.6666rem !important;
	}

	.menu-box .group > strong {
		min-height: 3.25rem;
		font-size: 1.0833rem;
		line-height: 1.333rem;
}

	.menu01 > .menu-box .group > strong {
		font-size: 1.0833rem;
		line-height: 1.333rem;
		min-height: 3.3333rem
	}

	.menu01 > .menu-box .group > strong > sub {
		font-size: 0.6666rem;
		line-height: 1.333rem;
	}
	
	.menu02 > .menu-box .group > strong {
		font-size: 1.0833rem;
		line-height: 1.333rem;
		min-height: 3.3333rem
	}
	

	.menu02 > .menu-box .group > strong > sub {
		font-size: 0.6666rem;
		line-height: 1.333rem;
	}
	
	.menu03 > .menu-box .group > strong {
		font-size: 1.0833rem;
		line-height: 1.333rem;
		min-height: 3.3333rem
	}

	.menu03 > .menu-box .group > strong > sub {
		font-size: 0.6666rem;
		line-height: 1.333rem;
	}
	
	.menu04 > .menu-box .group > strong {
		font-size: 1.0833rem;
		line-height: 1.333rem;
		min-height: 3.3333rem
	}

	.menu04 > .menu-box .group > strong > sub {
		font-size: 0.6666rem;
		line-height: 1.333rem;
	}

	.menu0401 > .menu-box {
		padding-top: 1.3rem !important;
	}
	
	.menu-box .group > strong > sub{
		font-size: 0.6666rem;
		line-height: 1.333rem;
	}

	.menu-box:hover .group > strong,
	.menu-box:hover .group > strong {
		text-shadow: 0 0.04166rem 0.0833rem rgba(0, 0, 0, 0.5);
	}

	.intro-ipsi-menu-wrapper > li.menu02 >  menu-box .group > strong > sub {
		display: block;
		font-size: 1rem;
		line-height: 1.333rem;
	}

	.menu-box .group .word-go01 {
		padding: 0 0.7083rem;
		height: 1.1666rem;
		font-size: 0.75rem;
		line-height: 1.166rem;
		border-radius: 1.1666rem;
		padding-top: 0.2083rem
	}

	.menu-box:hover .group .word-go01,
	.menu-box:focus .group .word-go01 {
		text-shadow: 0 0.04166rem 0.0833rem rgba(0, 0, 0, 0.5);
		box-shadow: 0.20833rem 0.20833rem 0.4166rem 0px rgba(0,0,0,0.15);
	}


	.intro-ipsi-menu-wrapper > div:nth-child(odd) > .menu-box {
		padding-left: 1.7083rem;
	}

	.intro-ipsi-menu-wrapper > div:nth-child(even) > .menu-box {
		padding-right: 1.7083rem;
	}

	.intro-ipsi-menu-wrapper > div:before {
		width: 13.125rem;
		height: 8.208333333333334rem;
		background-size: 13.125rem 8.208333333333334rem;
	}


}

@media only all and (max-width: 424px) {
	.main-classroom-wrapper > a > .main-classroom-area > dt {
		margin-bottom: 0.3571rem;
		font-size: 1.143rem;
		line-height: 1.429rem;
	}

	.main-classroom-wrapper > a > .main-classroom-area > dd {
		font-size: 0.9286rem;
		line-height: 1.071rem
	}

	.main-classroom-wrapper > a > .main-classroom-area > dd > img {
		width: 1.571rem;
		margin-left: 0.1429rem;
	}

	.main-president-wrapper > a {
		padding-left: 11.71rem;
	}

	.main-president-wrapper > a > dl > dt {
		margin-bottom: 0.5714rem
	}

	.main-president-wrapper > a > dl > dt > span {
		font-size: 0.9286rem;
		line-height: 1.286rem
	}

	.main-president-wrapper > a > dl > dt > strong {
		font-size: 1.429rem;
		line-height: 1.714rem;
	}

	.main-president-wrapper > a > dl > dd {
		font-size: 0.9286rem;
		line-height: 1.071rem
	}

	.main-president-wrapper > a > dl > dd > img {
		width: 1.571rem;
		margin-left: 0.1429rem;
	}

	.main-menu020202-area > a {
		padding-left: 11.71rem;
	}

	.main-menu020202-area > a > dl > dt {
		margin-bottom: 0.375rem;
		font-size: 1.286rem;
		line-height: 1.429rem;
	}

	.main-menu020202-area > a > dl > dt > img {
		width: 0.5714rem;
		margin-left: 0.375rem;
	}

	.main-menu020202-area > a > dl > dd {
		font-size: 0.9286rem;
		line-height: 1.071rem
	}

	.main-service-area > a > strong {
		font-size: 1rem;
	}

	.intro-menu-area > a {
		padding-left: 2.643rem;
	}

	.intro-menu-area > a > strong {
		font-size: 1.143rem;
	}

	.intro-ailee-box > a {
		min-height: 10rem;
		padding: 0.7083rem 0.5833rem 0.5833rem 0.5833rem;
	}

	.intro-ailee-box > a .image-wrapper {
		margin-bottom: 0;
	}

	.intro-ailee-box > a > .title > strong {
		font-size: 1.154rem;
		line-height: 1.385rem;
	}

	.menu-box .group > strong {
		font-size: 1.1666rem;
	}


/*
	.menu02 > .menu-box .group > strong {
		font-size: 1rem;
	}
*/

	/* 10월31일 14:00이후 조회가능	*/
	.menu02 > .menu-box .group > strong .special_font{
		font-size:10px !important;
	}
	/* //10월31일 14:00이후 조회가능	*/

	.intro-ipsi-menu-wrapper > div:nth-child(odd) > .menu-box {
		padding-left: 0.83333rem;
	}

	.intro-ipsi-menu-wrapper > div:nth-child(even) > .menu-box {
		padding-right: 0.8333rem;
	}

}