@charset "utf-8";

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

/* 0101_01_SCNU at a Glance */
.SCNU_Glance > li {padding-top:70px; width:49%; margin-bottom:30px; background:url("/images/web/engNew/sub_cnt/arr_SCNU_Glance.png") no-repeat 3.75rem 0.55rem; float:left;}
.SCNU_Glance > li:nth-child(2n) { margin-left:2%;}
.SCNU_Glance > li dl {position:relative; width:100%; height:100%; border:1px solid #dcdcdc; box-sizing:border-box;}
.SCNU_Glance > li dl dt {position:absolute; top:-45px; display:table; width:90%; margin:0 5%; height:102px; padding:44px 20px 11px 20px; line-height:1.2; color:#000; font-size:18px; font-weight:700; text-align:center; background:#e3e7ed; box-shadow:rgba(0,0,0,0.2) 5px 5px 5px; box-sizing:border-box;}
.SCNU_Glance > li dl dt div {position:absolute; top:-40px; left:50%; margin-left:-40px; width:80px; height:80px; border-radius:80px;}
.SCNU_Glance > li dl dt.col_01 div{background:#367add}
.SCNU_Glance > li dl dt.col_02 div{background:#296db0}
.SCNU_Glance > li dl dt.col_03 div{background:#0b49a2}
.SCNU_Glance > li dl dt.col_04 div{background:#17335a}
.SCNU_Glance > li dl dt div img {margin: 18px auto;}
.SCNU_Glance > li dl dt p{display:table-cell; vertical-align:middle;}
.SCNU_Glance > li dl dt span {display:block; margin-bottom:0.25rem; font-size:13px; font-weight:200;}
.SCNU_Glance > li dl dd {display:table; min-height:175px; padding:70px 30px 10px 30px;}
.SCNU_Glance > li dl dd p.txt {display:table-cell; vertical-align:middle;}

p.call{padding-left:28px; line-height:1.6; font-size:14px; font-family:"NotoR"; color:#444; background:url("/images/web/engNew/sub/phon_img.jpg") no-repeat left 1px;}

/* 0101_03_history */
.scnu_history {overflow:hidden; word-break:keep-all; background:url('/images/web/engNew/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/engNew/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;box-sizing: content-box;padding:25px 0;line-height:30px;font-size:22px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/engNew/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/engNew/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/engNew/sub/line_history.png') repeat-y 60px top;}
.history_list ul li {padding:30px 0 0 45px; background:url('/images/web/engNew/sub/bu_history.png') no-repeat left 32px;}
.history_list > ol > li {padding:18px 0 0 45px; background:url('/images/web/engNew/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;}

/* 0102_01_총장인사말 */
.greeting {position:relative; padding-top:20px; font-size:15px; word-break:keep-all; }
.greeting_top .img {position:absolute; left:0; top:0;}
.greeting_top .greeting_Ttxt {height:285px; margin-left:20px; padding:45px 0 0 340px; color:#fff; background:url('/images/web/engNew/sub/img_greeting_2.png') no-repeat right top #266ed4;}
.greeting_top .greeting_Ttxt .txt1 {font-size:20px; color:#dfe6f6;}
.greeting_top .greeting_Ttxt .txt2 {margin:20px 0 25px; font-size:34px; line-height:1.2;}
.greeting_top .greeting_Ttxt .txt2 span {display:block; font-size:40px; font-family:"NotoM";}
.greeting_top .greeting_Ttxt .txt3 {font-size:26px; font-family:"NotoM";}
.greeting_top .greeting_Ttxt .txt3 span {display:block; font-size:20px; font-family:"NotoR";}
.greeting_top .txt4 {margin-left:360px; line-height:82px; font-size:20px; text-align:right; border-bottom:1px solid #000;}
.greeting_top .txt4 img {margin-left:10px;}

/* 010201_총장인사말 수정 190523 */
.greeting02 {position:relative; font-size:17px; line-height:1.8; color:#555; letter-spacing:-1px; word-break:keep-all;}
.greeting_top02 {position:relative; height:360px; padding-left:250px; background:url('/images/web/engNew/sub/bg_greeting_003.png') no-repeat left top;}
.greeting_top02 .img {position:absolute; left:0; top:0; z-index:2;}
.greeting_top02 .greeting_Ttxt {position:relative; height:180px; padding:50px; color:#fff; background:url('/images/web/engNew/sub/bg_greeting_001.png') no-repeat left top #266ed4;}
.greeting_top02 .greeting_Ttxt:before {content:''; position:absolute; bottom:0; right:0; width:210px; height:232px; background:url('/images/web/engNew/sub/bg_greeting_002.png') no-repeat left top;}
.greeting_top02 .greeting_Ttxt .txt1 {font-size:18px; color:#aabfea;}
.greeting_top02 .greeting_Ttxt .txt2 {position:relative; margin:30px 0 0; padding-top:30px; font-size:36px; line-height:1.3;  font-family:"NotoT";}
.greeting_top02 .greeting_Ttxt .txt2:before {content:''; position:absolute; top:0; left:0; width:65px; height:2px; background:#fff;}
.greeting_top02 .greeting_Ttxt .txt2 span {font-family:"NotoM";}
.greeting_top02 .txt3 {line-height:80px; color:#555; font-size:18px; text-align:right;}
.greeting_top02 .txt3 img {margin-left:10px;}

/* 0102_02_총장프로필 */
.profile02 {position:relative; font-size:15px; overflow:hidden; word-break:keep-all; }
.profile02 .profile_top {position:relative; padding-top:55px;}
.profile02 .profile_top .txt {position:relative; height:160px; margin-right:280px; padding:30px 0; background:url('/images/web/engNew/sub/bg_profile001.png') no-repeat right top #266ed4; z-index:2;}
.profile02 .profile_top .txt p {position:absolute; left:0; top:0; width:200px; padding-top:115px; text-align:center; font-size:16px; color:#fff; background:url('/images/web/engNew/sub/img_profile001.png') no-repeat center 30px;}
.profile02 .profile_top .txt p span {display:block; font-size:26px; font-family:"NotoM";}
.profile02 .profile_top .txt dl {margin:0 0 0 200px; padding-left:30px; color:#fff; border-left:1px solid #518bdd;}
.profile02 .profile_top .txt dl dt {padding:21px 0; font-size:29px; line-height: 0em; margin-top: 5px; }
.profile02 .profile_top .txt dl dt span {font-size:22px;}
.profile02 .profile_top .txt dl dd {margin-top:18px; font-size:18px;}
.profile02 .profile_top .img {position:absolute; right:0; top:0;}
.profile02 .profile_list02 li {position:relative; padding:12px 0 12px 240px; line-height:1.3; color:#555; border-bottom:1px dashed #c8d1db;}
.profile02 .profile_list02 li:first-child {border-top:2px solid #333;}
.profile02 .profile_list02 li span {position:absolute; left:0; top:0; width:180px; padding:12px 20px; color:#333;}
.profile02 .profile_list02 li:first-child span {position:absolute; top:-2px; background:url('/images/web/engNew/sub/bg_profile002.png') no-repeat right top;}

/* 0101_04 School Song */
.song_box {padding:35px 30px; border:4px solid #dfe6ee; background:url('/images/web/engNew/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/engNew/sub/bu_song2.png') no-repeat left top;}
.song_box .lyrics dl dt:first-child {background:url('/images/web/engNew/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;}

/* 0101_04 Symbolic Icons */
.symbolic_icon_top {padding:5px; background:url('/images/web/engNew/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/engNew/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%;box-sizing: content-box; 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%;}

/* 0101_04 School UI */
.scUi_box1 {position:relative; padding-top:20px; overflow:hidden; background:url('/images/web/engNew/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; }


/* 0103_School Organizations */
.orga_chart {position:relative; text-align:center; background:url('/images/web/engNew/sub/bg_orga_chart.jpg') no-repeat center top;}
.orga_chart a:hover {text-decoration:underline;}
.orga_chart h3 {width:121px; height:136px; margin:0 auto; line-height:136px; font-size:18px; background:url('/images/web/engNew/sub/bg_orga1.png') no-repeat center top;}
.orga_chart h3 a {color:#fff;}
.orga_chart .orga_top {width:675px; margin:0 auto; overflow:hidden;}
.orga_chart .orga_top h4 a {display:block; width:263px; height:50px; font-size:18px; line-height:50px; color:#fff; background:url('/images/web/engNew/sub/bg_orga2.png') no-repeat right top #266ed4;}
.orga_chart .orga_top ul {width:230px; margin-top:5px; padding:5px 15px; text-align:left; border:2px solid #c8d1db; background:#fff;}
.orga_chart .orga_top ul  li {padding:10px 0 10px 10px; line-height:1.2; font-size:15px; border-top:1px solid #d8dbe3; background:url('/images/web/engNew/sub/bu_orga1.png') no-repeat left 17px;}
.orga_chart .orga_top ul li:first-child {border-top:none;}

.orga_box {margin-top:25px; padding:5px 10px; border:1px solid #b2b7c7; overflow:hidden; background:#fff; letter-spacing:-1px;}
.orga_d2 > li {margin:20px 1.5%; background:url('/images/web/engNew/sub/bg_orga_chart3.png') repeat-y center top;}
.orga_d2 > li > a {position:relative; display:block; height:50px; padding:0 20px 0 35px; font-size:18px; line-height:50px; color:#fff; text-align:left; letter-spacing:-1px; background:url('/images/web/engNew/sub/bg_orga2.png') no-repeat right top #434e5f;}
.orga_d2 > li > a:before {content:''; position:absolute; top:22px; left:20px; width:5px; height:5px; border:2px solid #fff;}
.orga_d2 > li .orga_free {margin:15px 0 15px 50%; font-size:15px; overflow:hidden; background:url('/images/web/engNew/sub/bg_orga_chart3.png') repeat-x left center;}
.orga_d2 > li .orga_free a {display:block; width:50%; float:right; line-height:46px; border:2px solid #475d76; background:#fff;}
.orga_d2 > li > ul {padding:0 10px 10px; text-align:left; border:2px solid #434e5f; border-top:none; overflow:hidden; background:#fff;}
.orga_d2 > li > ul > li {position:relative; width:23.5%; margin:10px 0 0 2%; float:left;}
.orga_d2 > li > ul > li:first-child {margin-left:0;}
.orga_d2 > li > ul > li > a,
.orga_d2 > li > ul > li > span {font-weight:bold; display:block; padding:10px 10px; line-height:1.2; font-size:15px; text-align:center; border:1px solid #666d77; color:#111; background:#efefef;}
.orga_d2 > li > ul > li > ul {border:1px solid #b2b7c7; border-top:none; border-bottom:none; background:#fff;}
.orga_d2 > li > ul > li > ul > li {padding:8px 0; padding-left:10px; font-size:13px; line-height:1.4; font-family:"NotoR"; color:#222; text-align:left; border-bottom:1px solid #b2b7c7;}
.orga_d2 > li > ul > li > ul > li > a {color:#222;}
.orga_d2 li.clear_b {margin-left:0; clear:both;}

/* 0104_01_campus_map */
.campus_box2 {position:relative; }
.campus_box2 .CamMap_list {margin-top:70px;  border-top:2px solid #002459;}
.campus_box2 ul {padding-bottom:5px; border-bottom:1px dashed #b2b7c7; overflow:hidden;}
.campus_box2 ul li {width:50%; float:left; margin-top:5px; letter-spacing:-1px;}
.campus_box2 ul li a {display:block; color:#333; cursor:auto}
.campus_box2 ul li a span {display:inline-block; width:35px; height:26px; margin-right:5px; line-height:26px; text-align:center; color:#fff; border-radius:5px; }
.campus_box2 ul li a span.bg_A { background:#001a57;}
.campus_box2 ul li a span.bg_B { background:#4c095f;}
.campus_box2 ul li a span.bg_C { background:#7c002b}
.campus_box2 ul li a span.bg_D { background:#c35a7c;}
.campus_box2 ul li a span.bg_E { background:#e18e00;}
.campus_box2 ul li a span.bg_F { background:#855900;}



/* 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/engNew/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/engNew/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/engNew/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/engNew/sub/img_010903_02.png) no-repeat center;}
.eduSystem .box02 dt{background:url(/images/web/engNew/sub/img_010903_03.png) no-repeat center;}
.eduSystem .box03 dt{background:url(/images/web/engNew/sub/img_010903_04.png) no-repeat center;}
.eduSystem .box04 dt{background:url(/images/web/engNew/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/engNew/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/engNew/sub/bg_map1.png') repeat; z-index:2; box-sizing: content-box;}
.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/engNew/sub/icon_map1.png") no-repeat left center;}
.con_map ul li.icon_Tmap2 {background:url("/images/web/engNew/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; min-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/engNew/sub/icon_map3.png") no-repeat left 20px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/engNew/sub/icon_map4.png") no-repeat left 20px;}
.con_map_box ul li.icon_map3 {background:url("/images/web/engNew/sub/icon_map5.png") no-repeat left 20px;}
.con_map_box ul li.icon_map4 {background:url("/images/web/engNew/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/engNew/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/engNew/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%;}


/* 교수소개_210720추가 */
.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%;}
/* 타입 01 */
.professor_list{ border-top:2px solid #4b93e1}
.professor_list > li{ position:relative; min-height:140px; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
.professor_list li .left{position:absolute; left:0; top:30px;  width:100px; padding-left:1px;}
.professor_list li .left img{vertical-align:top; width:100px; height:131px; max-width:100%}
.professor_list li .right {padding-left:150px;}
.professor_list li .right .pro_name{ font-size:20px; color:#111;  font-family:'NotoM';}
.professor_list li .right .pro_name span{ font-size:15px; color:#666; margin-left:12px}
.professor_list li .right .pro_name:after{ content:''; display:block; width:35px; height:1px; background-color:#4b93e1; margin:8px 0 7px}
.professor_list li .right dl{ overflow:hidden; font-size:15px;}
.professor_list li .right dl dt, .professor_list li .right dl dd {float:left; line-height:24px}
.professor_list li .right dl dt{color:#111;  font-family:'NotoM'; width:128px;}
.professor_list li .right dl dd {color:#666;}
.professor_list .btn_desc{ position:absolute; top:30px; right:0; display:none; background:#fff url('../images/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 #9fc7ec}
.professor_list .btn_desc_close { position:absolute; top:30px; right:0; display:none; background:#fff url('../images/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 #9fc7ec}
.professor_list li .desc{ display:none}
.professor_list li.on .desc{ display:block; float:left; width:100%; padding-top:30px; margin-top:30px; border-top:1px dotted #333}

.Tab_w100 li {width:100% !important;}
.box_st3.box_ico .box {min-height:100px;}


/* 학과소개(교수소개) 210721 */
.profsr_info {padding:25px 45px; font-size:15px; min-height:200px; border:5px solid #e9e9e9; word-break:keep-all; background:#fff url('../images/sub_cnt/bg_summary.png') no-repeat 95% 88%;    box-sizing: content-box;}
.profsr_info .info_top {position:relative; min-height:100px; padding-left:160px;}
.profsr_info .info_top .introduce{position:absolute; top:0; left:0;}
.profsr_info .info_top .introduce p {margin-top:5px; font-size:16px; color:#333;}
.profsr_info .info_top .introduce p span {font-size:14px;}
.Rsrch_img { position:relative; width:100%; overflow:hidden;}
.Rsrch_img li { float:left; width:25%; min-height:190px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;  padding:20px 20px 10px 20px; text-align:center; box-sizing:border-box}
.Rsrch_img li:nth-child(4) {border-right:1px solid #dddddd;}
.Rsrch_img li p {margin-top:10px;}
.Rsrch_img02 { position:relative; width:100%; overflow:hidden;}
.Rsrch_img02 li { float:left; width:33.33%; min-height:175px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;  padding:20px 20px 10px 20px; text-align:center; box-sizing:border-box}
.Rsrch_img02 li:nth-child(3) {border-right:1px solid #dddddd;}
.Rsrch_img02 li p {margin-top:10px;}

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

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

	/* 0101_04 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;}
	
	/* 0101_04 School UI */
	.scUi_box1 .scUi_img {width:28%; padding-right:4%;}
	.scUi_box1 .scUi_img img {width:100%;}
	.scUi_box1 .scUi_txt {width:68%;}
	
	/* 0102_02_총장프로필 190523 */
	.profile02 .profile_top .txt p {width:150px; font-size:18x;}
	.profile02 .profile_top .txt p span {font-size:24px; }
	.profile02 .profile_top .txt dl {margin:0 0 0 150px; padding-left:20px;}
	.profile02 .profile_top .txt dl dd {font-size:16px;}
	
	/* 0104_01_campus_map */
	.campus_box2 {padding-top:90px;}
	.campus_box2 p.img img {width:100%; padding:60px 0 0; background:#fff;}
	.campus_box2 .CamMap_list {position:relative; margin-top:20px;}
	

}
@media screen and (max-width:950px) {
	
	/* 0101_03_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;}
	
	/* 학과소개(교수소개) 210721 */
	.Rsrch_img li {width:50%;}
	.Rsrch_img li:nth-child(2) {border-right:1px solid #dddddd; border-bottom:none;}
	.Rsrch_img li:nth-child(1) {border-bottom:none;}
	
	
	
	
}
@media screen and (max-width:840px) {
	
	/* 0101_01_SCNU at a Glance */
	.SCNU_Glance > li { width:100%; height:auto;}
	.SCNU_Glance > li:nth-child(2n) { margin-left:0;}
	.SCNU_Glance > li dl dd {min-height:auto; }
	
	
	/* 010903 Education System Human Resourse */
	.eduSystem{overflow-x: auto;}
	.eduSystem .list_wrap, .eduSystem img{width:840px;}

	/* 0101_04 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;}

	/* 0102_02_총장프로필 190523 */
	.profile02 .profile_top .txt {background-image:none}
	
	/* 0103_조직도 */
	.orga_chart .orga_top {width:100%;}
	.orga_chart .orga_top h4 a {width:45%;}
	.orga_chart .orga_top ul {width:45%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.orga_box {padding:0 0 15px;}
	.orga_d1 > li {width:46%; margin:25px 2% 0;}
	.orga_d1 > li:nth-child(odd) {clear:both;}
	.orga_d2 > li {margin:25px 2% 0;}
	.orga_d2 > li .orga_free a {width:90%;}
	.orga_d2 > li > ul {margin-top:5px; padding:5px 15px; text-align:left; border:2px solid #c8d1db; background:#fff; overflow:hidden;}
	.orga_d2 > li > ul > li {width:47%; padding:0 1.5%; margin:10px 0;}
	.orga_d2 > li > ul > li:nth-child(odd) {clear:both;}
	.orga_d2 li.clear_b {clear:none;}
	
	/* 0111 Campus Map */
	.campus_box2 ul li {width:100%;}
	

	/* 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;}

	/* 0104_01_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;}
}

@media screen and (max-width:768px) {
	
	
	/* 0102_01_총장인사말 */
	.greeting_top .img {width:35%;}
	.greeting_top .img img {width:100%;}
	.greeting_top .greeting_Ttxt {height:auto; padding:30px 0 30px 36%;}
	.greeting_top .txt4 {margin-left:0; }

	/* 0102_01_총장인사말 190523 */
	.greeting_top02 .greeting_Ttxt .txt2 {margin:20px 0 0; padding-top:20px; font-size:30px;}
	
	/* 0102_02_총장프로필 190523 */
	.profile02 .profile_top {padding-top:180px;}
	.profile02 .profile_top .txt {height:auto; padding:120px 0 30px; margin-right:0;}
	.profile02 .profile_top .txt p {position:relative; left:auto; top:auto; width:auto; padding:70px 0 0 0; font-size:20px; color:#fff; background-position:center top; background-size:50px;}
	.profile02 .profile_top .txt p span {display:inline; font-size:20px;}
	.profile02 .profile_top .txt dl {margin:0; padding:30px; text-align:center; border-left:none;}
	.profile02 .profile_top .txt dl dt {padding:18px 0;}
	.profile02 .profile_top .img {left:50%; width:250px; height:275px; margin-left:-125px; overflow:hidden; z-index:3;}
	.profile02 .profile_top .img img {margin-left:-170px;}
	.profile02 .profile_list02 li {position:relative; padding:12px 10px; line-height:1.3; color:#555; border-bottom:1px dashed #c8d1db;}
	.profile02 .profile_list02 li:first-child {border-top:2px solid #333;}
	.profile02 .profile_list02 li span {position:relative; left:auto; top:auto; display:block; width:auto; padding:0 0 5px; color:#333;}
	.profile02 .profile_list02 li:first-child span {position:relative; left:auto; top:auto; display:block; width:auto; background:none;}
	.profile02 .profile_list02 li span.ac {text-align:left !important;}
	
	/* 0101_04 School Song */
	.school_song.tab_st li{width:50%;}	



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


	/* 0101_03_history */
	.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;}



	/* 학과소개(교수소개) 210721 */
	.profsr_info {font-size:14px; padding:25px 25px;}
	.profsr_info .info_top {min-height:auto; padding-left:0; background-position:center top;}
	.profsr_info .info_top .introduce{position:relative; margin:0 auto 20px; text-align:center;}
	
}

@media screen and (max-width:640px) {
	
	/* 0101_03_history */
	.scnu_history .tab_st li{width:100%;}
	
	/* 010201_총장인사말 */
	.greeting_top02 {height:auto; padding:150px 0 0; background:none;}
	.greeting_top02 .img {left:50%; width:200px; margin-left:-100px;}
	.greeting_top02 .img img {width:100%;}
	.greeting_top02 .greeting_Ttxt {height:auto; padding:150px 30px 30px; text-align:center; background-size:auto 100%;}
	.greeting_top02 .greeting_Ttxt:before {width:210px; height:232px; background:url('/images/web/engNew/sub/bg_greeting_002.png') no-repeat left top;}
	.greeting_top02 .greeting_Ttxt .txt1 {font-size:14px;}
	.greeting_top02 .greeting_Ttxt .txt2 { font-size:26px;}
	.greeting_top02 .greeting_Ttxt .txt2:before {left:50%; width:60px; margin-left:-30px;}
	
	/* 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 추가 */
	
	/* 교수소개 210720추가 */
	.professor.tab_page ul li {width:100%;}
	.professor_list li .right .pro_name span{ display:block; margin-left:0;}
	.Rsrch_img02 li {width:100%;border-right:1px solid #dddddd; min-height:auto;}
	.Rsrch_img02 li:nth-child(1), Rsrch_img02 li:nth-child(2) {border-bottom:none;}
	.Rsrch_img02 li:nth-child(3) {border-top:none;}

}

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

	/* 010201_총장인사말 */
	.greeting_top .img {position:relative; left:auto; top:auto; width:260px; margin:0 auto;}
	.greeting_top .img img {width:100%;}
	.greeting_top .greeting_Ttxt {height:auto; margin:-150px 0 0; padding:160px 20px 30px;}
	.greeting_top .txt4 {margin-left:0; }
	
	
	/* 010104 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;}
	
	/* 010104 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 수정 */

	/* 0103_조직도 */
	.orga_d1 > li {width:92%; margin:15px 4% 0;}
	.orga_d1 > li:nth-child(odd) {clear:both;}
	.orga_d2 > li {margin:15px 4% 0;}
	.orga_d2 > li > a {text-align:center;}
	.orga_d2 > li > a:before {display:none;}
	.orga_d2 > li .orga_free a {width:90%;}
	.orga_d2 > li > ul {margin-top:5px; padding:5px 15px; text-align:left; border:2px solid #c8d1db; background:#fff; overflow:hidden;}
	.orga_d2 > li > ul > li {width:96%; padding:0 2%;}
	.orga_d2 > li > ul > li:nth-child(odd) {clear:both;}
	.orga_d2 li.clear_b {clear:none;}
	
	/* 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) {
	
	/* 0103_조직도 */
	.orga_chart .orga_top h4 a {line-height:23px;}
	
	
	
	/* 0101_03_history */
	.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;}
	
	
	/* 교수소개 210720추가 */
	.professor_list li .left{position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; padding-left:0; margin-right:0; margin-bottom:10px; text-align:center}
	.professor_list li .right{width:100%; margin-top:0; padding:25px 2.5%;}
	.professor_list li .right .pro_name{ text-align:center; margin-bottom:10px}
	.professor_list .btn_desc{top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	.professor_list .btn_desc_close {top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	.professor_list li .right dl dt{width:100%}
	.professor_list li .right dl dd {width:100%}

	/* 학과소개(교수소개) 210721 */
	.Rsrch_img li {width:100%; min-height:auto; padding:20px;}
	.Rsrch_img li:nth-child(1) {border-right:1px solid #dddddd;}
	.Rsrch_img li:nth-child(3) {border-bottom:none; border-right:1px solid #dddddd;}
	
}

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