@charset "utf-8";


/* 0101 학과소개 */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all; background:#fff;}/* 200918 */
.summary_box .summary_top {position:relative; min-height:100px; padding-left: 160px;}
.summary_box .summary_top .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top .img{position:absolute; top:0; left:0;}
.summary_box .summary_top .img img{width:140px; height:auto;}
.summary_box .summary_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.summary_box .summary_txt p {font-family:'NotoR'; font-size:14px; color:#444; line-height:1.4; word-break:keep-all;}

/* 연혁 */
.historyList {overflow:hidden; text-align:center; background:url('/images/web/djurise/sub_cnt/his_bg.png') no-repeat left top;}
.historyList h3 {position:relative;width:289px;height:199px;margin:0 auto;line-height:40px;font-size:24px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/djurise/sub_cnt/history_title.png') no-repeat center top;}
.historyList h3 span {position:relative;display:block;font-size:18px;font-family:"NotoDL";color:#e4f3ff;padding-top:70px;letter-spacing:0;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/djurise/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/djurise/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/djurise/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 solid #c3d4e8;}
.historyList .list ul li{line-height:30px;color: #001141;font-weight: 600;}
.historyList .list ul li.tit{font-size:30px;font-weight:bold;color: #001141;margin-bottom:10px;}
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#002f67;}

/* 0102 인사말 */
.greeting{position:relative;}
.greeting .greet_top{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top:before {content:""; display:block; position:absolute; right:0; bottom:0; width:750px; height:250px; background:url("/images/web/djurise/sub_cnt/img_greeting.png") no-repeat; background-size:cover;}
.greeting .greet_top .topTxt{position:relative; display:inline-block; min-width:440px; max-width:50%; min-height:150px; padding:45px 30px 60px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/djurise/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35); }
.greeting .topTxt h3 {font-size:34px; font-family:'NotoM';  word-break:keep-all;} 
.greeting .topTxt p {font-size:17px; margin-top:20px; word-break:keep-all} 
.greeting .topTxt .topTeng {position:absolute; right:30px; bottom:30px; padding-left:90px; letter-spacing:3px; font-size:15px; color:#87a3c5;  font-family:'NotoM';}
.greeting .topTxt .topTeng:before {content:""; display:block; position:absolute; left:0; top:10px; width:80px; height:1px; background:#4d6e95;}
.greeting .txt {margin-top:40px;}
.greeting .txt p {font-size:16px; line-height:1.8; word-break:keep-all;}
.greeting p.sign{margin-top:30px;text-align:right; font-size:17px;  word-break:keep-all;}
.greeting p.sign strong {font-family:'NotoB';}

/* 절차디자인 */
.list_box {display: flex;justify-content: space-between;gap: 40px;margin: 0 auto;counter-reset: step-counter;}
.list_box dl {flex: 1;background-color: #fff;position: relative;display: flex;flex-direction: column;border-radius: 0.5rem;}
.list_box dl dt {position: relative;background-color: #00723E;min-height: 4rem;padding: 0 0.5rem;font-weight: 600;font-size: 0.9rem;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;word-break: keep-all;}
.list_box.num dl { counter-increment: step-counter; }
.list_box.num dl dt::before {content: counter(step-counter);display: inline-flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;background-color: #444444;color: #fff;border-radius: 50%;font-size: 0.7rem;margin-right: 0.5rem;flex-shrink: 0;}
.list_box dl dd {padding: 20px;flex-grow: 1;border: 1px solid #c7c7c7;}
.list_box dl::after {content: '';position: absolute;right: -2rem;top: 50%;transform: translateY(-50%);width: 18px;height: 180px;z-index: 1;background: url(/images/web/djurise/sub_cnt/left_arrow.png) no-repeat center;background-size: contain;}
.list_box dl:last-child::after { display: none; }
.bg_green2 {padding:1rem; color:#fff; background:#00723E; text-align: center; font-size: 1.1rem; font-weight: 600;}

/*커스텀 절차*/
.list_box.custom .customBox{position:relative; display:flex;align-items:stretch;width: 70%;}
.list_box .customBox::after {content: '';position: absolute;right: -2rem;top: 50%;transform: translateY(-50%);width: 18px;height: 180px;z-index: 1;background: url(/images/web/djurise/sub_cnt/left_arrow.png) no-repeat center;background-size: contain;}
.list_box .customBox dl dt::after {content: '+';display: flex;position: absolute;right: -15px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;z-index: 1;font-size: 1.2rem;background: #fff;border-radius: 50%;color: #111;align-items: center;justify-content: center;line-height: 1;}
.list_box .customBox dl:last-child dt::after{display:none;}
.list_box .customBox dl::after {display:none;}
.flex_box {display: flex;align-items: center;gap:1rem}


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

	

}

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


	
	/* br */
	.br_none br {display:none;}


}



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

@media screen and (max-width:980px) {
	 
	/* 0101_인사말 */
	.greeting .greet_top {padding:200px 0 0;}
	.greeting .greet_top:before {bottom:auto; top:0; width:100%; background-position:center top;}
	.greeting .greet_top .topTxt{display:block; min-width:auto; width:90%; max-width:100%; height:auto; margin:0 auto; padding:20px 30px 50px; box-sizing:border-box;}
	.greeting .topTxt h3 {font-size:28px;}
	.greeting .greet_top .topTxt br {display:none;}
	.greeting .topTxt p br {display:none;} 
	.greeting .topTxt .topTeng {bottom:20px; padding-left:90px; letter-spacing:0; }

	/* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2:before {width:95%; height:90%;}
	.greeting .greet_top2 .topTxt{width:95%; height:auto; padding:20px 30px 50px 170px; min-height:0;}
	.greeting .greet_top2 .topTxt .img {left:30px; top:20px;}
}

@media screen and (max-width:800px) {
.list_box.custom {flex-wrap:wrap;}
.list_box.custom .customBox {width:100%;}
.flex_box {flex-wrap:wrap;}
.flex_box > * {width:100%;}
.list_box .customBox {flex-wrap:wrap;}
.list_box.custom .customBox::after {right: 50%;top: auto;bottom: -7.5rem;transform: translateX(50%) rotate(90deg);}
.list_box .customBox dl {position:relative; flex: auto;width:100%;}
.list_box .customBox dl::after {content: '+';display: flex;position: absolute;right: 50%;top: auto;bottom: -15px;transform: translateX(50%);width: 30px;height: 30px;z-index: 1;font-size: 1.2rem;background: #fff;border-radius: 50%;color: #111;align-items: center;justify-content: center;line-height: 1;box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 25%);}
.list_box .customBox dl:last-child::after {display:none;}
.list_box .customBox dl dt::after{display:none;}
.list_box { flex-direction: column; gap: 50px; }
.list_box dl::after {right: 50%;top: auto;bottom: -7.5rem;transform: translateX(50%) rotate(90deg);}
.list_box dl dt { font-size: 16px; }
.bg_green2 {padding:0.5rem;font-size: 0.9rem;}
}
@media screen and (max-width:768px) {

	/* 0102 학과소개 */
	.summary_box {font-size:14px; padding:25px 25px;}
	.summary_box .summary_top {min-height:auto; padding-left:0; background-position:center top;}
	.summary_box .summary_top .img{position:relative; margin:0 auto 20px; text-align:center;}
	
	/* 0107 학과시설 */
	.fclty_box {font-size:14px; padding:25px 25px;}
}



@media screen and (max-width:690px) { 	
	/* 0107 학과시설 */	
	.fclty_box .fclty_con {padding-left:0;}
	.fclty_box .fclty_con .img{position:relative; margin:0 auto 20px; text-align:center;}
}





@media screen and (max-width:560px) { 	
	 /* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2 .topTxt{height:auto; margin-top:60px; padding:80px 30px 50px 30px;}
	.greeting .greet_top2 .topTxt .img {left:50%; top:-60px; margin-left:-52px;}
}

@media screen and (max-width:480px) { 
	/* 0101 학과장인사말 */
	.greeting .topTxt h3 {font-size:24px;}

}