@charset "utf-8";

/* 인사말 */
.greeting_top {position:relative; min-height:135px; padding-left:155px; word-break:keep-all;}
.greeting_top .greet_img {position:absolute; left:0; top:0;}
.greeting_top .greet_txt1 {font-size:30px; color:#155eb6;}
.greeting_top .greet_txt2 {margin-top:10px; font-size:26px; color:#17335a;}
.greeting_top .greet_txt2 span {display:block; color:#081e3e;}
.greeting_box p {margin-top:30px; font-size:15px; word-break:keep-all; }
.greeting_box p strong {font-size:20px; letter-spacing:5px; color:#000; font-weight:normal;}

/* 연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:15px; color:#fff; text-align:center; background:url('/images/web/liberal/sub/bg_history.png') no-repeat;box-sizing: content-box;}
.history_box h3 span {display:block; font-size:24px; line-height:28px; 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:100px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}



/* PDF뷰어 */
.excha_box {position:relative; padding:20px 20px; font-family:"NotoR"; line-height:1.4; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.excha_box .btn {position:absolute; right:20px; top:10px;}
.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
.excha_box .excha_pdf object {width:100%; height:100%;}
.excha_box .excha_pdf object embed {width:100%; height:100%;}
/* pdf 241106*/
.pdf_wrap {/* position: relative; *//* display: flex; *//* justify-content: space-between; *//* flex-wrap: wrap; */margin-top: 20px;}
.pdf_wrap .pdf-view {width: 100%;height: 900px;padding-left: 23%;}
.pdf_wrap .pdf-view iframe {width: 100%; height: 100%;}
.pdf_wrap .page_index {width: 14.5%;position: absolute;top: 886px;}/*241217 넓이 수정*/
.pdf_wrap .page_index .titT1 {font-size: 20px; font-weight: bold;}
.pdf_wrap .page_index .txt {font-size: 14px; color: #666;}
.pdf_wrap .page_index .page_select {position: relative; }
.pdf_wrap .page_index .page_select > li {position: relative; width: 100%;border-bottom: 1px dotted #666; box-sizing: border-box;font-size: 14px;}
.pdf_wrap .page_index .page_select > li +  li {border-top:none;}
.pdf_wrap .page_index .page_select > li.on {background-color: #f1f1f1; /*! color: #fff; */ font-weight: 600;}
.pdf_wrap .page_index .page_select > li a {display:block; width:100%; height:100%; padding: 10px 15px; box-sizing: border-box;}
.pdf_wrap .page_index .page_select > li.on .sub {display: block;}
.pdf_wrap .page_index .page_select li:has(.sub) {padding-right: 5px;}
.pdf_wrap .page_index .page_select li:has(.sub)::before {content: "▼"; position: absolute; top: 15px; right: 7.5px; color: #666; font-size: 6px;}
.pdf_wrap .page_index .page_select .sub {display: none; background: #fff; margin: 10px;  padding: 10px; border: 1px solid #cecece;}
.pdf_wrap .page_index .page_select .sub li a {padding:2.5px 0; font-size: 12px; font-weight: 400; color: #666;}
.pdf_wrap .page_index .page_select .sub li.on a {font-weight: 600;}
.pdf_wrap .page_index .page_select .sub p.tit {font-weight: 600; font-size: 13px; margin-top: 5px;} 






/* 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/liberal/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/liberal/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 quary **********/
@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;}

/* pdf 241106*/
	.pdf_wrap {/* margin-bottom:20px; */}
	.pdf_wrap .pdf-view {height:120vw;padding-left: 0;padding-top: 290px;}
	.pdf_wrap .pdf-view {width: 100%;}
     .pdf_wrap .page_index {width: calc(100% - 2rem);}
	.pdf_wrap .page_index .page_select {display:flex;flex-wrap:wrap;margin-bottom: 20px; border-top:1px dotted #666; border-right: 1px dotted #666;}
	.pdf_wrap .page_index .page_select li {width: 50%; border-left: 1px dotted #666; border-bottom: 1px dotted #666;}
	.pdf_wrap .page_index .page_select > li.on .sub, .pdf_wrap .page_index .page_select li:has(.sub)::before {display: none;}
	.pdf_wrap .page_index .page_select li:last-child {width:100%;}
	.pdf_wrap .page_index .page_select li:has(.sub) {padding-right: 0;}









	

}

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

	


}

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

	  /* pdf 241106*/ 
    .pdf_wrap .pdf-view { padding-top: 230px;}
     .pdf_wrap .page_index { top: 770px;}

	
	

}

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


    .pdf_wrap .page_index .page_select li {width: 100%;}
    .pdf_wrap .pdf-view {padding-top: 450px;}
    .pdf_wrap .pdf-view {height: 170vw; }


}

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

	
	/* 인사말 */
	.greeting_top {padding-left:0;}
	.greeting_top .greet_img {position:relative; left:auto; top:auto; text-align:center;}
	.greeting_top .greet_txt1 {margin-top:20px; font-size:24px;}
	.greeting_top .greet_txt2 {font-size:20px;}

	/* 연혁 */
	.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;}

	/* PDF뷰어 */
	.excha_box .btn {position:relative; right:auto; top:auto; margin-top:10px; text-align:center;}
	.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
	.excha_box .excha_pdf object {width:100%; height:100%;}
	.excha_box .excha_pdf object embed {width:100%; height:100%;}
	.pdf_wrap .page_index {top:680px}
    .pdf_wrap .pdf-view {padding-top: 480px; height: 220vw;}




}

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



}