@charset "utf-8"; 

.img_box {overflow-x:auto}

/* info_box */
.info_box {padding:7px; background:url("/images/web/pjipsi/sub/pt_infobox.png") repeat; margin-bottom:20px;}
.info_box h3 {font-size:26px; color:#000; font-family:'notoM';}
.info_box .inner {position:relative; padding: 40px 30px; background:#fff;}
.info_ico {position:relative; min-height: 100px; padding-left: 120px;}
.info_ico .info_boxImg {position:absolute; left:0; top:0;}


/* 0502 학과안내 */
.dep_box {position:relative; border:1px solid #ddd; border-top: 2px solid #0068b7;}
.dep_box .inner {position:relative; padding:30px; background:#fff;  overflow:hidden;}
.dep_box .dep_img {width:360px; height:240px; float:left; margin-right:30px; border:1px solid #eee;}
.dep_box .dep_img img {width:100%; height:100%;}
.dep_box .dep_info {width:455px; float:right;}
.ico_tel {margin-bottom:10px; padding-left:25px; font-size:16px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/web/pjipsi/sub/ico_t.png") no-repeat left center;}


/* 0503 모집요강보기 */
/* 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%;}
/* 버튼 :기본 */
.ico_g span.btn_dw1 {background:url("/images/web/pjipsi/sub/btn_dw1.png") no-repeat;}
.ico_g span.btn_dw2 {background:url("/images/web/pjipsi/sub/btn_dw2.png") no-repeat;}
.ico_g span.btn_dw3 {background:url("/images/web/pjipsi/sub/btn_dw3.png") no-repeat;}
.ico_g span.btn_dw4 {background:url("/images/web/pjipsi/sub/btn_dw4.png") no-repeat;}
.ico_g span.btn_dw4 {background:url("/images/web/pjipsi/sub/btn_dw4.png") no-repeat;} /* 190709 추가 */
.ico_g span.btn_dw5 {background:url("/images/web/pjipsi/sub/btn_dw5.png") no-repeat;} /* 190709 추가 */
.ico_g span.btn_dw6 {background:url("/images/web/pjipsi/sub/btn_dw6.png") no-repeat;} /* 190709 추가 */

/* 신입생가이드_조회 팝업 */
.Pop_page {width:800px; margin:0 auto; border:2px solid #d1dfef; padding:30px 20px;}
.Pop_page .w100{width:98%; border:1px solid #999; color:#888; padding:0 1%; height:40px; line-height:40px; font-size:13px;}
.Pop_page .w70{width:70%; border:1px solid #999; color:#888; padding:0 1%; height:40px; line-height:40px; margin-right:2%; font-size:13px;}
.Pop_page .Pop_con {width:500px; margin:0 auto;}
.Pop_page .Pop_con ul li{width:100%; margin-bottom:20px;}
.Pop_page .btn_gry{display:inline-block; width:21%; line-height:22px; font-size:15px; font-family:"NotoM"; text-align:center; padding:10px; margin:0; color:#fff; background:#515151; float:right; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.Pop_page .btn_gry:hover, .btn_gry:focus {background:#424141;}
.tit_line {margin-bottom:10px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#1271b9; letter-spacing:-1px; text-decoration:underline;}
.tit_line br {display:none;}
.tit {margin-bottom:10px; padding-left:24px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/con_com/bu_tit2.png") no-repeat left 4px;}

/* 학과소개 190703 */
.academics_list {position:relative; padding-top:50px;}
.academics_list .btn_acade {position:absolute; right:0; top:30px; }
.academics_list .btn_acade a {margin:0;}
.academics_list ul {margin-top:10px; border-top:2px solid #000; overflow:hidden;}
.academics_list ul li {width:50%; line-height:59px; float:left; font-size:15px; border-bottom:1px solid #c8d1db;}
.academics_list ul li a {display:block; padding-left:20px; border-right:1px solid #c8d1db; background:url('/images/web/pjipsi/sub/icon_home_g.png') no-repeat right center;}
.academics_list ul li a:hover {background-color:#fafbfb;}

.grad_list {margin-top:10px;padding:0 20px 10px; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.grad_list h4 {padding-bottom:10px; margin-bottom:10px; font-size:16px; border-bottom:1px dashed #b2b7c7;}
.grad_list li {width:30%; float:left; padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/web/pjipsi/sub/bu3.png") no-repeat left 11px;}

/* 테이블 - 스크롤 */
.tb_scroll_img {margin-top:-30px; padding-top:30px; width:100%; overflow-x:auto; overflow-y:hidden; background:url("/images/con_com/img_scroll.png") no-repeat right top;}/* 190709추가 */
.tb_bg_bl{ background:#ecf5fc !important}/* 190709추가 */


/* 신입생가이드 */ /* 190802 추가 */
.tab_st01 {margin-bottom:40px; overflow:hidden; }
.tab_st01 li {width:50%; float:left; margin:0; }
.tab_st01 li a {position:relative; display:block; padding:20px 55px 20px 15px; line-height:20px; font-size:18px; color:#828282; text-align:center; background:#efefef; border:1px solid #e6e6e6; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.tab_st01 li.on a{font-family:"NotoM"; color:#fdfdfd; background:#006acc; border:1px solid #0161b9; }
.tab_st01 li.on a:hover, .tab_st01 li a:hover {font-family:"NotoM"; color:#fdfdfd; background:#378cda; border:1px solid #2f80c9; }
.tab_icon span {position:absolute; right:15px; top:50%; display:block; width:40px; height:39px; margin-top:-19px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.tab_icon:hover span, .tab_icon:focus span {right:20px; }
.tab_icon span.ico_phone {background:url("/images/web/ipsi/sub/icon_phone.png") no-repeat; }
.tab_icon span.ico_email {background:url("/images/web/ipsi/sub/icon_email.png") no-repeat; }

/* 본인인증 */ /* 190802 추가 */
.ipsi_box {position:relative; border:1px solid #ccc; border-top: 2px solid #00529d; text-align:left; padding:100px 0 67px; margin-top:130px; background:#fff; }
.ipsi_box:before {display:block; position:absolute; top:-60px; left:50%; margin-left:-60px; content:""; width:120px; height:120px; background:url("/images/web/ipsi/sub/ico_ipsi.png") no-repeat; }
.ipsi_box:after {display:block; position:absolute; bottom:0; left:0; content:""; width:119px; height:98px; background:url("/images/web/ipsi/sub/ipsi_pt2.png") no-repeat; }
.ipsi_box .ipsi_frm {position:relative; max-width:450px; margin:0 auto; }
.ipsi_box .ipsi_frm li:first-child {border-top:1px dashed #ccc; }
.ipsi_box .ipsi_frm li {position:relative; border-bottom:1px dashed #ccc; text-align:left; padding:30px 0; }
.ipsi_box .ipsi_frm li .con_wrap {position: relative; margin:20px 0 0;}
.ipsi_box .ipsi_frm li label {display:inline-block;width: 150px;color:#222;font-size:16px;font-family:'notoM';letter-spacing:-1px;}
.ipsi_box .ipsi_frm li input {border:1px solid #ddd;}

input[type="text"], input[type="number"] {width: 65%;margin:0;box-sizing:border-box;height:36px;line-height:35px;padding:0 5px;}
input[type="tel"], input[type="mail"] {width: 45%;margin:0;box-sizing:border-box;height:36px;line-height:35px;padding:0 5px;}
input[type="radio"] {width:15px !important; height:15px !important; line-height:15px !important; margin-right:2px !important; color:#777; }

.ipsi_box .ipsi_frm li button{position:absolute;width:19%;top:0;right:0;background:#0092f3;line-height:18px;height:36px;font-size:13px;color:#fff;letter-spacing:-1px;font-family:'notoR';vertical-align:middle;transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;}
.ipsi_box .ipsi_frm li button:hover{background:#00a999; border-color:#00a999; }

.rdo_wrap {display:block;margin: 0 0 10px;} /* 라디오 */
.bor_radio{margin-right:18px; }

/* 인터넷 원서접수 바로가기 */ /* 221229 추가 */
.btn_box {position:relative; margin:20px 0; padding:10px; background:#ff5858 url("/images/con_com/sub/bg_pt1.png") repeat; }
.btn_box .btn_wrap {position:relative; height:47px; padding:20px; background:#fff;}
.btn_box .con_l {position:absolute; left:20px; top:30px; /*width:255px;*/ }/*240530수정*/
.btn_box .con_l .btn_tit1 {position:relative; font-family:"NotoM"; color:#C00; line-height:1.4; font-size:19px; letter-spacing:-1px; } /*240530수정*/
/*.btn_box .con_l .btn_tit1:before {content:'';display:block;position:absolute;right:0;top:0;width:52px;height:31px;background:url("/images/con_com/sub/link04_tit.png") no-repeat;}*/
.btn_box .con_r {position:absolute;right:20px;top:0;width: 626px;height:45px;}
/* 버튼1 */
.btn_link_1.ico_g_1, .btn_link_1.ico_g_2 {position:relative; display:inline-block; padding:12px 40px 12px 140px; background:#fff; color:#000; border:1px solid #ddd; }
.btn_link_1.ico_g_3 {position:relative;display:inline-block;padding: 12px 14px 12px 56px;background:#fff;color:#000;border:1px solid #ddd;}
.ico_g_1 span.go_1, .ico_g_2 span.go_2 {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.ico_g_1 span.btn_img, .ico_g_2 span.btn_img {position:absolute; left:15px; top:50%; display:block; width:111px; height:34px; margin-top:-18px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.ico_g_1 span.btn_img img, .ico_g_2 span.btn_img img {width:100%; height:100%; }
.ico_g_1:hover span, .ico_g_1:focus span, .ico_g_2:hover span, .ico_g_2:focus span{right:20px; }
.ico_g_1 span.go_1, .ico_g_2 span.go_2,.ico_g_3 span.go_1 {background:url("/images/con_com/sub/btn_linkG.png") no-repeat; }
.btn_link_1.ico_g_1:hover {background:#ffe8da; }
.btn_link_1.ico_g_2:hover {background:#daeeff; }


.ico_g_3 span.go_3 {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.ico_g_3 span.btn_img {position:absolute; left:15px; top:50%; display:block; width:111px; height:34px; margin-top:-18px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.ico_g_3 img.new{margin-left:10px; display:inline-block}
.btn_link_1.ico_g_3:hover {background:#daeeff; }
.btn_link_1+.btn_link_1{margin-left:1rem;}
/* 221229 추가 *****************************************/

/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	/* 0502 학과안내 */
	.dep_box .inner {padding:30px;}
	.dep_box .dep_img {width:35%; height:auto; margin-right:4%;}
	.dep_box .dep_info {width:60%;}

	/* 이미지 190708 추가*/
	.img img {width:100%;}	

}

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


	/* 신입생가이드_조회 팝업 */
	.Pop_page {width:100%; box-sizing:border-box;}
	.Pop_page .w100{width:98%;}
	.Pop_page .w70{margin-right:1%;}
	.Pop_page .Pop_con {width:100%;}
	.tit_line {font-size:16px;}
	.tit {font-size:18px}

	/* 인터넷 원서접수 바로가기 */ /* 190830 추가 */
	.btn_box {box-sizing:border-box; }
	.btn_box .con_l {left:10px; top:15px; width:115px; padding-right:40px; }
	.btn_box .con_l .btn_tit1 {font-size:18px; }
	.btn_box .con_r {right:10px; }
	.btn_box .con_l .btn_tit1:before {right:-50px; top:7px; }
	
	
}

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

	/* 학과소개 190703 */
	.academics_list ul li {width:100%; float:none;}
	.grad_list li {width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	

}

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


	/* 인터넷 원서접수 바로가기 */ /* 190830 추가 */
	.btn_box .btn_wrap {height: 149px;}
	.btn_box .con_l {left:10px; top:31px; width:120px; padding-right:50px; }
	.btn_box .con_l .btn_tit1 {font-size:18px; }
	.btn_box .con_r {width: 220px;height:auto;top:-7px;}
	.btn_box .con_l .btn_tit1:before {right:-50px; top:7px; }
	.btn_link_1.ico_g_1, .btn_link_1.ico_g_2 {padding: 10px 54px 10px 115px;}
	.btn_link_1+.btn_link_1 {
    margin-left:0rem;}
	.ico_g_1 span.btn_img, .ico_g_2 span.btn_img {width:70px; height:auto; margin-top:-11px; left:8px; }
	.ico_g_1 span.btn_img img, .ico_g_2 span.btn_img img {width:100%; height:auto; }

}

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

	/* 신입생가이드_조회 팝업 */
	.Pop_page {max-width:340px; height:100%; min-height:800px;}
	.Pop_page input {box-sizing:border-box;}
	.Pop_page .w100{width:100%;}
	.Pop_page .w70{margin-right:0%; width:100%;}
	.Pop_page .Pop_con {width:100%;}
	.Pop_page .btn_gry {width:100%; float:none; padding:2% 0; margin:2% 0 0;}
	.tit_line {font-size:14px;}
	.tit_line br {display:block;}
	.tit {font-size:14px; background:none; padding-left:0;}

	
	/* 테이블+버튼 190823 추가 ****************************************************/
	.ico_g_1 span.btn_img, .ico_g_2 span.btn_img {width:70px; height:auto; margin-top:-11px; left:8px;}
	.ico_g_1 span.btn_img img, .ico_g_2 span.btn_img img {width:100%; height:auto;}
	
}

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

	/* 0502 학과안내 */
	.dep_box .dep_img {width:100%; margin-right:0;}
	.dep_box .dep_info {width:100%; margin-top:20px;}

	/* 신입생가이드 190802 추가 */
	.ipsi_box {padding:50px 20px 20px;}
	.ipsi_box .ipsi_frm li:first-child {border-top:none;}
	.ipsi_box .ipsi_frm li label {display:block;padding-bottom:5px;width:100%;}
	.ipsi_box .ipsi_frm  li input {width:100%;}
	input[type="tel"], input[type="mail"] {width:78% !important;}
	.ipsi_box .ipsi_frm li button {width:20%; top:28px;}
	.ipsi_box:after {background:none;}
	
}

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

	/* 신입생가이드 190802 추가 */
	.tab_st01 li {width:100%;}
	.ipsi_box {margin-top:100px;}
	input[type="tel"], input[type="mail"] {width:100% !important;}
	.ipsi_box .ipsi_frm li button {position:relative; width:100%; top:auto; margin-top:8px;}
	.bor_radio {margin-right:5px;}
	
	/* 인터넷 원서접수 바로가기 */ /* 190830 추가 */
	.btn_box .btn_wrap {height: 126px;}
	.btn_box .con_l {left:10px; top:38px; width:100px; padding-right:50px; }
	.btn_box .con_l .btn_tit1 {font-size:14px; }
	.btn_box .con_r {width: 190px;height:auto;}
	.btn_box .con_l .btn_tit1:before {right:-35px; top:7px; }
	.btn_link_1.ico_g_1, .btn_link_1.ico_g_2 {padding: 12px 54px 12px 82px;}
	.ico_g_1 span.btn_img, .ico_g_2 span.btn_img {width:70px; height:auto; margin-top:-11px; left:8px; }
	.ico_g_1 span.btn_img img, .ico_g_2 span.btn_img img {width:100%; height:auto; }
	
}

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

	/* 인터넷 원서접수 바로가기 */ /* 190830 추가 */
	.btn_box .con_l .btn_tit1:before { background:none;}

}