@charset "utf-8";

/* sub01_01 학과소개 */
.grt_txt .col p.wb_ka{word-break: keep-all;}
@media only screen and (min-width:480px) {
	.box_greeting.greet_hb:after{background:url(/images/hb/sub01/sub01_01_img01.jpg) no-repeat 50% 50%;background-size:cover;}
}
@media only screen and (min-width: 768px){
	.box_greeting .msg { padding: 85px 12% 0 5%;}
}

@media only screen and (min-width: 1200px){
	.box_greeting .msg h2 { margin-bottom: 10px; padding-top: 80px; font-size: 36px; line-height: 38px;}
}

@media only screen and (max-width: 767px){
	.box_greeting .msg{padding: 40px 5% 12px 10%;}
	.box_greeting .msg h2 {padding: 5px 0 0 0;}
	.box_greeting .msg h2:before{display: none;}
}

/*학장 인사말*/
.sub01_02 .ptxt{font-size: 17px;}

/*학과안내*/
.sub02_01 .ui.uib{padding: 30px;border: 1px solid #ddd;}



/* 교육목표 sub01_03 */
.sub01_03 h3.txt_left{position: relative; margin-bottom: 50px; color: #000; font-size: 24px;text-align: center;}
.intro_diagram_wrap{overflow: hidden; padding:0px;}
.intro_diagram_wrap.icobg .intro_diagram li span{padding: 65px 0;}
.big_sqr{width:100%;height:auto;margin:auto;padding: 10px 0px 50px; border-radius:90px;}
.sml_sqr{width:100%;height:auto;padding:30px;}
.cl3{background-color:#1461ac}
.big_sqr *{text-align: center;color:#fff;}
.big_sqr p{font-size:18px;}

.bg_arw{overflow: visible; position:relative;margin-top:80px;}
.bg_arw:before{content:"";display: block;position:absolute;top:-80px;width:100%; height:80px;background: url(/images/common/major/sub/arw_bg.png) no-repeat center;}
.border_diagram_wrap .ttlwrap h3.mjttl{top: auto;padding-top: 70px;}
.border_diagram{position: relative;}
.border_diagram li{width: 165px;height: 165px;margin:20px auto; padding: 60px 20px; border:5px solid #ddd;border-radius: 50%;font-size: 22px;text-align: center;}
.border_diagram li.item1{border:5px solid #21378f; color:#21378f; }
.border_diagram li.item2{border:5px solid #51a7b8; color:#51a7b8; }
.border_diagram li.item3{ border:5px solid #2b70b4; color:#2b70b4; }
.ui.uilnk .box_col.col3{padding-top: 30px;}

@media only screen and (min-width: 768px){
	.sub01_03 h3.txt_left{float: left;width: 20%;text-align: left;}
	.sub01_03 .txt_right{float: left;width: 80%;}

	.intro_diagram_wrap{margin-top: 70px;}
	.intro_diagram_wrap.nobrdr.pt_0:after{top: 75px;left: 35%;}
	.sml_sqr{width:70%; margin-top: 10px;}
	.bg_arw:before{left: 43%; width: 320px;}

	.border_diagram_wrap{height: 500px;}
	.border_diagram_wrap .ttlwrap{left: 10px;}
	.border_diagram li{position: absolute; }
	.border_diagram li.item1{left: 10%;top: -50px;}
	.border_diagram li.item2{left: 40%;top: 20px;}
	.border_diagram li.item3{right: 9%; top: -50px;}
	
	.ui.uilnk.type1.dsg3col .box_col .col ul{height: 369px;}	
}

@media only screen and (max-width: 1200px){
	.border_diagram li.item3{right: 1%;}
}
