@charset "utf-8";



/* 인사말 */
.greeting_top {position:relative; min-height:135px; padding-left:155px; word-break:keep-all;}
.greeting_top .greet_img {position:absolute; left:0; top:0;}
.greeting_top .greet_txt1 {font-size:30px; color:#155eb6;}
.greeting_top .greet_txt2 {margin-top:10px; font-size:26px; color:#17335a;}
.greeting_top .greet_txt2 span {display:block; color:#081e3e;}
.greeting_box p {margin-top:30px; font-size:15px; word-break:keep-all; }
.greeting_box p strong {font-size:20px; letter-spacing:5px; color:#000; font-weight:normal;}

/* 연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:15px; color:#fff; text-align:center; background:url('/images/web/ials/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:28px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:90px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}

/* 하는일 */
.work_box {position:relative; padding-left:100px; background:url('/images/web/ials/sub/bg_line.png') repeat-x left 50px;}
.work_box h3 {position:absolute; left:0; top:0; width:90px; padding:20px 0;  font-size:18px; color:#fff; text-align:center; line-height:25px; background:#266ed4;}
.work_box ul {padding:10px 15px; border:2px solid #b2b7c7; background:#fff; overflow:hidden;}
.work_box ul li {width:48%; float:left;}

/* 직원소개 */
.employee_box {position:relative; min-height:140px; }
.employee_box > ul > li {position:relative; width:48%; float:left; margin:0 0 20px 4%;}
.employee_box ul li.first {margin-left:0;}
.employee_box ul li div {padding:15px 0 15px 160px;border-top:2px solid #17335a;border-bottom:1px solid #c8d1db;height: 200px;} /*210722 수정*/
.employee_box ul li div span.img {position:absolute; left:15px; top:15px; overflow:hidden;}
.employee_box ul li div h3 {padding:5px; line-height:24px; font-size:16px; color:#fff; text-align:center; background:#266ed4; border-radius:15px 0 15px 0;}
.employee_box ul li div h3 span {font-size:13px;}
.employee_box ul li div ul {min-height:90px; padding-top:10px; overflow:hidden;}
.employee_box ul li div ul li {position:relative; padding:5px 0 5px 0px; line-height:20px;}
.employee_box ul li div ul li span {display: block; color:#222; font-family:"NotoM"; font-weight:700;}

/* 국제교류 협정 현황 */
.excha_box {position:relative; padding:20px 20px; font-family:"NotoR"; line-height:1.4; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
.excha_box .excha_pdf object {width:100%; height:100%;}
.excha_box .excha_pdf object embed {width:100%; height:100%;}

/* 로그인하기 190124 */
.login_box {position:relative; padding:10px 0 0 120px; background:url('/images/web/ials/sub/ico_login.png') no-repeat 10px top;}




/* 0612_캠퍼스투어 180914 추가 */
.campus_box {position:relative; min-height:240px; margin:60px 0 0 20px; padding:40px 0 0 410px; color:#fff; background:url('/images/web/SCNU/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-top:20px; font-size:16px;}
.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;}

/* 061301_찾아오시는길 *//* 191031 */
.con_map {position:relative; height:350px; overflow:hidden;} 
.con_map .root_daum_roughmap {width:100%; }
.top_map {position:relative; padding:20px 0; overflow:hidden; background:url('/images/web/SCNU/sub/bg_map1.png') repeat; z-index:2}
.top_map ul {padding:0 50px;}
.top_map ul li {width:35%; float:left; color:#fff; line-height:40px; font-family:"NotoR"; font-size:16px;}
.top_map ul li.icon_Tmap1 {width:65%; background:url("/images/web/SCNU/sub/icon_map1.png") no-repeat left top;}
.top_map ul li.icon_Tmap2 {background:url("/images/web/SCNU/sub/icon_map2.png") no-repeat left top;}
.top_map ul li strong {padding:0 30px 0 50px; font-family:"NotoM"; font-weight:normal;}
.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/SCNU/sub/icon_map3.png") no-repeat left 20px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/SCNU/sub/icon_map4.png") no-repeat left 20px;}
.con_map_box ul li.icon_map3 {background:url("/images/web/SCNU/sub/icon_map5.png") no-repeat left 20px;}
.con_map_box ul li.icon_map4 {background:url("/images/web/SCNU/sub/icon_map6.png") no-repeat left 20px;}
.con_map_box ul li dl dd {margin:10px 0 0 30px;}

/* 2019.05.03 캠퍼스 맵 보기 */
/* 0612_캠퍼스투어 190426 수정 */
.campus_box2 {position:relative; }
.campus_box2 .CamMap_tit {position:absolute; left:0; top:445px; width:210px; height:150px; padding:30px; letter-spacing:-1px; background:#002459 url('/images/web/SCNU/sub/bg_campus_map1.png') no-repeat left top; z-index:2;}
.campus_box2 .CamMap_tit .txt1 {font-size:14px; color:#c9dfff;}
.campus_box2 .CamMap_tit .txt2 {margin-top:5px;margin-bottom:9px; padding-left:40px; font-size:14px; color:#c9dfff; background:url('/images/web/SCNU/sub/ico_campus_map1.png') no-repeat left center;}
.campus_box2 .CamMap_tit  h3 {margin-top:15px; font-size:32px; color:#fff;}
.campus_box2 .CamMap_tit  h3 span {font-family:"NotoB"; }
.campus_box2 p.img {position:relative; padding:10px; background:url('/images/web/SCNU/sub/bg_campus_map2.png') repeat; z-index:1;}
.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:25%; float:left; margin-top:5px; letter-spacing:-1px;}
.campus_box2 ul li a {display:block; color:#333;}
.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;}
.campus_box2 .CamMap_view {position:absolute; right:0; top:385px; width:100%; height:270px; background:#266ed4; z-index:2;}
.campus_box2 .CamMap_view dl {position:relative; color:#fff;}
.campus_box2 .CamMap_view dl dt {height:50px; padding-left:20px; line-height:50px; font-size:20px; background:#002459; }
.campus_box2 .CamMap_view dl dt span {display:inline-block; width:40px; height:24px; margin-right:10px;  line-height:24px; font-size:16px; text-align:center; border:1px solid #fff; border-radius:5px;}
.campus_box2 .CamMap_view dl dd.img {position:absolute; left:20px; top:70px; width:230px; height:170px;}
.campus_box2 .CamMap_view dl dd.img img {width:100%;}
.campus_box2 .CamMap_view dl dd.txt {margin:20px 0 0 270px; padding-right:20px; height:180px; font-size:14px; line-height:20px; overflow-y:auto; white-space:pre-line;}
.campus_box2 .CamMap_view a.btn_CamMap_clo {position:absolute; right:0; top:0; display:block; width:50px; height:50px; text-indent:-999em; background:url('/images/web/SCNU/sub/btn_campus_map_clo.png') no-repeat center; }


/* 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/ials/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/ials/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/ials/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/ials/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/ials/sub/line_history.png') repeat-y 60px top;}
.history_list ul li {padding:30px 0 0 45px; background:url('/images/web/ials/sub/bu_history.png') no-repeat left 32px;}
.history_list > ol > li {padding:18px 0 0 45px; background:url('/images/web/ials/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/ials/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/ials/sub/bu_song2.png') no-repeat left top;}
.song_box .lyrics dl dt:first-child {background:url('/images/web/ials/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/ials/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/ials/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/ials/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/ials/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/ials/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/ials/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/ials/sub/img_010903_02.png) no-repeat center;}
.eduSystem .box02 dt{background:url(/images/web/ials/sub/img_010903_03.png) no-repeat center;}
.eduSystem .box03 dt{background:url(/images/web/ials/sub/img_010903_04.png) no-repeat center;}
.eduSystem .box04 dt{background:url(/images/web/ials/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/ials/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/ials/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/ials/sub/icon_map1.png") no-repeat left center;}
.con_map ul li.icon_Tmap2 {background:url("/images/web/ials/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/ials/sub/icon_map3.png") no-repeat left 20px;}
.con_map_box ul li.icon_map2 {background:url("/images/web/ials/sub/icon_map4.png") no-repeat left 20px;}
.con_map_box ul li.icon_map3 {background:url("/images/web/ials/sub/icon_map5.png") no-repeat left 20px;}
.con_map_box ul li.icon_map4 {background:url("/images/web/ials/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/ials/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/ials/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%;}

/* page goto */
.MC_wrap1 {position: relative;}
.gotoBox {position: absolute; top: 320px; right: 0; z-index: 1; display: flex; gap: 1rem;}
.gotoBox .btn_goto {width: 100px; height: 150px; }
.gotoBox .btn_goto.bg01 {background: url('/common/images/main/bg_gplatf.png') no-repeat center; background-size: contain;}
.gotoBox .btn_goto a {display: block; color:#fff; font-size: 0.75rem; line-height:1.4;text-align:center; font-weight: 500; }
.gotoBox .btn_goto a img {line-height: 0; padding-top: 0.35rem;}
.gotoBox .btn_goto a em {display: block;line-height: 1.1;}
.gotoBox .btn_goto a span {font-size: 0.6rem;}


/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	/* 하는일 */
	.work_box ul li {width:100%; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	
	/* 국제교류 협정 현황 */
	.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
	.excha_box .excha_pdf object {width:100%; height:100%;}
	.excha_box .excha_pdf object embed {width:100%; height:100%;}
	

	/* 2019.05.03 캠퍼스 맵 보기 */
	/* 0612_캠퍼스투어 190426 수정 */
	.campus_box2 {padding-top:90px;}
	.campus_box2 .CamMap_tit {position:absolute; left:50%; top:0; width:270px; height:160px; margin-left:-135px; padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.campus_box2 .CamMap_tit .txt2 {margin-top:15px;}
	.campus_box2 .CamMap_tit  h3 {margin-top:5px;}
	.campus_box2 p.img img {width:100%; padding:60px 0 0; background:#fff;}
	.campus_box2 .CamMap_list {position:relative; margin-top:20px;}
	.campus_box2 .CamMap_view {top:-272px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.campus_box2 .CamMap_view dl:before {content:''; position:absolute; top:15px; right:50px; width:65px; height:22px; background:url('/images/web/SCNU/sub/bg_campus_map_sc.png') no-repeat right top;}
	.campus_box2 .CamMap_view dl dd.img {top:70px; width:180px; height:130px; padding:0;}/* 190529 */
	.campus_box2 .CamMap_view dl dd.txt {margin:20px 0 0 220px;}
	.campus_box2 .CamMap_view dl dd.img img {height:auto; max-height:100%; width:100%;}/* 190529 */
	.campus_box2 ul li {width:33%;}	
	
	
	
	
	/* 010903 Education System Human Resourse */
	.eduSystem img{width:100%;}

	/* 0102_history */
	.history_img {width:30%; background:url(/images/web/ials/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%;}

	/* page goto */
    .gotoBox {right: calc((100vw - 3rem ) / 100 * 6.5);top: 0;}
    .gotoBox .btn_goto { width: 80px; height: 120px;}
    .gotoBox .btn_goto a {font-size: 0.7rem; line-height:1.3;}
    .gotoBox .btn_goto a img {line-height: 0; padding: 0.45rem 0 0.15rem; height: 2rem;}
	.gotoBox .btn_goto a span {font-size: 0.6rem;}

	/* 링크 박스 210728 */
	.link_Box { overflow: hidden; margin-bottom: 1rem; padding-left: 0; }
  	.link_Box div[class^='box_st'] { margin-top: 0.5rem; margin-left: 0; }
	.link_Box h3 { position:relative; top: 0px;}

}
@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) {
	
	/* 직원소개 */
	.employee_box > ul > li {width:100%; float:none; margin:0 0 20px 0;}

	
	/* 0612_캠퍼스투어 180914 추가 */
	.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;}

	/* 061301_찾아오시는길 191031 */
	.top_map ul {padding:0 20px;}
	.top_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; }
	.top_map ul li.icon_Tmap1 {margin-bottom:10px; width:100%;}
	.top_map ul li.icon_Tmap1,
	.top_map ul li.icon_Tmap2 {background-size:30px; }
	.top_map ul li strong {position:absolute; left:-1000000em; top:-1000000em;}
	
	/* 링크 박스 210728 */
.link_Box { position: relative; overflow: hidden; padding-left: 11rem; }
* + .link_Box { margin-top: 1.5rem !important; }
.link_Box h3 { position: absolute; width: 11rem; left: 0; top: 17px; padding-top: 0.1rem; padding-left: 1.75rem; color: #111; overflow: hidden; }
.link_Box h3.box_tit1 {padding-left:15px; margin-bottom:10px; font-size:20px; line-height:1.3; font-family:"NotoM"; color:#000; letter-spacing:-1px; background:url("../images/sub/tit1.png") no-repeat left 4px; }
.link_Box .link_list a {display:inline-block; padding:0 20px 0 0; line-height:2.4; font-size:15px; transition:all 0.2s ease-out;}
.link_Box .link_list a:after	{content:""; display:block; float:right; height:10px; border-right:1px solid #ccc; margin-left:20px; margin-top:14px;}
.link_Box .link_list a:last-child:after	{display:none;}
.link_Box .link_list a.ov span, .link_Box .link_list a:hover, .link_Box .link_list a:active {color:#266ed4;}
	
	
	
	/* 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) {
	
	
	/* 인사말 */
	.greeting_top .greet_txt2 span {display:inline;}

	/* 로그인하기 190124 */
	.login_box {padding:100px 0 0 0; background-position:center top;}
	

		
	/* 2019.05.03 캠퍼스 맵 보기 */
	/* 0612_캠퍼스투어 190426 수정 */
	.campus_box2 ul li {width:50%;}

	/* page goto */
    .gotoBox .btn_goto {width: 70px;height: 100px;padding-top: 1rem;}
    .gotoBox .btn_goto a img {display: none;}
	
}
	
	/* 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) {	
	/* 인사말 */
	.greeting_top {padding-left:0;}
	.greeting_top .greet_img {position:relative; left:auto; top:auto; text-align:center;}
	.greeting_top .greet_txt1 {margin-top:20px; font-size:24px;}
	.greeting_top .greet_txt2 {font-size:20px;}

	/* 연혁 */
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}
	
	
	/* 061301_찾아오시는길 */
	.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; }

	/* 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) {
	
	/* 2019.05.03 캠퍼스 맵 보기 */
	/* 0612_캠퍼스투어 190426 수정 */
	.campus_box2 ul li {width:100%;}
	.campus_box2 .CamMap_view dl:before {top:auto; bottom:-30px; left:20px;} /* 190529 */
	.campus_box2 .CamMap_view dl dt {height:80px; padding:20px 20px 0 140px; line-height:24px; font-size:18px; background:none}
	.campus_box2 .CamMap_view dl dt span {display:block; margin-bottom:8px;}
	.campus_box2 .CamMap_view dl dd {position:relative; height:120px; font-size:14px; line-height:20px; padding-right:20px; overflow-y:auto;}
	.campus_box2 .CamMap_view dl dd.img {top:20px; width:100px; height:80px;} /* 190529 */
	.campus_box2 .CamMap_view dl dd.txt {margin:10px 0 0 20px; height:120px;} /* 190529 */
	.campus_box2 .CamMap_view a.btn_CamMap_clo {top:10px;}

	
	/* 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) {
	/* 직원소개 */
	.employee_box ul li div { padding: 15px 0 15px 118px;}
	.employee_box ul li div ul {padding-top : 0;}
	.employee_box ul li div span img { width: 80% }
}