@import url("contents_pc.css");

@media only all and (max-width: 1023px) {
	.span-br {
		display: inline;
	}


	.contents-box.underline {
		padding-bottom: 2.115rem;
		margin-bottom: 2.115rem;
	}

	.sort-oderby02 {
		text-align: left;
		margin-bottom: 1.154rem;
	}
	.sort-oderby02 > dl:after {
		content: "";
		clear: both;
		display: block;
	}

	.sort-oderby02 > dl > dt {
		display: block;
		margin-bottom: 0.7692rem;
	}

	.sort-oderby02 > dl > dt:after {
		content: "";
		clear: both;
		display: block;
	}

	.sort-oderby02 > dl > dt > a {
		float: left;
		width: 49%;
		height: 2.308rem;
		padding:  0.7308rem  1.154rem 0  1.154rem;
		margin: 0;
		border-radius: 1.154rem;
		text-align: center;
		font-size: 0.9231rem;
	}

	.sort-oderby02 > dl > dt > a:nth-child(2) {
		float: right;
	}

	.sort-oderby02 > dl > .list-hangul {
		clear: both;
		display: block;
	}

	.sort-oderby02 > dl > .list-hangul:after {
		content: "";
		clear: both;
		display: block;
	}

	.sort-oderby02 > dl > .list-hangul > dd {	
		position: relative;
		float: left;
		margin: 0;
		width: 2.308rem;
		margin-right: 0.3846rem;
		margin-bottom: 0.3846rem;
	}

	.sort-oderby02 > dl > .list-hangul > dd > a {
		display: block;
		width: 2.308rem;
		height: 2.308rem;
		line-height: 2.308rem; 
		padding-top: 0;
		text-align: center;
		background: #edeff3;
		color: #616161;
		border-radius: 0.1923rem;
		font-size:  0.9231rem;
		font-family: "notoKrM", notoKrM, sans-serif;
		font-weight: 500;
	}

	.sort-oderby02 > dl > dt > a.on,
	.sort-oderby02 > dl > .list-hangul > dd > a.on {
		background: #2156d0;
		color: #fff;
	}

	.sort-oderby02 > dl > .list-hangul > dd > a.btn-lab,
	.sort-oderby02 > dl > .list-hangul > dd > a.btn-check
	{
		border-radius: 0.1923rem;
	}
	
	.professor-box {
		position: relative;
		width: 100%;
		max-width: 100%;;
		margin-bottom: 0.7692rem;
		padding: 0.7692rem 0.7692rem 0.7692rem 6.923rem;
/*		min-height:  7.692rem;*/
		min-height:  8.269rem;
		margin-right: 0;
	}
	
/*.professor-box:nth-of-type(3n) {
	margin-right: 0;
}*/	

/*
	.professor-box:nth-child(even) {
		float: none;
	}
*/

	.professor-box .professor_img > img {
		position: absolute;
		left: 0.7692rem;
		top: 0.7692rem;
		width: 4.615rem !important;
		height: 6.154rem !important;
	}
	
/*
	.professor-box > img {
		position: absolute;
		left: 0.7692rem;
		top: 0.7692rem;
		width: 4.615rem !important;
		height: 6.154rem !important;
	}
*/

	.professor-box > a > p.name {
		color: #242424;
		padding: 0.7692rem 0;
		font-size: 0.8462rem;
	}
	
/* ÇкμҰ³ > ±³¼öÁø > ºñÀüÀÓ±³¼ö */	
	.professor-box > p.name {
		color: #242424;
		padding: 0.7692rem 0;
		font-size: 0.8462rem;
	}
/* //ÇкμҰ³ > ±³¼öÁø > ºñÀüÀÓ±³¼ö */	

	.professor-box .professor-info > dl {
		line-height: 1.154rem;
	}

	.professor-box .professor-info > dl > dd {
		position: relative;
		font-size: 0.9231rem;
		line-height: 1.154rem;
	}
	
	.professor-box > a > img {
		display: block;
		margin-top: 0.3077rem;
		margin-left: 0.3077rem;
		width: 1rem;

	}

	.professor-box > a.professor-detail:hover {
		background: #2156d0;
	}

	.professor-box > a.professor-detail {
		width: 1.731rem;
		height: 1.731rem;
	}

	.professor-box > a.professor-homepage {
		width: 1.731rem;
		height: 1.731rem;
	}

	.professor-box.view {
		min-height: 9.615rem;
		padding: 0;
		padding-left: 0;
		margin-bottom: 2.5rem;
	}

	.professor-box.view:after {
		content: "";
		clear: both;
		display: block;
	}
	
/*	test */
.professor-box0703.view0703 {
	padding: 2.307rem 0 0 1.923rem;
	width:100%;
	height:15.384rem; /* 400px; */
	border-radius: 10px;
	margin-bottom:2.5rem;
}	
	
.professor-box0703.view0703 > img{
	top:2.692rem; /* 70px */
	right:1.923rem; /* 50px */
/*	width:9.615rem !important;*/
	width:7.692rem !important;
/*	height:12.615rem !important;*/
	height:10.076rem !important;
}
	
	
	
.professor-box0703.view0703 > p.name {
	font-size: 1.615rem;
	line-height: 1.769rem;
	margin-bottom: 0.384rem;
}

.professor-box0703.view0703 > p.name >.btn_website{
	padding-left:0.769rem;
}

.professor-box0703.view0703 > p.eng_name {
	font-size: 0.923rem;
}
.professor-box0703.view0703 .professor-info0703 {
	margin-top: 1.153rem;
}

.professor-box0703.view0703 .professor-info0703 > dl {
	padding-left: 3.846rem;
	margin-bottom: 0.192rem;
	font-size: 0.692rem;
	line-height: 1.076rem;
}

.professor-box0703.view0703 .professor-info0703 > dl > dt {
	font-size: 0.769rem;
	line-height: 1.076rem;
}
	
/*	//test */	


	.professor-box.view > img {
		position: static;
		display: block;
		margin: 1.154rem auto;
		width: 6.154rem !important;
		height: 8.077rem !important;
	}

	.professor-box.view > p.name {
		position: static;
		max-width: 100%;
		padding: 0 1.154rem 1.154rem 1.154rem;
		font-size: 1.154rem;
		line-height: 1.538rem;
		text-align: center;
	}

	.professor-box.view > p.name > span {
		font-size: 0.6154rem;
	}


	.professor-box.view .professor-info {
		clear: both;
		padding: 1.731rem 1.923rem;
		min-height: 9.615rem;
		border-top: 1px solid #ddd;
	}

	.professor-box.view .professor-info > dl {
		padding-left: 4.615rem;
		line-height:  1.154rem;
		margin-bottom: 0.1923rem;
		font-size: 0.9231rem;
		line-height: 1.154rem;
	}

	.professor-box.view .professor-info > dl > dt {
		font-size: 0.9231rem;
		line-height: 1.154rem;
	}

	.professor-box.view .professor-info > dl > dd > a.icon-shortcut {
		padding-right: 0.8846rem;
		background-size: 0.5rem 0.4615rem;
	}


	/* Àλ縻 */
	.greeting-wrpaper {
		padding-top: 2.692rem;
	}

	.greeting-wrpaper .word-slogan-wrapper {
		padding: 0 1.154rem 1.346rem 1.154rem;
	}

	.greeting-wrpaper .word-slogan-wrapper .word-slogan-image {
/*		margin-bottom: 1.923rem; 240118 µðÀÚÀÎ ¼öÁ¤ */
		margin-bottom: 1.538rem;
	}


	.greeting-wrpaper .word-slogan-wrapper .word-slogan-image > .pc {
		display: none;
	}

	.greeting-wrpaper .word-slogan-wrapper .word-slogan-image > .mobile {
		display: block;
	}

	.greeting-wrpaper .word-slogan-wrapper .word-slogan {
		padding: 0 1.538rem;
/*		font-size: 1.231rem; 240118 µðÀÚÀÎ ¼öÁ¤ */
		font-size: 1rem;
/*		line-height: 2rem;240118 µðÀÚÀÎ ¼öÁ¤ */
		line-height: 1.538rem;
		word-break: keep-all;
	}

	.greeting-wrpaper .word-slogan-wrapper .word-slogan > span {
		display: inline;
	}

	.greeting-information01 {
		position: relative;
		background: #f4f7f8
	}

	.greeting-information01 .bg-wrapper01 {
		display: none;
	}

	.greeting-information-area01 {
		padding: 3.077rem 2.308rem 2.5rem 2.308rem;
	}

	.greeting-information-area01 .word01 {
		margin-bottom: 2.308rem;
	}

	.greeting-information-area01 .word01 > img {
		width: 16.46rem
	}


	.greeting-information-area01 .word02 {
		max-width: 100%;
		font-size: 1rem;
		line-height: 1.385rem;
	}

	.greeting-wrpaper .bg-image {
		position: static;
		margin-left: 0;
		display: block;
		width: 100%;
		margin-top: 0;
		text-align: right;
	}

	.greeting-information02 {
		background: transparent;
	}

	.greeting-information-area02 {
		padding:  2.308rem 1.154rem 4.615rem 1.154rem; 
		margin: 0;
	}

	.greeting-information-area02 > p {
		font-size: 1rem;
		line-height: 1.385rem;
		margin-bottom: 1.346rem;
	}

	.greeting-information-area02 > dl {
		float: right;
		padding-top: 0;
	}

	.greeting-information-area02 > dl > dt,
	.greeting-information-area02 > dl > dd {
		float: left;
	}

	.greeting-information-area02 > dl > dt {
		margin-right: 1.231rem;
		font-size: 0.9231rem;
		line-height: 1.615rem;
		color: #424242;
	}

	.greeting-information-area02 > dl > dd > img {
		height: 1.538rem;
	}

	/* ¼Ò°³ */
	.word-slogan-wrapper {
		padding:  3.077rem 1.154rem 1.923rem 1.154rem;
		margin: 0;
	}	

	.word-slogan-wrapper > .word01 {
		display: block;
		color: #314169;
		font-size: 1.615rem;
		line-height: 2rem;
		margin-bottom: 1.154rem;
	}

	.word-slogan-wrapper > .word02 {
		font-size: 1.077rem;
		line-height: 1.538rem;
		word-break: keep-all;
	}


	.years-training-wrapper {
		height: auto;
		background: url(../make_img/sub01/bg020201_mobile.jpg) no-repeat center bottom;
		background-size: cover;
	}

	.years-training-area {
		padding: 1.154rem;
		margin: 0;
	}

	.years-training-box {
		padding: 0;
	}


	.years-training-box > dl {
		float: left;
		width: 49%;
		margin-right: 0;
		padding: 0.9615rem 0;
		text-align: center;
	}

	.years-training-box > dl:nt-child(even) {
		float: right;
	}

	
	.years-training-box > dl > dt {
		display: block;
		margin-bottom: 1.154rem;
	}

	.years-training-box > dl > dt > img {
		display: block;
		width: 1.923rem;
		margin: 0 auto 0.5rem auto;
	}

	.years-training-box > dl > dt > span {
		display: block;
		font-size: 2rem;
		line-height: 2rem;
	}

	.years-training-box > dl > dd {
		color: #000000;
		font-size: 1rem;
		line-height: 1.154rem;
		letter-spacing: -1px;
	}

	/* 20250909 À强ȭ ¼öÁ¤ */
	.years-training-area {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 3.077rem;   /* ¼¼·Î °£°Ý */
	}


	.introduce-wrapper {
		padding: 2.308rem 1.154rem;
		margin: 0;
	}

	.introduce-wrapper > p {
		color: #424242;
		font-size: 0.9231rem;
		line-height: 1.385rem;
		margin-bottom: 1.346rem;
	}

	/* ÇкΠ·Î°í */
	.images-emblem-wrapper {
		height: auto;
		padding: 2.308rem 0;
		margin-bottom: 1.154rem;
	}

	.images-emblem-wrapper > .image {
		display: table-cell;
		vertical-align: middle;
	}

	.images-emblem-wrapper > .image > img {
		display: block;
		max-width: 100%;
	}

	.images-emblem-wrapper > .image > .pc {
		display: none;
	}

	.images-emblem-wrapper > .image > .mobile {
		display: block;
		max-width: 50%;
		margin: 0 auto;
	}

	.images-emblem-depth3-wrapper,
	.images-banner-depth2-wrapper {
		margin-bottom: 1.154rem;
	}



	.images-emblem-depth3-wrapper .images-emblem-area {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		padding: 2.538rem 0;
		margin-right: 0;
		margin-bottom: 0.7692rem;
	}

	.images-emblem-depth3-wrapper .images-emblem-area:nth-child(3n) {
		margin-right: 0;
		margin-bottom: 0;
	}

	.images-banner-depth2-wrapper .images-emblem-area {
		float: none;
		display: block;
		width: auto;
		max-width: 100%;
		padding: 2.308rem;
		margin-bottom: 0.7692rem;
	}

	.images-banner-depth2-wrapper .images-emblem-area:nth-child(even) {
		float: none;
		margin-bottom: 0;
	}

	.images-banner-depth2-wrapper .images-emblem-area > img {
		max-width: 100%;
		max-height: 22.31rem;
	}

	.images-emblem-area > .image {
		display: table-cell;
		vertical-align: middle;
	}


	.images-emblem-area > .image > img {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.images-emblem-area > .image > .pc {
		display: none;
	}

	.images-emblem-area > .image > .mobile {
		display: block;
	}

	.cololr-information {
		position: relative;
		padding: 3.077rem 1.538rem 0 1.538rem;
		font-size: 1rem;
		line-height:  1.154rem;
	}

	.cololr-information > dt {
		position: absolute;
		top: 0;
		left: -1px;
		float: none;
		width: calc(100% + 2px);
		display: block;
		padding: 0.9615rem;
		text-align: center;
	}

	.cololr-information > dd {
		float: left;
		width: 50%;
		padding: 0.9615rem 0;
		color: #212121;
		font-size: 0.9231rem
	}

	.cololr-information > dd > strong {
		font-family: "notoKrB", notoKrB, sans-serif;
		font-weight: 700;
	}

	.images-box > .pc {
		display: none;
	}

	.images-box > .mobile {
		display: block;
	}

	/* ÇкΠ- ±³À°°úÁ¤ */

	.process-circle-area01 {
		float: none;
		display: block;
		width: 100%;
	}

	.process-circle-area01:after {
		content: "";
		clear: both;
		display: block;
	}

	.process-circle-area01 .process-circle-box01 {
		float: none;
		position: relative;
		width: 100%;
		display: block;
		margin-bottom: 0.5769rem;
		text-align: center;
		padding: 1.154rem;
		border: 0.6154rem solid #a4b7ef;
		border-radius:  1rem 
	}

	.process-circle-area01 .process-circle-box01 > img {
		display: none;
	}

	.process-circle-area01 .process-circle-box01 > dl {
		position: static;
		width: 100%;
		margin-top: 0;
		z-index: 10;
	}

	.process-circle-area01 .process-circle-box01 > dl > dt {
		font-size: 1.231rem;
		line-height: 1.538rem;
		margin-bottom: 0.5769rem;
	}

	.process-circle-area01 .process-circle-box01 > dl > dd {
		font-size: 1rem;
		line-height: 1.077rem;
	}

	.process-circle-wrapper01 .icon-next {
		float: none;
		display: block;
		width: 100%;
		padding-top: 0;
		height: 2.308rem;
		background: url(../make_img/icon/icon_arrow_down02@2x.png) no-repeat center center;
		background-size: 0.7692rem 0.7692rem;
	}

	.process-circle-wrapper01 .icon-next > img {
		display: none;
	}
	
	.process-square-area01 {
		float: none;
		width: 100%;
	}

	.process-square-area01:after {
		content: "";
		clear: both;
		display: block;
	}

	.process-square-box01 {
		display: block;
		height: auto;
		padding: 1.154rem;
		text-align: center;
		background: #fff;
		border: 0.3077rem solid #a4b7ef;
		margin-bottom: 1rem;
	}

	.process-square-box01 > p {
		display: block;
		font-size: 1.077rem;
		line-height: 1.385rem;
	}

	.process-square-wrapper01 > .icon-next {
		float: none;
		display: block;
		width: 100%;
		padding-top: 0;
		height: 2.308rem;
		background: url(../make_img/icon/icon_arrow_down03@2x.png) no-repeat center center;
		background-size: 0.7692rem 0.7692rem;
	}

	.iwc-wrapper .images-emblem-area {
		float: none;
		display: block;
		width: auto;
		max-width: 100%;
		margin-bottom: 0.7692rem;
	}

	.iwc-wrapper .images-emblem-area:nth-child(even) {
		float: none;
		margin-bottom: 0;
	}

	.iwc-wrapper .images-emblem-area > img {
		max-width: 100%;
		max-height: 22.31rem;
	}
	
	/* ÀÚ·á½Ç > Recycling Center */
	.contents-box-inner{
		padding: 0 1.154rem;
	}
	.recycling-center-img-box{
		padding-right: 2.692rem;
	}
	/* //ÀÚ·á½Ç > Recycling Center */

}

@media only all and (max-width: 992px) {
	/* ÇÑ´«¿¡ º¸´Â ÇкΠ*/
	.total-info-undergraduate02 > ul > li {
		float: none;
		width: 100%;
	}


	.total-info-undergraduate02 > ul > li > a {
		display: block;
	}

	.total-info-undergraduate02 > ul > li > a > img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	.total-info-wrapper {
		left: 0;
		width: 100%;
		margin-left: 0;
		margin-top: -7.692rem
	}

	.total-info-wrapper .swiper-container {
		display: block;
		width: 100%;
		min-width: 320px;
		max-width: 800px;
	}

	.total-info-wrapper .swiper-wrapper {
		width: 100%;
		margin: 0 auto;
	}

	.total-info-wrapper .swiper-wrapper .swiper-slide {
		display: block;
	}

	.total-info-wrapper .swiper-wrapper .swiper-slide > img {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}

	.total-info-wrapper .btn-next,
	.total-info-wrapper .btn-previous {
		width: 1.923rem;
		height: 1.923rem;
		margin-top: -1.346rem;
		background-size: 1.154rem 1.154rem;
	}

	/*20181126 jhÃß°¡*/
	
	.entrance-wrapper-01, .entrance-wrapper-02 {
		margin-top:1.154rem;
		height: auto;
		background-size: cover;
	}

	.entrance-area {
		padding: 4.615rem 1.154rem;
		margin: 0;
	}

	.entrance-box {
		width: 96%;
		margin-bottom: 3.077rem;

	}
		
	.entrance-box dt{
		display: block;
		color: #314169;
		font-size: 1.615rem;
		line-height: 2rem;
		margin-bottom: 1.154rem;
	}

	.entrance-box dt span{
	display: block;
	color: #212121;
	font-size: 1.231rem;
	margin-bottom: 1.154rem;
	}

	.entrance-box dd{
		color: #424242;
		font-size: 1.077rem;
		line-height: 1.538rem;
		word-break: keep-all;
	}

/*
	.btn-homepage3
	{background-color:#fff;}
*/

	.btn-homepage2 span{ 
		display:none;
	}
	.btn-download2 span{ 
		display:none;
	}

}

@media only all and (max-width: 750px){
	/* ÀÚ·á½Ç > Recycling Center */
	.recycling-center-box{
		padding: 0 1.154rem;
		box-sizing: border-box;
	}
	.recycling-center-txt-box{
		font-size:1.615rem;
		line-height:2rem;
	}
	.recycling-center-txt01{
		padding-bottom:1rem;
	}
	.recycling-center-txt02{
		font-size:1.077rem;
		line-height:1.538rem;
	}
	/* //ÀÚ·á½Ç > Recycling Center */
}

@media only all and (max-width: 600px){
	/* ÀÚ·á½Ç > Recycling Center */
	.recycling-center-box{
		flex-direction: column;
	}
	.recycling-center-img-box{
/*		padding-right: 2rem;*/
		padding:0 0 2rem 0;
	}
	.recycling-center-img-box img{
		width:9.615rem;
	}
	.recycling-center-txt-box{
		text-align: center;
	}
	/* //ÀÚ·á½Ç > Recycling Center */
	.logo_img img{
		display: inline-block;
		width:70%;
	}
	/* //ÇкΠ> Ãë¾÷Áø·Î */
	
	/* test */
	.professor-box0703.view0703 > img{
		right:1.153rem;
	}
	.professor-box0703.view0703{
		padding: 1.538rem 0 0 1.153rem; /* 50 0 0 40 */
	}
	/* //test */
}

/* 241231 ·Î±×ÀÎ ¿À·ù */
@media only all and (max-width: 510px) {
		.login-area {
			width: 100% !important;
		}
	}
/* //·Î±×ÀÎ ¿À·ù */