@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/template/00101/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;}

/* 0103_학과소개 */
.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/template/00101/sub_cnt/summary_icon.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/template/00101/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/template/00101/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;}


/*교육목표*/
.vision{overflow:hidden; text-align:center; font-family: 'Pretendard';}
.vision > div{position:relative;z-index:0;}
.vision > div:before{content:"";display:block;position:absolute;left:100px;top: 50%;width:150px;height:1px;background:#ccc;z-index:-1;}
.vision h3{position:absolute;top: 50%;transform: translate(0, -50%);left:0;margin: 0 10px;padding-top:20px;width:107px;height:87px;color:#fff;font-size: 20px; z-index:1; }
.vision h3:before{content:""; display:block; position:absolute; top:0; left:0; width:107px; height:107px; background:#0058bb url("../../../images/template/00101/sub_cnt/vision_bg.png") no-repeat bottom center; border-radius:100px; z-index:-1;}
.vision h3:after{content:""; display:block; position:absolute; top:-10px; left:-10px; width:127px; height:127px; background: url("../../../images/template/00101/sub_cnt/mission_pt.png"); border-radius:100px; z-index:-2;}
.vision .txt_box{margin-left: 15%;padding:20px;width: 85%;border:1px solid #ccc;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height: 116px;}
.vision .txt_box ul li {line-height: 25px; box-sizing: border-box;}
.vision .box01 .txt_box {display: flex; align-items: center; justify-content: center; color: #333;}
.vision .box01 p{font-size:20px; font-weight: 500;}
.vision .box02 ul{overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 10px; padding: 0 30px;}
.vision .box02 ul li{display: flex;position: relative;background-color: #f8f8f8;padding: 10px;color: #323b50;font-size: 15px;flex: 1;flex-wrap: wrap;align-items: center;justify-content: center;font-weight: 500;}
.vision .box02 .txt_box{height: 150px;padding: 14px 20px;}
.vision .box03 ul{overflow:hidden; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: stretch; gap: 10px; padding: 0 7px;}
.vision .box03 ul li{display: flex;position: relative;background-color: #fff;padding: 6.5px 10px;color: #014d9b;border-radius: 32.5px;border: 1px solid #005aab;font-size: 15px;flex: 1;flex-wrap: wrap;align-items: center;justify-content: center;font-weight: 500;}
.vision .box03 .txt_box {padding: 25px 10px;}
.vision .box04 ul{overflow:hidden; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: stretch; gap: 10px; padding: 0 7px;}
.vision .box04 ul li{display: flex;position: relative;background-color: #e9faff;padding: 7.5px 10px;color: #333;border-radius: 32.5px;font-size: 15px;flex: 1;flex-wrap: wrap;align-items: center;justify-content: center;font-weight: 500;}
.vision .box04 .txt_box {padding: 25px 10px;}
.vision .box05 .txt_box {display: flex; align-items: center; justify-content: center; background-color: #eff3fb; border: none;}
.vision .box05 p{font-size:20px; font-weight: 500; color: #333;}
.vision .arrow{margin-left: 15%; }
.vision .arrow ul{overflow:hidden;}
.vision .arrow ul li{width: 100%;}
.vision .arrow:before{display: none;}
.vision .box02 {margin-top: 40px;margin-bottom: 18px;}
.vision .box03 {margin-top: 18px;margin-bottom: 20px;}
.vision .box04 {margin-top: 20px;}
.vision .box05 {margin-top: 38px;}
.vision .box01 h3:before{background-color:#0058bb;}
.vision .box02 h3:before{background-color:#163e57;}
.vision .box03 h3:before{background-color:#00a19c;}
.vision .box04 h3:before{background-color:#008aaf;}
.vision .box05 h3:before{background-color:#01308e;}
.vision .box04 h3,.vision .box05 h3{line-height:70px;}

/*교육목표2*/
.vision2{overflow:hidden;text-align:center;font-family: 'Pretendard';display: flex;flex-wrap: wrap;align-items: stretch;}
.vision2 .box01 {writing-mode: vertical-lr;text-orientation: upright;flex: 0 0 10%;margin-top: 75px;}
.vision2 .box01 dl {position: relative;}
.vision2 .box01 dl > * {border-radius: 15px;display: flex;color: #fff;align-items: center;justify-content: center;}
.vision2 .box01 dl dt {font-size: 20px;font-weight: 500;width: 65px;padding: 10px;box-sizing: border-box;height: 620px;}
.vision2 .box01 dl dd {width: 65px;padding: 5px;position: absolute;top: 50%;right: -50px;transform: translate(0, -50%);font-size: 18px;font-weight: 500;height: 100%;max-height: 550px;box-sizing: border-box;}
.vision2 .box02 {flex: 0 0 25%;}
.vision2 .box02 h3 {display: flex; border-radius: 15px; color: #fff; font-size: 20px; font-weight: 600; min-height: 55px; justify-content: center; align-items: center;}
.vision2 .box02 .txt_box ul {margin-top: 20px;}
.vision2 .box02 .txt_box ul li{box-sizing: border-box;display: flex;padding: 10px;justify-content: center;align-items: center;border-radius: 15px;border:1px solid #ff7968;background-color: #FFEBE8;font-size: 16px;font-weight: 500;min-height: 105px;word-break: auto-phrase;}
.vision2 .box02 .txt_box ul li + li {margin-top: 20px;}
.vision2 .box03 {flex: 0 0 25%;}
.vision2 .box03 h3 {display: flex; border-radius: 15px; color: #fff; font-size: 20px; font-weight: 600; min-height: 55px; justify-content: center; align-items: center;}
.vision2 .box03 .txt_box ul {margin-top: 20px;}
.vision2 .box03 .txt_box ul li{box-sizing: border-box;display: flex;padding: 10px;justify-content: center;align-items: center;border-radius: 15px;border:1px solid #2e466a;background-color: #E0E3E9;font-size: 16px;font-weight: 500;min-height: 105px;word-break: auto-phrase;}
.vision2 .box03 .txt_box ul li + li {margin-top: 20px;}
.vision2 .box04 {writing-mode: vertical-rl;text-orientation: upright;flex: 0 0 8%;margin-top: 75px;}
.vision2 .box04 dl {position: relative;}
.vision2 .box04 dl > * {border-radius: 15px;display: flex;color: #fff;align-items: center;justify-content: center;}
.vision2 .box04 dl dt {font-size: 20px;font-weight: 500;width: 65px;padding: 10px;box-sizing: border-box;height: 620px;}
.vision2 .box04 dl dd {width: 45px;padding: 5px;position: absolute;top: 50%;left: -30px;transform: translate(0, -50%);font-size: 18px;font-weight: 500;height: 100%;max-height: 550px;box-sizing: border-box;}
.vision2 .box02 {flex: 0 0 25%;}
.vision2 .arrow {flex: 0 0 10%;margin-top: 75px;}
.vision2 .arrow.right_arraw {flex: 0 0 12%;}
.vision2 .arrow.right_arraw ul {display: flex;align-items: center;height: 100%;justify-content: center;}
.vision2 .arrow ul li{box-sizing: border-box;display: flex;padding: 10px;align-items: center;min-height: 105px;justify-content: center;}
.vision2 .arrow ul li + li {margin-top: 20px;}
.vision2 .box01 dl dt {background-color:#00478e;}
.vision2 .box01 dl dd {background-color: #0084c2;}
.vision2 .box02 h3 {background-color: #ff7968;}
.vision2 .box03 h3 {background-color: #2e466a;}
.vision2 .box04 dl dt {background-color:#0b7c6f;}
.vision2 .box04 dl dd {background-color:#27a370;}
.vision2 .mb_arraw {display: none !important;}

/*로드맵*/
.lmap{margin: 0 auto; font-family: 'Pretendard';font-size: 20px;width: 989px;}
.lmap .box01 {display: flex;width: 100%;height: 120px;gap: 10px;}
.lmap .box01 > .tit {width: 129px;display:flex;justify-content:center;align-items:center;background:#2e466a;padding:40px;border-radius:15px;color:#fff;flex: 1 0 2.5%;}
.lmap .box01 dl {position: relative;flex: 1 0 40%;}
.lmap .box01 dl dt {display:flex;justify-content:center;align-items:center;background:#2e466a;padding: 20px;border-radius:15px;color:#fff;height: 55px;box-sizing: border-box;}
.lmap .box01 dl dd {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 10px;}
.lmap .box01 dl dd p{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 55px;flex: 1;border: 1px solid #0084c2;border-radius: 15px;box-sizing: border-box;color: #333;}

.lmap .box02 {position: relative;display: flex;width: 100%;height: 245px;gap: 20px;margin-top: 42px;padding: 0 2px 0 5px;}
.lmap .box02::before {content: "";position: absolute;background-color: #f4fffa;width: 100%;border-radius: 15px;height: calc(100% + 55px);top: 50%;transform: translate(0, -50%);z-index: 0;padding: 0 2px;} 
.lmap .box02::after {content: "";width: 989px;height: 300px;top: 50%;transform: translate(0, -50%);left: 0;position: absolute;background: url(../../../images/template/00101/sub_cnt/box_line01.png) center;z-index: 0;}  
.lmap .box02 > .tit {display:flex;justify-content:center;align-items:center;background: #11b465;padding: 20px;border-radius:15px;color:#fff;flex: 1 0 2%;z-index: 1;}
.lmap .box02 ul {position: relative;display: flex;align-items:center;flex: 1 0 78%;box-sizing: border-box;gap: 20px;}
.lmap .box02 ul li {flex: 1;}
.lmap .box02 ul li p{display: flex;position: relative;flex-wrap: wrap;align-items: center;justify-content: center;height: 45px;border: 1px solid #333333;border-radius: 15px;box-sizing: border-box;color: #333;font-size: 16px;background-color: #fff;z-index: 1;}
.lmap .box02 ul li p + p {margin-top: 5px;}
.lmap .box02 ul li:nth-of-type(3) p:nth-of-type(2) {margin-top: 30px;margin-bottom: 30px;}
.lmap .box02 ul li:nth-of-type(4) p:nth-of-type(2) {margin-top: 50px;margin-bottom: 50px;}

.lmap .box03 {position: relative;display: flex;width: 100%;height: 245px;gap: 20px;margin-top: 70px;padding: 0 2px 0 5px;}
.lmap .box03::before {content: "";position: absolute;background-color: #eefaff;width: 100%;border-radius: 15px;height: calc(100% + 55px);top: 50%;transform: translate(0, -50%);z-index: 0;padding: 0 2px;} 
.lmap .box03::after {content: "";width: 989px;height: 300px;top: 50%;transform: translate(0, -50%);left: 0;position: absolute;background: url(../../../images/template/00101/sub_cnt/box_line02.png) center;z-index: 0;}  
.lmap .box03 > .tit {display:flex;justify-content:center;align-items:center;background: #0084c2;padding: 20px;border-radius:15px;color:#fff;flex: 1 0 2%;z-index: 1;}
.lmap .box03 ul {position: relative;display: flex;align-items:center;flex: 1 0 78%;box-sizing: border-box;gap: 20px;}
.lmap .box03 ul li {flex: 1;}
.lmap .box03 ul li p{display: flex;position: relative;flex-wrap: wrap;align-items: center;justify-content: center;height: 45px;border: 1px solid #333333;border-radius: 15px;box-sizing: border-box;color: #333;font-size: 16px;background-color: #fff;z-index: 1;}
.lmap .box03 ul li p + p {margin-top: 10px;}
.lmap .box03 ul li:nth-of-type(1) p {margin-top:190px;}
.lmap .box03 ul li:nth-of-type(2) p {margin-bottom:200px;}
.lmap .box03 ul li:nth-of-type(3) p{margin-bottom:200px;}
.lmap .box03 ul li:nth-of-type(4) p:nth-of-type(1){margin-top:45px;}
.lmap .box03 ul li:nth-of-type(4) p:nth-of-type(2){margin:28px 0}

.lmap .box04 {position: relative;display: flex;width: 100%;height: 245px;gap: 20px;margin-top: 70px;padding: 0 2px 0 5px;}
.lmap .box04::before {content: "";position: absolute;background-color: #fff8f8;width: 100%;border-radius: 15px;height: calc(100% + 55px);top: 50%;transform: translate(0, -50%);z-index: 0;padding: 0 2px;} 
.lmap .box04::after {content: "";width: 989px;height: 300px;top: 50%;transform: translate(0, -50%);left: 0;position: absolute;background: url(../../../images/template/00101/sub_cnt/box_line03.png) center;z-index: 0;}  
.lmap .box04 > .tit {display:flex;justify-content:center;align-items:center;background: #f9636c;padding: 20px;border-radius:15px;color:#fff;flex: 1 0 2%;z-index: 1;}
.lmap .box04 ul {position: relative;display: flex;align-items:center;flex: 1 0 78%;box-sizing: border-box;gap: 20px;}
.lmap .box04 ul li {flex: 1;}
.lmap .box04 ul li p{display: flex;position: relative;flex-wrap: wrap;align-items: center;justify-content: center;height: 45px;border: 1px solid #333333;border-radius: 15px;box-sizing: border-box;color: #333;font-size: 16px;background-color: #fff;z-index: 1;}
.lmap .box04 ul li p + p {margin-top: 10px;}
.lmap .box04 ul li:nth-of-type(1) p {margin-top:125px;}
.lmap .box04 ul li:nth-of-type(2) p {visibility:hidden;}
.lmap .box04 ul li:nth-of-type(3) p:nth-of-type(2) {margin: 19px 0;}
.lmap .bg_yellow {background-color: #fff0dc !important;}


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

}



@media screen and (max-width: 1020px) {
	/*교육목표*/
	.vision > div + div {margin-top: 20px !important;}
    .vision .txt_box{height: auto; min-height: 114px; padding: 14px 20px; margin-left: 20%; width: 80%;}
    .vision .box02 .txt_box{height: auto;padding: 14px 20px;}
    .vision .box02 ul li {flex: 1 0 33%;}
    .vision .box03 ul li {flex: 1 0 49%;}
    .vision .box04 ul li {flex: 1 0 49%;}

	/*교육목표2*/
	.vision2{display: flex; flex-wrap: wrap; flex-direction: column;}
	.vision2 .box01 {writing-mode: inherit;text-orientation: inherit;flex: auto;margin-top: 0;}
	.vision2 .box01 dl {width: 100%;}
	.vision2 .box01 dl > * {border-radius: 15px; display: block; color: #fff;  }
	.vision2 .box01 dl dt {width: 100%;font-size: 20px;font-weight: 500;padding: 15px;height: 100%;}
	.vision2 .box01 dl dd {margin-top: 20px;padding: 10px;position: relative;top: auto;right: auto;transform: translate(0, 0);font-size: 18px;font-weight: 500;width: 100%;height: 100%;}
	.vision2 .box02 {flex: auto;}
	.vision2 .box02 h3 {font-size: 20px;font-weight: 600;width: 50%;margin: 0 auto;}
	.vision2 .box02 .txt_box ul {display: flex; flex-wrap: wrap;align-items: stretch;gap: 10px;}
	.vision2 .box02 .txt_box ul li{flex: 1;font-size: 16px;font-weight: 500;min-height: 105px;}
	.vision2 .box02 .txt_box ul li + li {margin-top: 0;}
	.vision2 .box03 {flex: auto;}
	.vision2 .box03 h3 {font-size: 20px;font-weight: 600;width: 50%;margin: 0 auto;}
	.vision2 .box03 .txt_box ul {display: flex; flex-wrap: wrap;align-items: stretch;gap: 10px;}
	.vision2 .box03 .txt_box ul li{flex: 1;font-size: 16px;font-weight: 500;min-height: 105px;}
	.vision2 .box03 .txt_box ul li + li {margin-top: 0;}
	.vision2 .box04 {writing-mode: inherit;text-orientation: inherit;flex: auto;margin-top: 0;}
	.vision2 .box04 dl {width: 100%;}
	.vision2 .box04 dl > * {border-radius: 15px; display: block; color: #fff;  }
	.vision2 .box04 dl dt {width: 100%;font-size: 20px;font-weight: 500;padding: 15px;height: 100%;}
	.vision2 .box04 dl dd {margin-top: 20px;padding: 10px;position: relative;top: auto;left: auto;transform: translate(0, 0);font-size: 18px;font-weight: 500;width: 100%;height: 100%;}
	.vision2 .arrow {flex: auto;margin-top: 0;width: 100%;}
	.vision2 .arrow ul {display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;width: 100%;}
	.vision2 .arrow.right_arraw {flex: auto;}
	.vision2 .arrow.right_arraw ul li:nth-of-type(1) {display: none;}

	.vision2 .arrow ul li{display: none;}
	.vision2 .arrow ul li:nth-of-type(1) {box-sizing: border-box;display: flex;padding: 10px;align-items: center;min-height: auto;justify-content: center;}
	.vision2 .arrow ul li img{transform: rotate(90deg);}
	.vision2 .arrow ul li + li {margin-top: 0;}
	.vision2 .mb_arraw {display: flex !important;}
	.vision2 .mb_arraw img{transform: rotate(0deg) !important;}

	/*로드맵*/
	.lmap{overflow-x: auto;overflow-y: hidden;width: 100%;}
	.lmap .box01 {width: 989px;}
	.lmap .box02 {width: 989px;}
	.lmap .box03 {width: 989px;}
	.lmap .box04 {width: 989px;}
}


@media screen and (max-width:840px) {
	/*교육목표 */
	.vision .box02 ul li{width:100%;margin-left: 0;}
	.vision .arrow ul li{width:100%}
	.vision .arrow ul li:nth-child(2),.vision .arrow ul li:nth-child(3),.vision .arrow ul li:last-child{display:none;}

}

@media screen and (max-width:768px) {	
	/*교육목표 */
	.vision .box05 ul li dl { min-height: 200px;}
}

@media screen and (max-width:640px) {	
	/*교육목표 */
	.vision > div:before{left: 50%;top:100px;width:1px;height: 50px;}
	.vision h3{top: 0;transform: translate(0, 0);position:relative;margin:10px auto;}
	.vision .txt_box{margin-left:0; width:100%;}			
    .vision .box02 ul{padding: 0px;}
    .vision .box03 ul{padding: 0px;}
	.vision .box04 ul{padding: 0px;}
	
	/*교육목표2*/
	.vision2{display: flex;flex-wrap: wrap;flex-direction: column;}
	.vision2 .box02 .txt_box ul li{flex: 1 0 40%;}
	.vision2 .box03 .txt_box ul li{flex: 1 0 40%;}
}

@media screen and (max-width :380px) {
	/*교육목표*/
	.vision .box02 ul li{flex: 1 0 100%;}
	.vision .box03 ul li{flex: 1 0 100%;}
	.vision .box04 ul li{flex: 1 0 100%;}

	/*교육목표2*/
	.vision2 .box02 .txt_box ul li{flex: 1 0 100%;}
	.vision2 .box03 .txt_box ul li{flex: 1 0 100%;}

}

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

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


}

@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;}

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



}

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

}

@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_학과소개 */
	.summary_box .summary_top {padding:100px 0 0; text-align:center; background-position:center top;}


}

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

}