@charset "utf-8";

/* 학과소개 인사말 공통 *//*250314*/
.dep_box {position:relative; overflow:hidden;}
.dep_box .img {width: 196px;height: 237px;float:left;}
.dep_box .img img {width:100%; height:100%;}
.dep_box .txt {position:relative;width: 849px;height: 237px;float:right;background:url('/images/web/future/sub_cnt/logo_img01.png') no-repeat right bottom;word-break:keep-all;}
.dep_box .txt:before{content:''; display:block; position:absolute; right:-1px; top:0; width:5px; height:200px; background:#00a390;}
.dep_box .txt:after {content:''; display:block; position:absolute; right:-1px; top:0; width:80px; height:5px; background:#00a390;}
.dep_box .txt .inner {padding:30px; border-top:5px solid #024289;}
.dep_box .txt .txt_1 {font-size:40px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; margin-bottom:30px;}
.dep_box .txt .txt_2 {font-size:24px; line-height:1.3; font-family:'NotoR'; color:#444; letter-spacing:-1px;}
.dep_box .fp_gr {color:#009281;}

/*학과장 소개*/
.dep_box2 .img{position:relative; width:140px; height:175px; padding:30px; border:1px solid #ccc; border-top:5px solid #024289; background:#f7f7f7;}
.dep_box2 .img span{display:block; text-align:center; padding:5px 0; color:#000; font-size:11px;}
.dep_box2 .img:before{content:''; display:block; position:absolute; left:0; top:-5px; width:50%; height:5px; background:#00a390;}
.dep_box2 .img:after{content:''; display:block; position:absolute; left:0; top:0; width:5px; height:50px; background:#00a390;}
.dep_box2 .txt{width:75%; height:210px;}

.greeting {margin-top:50px; word-break:keep-all;}
.greeting p {font-size:15px; line-height:1.4; font-family:'NotoR'; color:#444; letter-spacing:-1px;}


/* 학과소개 */
.major_box {position:relative; overflow:hidden; border:3px solid #e1e8ef; padding:30px;}
.major_box .major_list {position:relative; padding:0 0 30px; margin:0 0 30px; word-break:keep-all;}
.major_box .major_list:before {content:''; display:block; position:absolute; bottom:0; width:100%; height:5px; background:url('/images/web/future/sub_cnt/ma_line_bg.png') repeat-x right bottom;}
.major_box .major_list .ico_img {position:absolute; left:0; top:10px; width:80px; height:80px;}
.major_box .major_list .txt { padding:20px 0 30px 120px;}
.major_box .major_list .txt p {font-size:15px; letter-spacing:-1px; color:#333;}
.major_box .last {padding:0; margin:0;} /* 마지막 내용 */
.major_box .last:before {content:''; display:block; position:absolute; bottom:0; width:100%; height:0px; background:none;}

/*대학소개 200327 200422*/
.list_box {margin-top:10px; overflow:hidden;}
.list_box .img{width:50%; float:left;}
.list_box .img img{max-width:100%;}
.list_box .list{width:48%; float:right;}
.list_box .list > li{position:relative; margin-top:20px; padding-left:75px;}
.list_box .list > li:first-child{margin-top:0;}
.list_box .list > li img{position:absolute; top:0; left:0; width:60px; height:60px;}
.list_box .list > li .titT2{margin-bottom:5px;}

/* 0301_02 (대학) */
.univInfo h3.dis_bok{display:block !important;  margin:0 0 5px;}
.box_univ.univInfo .box_st_ico{padding:0 10% 0 130px;}
.box_univ.univInfo .tit_wrap h3{display:inline-block; vertical-align:middle; margin:0;}
.box_univ.univInfo .tit_wrap h3::before{display:none;}
.box_univ.univInfo .tit_wrap p{display:inline-block; vertical-align:middle; margin:0 10px 0 5px; font-family:'NotoM'; font-size:15px; color:#111;}
.box_univ.univInfo .tit_wrap .univ_btn_all{display:inline-block; position:relative; width:auto; right:auto; top:auto; vertical-align:middle; margin:0 0 3px;}

.univList{position:relative; margin:30px 0 0; padding:10px 30px; overflow:hidden;}
.univList .wrap{position:relative; padding:20px 0; border-top:1px dashed #ccc;}
.univList .wrap:first-child{border-top:0;}
.univList .wrap h3{ position: relative; display:inline-block;  vertical-align:middle;}
.univList .wrap ul{overflow:hidden;}
.univList .wrap ul li { position:relative; width:33.33%; float:left; padding:0px 10px 0px 70px; box-sizing: border-box; margin:5px 0;}
.univList .wrap ul li::before{content:''; position: absolute; top:8px; left:0; width:4px; height:4px; background:#9b9ea3; transform: rotate(45deg); }
.univList .wrap ul li span {  position: absolute; left:10px; color:#3770bc;}
.univList .wrap .univ_btn_all{position:relative; right:auto; top:auto; display:inline-block; margin-left:10px; vertical-align:text-top;}

/*0301_09_미래융합대학*/
.box_univ ul.list_univ_con li { width:100%; padding:2px 8px;}
.box_univ ul.list_univ_con li::before { top:10px; width:2px; height:2px; } 
.box_univ ul.list_univ_con ul { margin:0;}
.box_univ ul.list_univ_con ul li { color:#999;}
.box_univ ul.list_univ_con ul li::before { display:none;}
.univList .wrap h3.new { padding-right:30px;}
.univList .wrap h3.new::before { content:'N'; position:absolute; top:20px; right:-8px; width:30px; height:30px; background:#e33c45; font-size:16px; font-family: 'NotoB'; color:#fff; text-align: center; line-height: 30px; border-radius: 30px;}



/* univ_univ_btn_al*/
.univ_btn_all{position: absolute; top:0; right:0; width:65px; height:30px; text-indent: -10000em;}
.univ_btn_all .btn_email{display: block; width:30px; height:30px; background:#024289 url('/images/web/kor/sub_cnt/btn_email.png') no-repeat center; border-radius: 20px; float:left; margin-right:5px;}
.univ_btn_all .btn_home{display: block; width:30px; height:30px; background:#00a390 url('/images/web/kor/sub_cnt/btn_home.png') no-repeat center; border-radius: 20px; float:left;}
.univ_btn_all .btn_plus{display: block; width:30px; height:30px; background:#024289 url('/images/web/kor/sub_cnt/btn_more_w.png') no-repeat center; border-radius: 20px; float:left; margin-right:5px;}
.univ_btn_all .btn_facebook{display: block; width:30px; height:30px; background:#024289 url('/images/web/kor/sub_cnt/ico_facebook.png') no-repeat center; border-radius: 20px; float:left; margin-right:5px;}/*200130*/
.univ_btn_all .btn_email:hover{background-color:#0c3461;}
.univ_btn_all .btn_home:hover{background-color:#098b7c;}
.univ_btn_all .btn_facebook:hover{background-color:#0c3461;}/*200130*/
.univ_btn_all a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}



/* 연혁 */
.historyList {overflow:hidden; text-align:center; background:url('/images/web/future/sub_cnt/his_bg.png') no-repeat left top;}
.historyList h3 {position:relative;width:302px;height: 190px;margin:0 auto;padding:46px 0 24px;line-height:50px;font-size:24px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/future/sub_cnt/history_title.png') no-repeat center top;}
.historyList h3 span {position:relative; display:block; font-size:18px; font-family:"NotoDL"; color:#e4f3ff; letter-spacing:0;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/future/sub_cnt/bg_history_line.png') repeat-y center; padding:30px 0 0;}
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/images/web/future/sub_cnt/history_right_bg.png') no-repeat left 25px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/images/web/future/sub_cnt/history_left_bg.png') no-repeat right 25px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:80%; padding:20px 30px; border-bottom:1px dashed #b6cbe2;}
.historyList .list ul li{line-height:30px;}
.historyList .list ul li.tit{font-size:30px; font-weight:bold; color:#0a80bd; margin-bottom:10px;}
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#015ac1;}
.historyList .list .first ul{border-bottom:1px dashed #1991cb;}


/* 찾아오시는길 */
.box_map {position:relative; padding:30px 25px; border:2px dashed #d5d8da; background:#fff; border-top:4px solid #00a390;}
.box_map:before {content:''; position:absolute; top:-4px; left:-2px; width:150px; height:2px; border-top:4px solid #024289; /* border-left:4px solid #1a90ce; */}
.box_map:after {/* content:''; */position:absolute; top:-2px; right:-2px; width:80px; height:50px; border-bottom:4px solid #1a90ce; border-right:4px solid #36bbb8;}
.box_map .box_st_ico {position:relative; min-height:70px; padding-left:125px;}
.box_map .box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}
/* 찾아오시는길 내용*/
.list_rd {position:relative;}
.list_rd li {font-size:15px; color:#333; font-family:'NotoR'; letter-spacing:-0.5px; line-height:24px; margin-top:5px;}
.list_rd li .rd_bg {display:inline-block; width:100px; color:#fff; padding:3px 0; border-radius:20px; background:#00a390; text-align:center; font-family:'NotoM'; margin-right:10px;}

/*PDF 뷰어 220809*/
.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;}
.excha_box .excha_pdf object {width:100%; height:100%;}
.excha_box .excha_pdf object embed {width:100%; height:100%;}
.excha_down {display:none; width:100%; text-align:center; border:1px solid #d9d9d9; background:#F7F7F7 url('/images/web/ipsi/sub_cnt/pdf_img.png') no-repeat 50% 60px;}
.excha_down a {width:100%; height:80px; display:block; padding-top:140px; font-size:16px; line-height:16px; color:#000000;}

/*학과소개*/
.majortab {margin-bottom:10px;}
.majortab li {width:16%; display:inline-block;}
.majortab li a {padding:10px 15px; color:#fff; background:#155eb6; border:1px solid #155eb6; display: block;margin:2.5px;line-height:22px;font-size:14px;font-family:"NotoM"; text-align:center; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.majortab li:not(.on) a{background:#f9f9f9; color:#333; border:1px solid #ccc;}
.majortab.tab30 {display:flex; align-items:center;}
.majortab.tab30 li{flex:1;}
.majortab.tab30 li a {display:flex; justify-content:center; align-items:center; height:66px;}


/*241122*/
.ptab {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.ptab li {float:left; margin:-1px 0 0 -1px; height:48px;text-overflow:ellipsis;white-space:nowrap;}
.ptab li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:14px; font-family:'NanumGothic'; text-align:center; color:#555; border:1px solid #d5d8d8; background:url("/images/co/na/tab1_off.png") no-repeat right center #fff;}
.ptab li.on a, .ptab li.on a:hover {color:#fff;border: 1px solid #5b92bb;background: url(/images/co/na/tab1_on.png) no-repeat right center #3a70bc;}
.ptab li a:hover {color:#fff; border:1px solid #45495b; background:url("/images/co/na/tab1_on.png") no-repeat right center #45495b;}

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

	/* 학과소개 인사말 공통 */
	.dep_box .img {width: 20%;}
	.dep_box .img img {width:100%;}
	.dep_box .txt {width: 77%;}
	.dep_box .txt .txt_1 {font-size:30px; margin-bottom:30px;}
	.dep_box .txt .txt_2 {font-size:20px;}

	/*학과장 소개*/
	.dep_box2 .img{width:140px !important; height:175px !important;}
	.dep_box2 .txt{width:74% !important;} /* 191227 수정 */
}

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

	/* 연혁 */
	.historyList, .historyList .list  {background-image:none;}
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}

	
	/*학과소개*/
	.majortab li {width:24%;}
	
	/*학과장 소개*/
	.dep_box2 .img{width:140px !important; height:175px !important;}
	.dep_box2 .txt{width:74% !important;} /* 191227 수정 */
	
.majortab.tab30 {flex-wrap:wrap}
.majortab.tab30 li{flex:0 0 49.5%;}
}


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


	/* 학과소개 인사말 공통 */
	.dep_box .img {width: 25%;height: 235px;}
	.dep_box .img img {width:100%;}
	.dep_box .txt {width: 68%;height: 235px;background-size:20%}
	.dep_box .txt .txt_1 {font-size:28px;}
	.dep_box .txt .txt_2 {font-size:20px;}

	/*학과장 소개*/
	.dep_box2 .img{float:none; margin:0 auto 20px;}
	.dep_box2 .txt{width:100% !important;}
	.dep_box .txt {background-position:90% bottom;}

	/*학과소개*/
	.majortab li {width:32%;}

	/*241122*/
	.ptab li {width:100%;}

}

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

	/* 연혁 */
	 .historyList .list .right,  .historyList .list .left{width: 100%;}

}

@media screen and (max-width:690px) {
	
	/* 학과소개 인사말 공통 */
	.dep_box .img {width:100%; height:auto;}
	.dep_box .img {width:auto;}
	.dep_box .txt {width:100%; height:auto; background-size:20%; background-position:95% bottom;}
	.dep_box .txt .inner {padding:20px;}
	.dep_box .txt .txt_1 {font-size:24px;}
	.dep_box .txt .txt_2 {font-size:18px;}


	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width: 100%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
}


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

	

	/* 주요전공분야 */
	.major_box .major_list .ico_img {left:50%; margin-left:-40px;}
	.major_box .major_list .txt { padding:120px 0 0;}
	.major_box .major_list .txt p {font-size:15px; letter-spacing:-1px; color:#333;}
	.major_box .last {padding:0; margin:0;} /* 마지막 내용 */
	.major_box .last:before {content:''; display:block; position:absolute; bottom:0; width:100%; height:0px; background:none;}
		
	
	/* 연혁 */ 
	.historyList > img{ width:60%}

	/* 찾아오시는길 */
	.box_map .box_st_ico {padding-left:0; padding-top:80px;}
	.box_map .box_st_ico .ico_boxImg {position:absolute; left:50%; top:0; margin-left:-66px;}
	/* 찾아오시는길 내용*/
	.list_rd li .rd_bg {display:block; width:100%; margin-right:0;}

	/*학과소개*/
	.majortab li {width:48%;}
	.majortab li a { font-size:14px;}
.majortab.tab30 li{flex:0 0 100%;}
	.majortab.tab30 li a{height:44px;}
}


@media screen and (max-width:380px) {
	/* 연혁 */ 
	.historyList h3 { width: 260px; background: url('/images/web/future/sub_cnt/history_title.png') no-repeat center top / contain;}
	
	/* 학과소개 인사말 공통 */
	.dep_box .txt .txt_1 {font-size:20px; margin-bottom:20px;}
	.dep_box .txt .txt_2 {font-size:16px;}	

}