@charset "utf-8";

/* common */
.wordKeep{word-break: keep-all;}
.aj{text-align: justify;}
.al_td table tr td{text-align:left;}

/* 0102_history */
.scnu_history {overflow:hidden; word-break:keep-all; background:url('/images/web/eng/sub/bg_history_1.png') no-repeat right 10px;}
.scnu_history .tab_st li{width:33.3%;}
.history_img {position:relative; width:220px; padding-bottom:300px; float:left; background:url('/images/web/eng/sub/bg_history_2.png') no-repeat -40px bottom;} /* 181005 */
.history_img h3 {position:absolute; right:-30px; bottom:280px; width:110px; height:60px; margin-bottom:-35px; padding:25px 0; line-height:30px; font-size:22px; font-family:"NotoM"; color:#fff; text-align:center; background:url('/images/web/eng/sub/bg_history_3.png') no-repeat left bottom;} /* 181005 */
.history_list {position:relative; width:660px; float:right; margin-top:40px; padding-top:136px; background:url('/images/web/eng/sub/img_history_top.png') no-repeat left top;} /* 181005 */
.history_list .history_txt {position:absolute; left:140px; top:10px; color:#000;}
.history_list .history_txt .txt1 {font-size:22px; color:#798cab; font-family:"NotoT";}
.history_list .history_txt .txt2 {margin-top:10px; font-size:22px; font-family:"NotoM"; line-height:1.2;}
.history_list .history_txt .txt2 span {font-size:30px; color:#083a75; border-bottom:2px solid #083a75; margin:0 0 5px; display:inline-block;}
.history_list > ol, .history_list > ul {padding:0 0 20px 53px; color:#555; background:url('/images/web/eng/sub/line_history.png') repeat-y 60px top;}
.history_list ul li {padding:30px 0 0 45px; background:url('/images/web/eng/sub/bu_history.png') no-repeat left 32px;}
.history_list > ol > li {padding:18px 0 0 45px; background:url('/images/web/eng/sub/bu_history.png') no-repeat left 32px;}
.history_list > ol > li strong {font-size:30px; color:#155eb6;}
.history_list > ol > li > ol {padding:20px 0 20px; color:#555; font-size:14px;}
.history_list > ol > li > ol > li {position:relative; padding:3px 0 3px 70px;}
.history_list > ol > li > ol > li span {position:absolute; left:0; top:3px; color:#111; font-family:"NotoM";}
.history_img .tit01{line-height:60px;}
.history_img .tit02{font-size:18px; height:90px; padding:10px 0; line-height:22px;}


/* 010301 School Song */
.song_box {padding:35px 30px; border:4px solid #dfe6ee; background:url('/images/web/eng/sub/bg_box_pt.png') no-repeat right bottom; overflow:hidden;}
.song_box p.img {float:left; padding-right:19px; border-right:1px solid #b2b7c7;}
.song_box p.img img{width:360px; height:auto;}
.song_box .lyrics {float:right;}
.song_box .lyrics h3 {font-size:30px; color:#155eb6;}
.song_box .lyrics dl {margin-bottom:40px; padding:0 0 50px; font-size:15px; line-height:1.6; color:#555; border-bottom:1px dashed #b2b7c7;}
.song_box .lyrics dl dt {width:150px; height:65px; margin-top:30px; line-height:50px; font-size:18px; text-align:center; color:#fff; background:url('/images/web/eng/sub/bu_song2.png') no-repeat left top;}
.song_box .lyrics dl dt:first-child {background:url('/images/web/eng/sub/bu_song1.png') no-repeat left top;}
.song_box .lyrics dl dd {margin:-5px 0 0 25px; word-break:keep-all; letter-spacing: -0.5px;}

/* 010302 Symbolic Icons */
.symbolic_icon_top {padding:5px; background:url('/images/web/eng/sub/pt_diagonal2.png') repeat;  word-break: keep-all;}
.symbolic_icon_top p {padding:20px 20px 70px; font-size:18px; color:#8b98c2; text-align:center; background:#fff; }
.symbolic_icon_top p span {display:block; font-size:30px; color:#155eb6;}
.symbolic_icon ul {margin:-60px 20px 0; overflow:hidden;}
.symbolic_icon ul li {width:30%; float:left; margin-left:5%; background:url('/images/web/eng/sub/line_symbolic_icon.png') repeat-y center top;}
.symbolic_icon ul li:first-child {margin-left:0;}
.symbolic_icon ul li .tit {width:100%; height:70px; margin:0 auto; padding:25px 0; text-align:center; font-size:22px; line-height:30px; color:#fff; letter-spacing: -0.3px; word-break: keep-all;}
.symbolic_icon ul li .tit span {display:block; color:#d5dfff; font-size:16px; letter-spacing:1;}
.symbolic_icon ul li .tit.bg1 {background:#367add;}
.symbolic_icon ul li .tit.bg2 {background:#0b49a2;}
.symbolic_icon ul li .tit.bg3 {background:#17335a;}
.symbolic_icon ul li .img {margin-top:30px; border:4px solid #dfe6ee;}
.symbolic_icon ul li .img img {width:100%;}

/* 010303 School UI */
.scUi_box1 {position:relative; padding-top:20px; overflow:hidden; background:url('/images/web/eng/sub/bg_ui_line.png') repeat-x left 20px;}
.scUi_box1 .scUi_img {width:285px; float:left; background:#fff;}
.scUi_box1 .scUi_txt {width:625px; float:right; padding-top:30px; font-size:15px; color:#555;}
ul.Ui_Pant {margin-top:30px; overflow:hidden;}
ul.Ui_Pant li {width:49%; float:left; margin-right:1%; text-align:center; color:#fff; line-height:40px;}
ul.Ui_Pant.scui_li100 li {width:100%; float:none; margin-right:0;}
ul.Ui_Pant li strong {display:block; font-weight:normal; background:#4f6681;}
ul.Ui_Pant li span {display:block; margin-top:5px; line-height:36px; color:#555; border:2px solid #dfe6ee;}
.scUi_box1 .scUi_txt .con_btn {position:absolute; right:-2px; top:0; }

/* 010901 Long-term Growth Plan */
.GrowthPlan h4{color:#006cb2; font-size:30px; font-weight: bold;}
.GrowthPlan img{vertical-align: middle; margin-right:15px;}
.GrowthPlan ul{background:url(/images/web/eng/sub/line_dot.png) repeat-y 29px; margin:30px 0 0;}
.GrowthPlan ul li{position: relative; color:#666; padding:0 0 0 60px; margin:0 12px 20px;}
.GrowthPlan ul li p{background:url(/images/web/eng/sub/bg_num.png) no-repeat center; width:36px; height:31px; position: absolute; left:0px; top:0px; text-align:center; font-size:20px; font-weight: bolder; color:#333; padding:5px 0;}
.GrowthPlan ul li h5{font-size:20px; margin:-2px 0 5px; color:#333; font-weight: bold; }

/* 010902 Specialized Areas of Growth */
.areasGrowth .box_st1 p{margin:5px 0;}
.areasGrowth .box_st1 strong{font-size:20px;  text-decoration: underline;}
.areasGrowth .box_st1 strong.blue{color:#006cb2;}
.areasGrowth .box_st1 strong.red{color:#b20000;}
.areasGrowth dl{position: relative; word-break: keep-all;}
.areasGrowth dt{position: absolute; width:200px; height:auto; vertical-align: middle;
	background:url(/images/web/eng/sub/bg_growth_dt.png) no-repeat center right; padding:0 30px 0 0; margin:30px 0 0; text-align: center; letter-spacing: -0.5px; }
.areasGrowth dt:first-child{margin:0px;}
.areasGrowth dt span{background:#006cb2; color:#fff; display:block;  padding:20px 10px; font-size:16px;}
.areasGrowth dd{margin:30px 0 0 226px;}
.areasGrowth dd ul{border:2px solid #ddd; padding:20px;}
.areasGrowth #minH dt span{font-size:14px;}

/* 010903 Education System Human Resourse */
.eduSystem dl{width:23%; margin:0 1%; float:left; text-align:center; position: relative; word-break: keep-all;}
.eduSystem dt{position:absolute; width:100%; height:145px; color:#fff; line-height:145px; font-size:16px;}
.eduSystem dd{border:1px solid; margin:80px 0 0; padding:80px 10px 15px; min-height:230px;}
.eduSystem dd p{font-size:16px; margin:0 0 10px; font-family: 'NotoM';}
.eduSystem dd ul{color:#333; text-align: left;}
.eduSystem .box01 dd{border-color:#e33d65; color:#7f2037;}
.eduSystem .box02 dd{border-color:#4db02c; color:#206807;}
.eduSystem .box03 dd{border-color:#ae6edf; color:#681aa4;}
.eduSystem .box04 dd{border-color:#364d6d; color:#364d6d;}
.eduSystem .box01 dt{background:url(/images/web/eng/sub/img_010903_02.png) no-repeat center;}
.eduSystem .box02 dt{background:url(/images/web/eng/sub/img_010903_03.png) no-repeat center;}
.eduSystem .box03 dt{background:url(/images/web/eng/sub/img_010903_04.png) no-repeat center;}
.eduSystem .box04 dt{background:url(/images/web/eng/sub/img_010903_05.png) no-repeat center;}

/* 0111 Campus Map */
.campus_box {position:relative; min-height:240px; margin:60px 0 0 20px; padding:40px 0 0 410px; color:#fff; background:url('/images/web/eng/sub/img_greeting_2.png') no-repeat right top #266ed4;}
.campus_box .img {position:absolute; left:-20px; top:-60px; }
.campus_box h3 {margin-top:10px; font-size:30px; font-family:"NotoM";}
.campus_box p.txt1 {font-size:15px; color:#c0daff;}
.campus_box p.txt2 {margin:20px 20px 0 0; font-size:16px; word-break: keep-all;}
.campus_box p.btn {margin-top:40px;}
.campus_box p.btn a {display:block; width:200px; height:48px; font-size:16px; line-height:48px; text-align:center; color:#fff; border:1px solid #fff;}


/* 0112 How to Visit */
.con_map {position:relative; height:460px; overflow:hidden;}
.con_map .root_daum_roughmap {width:100%; }
.con_map .top_map {position:absolute; left:0; bottom:0; width:100%; height:90px; padding:10px 0; overflow:hidden; background:#fff url('/images/web/eng/sub/bg_map1.png') repeat; z-index:2}
.con_map ul {padding:0 50px;}
.con_map ul li {width:100%; float:left; color:#fff; line-height:40px; font-family:"NotoR"; font-size:16px;}
.con_map ul li.icon_Tmap1 {margin:0 0 10px; background:url("/images/web/eng/sub/icon_map1.png") no-repeat left center;}
.con_map ul li.icon_Tmap2 {background:url("/images/web/eng/sub/icon_map2.png") no-repeat left center;}
.con_map ul li strong {padding:0 30px 0 50px; font-family:"NotoM"; font-weight:normal; display:inline-block; width:70px;}
.con_map_box ul li {min-height:90px; padding:20px 0 20px 120px; border-top:1px dashed #b2b7c7;}
.con_map_box ul li.icon_map1 {border-top:none; background:url("/images/web/eng/sub/icon_map3.png") no-repeat left 20px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/eng/sub/icon_map4.png") no-repeat left 20px;}
.con_map_box ul li.icon_map3 {background:url("/images/web/eng/sub/icon_map5.png") no-repeat left 20px;}
.con_map_box ul li.icon_map4 {background:url("/images/web/eng/sub/icon_map6.png") no-repeat left 20px;}
.con_map_box ul li dl dd {margin:10px 0 0 30px;}

/* 0408_Museum History */
.Museum_list li{position: relative; margin:10px 0; line-height:25px;}
.Museum_list li span{color:#155eb6; font-size:18px; font-weight:bold; position: absolute; left:10px;}
.Museum_list li p{ padding:0 0 0 70px; line-height:22px; color:#555;}

/* 03 Academics */
.aboutBox{ margin-top:10px; /*word-break: keep-all; text-align: justify; 190110*/}
.aboutBox_btn {position:relative;} /* 190121 추가 */
.aboutBox_btn a {position:absolute; right:0; top:-40px;} /* 190121 추가 */
.Academics.tab_page ul li{word-break: keep-all;}
.Academics.tab_page ul li:first-child{width:100%; font-size:18px; border-bottom:1px dashed #ddd; margin:0 0 10px; padding:0 0 10px;}
.tab_page ul li.w50{width:50%;}
.tab_page ul.list_w50 li{width:50%;}

/* 03 About the Professors List */
.profsr {margin:10px 0 0; word-break: keep-all; position: relative;}
.profsr .info{background:#fafbfb; border:1px solid #ddd; padding:10px; min-height:185px;}
.profsr .info p{width:180px; height:auto; position: absolute; text-align:center;}
.profsr .info p img{width:auto; height:auto; max-height:185px;}
.profsr .info ul{margin:5px 0 0 190px;}
.profsr .MajorInfo{padding:20px; border:1px solid #ddd; border-top:0;}
.profsr .MajorInfo .list_st3{margin:10px;}

/* more button Add */
.profsr .btn_desc{ position:absolute; top:20px; right:20px; display:block; background:#fff url('/images/web/eng/sub/ico_arrow_1.png') no-repeat 63px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #266ed4;}
.profsr .btn_desc_close { position:absolute; top:20px; right:20px; display:block; background:#fff url('/images/web/eng/sub/ico_close_1.png') no-repeat 75px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #266ed4;}
.profsr .MajorInfo{ display:none}
.profsr .MajorInfo.on{ display:block;}

/* 03 About the Professors List - small size image */
.profsr .info.s_pic{min-height:0;}
.profsr .info.s_pic p{width:100px; top:25px;}
.profsr .info.s_pic p img{max-width:100%; height:auto;}/* 190121 */
.profsr .info.s_pic ul{margin:5px 0 0 110px;}

/* 03 About the Professors List - no image */
.profsr .info.no_pic{min-height: 0;}
.profsr .info.no_pic ul{margin:5px 0;}
.profsr .info.no_pic ul li{width:48%; display:inline-block; vertical-align: top;}

/* 03 About the Professors List */
.professor.tab_page {padding:25px;}
.professor.tab_page > p { font-size:22px; color:#015aab; border-bottom:1px dashed #ddd; padding:0 0 10px}
.professor.tab_page ul {padding:15px 0 0; background-image:none}
.professor.tab_page ul li {width:33%;}




/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	/* 010903 Education System Human Resourse */
	.eduSystem img{width:100%;}

	/* 0102_history */
	.history_img {width:30%; background:url(/images/web/eng/sub/bg_history_2.png) no-repeat -30px bottom;}
	.history_img img {width:100%;}
	.history_list {width:68%;}

	/* 010301 School Song */
	.song_box {padding:25px;}
	.song_box p.img {width:55%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
	.song_box p.img img {max-width:100%;}
	.song_box .lyrics {width:42%;}
	.song_box .lyrics dl {margin-bottom:20px; padding:0 0 20px;}
	
	/* 010303 School UI */
	.scUi_box1 .scUi_img {width:28%; padding-right:4%;}
	.scUi_box1 .scUi_img img {width:100%;}
	.scUi_box1 .scUi_txt {width:68%;}

}
@media screen and (max-width:950px) {
	
	/* 0102_history */
	.scnu_history .tab_st li{width:50%;}
	.history_list .history_txt .txt1{font-size:16px;}
	.history_list .history_txt .txt2 span{font-size:24px;}
}
@media screen and (max-width:840px) {
	
	/* 010903 Education System Human Resourse */
	.eduSystem{overflow-x: auto;}
	.eduSystem .list_wrap, .eduSystem img{width:840px;}

	/* 010301 School Song */
	.song_box p.img {width:100%; padding-bottom:20px; float:none; border-right:none; border-bottom:1px solid #b2b7c7;}
	.song_box .lyrics {width:100%; float:none; padding-top:20px;}

	/* 0111 Campus Map */
	.campus_box {min-height:200px; margin:100px 0 0 0; padding:130px 20px 40px; text-align:center;}
	.campus_box .img {left:0; top:-100px; width:100%;}
	.campus_box .img img {width:250px; height:207px;}
	.campus_box p.btn a {display:block; margin:0 auto;}

	/* 0112_How to Visit */
	.con_map .top_map {height:auto;}
	.con_map ul {padding:0 20px;}
	.con_map ul li {width:100%; float:none; padding:4px 0 4px 40px; line-height:22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.con_map ul li.icon_Tmap1,
	.con_map ul li.icon_Tmap2 {background-size:30px; }
	.con_map ul li strong {position:absolute; left:-1000000em; top:-1000000em;}

}

@media screen and (max-width:768px) {
	
	/* 010301 School Song */
	.school_song.tab_st li{width:50%;}	

	/* 03 About the Professors List - no image */
	.profsr .info.no_pic ul li{width:90%;}

	/* 060201_연혁 */
	.history_img {display:none; }
	.history_img img {width:260px;}
	.history_list {width:100%; margin-top:0; float:none;}
	.history_list .history_txt .txt1 {font-size:18px;}
	.history_list .history_txt .txt2 {margin-top:5px; font-size:18px; line-height:1.4;}
	.history_list .history_txt .txt2 span {font-size:24px;}
}

@media screen and (max-width:640px) {
	
	/* 0102_history */
	.scnu_history .tab_st li{width:100%;}
	
	/* 03 Academics */
	.aboutBox_btn {margin-top:5px;} /* 190121 추가 */
	.aboutBox_btn a {position:relative; right:auto; top:auto; display:block; width:100%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 190121 추가 */
}

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

	/* 010302 Symbolic Icons */
	.symbolic_icon_top p {font-size:20px;}
	.symbolic_icon_top p span {font-size:25px;}
	.symbolic_icon ul li .tit {width:94%; height:70px; padding:20px 3%; font-size:16px; line-height:22px; }
	.symbolic_icon ul li .tit span {font-size:14px;}
	
	/* 010303 School UI */
	.scUi_box1 {padding-top:40px;}
	.scUi_box1 .scUi_img {width:50%; margin:0 auto; float:none;}
	.scUi_box1 .scUi_img img {width:100%;}
	.scUi_box1 .scUi_txt {position:relative; width:100%; float:none; margin-top:20px; padding-top:20px; border-top:1px dashed #c8d1db;}
	ul.Ui_Pant {margin-top:10px;}
	ul.Ui_Pant li {width:100%; float:none; margin-right:0; text-align:center; color:#fff; line-height:40px;}
	ul.Ui_Pant li + li {margin-top:10px;}
	.scUi_box1 .scUi_txt .con_btn {position:relative; right:auto; top:auto; width:100%; margin-top:15px; text-align:center;} /* 180918 수정 */


	/* 010902 Specialized Areas of Growth */
	.areasGrowth dt{position: relative; width:100%; text-align:left; background-image:none; margin:20px 0 0;}
	.areasGrowth dt:first-child{margin:20px 0 0;}
	.areasGrowth dt span{padding:10px;}
	.areasGrowth dd{margin:0px;}	
	.areasGrowth dd ul{padding:10px;}

	/* 0112 How to Visit */
	.con_map_box ul li {min-height:60px; padding:20px 0 20px 80px;}
	.con_map_box ul li.icon_map1,
	.con_map_box ul li.icon_map2,
	.con_map_box ul li.icon_map3,
	.con_map_box ul li.icon_map4 {background-size:70px; }

	/* 03 Academics */
	.tab_page ul li.w50{width:100%;}
	.tab_page ul.list_w50 li{width:100%;}

	
	/* 03 About the Professors List */
	.profsr .info{padding:10px 10px 60px;}
	.profsr .MajorInfo{padding:20px 20px 60px;}
	.profsr .info p{position: relative; width:100%; }
	.profsr .info ul, .profsr .info.s_pic ul{margin:0;}/* 190121 */
	.profsr .info.s_pic p{width:100%; position: relative; left:auto; top:auto; text-align:Center;}/* 190121 */
	.profsr .btn_desc{ top:auto; right:auto; left:50%; bottom:15px; margin-left:-50px;}
	.profsr .btn_desc_close { top:auto; right:auto; left:50%; bottom:15px; margin-left:-50px;}



}

@media screen and (max-width:480px) {
	
	/* 060201_연혁 */
	.history_img {display:none; }
	.history_img img {width:260px;}
	.history_list {width:100%; margin-top:0; float:none;}
	.history_list .history_txt {left:80px; top:140px;}
	.history_list > ol, .history_list > ul {padding:160px 0 20px 53px;}
	.history_list > ol > li > ol {margin-left:-20px; padding:10px 0 10px;}
}

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