@charset "utf-8";

/* 공통 */
#cntntsView:not(:has([class^="photo_list"])) img {max-width: 100%; height: auto !important;}
.img_box img {max-width: unset !important;}

/* 인사말 */
.greeting {position:relative;}
.greeting p{margin-top:20px;}

/*0101 인사말*/
.greeting {display: flex; flex-direction: row-reverse;}
.greeting p{ margin-bottom:20px;}
.greeting p.txt1 { font-size:20px;}
.greeting .photo {width: 175px; font-size: 0; line-height: 0;}
.greeting .photo dl dd { text-align:center; margin-top:10px;}
.greeting .photo dl dd span { font-size:18px;}
.greeting .txtbox {flex: 1; padding-right: 40px;} /*220405 이미지 좌 -> 우 */

/*0102_연혁*/
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:120px; padding:35px 0 0; font-size:18px; letter-spacing: -1px; color:#fff; text-align:center; background:url('/images/web/ggs/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:30px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:90px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}

/* 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/ggs/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/ggs/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;}

@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) {}

@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;}
}

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

    /* 인사말 */
    .greeting {display: block;}
    .greeting .photo {width: 100%; text-align: center;}
    .greeting .txtbox {padding-right: 0;}

	/*0102_연혁*/
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}
}

@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) {}