@charset "utf-8";

/* 인사말 */
.greeting {line-height:1.6; word-break:keep-all;}
.greeting .greeting_top {position:relative;}
.greeting .greeting_top span {display:block; text-align:right;}
.greeting .greeting_top p {position:absolute; left:0; bottom:0; height:165px; padding:35px 30px 30px 30px; font-size:30px; color:#005aab; background:#fff; border-bottom:8px solid #005aab;}
.greeting .greeting_top p:after {content:""; display:block; position:absolute; right:-40px; top:-40px; width:80px; height:80px;  background:url('/images/web/pjdh/sub_cnt/bg_greeting.png') no-repeat right top;}
.greeting .greeting_top p strong {position:relative; display:block;  padding-top:15px; margin-top:15px; padding-right:70px; font-size:40px; font-family:'NotoB';}
.greeting .greeting_top p strong:after {content:""; display:block; position:absolute; left:0; top:0; width:85px; height:2px;  background:#005aab;}
.greeting .name{text-align:right; margin:30px 0 0 ; color:#555; font-size:20px;}
.greeting .name span {color:#005aab;}

/* 0101_학과소개 191120 */
.summary_box {padding:25px 45px; font-size:15px; border:1px solid #dfe6ee; border-top:3px solid #005aab; word-break:keep-all;}
.summary_box .summary_top {position:relative; min-height:100px; padding-left:140px; background:url('/images/web/pjdh/sub_cnt/ico_summary.png') no-repeat left top;}
.summary_box .txt_box {margin:25px 0 0; border-top:1px dashed #b2b7c7; overflow:hidden;}
.summary_box .txt_box .btn {display:inline-block; padding:10px 15px; color:#fff;  margin-bottom:10px; line-height:22px; font-size:17px; font-family:"NotoM"; background:#013c6c url('/images/web/pjdh/sub_cnt/summary_btn_bg.png') repeat; border-radius:5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.summary_box .txt_box .ico_w {position:relative; padding:10px 50px 10px 15px; margin-bottom:10px;}
.summary_box .txt_box .ico_w span {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;}
.summary_box .txt_box .ico_w span.link {background:url("/images/web/pjdh/sub_cnt/summary_btn_link.png") no-repeat;}
.summary_box .txt_box .ico_w:hover span, .summary_box .txt_box .ico_w:focus span {right:20px;}
.summary_box .summary_txt{margin:25px 0;padding:25px 0;border-top:1px dashed #b2b7c7;text-align:left;border-bottom:1px dashed #b2b7c7;overflow:hidden;}
.goal { width:80%; height:auto; overflow:hidden; margin:0 auto;}
.goal dt { background:#005aab; color: #fff; padding: 30px; text-align: center; font-size: 17px; border-radius: 5px; margin-bottom: 15px; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);}
.goal span { background: url('/images/web/pjdh/sub_cnt/img_0101_arrow.png') no-repeat center bottom; height: 90px; display: block;}
.goal dd { float: left; margin-right:2%; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; width:32%; height: 200px; padding: 110px 20px 22px; text-align: center; box-sizing: border-box; }
.goal dd:last-child  { margin-right:0; }
.goal dd.g01 { background: url('/images/web/pjdh/sub_cnt/img_0101_goal_01.png') no-repeat center 30px; }
.goal dd.g02 { background: url('/images/web/pjdh/sub_cnt/img_0101_goal_02.png') no-repeat center 30px; }
.goal dd.g03 { background: url('/images/web/pjdh/sub_cnt/img_0101_goal_03.png') no-repeat center 30px; }
.dep_op li { width: 32%; border: 1px solid #ddd; border-radius: 4px; padding: 15px 10px; text-align: center; float: left; margin: 2px; box-sizing: border-box; }
.dep_op li span { color:#005aab; font-weight: 600; display: block; font-size: 13px; }

/********** Media quary **********/
@media screen and (max-width:1399px){ 

}

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

	/* 인사말 */
	.greeting .greeting_top span img {height:300px;}

	/*0101_학과소개191120 */
	.dep_op li { width:48%;}

}

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

}

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

	/* 인사말 */
	.greeting .greeting_top span img {height:auto; width:100%;}
	.greeting .greeting_top p {position:relative; left:auto; top:auto; height:auto; width:80%; margin:-25px auto 0; padding:25px; text-align:center; font-size:20px; background-image:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.greeting .greeting_top p br {display:none;}
	.greeting .greeting_top p strong {margin-top:20px; font-size:30px; padding-right:0;}
	.greeting .greeting_top p strong:after {left:50%; width:60px; margin-left:-30px;}

	/* 0101_학과소개 191120 */
	.summary_box {font-size:14px; padding:25px 25px;}
	.summary_box .summary_top {padding-left:100px; background-size:80px; min-height:80px;}
	.goal { width:100%; }



}

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

	/*0101_학과소개 191120 */
	.dep_op li { width:100%; margin:2px 0;}
	.goal dd { float:none; margin:1% 0; width:100%; height:auto; }


}

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

}

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

	/* 인사말 */
	.greeting .greeting_top p {width:100%; margin:0 auto; padding:25px 20px; font-size:16px;}
	.greeting .greeting_top p:after {display:none;}
	.greeting .greeting_top p strong {font-size:20px;}
	
	/* 0103_학과소개  191120 */
	.summary_box .summary_top {padding:100px 0 0; text-align:center; background-position:center top;}


}

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

}