@charset "utf-8";

/* 0103_인재상 */
.talented_box > ul > li {position:relative; min-height:120px; padding-left:120px; margin-bottom:20px;}
.talented_box > ul > li > h3 {position:absolute; left:0; top:0; display:table; width:90px; padding-right:36px;}
.talented_box > ul > li > h3 > span {width:100%; height:90px; display:table-cell; vertical-align:middle; line-height:1.2; text-align:center; color:#fff; font-size:20px;}
.talented_box ul li.talented_1 h3 {background:url('/images/web/iphak/sub/bg_talented1.png') no-repeat right center;}
.talented_box ul li.talented_1 h3 span {background:url('/images/web/iphak/sub/pt_talented3.png') no-repeat right center #266ed4;}
.talented_box ul li.talented_2 h3 {background:url('/images/web/iphak/sub/bg_talented2.png') no-repeat right center;}
.talented_box ul li.talented_2 h3 span {background:url('/images/web/iphak/sub/pt_talented3.png') no-repeat right center #1961c6;}
.talented_box ul li.talented_3 h3 {background:url('/images/web/iphak/sub/bg_talented3.png') no-repeat right center;}
.talented_box ul li.talented_3 h3 span {background:url('/images/web/iphak/sub/pt_talented4.png') no-repeat right center #17335a;}
.talented_box ul li.talented_1 div {padding:20px 20px 10px; border:4px solid #dfe6ee; text-align:center;}
.talented_box ul li.talented_1 div p {padding-bottom:20px; line-height:45px; font-size:32px; color:#000; font-family:"NotoM"; text-align:center; border-bottom:1px dashed #b2b7c7;}
.talented_box ul li.talented_1 div p .pc_violet {color:#ae6edf;}
.talented_box ul li.talented_1 div p .pc_red {color:#e33d65;}
.talented_box ul li.talented_1 div ul {display:inline-block; margin-top:20px; overflow:hidden;}
.talented_box ul li.talented_1 div ul li {float:left; margin:0 20px; font-size:18px; line-height:58px;}
.talented_box ul li.talented_1 div ul li span {display:inline-block; width:50px; height:58px; margin-right:5px; text-align:center; font-size:32px; color:#fff;}
.talented_box ul li.talented_1 div ul li span.bg_talen1 {background:url('/images/web/iphak/sub/bg_talented4.png') no-repeat right center;}
.talented_box ul li.talented_1 div ul li span.bg_talen2 {background:url('/images/web/iphak/sub/bg_talented5.png') no-repeat right center;}
.talented_box ul li.talented_1 div ul li span.bg_talen3 {background:url('/images/web/iphak/sub/bg_talented6.png') no-repeat right center;}
.talented_box ul li.talented_1 div ul li span.bg_talen4 {background:url('/images/web/iphak/sub/bg_talented7.png') no-repeat right center;}
.talented_box ul li.talented_2 ul, .talented_box ul li.talented_3 ul {padding:15px 20px; border:4px solid #dfe6ee; text-align:center; letter-spacing:-1px; overflow:hidden;}
.talented_box ul li.talented_2 ul li {width:23%; margin:5px 1%; float:left; font-size:18px;}
.talented_box ul li.talented_2 ul li span {display:block; padding:10px; line-height:26px; color:#1961c6; border:2px solid #1961c6; background:url('/images/web/iphak/sub/pt_talented1.png') repeat;}
.talented_box ul li.talented_3 ul li {width:48%; margin:5px 1%; float:left; font-size:15px;}
.talented_box ul li.talented_3 ul li span {display:block; padding:13px 10px; line-height:20px; color:#17335a; border:2px solid #17335a; background:url('/images/web/iphak/sub/pt_talented2.png') repeat;}

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

/*250905*/
.pdf_wrap .page_index.mozip {top:800px}


/* 페이지준비중 */
.preparing { color:#000; font-family:"NotoR"; font-size:15px; text-align:center; word-break:keep-all; margin:30px 0; border-top:2px solid #3b5666; border-bottom:1px solid #45b39c; background:url('/images/web/iphak/sub/icon_preparing.png') no-repeat 50% 30px; padding:180px 0 30px 0}
.preparing h3 { font-family:"NotoM"; font-size:34px; line-height:1.4;}

/* 홍보동영상 */
.video_box {padding:20px 30px; border:4px solid #dfe6ee; overflow:hidden; background:#fff; margin:10px 0}
.video_box video { width:100%}


/* 0302_입퇴실 및 관생정보 */
.dormi_info_top {min-height:80px; padding:10px 0 0 140px; background:url('/images/web/dorm/sub/icon_dormi0.png') no-repeat left top;}
.dormi_info_top dt {font-size:24px; color:#103b78; font-family:"NotoM";}
.dormi_info_top dd {margin-top:5px; font-size:16px; color:#555;}
.dormi_info {position:relative; margin-top:30px; overflow:hidden;}
.dormi_info li {width:23.5%; margin:0 0 20px 2%; float:left; }
.dormi_info li div {position:relative; height:230px; padding:15px 15px; font-size:20px; color:#fff; font-family:"NotoM"; text-align:center;}
.dormi_info li p {position:absolute; bottom:25px; left:0; width:100%;}
.dormi_info li a {display:block; margin:0 15px 5px; line-height:38px; color:#fff; font-size:16px;  font-family:"NotoR"; border:1px solid #fff;}
.dormi_info li.bg_col1 {margin-left:0; background:url('/images/web/dorm/sub/icon_dormi1.png') no-repeat center 70px #266ed4;}
.dormi_info li.bg_col2 {background:url('/images/web/dorm/sub/icon_dormi2.png') no-repeat center 70px #1b56aa;}
.dormi_info li.bg_col3 {background:url('/images/web/dorm/sub/icon_dormi3.png') no-repeat center 70px #266ed4;}
.dormi_info li.bg_col4 {background:url('/images/web/dorm/sub/icon_dormi4.png') no-repeat center 70px #1b56aa;}

/* 고교-대학프로그램 안내 *//*220704*/
.rowBox {border-bottom: 1px dotted #ccc; padding: 20px 0; width: 100%; position: relative;}
.rowBox:nth-of-type(2n) {background: #f5fafd;}
.rowBox .img {position: absolute; width: 30%; height: 180px; left: 0; padding: 0 0 0 20px;}
.rowBox .img img {width: 100%; height: 100%;}
.rowBox .txtBox {padding-left: 35%;}
.rowBox .txtBox .tit {font-size: 18px; padding: 10px 0; font-weight: bold;}
.rowBox .txtBox .txt {padding: 10px 0 30px; margin-bottom: 20px; font-size: 15px;}
.rowBox .txtBox .date span {color: #888; font-size: 15px; display: inline-block; position: relative;  padding-left: 25px;}
.rowBox .txtBox .date span::before {content: ''; display: block; width: 20px; height: 20px; background: url('/images/web/iphak/sub/ico_date.png') center no-repeat; background-size: contain; position: absolute; left: 0;} 

/********** Media quary **********/
@media screen and (max-width:1280px) {
    .pdf_wrap .page_index {width: 20.5%;top: 832px;}
	.pdf_wrap .page_index.mozip {top: 744px;}/*250905*/
   }
@media screen and (max-width:1019px) {
	
	/* 0103_인재상 */
	.talented_box ul li.talented_1 div p {line-height:34px; font-size:26px;}
	.talented_box ul li.talented_1 div ul li {margin:0 10px; font-size:16px; line-height:40px;}
	.talented_box ul li.talented_1 div ul li span {width:34px; height:40px; font-size:26px;}
	.talented_box ul li.talented_1 div ul li span.bg_talen1,
	.talented_box ul li.talented_1 div ul li span.bg_talen2,
	.talented_box ul li.talented_1 div ul li span.bg_talen3,
	.talented_box ul li.talented_1 div ul li span.bg_talen4 {background-size:auto 40px;}
	.talented_box ul li.talented_3 ul li {font-size:14px;}

	/* 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) {
	
	/* 0103_인재상 */
	.talented_box ul li.talented_1 div p {line-height:30px; font-size:24px;}
	.talented_box ul li.talented_1 div ul {margin-top:10px;}
	.talented_box ul li.talented_1 div ul li {float:left; margin:0 5px; line-height:22px;}
	.talented_box ul li.talented_1 div ul li span {display:none;}
	.talented_box ul li.talented_2 ul, .talented_box ul li.talented_3 ul {padding:15px 20px; border:4px solid #dfe6ee; text-align:center; letter-spacing:-1px; overflow:hidden;}
	.talented_box ul li.talented_2 ul li {width:48%; margin:5px 1%; font-size:16px;}
	.talented_box ul li.talented_2 ul li span {display:block; padding:10px; line-height:26px; color:#1961c6; border:2px solid #1961c6; background:url('/images/web/iphak/sub/pt_talented1.png') repeat;}
	.talented_box ul li.talented_3 ul li {width:100%; float:none;}


}

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

	/* 0302_입퇴실 및 관생정보 */
	.dormi_info_top {min-height:auto; padding:0; background:none;}
	.dormi_info li {width:49%;}
	.dormi_info li.bg_col3 {margin-left:0;}

    /* pdf 241106*/ 
    .pdf_wrap .pdf-view { padding-top: 230px;}
     .pdf_wrap .page_index { top: 770px;}
	
}
@media screen and (max-width:660px) {
    .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:640px) {

	/*고교-대학프로그램 안내 *//*220704*/
    .rowBox .img {width: 100%; position: relative; padding: 0 0px;}
    .rowBox .txtBox {padding-left: 0;}

}

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

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

	
	.pdf_wrap .page_index.mozip {top: 680px;}/*250905*/
}

@media screen and (max-width:480px) {
	
	/* 0103_인재상 */
	.talented_box ul li.talented_2 ul li {width:100%; margin:5px 0;}
	
}

@media screen and (max-width :393px) {
    .pdf_wrap .page_index {top: 692px;}
    .pdf_wrap .pdf-view {padding-top: 442px; }
}
 
@media screen and (max-width :388px) {
    .pdf_wrap .page_index {top: 714px;} 
}
 
 
@media screen and (max-width :355px) {
    .pdf_wrap .page_index {top: 735px;} 
}
 
@media screen and (max-width :345px) {
  .pdf_wrap .pdf-view {padding-top: 455px; }
}