@charset "utf-8";

/* 상담안내 */
.mgt20 {margin-top:1rem;}
.counsel { position: relative;}
.counsel .tit_wrap { text-align: center;}
.counsel .tit_wrap h2.heading { font-size: 2.5rem; color: #111; font-weight: 800; max-width: 100%; white-space: nowrap; overflow: hidden;}
.counsel .tit_wrap > p { font-size: 1.4rem; max-width: 100%; white-space: nowrap; overflow: hidden;}
.counsel .tit_wrap > p { margin-top: 0.2rem;}
.counsel ul {position: relative;padding: 0 .5rem;display: flex;justify-content: center;margin-top: 2.7rem;}
.counsel ul::before {content: '';display: block;width: 100%;height: 6rem;border-radius: 6rem;background: #00ea54;position: absolute;left: 50%;top: 33%;transform: translate(-50%, -50%);z-index: -1;}
.counsel ul li {width: calc(100% / 3);}
.counsel ul li a { display: flex; flex-direction: column; align-items: center;}
.counsel ul li a .img {width: 80%;}
.counsel ul li a .img img {width: 100%;}
.counsel ul li a p {display: inline-block; border: 1px solid #111; background: #fff; padding: 0.425rem 1.55rem; text-align: center; margin: 2.1rem 1rem 0; position: relative;}
.counsel ul li a p::before {content: ""; display: block; border-left: 0.8rem solid transparent; border-right: 0.8rem solid transparent; border-bottom: 1rem solid #111; position: absolute; left: calc(50% - 0.8rem); bottom: 100%;}
.counsel ul li a p::after {content: ""; display: block; border-left: calc(0.8rem - 1px) solid transparent; border-right: calc(0.8rem - 1px) solid transparent; border-bottom: calc(1rem - 1px) solid #fff; position: absolute; left: calc(50% - 0.8rem  + 1px); bottom: 100%;}
.counsel ul li a p span {display: block; max-height: 2.8em; font-size: 1.1rem; color: #111; font-weight: 700; line-height: 1.4; overflow: hidden;}
/* 상담안내 : active */
.counsel ul li a p,
.counsel ul li a p::after,
.counsel ul li a p span {transition: 0.4s;}
.counsel ul li a:hover p,
.counsel ul li a:focus p {background: #111;}
.counsel ul li a:hover p::after,
.counsel ul li a:focus p::after {border-bottom-color: #111;}
.counsel ul li a:hover p span,
.counsel ul li a:focus p span {color: #fff;}

/* 010202_02국제학생증 */
.studentID_box {margin-top:10px; padding:50px 15px 30px; word-break:keep-all;  border:2px solid #dfe6ee; overflow:hidden;}
.studentID_box li {position:relative; width:22%; margin:0 1.5%; float:left; text-align:center;}
.studentID_box li .studID_number {position:absolute; left:50%; top:-25px; width:50px; height:50px; margin-left:-25px; line-height:50px; font-size:20px; color:#fff; background:url('/images/web/glocal/sub/bg_dot.png') no-repeat center #266ed4;}
.studentID_box li div {height:80px; padding:30px 15px 15px 15px; font-size:16px; color:#333; letter-spacing:-1px; border:1px solid #266ed4;}
.studentID_box li div span {font-size:14px;}

/* 0105_01_수업시간표 */
.time_table {padding-left:120px; background:url('/images/web/glocal/sub/icon_time_table.png') no-repeat left top #fff;}
.time_table .txt1 {font-size:14px; font-family: 'NotoT'; color:#999;}
.time_table h3 {margin-top:5px; font-size:28px; font-family: 'NotoM'; color:#000;}
.time_table .txt2 {margin-top:10px; font-size:16px;}

/*지산학 통합 플랫폼*/
.siteLink_list {position: relative; display: flex; width: 100%; flex-wrap: wrap; }
.siteLink_list li {margin: 15px; width: calc(50% - 32px); border: 1px solid #ccc; border-radius: 20px; overflow: hidden;}
.siteLink_list li a {display: block;}
.siteLink_list li .img { width: 100%; height: 200px; text-align: center; border-bottom: 1px solid #ccc; overflow: hidden;}
.siteLink_list li .img img {width: 100%; transform: scale(1); transition: .3s;}
.siteLink_list li .txt {padding: 15px 10px; text-align: center;}
.siteLink_list li .txt .tit {font-weight: 600; font-size: 17px;}
.siteLink_list li .txt .link {font-size: 14px; color: #216cd4; margin-top: 5px;}
.siteLink_list li a:hover .img img ,.siteLink_list li a:focus .img img {transform: scale(1.1);}

/********** Media quary **********/




@media screen and (max-width: 1650px) {
    /* 상담안내 */ 
    .counsel ul { padding: 0 2rem; }
}


@media screen and (max-width: 1240px) {

    /* 상담안내 */
    .counsel ul::before {height: 5.5rem;}
    .counsel ul li a .img {width: 13rem;}

}



@media screen and (max-width: 1024px) {

    /* 상담안내 */  
    .counsel ul::before {height: 3rem;}
    .counsel ul li a .img {width: 10rem;}
    .counsel ul li a p {margin-top: 1.5rem;}
    .counsel ul li a p span {font-size: 0.9rem;}

}


@media screen and (max-width: 650px) {

    /* 상담안내 */  
    .counsel::before { width: 40rem; left: -1rem; top: 0; }
    .counsel ul {padding: 0; margin-top: 1.5rem;}
    .counsel ul li a .img {width: 7rem;}
    .counsel ul li a p {padding: 0.4rem 0.8rem; margin-top: 1.2rem;}
    .counsel ul li a p::before {border-left-width: 0.7rem; border-right-width: 0.7rem; border-bottom-width: 0.88rem; left: calc(50% - 0.7rem);}
    .counsel ul li a p::after {border-left-width: calc(0.7rem - 1px); border-right-width: calc(0.7rem - 1px); border-bottom-width: calc(0.88rem - 1px); left: calc(50% - 0.7rem + 1px);}
    .counsel ul li a p span {font-size: 0.8rem;}

}



@media screen and (max-width: 500px) {

    /* 상담안내 */
    .counsel ul li a p {padding: 0.25rem 0.75rem; margin: 1.2rem 0.5rem 0;}
}



@media screen and (max-width: 380px) {

    /* 상담안내 */   
    .counsel ul::before {height: 2.5rem;top: 2.5rem;}
    .counsel ul li a .img {width: 4.5rem;}
    .counsel ul li a p {padding: 0.25rem; margin: 0.75rem 0.25rem 0;}
    .counsel ul li a p::before {border-left-width: 0.5rem; border-right-width: 0.5rem; border-bottom-width: 0.6rem; left: calc(50% - 0.5rem);}
    .counsel ul li a p::after {border-left-width: calc(0.5rem - 1px); border-right-width: calc(0.5rem - 1px); border-bottom-width: calc(0.6rem - 1px); left: calc(50% - 0.5rem + 1px);}
    .counsel ul li a p span {font-size: 0.75rem;}

}


@media screen and (max-width:1019px) {
	
	/* 010202_02국제학생증 */
	.studentID_box {padding:30px 15px 30px;}
	.studentID_box li {width:47%; margin:20px 1.5%;}
	.studentID_box li div {min-height:80px; height:auto;}

	
	

}

@media screen and (max-width:840px) {

	/*지산학 통합 플랫폼*/
	.siteLink_list li .img {height: 180px;}


}

@media screen and (max-width:768px) {

	
	
	

}

@media screen and (max-width:640px) {

	/* 0105_01_수업시간표 */
	.time_table {padding:120px 20px 15px; text-align:center; background-position:center top;}
	.time_table .txt1 {text-align:center;}

	/*지산학 통합 플랫폼*/
	.siteLink_list li {width: 100%; }
	.siteLink_list li .img {height: auto; max-height: 45vw;}
}

@media screen and (max-width:560px) {	

	
	


}

@media screen and (max-width:480px) {
	
	/* 010202_02국제학생증 */
	.studentID_box li {width:100%; margin:20px 0%;}
	.studentID_box li div {min-height:auto;}


	
}

@media screen and (max-width :380px) {



}