@charset "utf-8";

/* word-break:keep-all; */
.w_b{word-break:keep-all;}

/* 학과소개 인사말 공통 */
.dep_box {position:relative; overflow:hidden;}
.dep_box .img {width:560px; height:350px; float:left;}
.dep_box .img img {width:100%; height:100%;}
.dep_box .txt {position:relative; width:468px; height:350px; float:right; background:url('/images/web/ust/sub_cnt/logo_img01.png') no-repeat right bottom;}
.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:28px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; margin:0 0 15px; word-break:keep-all;}
.dep_box .txt .txt_2 {font-size:18px; line-height:1.3; font-family:'NotoR'; color:#444; letter-spacing:-1px; margin:15px 0 0;word-break:keep-all;}
.dep_box .fp_gr {color:#009281;}
.dep_box .fp_org {color:#f58220;}
.greeting {margin-top:50px;}
.greeting p {font-size:15px; line-height:1.5; font-family:'NotoR'; color:#444; letter-spacing:-1px;}
.greeting p.sign{font-size:16px; line-height:1.5; font-family:'NotoM'; color:#222; 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/ust/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;}

/* 연혁 */
.historyList {overflow:hidden; text-align:center; background:url('/images/web/ust/sub_cnt/his_bg.png') no-repeat left top;}
.historyList h3 {position:relative; width:auto; height:120px; 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/ust/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; line-height:40px;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/ust/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/ust/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/ust/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:25px; word-break:keep-all;}
.historyList .list ul li.tit{font-size:30px; font-weight:bold; color:#0a80bd; margin-bottom:10px;}
.historyList .list ul li > span{margin-right:8px; color:#015ac1; font-size:15px; font-family:'NotoM';}
.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;}

/* 온라인, 오프라인 상담 */
.CNSLT_box {position:relative; width:100%;}
.CNSLT_box dl {width:100%; height:70px; margin:30px 0;}
.CNSLT_box dl dt{ position:absolute; left:0; width:20%; height:70px; line-height:70px; border-radius:10px; font-size:18px; text-align: center; color:#fff; background:#003871; }
.CNSLT_box dl dd{width:78%; height:70px; margin-left:22%; border-bottom:1px solid #CCC;}
.CNSLT_box dl.tb_box { height:160px; }
.CNSLT_box dl.tb_box dd {border-bottom:none;}
.CNSLT_box dl dd.txt1 { line-height:70px;}
.CNSLT_box dl.last dd{border:none;}


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

	/* 학과소개 인사말 공통 */
	.dep_box .img {width:50%;}
	.dep_box .txt {width:45%; word-break:keep-all;}
	.dep_box .txt .txt_1 br{display:none;}
    
}

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



}

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

	/* 학과소개 인사말 공통 */
	.dep_box .txt .txt_1 {font-size:24px;}

	/* 연혁 */
	.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; padding:10px 10px 20px;}
	.historyList .list ul li.tit{text-align:center;}
    .historyList .list .left ul:last-child{margin-bottom:0px;}

}


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

	/* 학과소개 인사말 공통 */
	.dep_box .img {height:280px;}
	.dep_box .txt {height:280px; background-size:20%;}
	.dep_box .txt .txt_1 {font-size:20px; margin:0 0 5px;}
	.dep_box .txt .txt_2 {font-size:15px; margin:5px 0 0;}
	.dep_box .txt .inner {padding:30px 5px 0 0px;}

}

@media screen and (max-width:730px) {
	
	/* 온라인, 오프라인 상담 */
	.CNSLT_box dl {height:auto;}
	.CNSLT_box dl dt{ position:relative; left:auto; width:100%; height:40px; line-height:40px;}
	.CNSLT_box dl dd{width:100%; height:auto; margin-left:0; margin-top:10px; border-bottom:0; text-align:center}
	.CNSLT_box dl dd.txt1 {line-height:20px;}
	.CNSLT_box dl.tb_box {height:auto; }
	.CNSLT_box dl.last dd{border:none;}

}

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

	.greeting {margin-top:20px;}

}

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

	/* 연혁 */ 
	.historyList > img{ width:60%}

	/* 주요전공분야 */
	.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;}

	/* 찾아오시는길 */
	.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; margin-bottom:5px;}

}


@media screen and (max-width:380px) {
	
	/* 학과소개 인사말 공통 */
	.dep_box .txt .txt_1 {font-size:18px;}


}