@charset "utf-8";

/* 校长欢迎词 (인사말) */
.sub010101 {overflow:hidden; margin-top:60px;}
.sub010101 img {float:right; margin:0 0 20px 20px;}
.sub010101 p.tit {font-size:22px; margin-top:40px; font-weight:400;}
.sub010101 p.first {margin-top:0;}
.sub010101 p {margin-top:20px;}
.sub010101 .sign {float:right; margin-top:50px; overflow:hidden;}
.sub010101 .sign > p {float:left; margin:10px 20px 0 0;}
.sub010101 .sign > img {float:right; margin:0;}


@media all and (max-width:720px) {
	.sub010101 > img {width:45%;}
}
@media all and (max-width:500px) {
	.sub010101 > img {width:100%;}
}



/* 履历表 (프로필) */
.sub010102 {overflow:hidden;}
.president_Box {background:url('/uni/chn/images/sub01/profile_bg.jpg') no-repeat left top; position:relative; width:870px; height:357px; padding:0 !important;}
.president_Box > div {background:#fff; border-radius:10px; width:400px; position:absolute; top:50px; right:50px; padding:30px;}
.president_Box > div > h4 {margin-top:0;}
.president_Box > div > ul {margin:30px 0 0 0 !important;}
.sub010102 > div {border-top:1px dotted #999; padding:40px 0;}
.sub010102 > div:first-child {border-top:0px;}
.sub010102 > div.first {border-top:0px;}
.sub010102 > div > h4 {margin-top:0;}
.sub010102 > div > ul {margin:30px 0 0 0 !important;}
.sub010102 > div.year > ul li { position:relative; overflow:hidden; line-height:24px; padding-left:300px; margin:15px 0; background-position:left 12px;}
/*.sub010102 > div > ul span {display:block; float:left; width:670px;}*/
.sub010102 > div.year > ul span.year { position:absolute; left:10px; top:0; width:200px; border-right:2px solid #eee; font-size:17px; font-weight:bold; color:#333;}

@media all and (max-width:1199px) {
.president_Box {width:100%;}
/*.sub010102 > div > ul span {width:70%;}
.sub010102 > div > ul span.year {width:20%; margin-right:5%;}*/
}
@media all and (max-width:1023px) {
.president_Box {background-size:100%;}

}
@media all and (max-width:920px) {
.president_Box > div {top:10%; right:5%; padding:3%;}
.president_Box > div > ul > li {margin:5px 0 0 10px;}
}
@media all and (max-width:750px) {
.president_Box {background-size:750px; height:220px;}
.president_Box > div {top:100%; padding:0; left:0; margin-top:40px;}
.sub010102 > div.first {margin-top:270px; border-top:1px dotted #999;}
}
@media all and (max-width:480px) {
.sub010102 > div.year > ul li { padding-left:10px;}
.sub010102 > div.year > ul span.year { border-right:0; position:relative; left:auto; top:auto; display:block; margin-bottom:5px;}
}/*
@media all and (max-width:700px) {
.sub010102 > div > ul span {width:65%;}
.sub010102 > div > ul span.year {width:25%; margin-right:5%;}
}
@media all and (max-width:535px) {
.sub010102 > div > ul span {width:60%;}
.sub010102 > div > ul span.year {width:30%; margin-right:5%;}
}
@media all and (max-width:440px) {
.sub010102 > div > ul span {width:100%;}
.sub010102 > div > ul span.year {width:100%; margin-right:0; font-weight:bold;}
}
*/

/* 学校历史 (연혁) */
.history_wrap {position:relative;}
.history_wrap ul li a {position:absolute; top:-41px; display:block; width:32%; line-height:40px; font-size:16px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #0e4194; text-align:center;}
.history_wrap ul li a.on {background:#fff; border-left:1px solid #0e4194; border-right:1px solid #0e4194; border-top:1px solid #0e4194; border-bottom:1px solid #fff; color:#0e4194;}
.history_wrap .btn01 {left:0;}
.history_wrap .btn02 {left:33.8%;}
.history_wrap .btn03 {left:67.7%;}
.history {display:none;}
.history.show {display:block; margin-top:80px; border-top:1px solid #0e4194; padding-top:20px }
.history .dept1 { border-bottom:1px dashed #ccc; padding-bottom:10px; margin-top:5px;  }
.history .dept1 > li { padding-bottom:10px; overflow:hidden; }
.history .dept1 span {display:inline-block; font-size:17px;}

.sub0102 .contbox1 .title {margin-left:100px;}
.sub0102 hr {display:block; border-bottom:1px dashed #ccc; width:100%; margin-bottom:20px; border-top:0; }
.sub0102 .history.show {padding-top:40px;}
.sub0102 .history_wrap ul li {background:none;}
.sub0102 .history_wrap ul li a { width:32%; }
.sub0102 .history_wrap .btn01 {left:0;}
.sub0102 .history_wrap .btn02 {left:34%;}
.sub0102 .history_wrap .btn03 {right:0; left:auto;}
.sub0102 .history {overflow:hidden;}
.sub0102 .history h4 { float:left; width:15%; box-sizing:border-box; margin:0; background:none; font-size:28px; padding:0; }
.sub0102 .history ul {float:right; width:85%; margin-left:0; border-bottom:0; }
.sub0102 .history .dept1 span { width:85%; }
.sub0102 .history .dept1 span.year { width:15%; font-weight:600; color:#0e4194; vertical-align:top; }
.sub0102 .history .dept1 ul {width:85% !important;}
.sub0102 .serif {font-family:sans-serif; display:inline !important; font-size:15px !important; font-weight:400 !important; color:#333 !important;}

@media all and (max-width:768px) {
  .sub0102 .contbox1 .title {margin-left:0;}
  .sub0102 .history h4 {width:100%; padding-bottom:10px;}
  .sub0102 .history > ul {width:100%;}
}
@media all and (max-width:480px) {
  .sub0102 .history_wrap ul li a {font-size:12px;}
}


/* 展望 (비전)(180423)*/
.sub010301 {background:url('/uni/main/img/sub/sub01020101_01.gif') no-repeat center top;}
.sub010301 p.tit {text-align:center; padding:70px 0; font-size:19px; color:#195dae; text-transform:uppercase; }
.sub010301 p.tit span {clear:both; display:block; font-size:40px; color:#333; margin-bottom:10px;}
.sub010301 p.sperate {background:url('/uni/main/img/sub/sub01020101_02.gif') no-repeat center top; width:!00%; height:38px; margin:43px 0;}
.sub010301 .num0_mission {border:1px solid #195dae; border-radius:10px; text-align:center; margin-bottom:10px;}
.sub010301 .num0_mission dt {background:#195dae; border-radius:10px 10px 0 0; font-size:22px; color:#fff; padding:10px 0; font-weight:600;}
.sub010301 .num0_mission dd {font-size:19px; padding:20px 0;}
.sub010301 .num1 {border:1px solid #bfcad8; border-radius:10px; text-align:center; margin-bottom:10px;}
.sub010301 .num1 dt {background:#edf6ff; border-radius:10px 10px 0 0; font-size:22px; color:#195dae; padding:10px 0; font-weight:600;}
.sub010301 .num1 dd { font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; font-size:22px; padding:20px 0;}
.sub010301 .num1 dd ul {padding:0 2%;}
.sub010301 .imagesbox.num3 {overflow:hidden;}
.sub010301 .imagesbox.num3 li {float:left; width:32%; margin-left:2%;}
.sub010301 .imagesbox.num3 li:first-child {margin-left:0;}

/* 展望 (비전) */
/*
.sub010301 {margin-top:60px;}
.sub010301 .vision_bg {background:url('/uni/chn/images/sub01/sub010301_01.gif') no-repeat center top; font-size:45px; text-transform:uppercase; color:#10417b; font-weight:600; text-align:center; padding:130px 0 150px; margin-bottom:20px;}
.sub010301 .vision_bg span {display:block; color:#195dae; font-size:16px; margin-top:20px;}
.sub010301 .text { background:url('/uni/chn/images/sub01/sub010301_02.gif') no-repeat center top; text-align:center; font-size:18px; color:#555; padding:30px 0;}
.sub010301 .text span {display:block; color:#333; font-weight:600; font-size:22px; margin-top:10px;}
.sub010301 .text2 { background:url('/uni/chn/images/sub01/sub010301_03.gif') no-repeat center 20px; text-align:center; font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; font-size:30px; padding-top:100px; }

@media all and (max-width:700px) {
  .sub010301 .vision_bg { margin-bottom:0; }
  .sub010301 .text { font-size:16px; background:none; }
  .sub010301 .text span { font-size:25px; }
  .sub010301 .text2 { background:url('/uni/chn/images/sub01/sub010301_03.gif') no-repeat center top; font-size:18px; padding-top:70px; }
}
*/


/* 启明象征 (계대상징) */
.sub0104 {overflow:hidden;}
.sub0104 > div {border-top:1px dotted #bbb; overflow:hidden; padding:50px 0;}
.sub0104 > div:first-child {border-top:0; padding-top:0;}
.sub0104 > div > img {border:1px solid #ccc; float:left; width:315px;}
.sub0104 > div > div.img_box {float:left; width:315px;}
.sub0104 > div > div.img_box > img {border:1px solid #ccc;}
.sub0104 > div > div.p_txt {float:left; margin-left:50px; width:500px;}
div.p_txt > h4 {margin-top:0;}
.sub0104 .symbol_btn {width:315px; text-align:center; margin-top:20px;}
.sub0104 .symbol_btn > a {
	display:inline-block;
	background:url('/uni/chn/images/sub01/symbol_down.png') no-repeat 4px 4px #fff;
	border:1px solid #ccc;
	border-radius:100px;
	margin:0 4px;
	padding:8px 30px 8px 50px;
}

@media all and (max-width:1199px) {
	.sub0104 > div > img {width:30%;}
	.sub0104 > div > div.img_box {width:30%;}
	.sub0104 > div > div.img_box img {width:100%;}
	.sub0104 > div > div.p_txt {width:63%; margin-left:5%;}
	.sub0104 .symbol_btn {width:100%;}
}
@media all and (max-width:750px) {
	.sub0104 > div > img {width:35%;}
	.sub0104 > div > div.img_box {width:35%;}
	.sub0104 > div > div.p_txt {width:57%;}
}
@media all and (max-width:480px) {
	.sub0104 > div {padding:50px 2%;}
	.sub0104 > div > img {float:none; width:100%;}
	.sub0104 > div > div.img_box {float:none; width:100%;}
	.sub0104 > div > div.p_txt {float:none; width:100%; margin-left:0;}
	div.p_txt > h4 {margin-top:20px;}
}



/* 组织架构 (조직도) */
.sub0105 .contbox1 div { padding:10px 15px !important; overflow:hidden; }
.sub0105 .contbox1 div .close { display:none; }
.sub0105 .contbox1 div .pdf { float:left; }
.sub0105 .contbox1 div .view { float:right; }
.sub0105 hr {display:block; margin:0 auto; /*width:82.5%;*/ width:85.9%; background:#bbb; border:0; height:1px;}
.sub0105 .org01 { background:url('/uni/chn/images/sub01/org_bg2.gif') no-repeat center 50px; text-align:center; margin:40px 0 0 1px; }
.sub0105 .org01 p.num1 {background:#0e4194; font-size:19px; color:#fff; font-weight:600; display:inline-block; width:25%; line-height:50px; margin-bottom:20px; }
.sub0105 .org01 ul.num2 {overflow:hidden; width:85%; margin:0 auto; }
.sub0105 .org01 ul.num2 > li { width:50%; height:370px;  /* height:332px;*/ float:left; position:relative;}
.sub0105 .org01 ul.num2 li ul { width:60%; }
.sub0105 .org01 ul.num2 li ul.left {position:absolute; top:0; right:50px;}
.sub0105 .org01 ul.num2 li ul.right {position:absolute; top:0; left:50px;}
.sub0105 .org01 ul.num2 li ul li {font-size:16px; border:1px solid #aaa; line-height:38px; margin-bottom:10px; background:#f7f7f7; }
.sub0105 .org01 ul.num2 li span {display:inline-block; font-size:14px; background: url(/uni/main/img/sub/common/li_dot.gif) no-repeat left 10px; padding-left:8px;}

.sub0105 .org02 > ul { overflow:hidden; }
.sub0105 .org02 > ul > li { float:left; /*width:17.6%;*/ width:14.16%; margin-left:3%; background:url('/uni/chn/images/sub01/org_bg_02.gif') repeat-y center; padding-top:30px; }
.sub0105 .org02 > ul > li:first-child {margin-left:0;}
.sub0105 .org02 > ul > li > span {color:#0e4194; display:block; line-height:40px; font-size:16px; font-weight:600; border:2px solid #0e4194; background:#fff; text-align:center; }
.sub0105 .org02 > ul > li > ul {margin-top:10px; }
.sub0105 .org02 > ul > li > ul > li {display:block; border:1px solid #0e4194; text-align:center; color:#0e4194; line-height:30px; background:#fff; margin-top:5px; }
.sub0105 .org02 > ul > li > ul > li.noLine{position: relative; margin-top: 10px;}
.sub0105 .org02 > ul > li > ul > li.noLine::before{content: ""; position: absolute; left: 0; top: -11px; width: 100%; height: 10px; background: #fff;}

@media all and (max-width:900px) {
  .sub0105 hr {width:50%;}
  .sub0105 .org01 ul.num2 { width:90%; }
  .sub0105 .org02 > ul { background:url('/uni/chn/images/sub01/org_bg_02.gif') repeat-y 25% top;}
  .sub0105 .org01 ul.num2 li ul { width:80%; }
  .sub0105 .org01 ul.num2 li ul.left {top:0; right:30px;}
  .sub0105 .org01 ul.num2 li ul.right {top:0; left:30px;}
  .sub0105 .org02 > ul > li {width:46%; margin:0 2%;}
  .sub0105 .org02 > ul > li:first-child {margin:0 2%;}
}

@media all and (max-width:480px) {
  .sub0105 hr { display:none; }
  .sub0105 .org02 > ul { background:none; }
  .sub0105 .org01 ul.num2 { width:100%; }
  .sub0105 .org01 ul.num2 li ul { width:90%; }
  .sub0105 .org01 ul.num2 li ul.left {top:0; right:14px;}
  .sub0105 .org01 ul.num2 li ul.right {top:0; left:14px;}
  .sub0105 .org01 ul.num2 li ul li {font-size:13px; letter-spacing:-1px;}
  .sub0105 .org02 > ul > li {width:100%; margin:0;}
  .sub0105 .org02 > ul > li:first-child {margin:0; padding-top:0;}
}



/* 校园地图 (캠퍼스지도) */
.campusMap_bl {border:1px solid #ddd; padding:40px; margin-top:20px;}
.campusMap_bl li {padding:5px 0;}
.campusMap_bl li span {display:inline-block; width:70%; line-height:22px;}
.campusMap_bl li span.mb {background:#13428c; color:#fff; padding:1px 0; width:25px; text-align:center; border-radius:100px; font-size:12px; font-weight:bold; margin-right:15px; vertical-align:top;}

@media all and (max-width:540px) {
	.campusMap_bl {padding:3% 6%;}
}


/*캠퍼스맵*/
.campus_map .tab {overflow:hidden; margin-left:-1px;}
.campus_map .tab li {position:relative; float:left; width:25%; border-left:1px solid #fff; border-bottom:1px solid #fff; background:#636363; box-sizing:border-box; line-height:50px; padding-left:55px;}
.campus_map .tab li:hover,
.campus_map .tab li.on { background:#444;}
.campus_map .tab li a {display:block; color:#fff;}
.campus_map .tab li a span {position:absolute; left:10px; top:8px; background:#444; display:inline-block; width:33px; height:33px; border-radius:20px; }
.campus_map .tab li a .icon1 { background:#444 url('/uni/main/img/sub/map_icon01.png') no-repeat center; }
.campus_map .tab li a .icon2 { background:#444 url('/uni/main/img/sub/map_icon02.png') no-repeat center; }
.campus_map .tab li a .icon3 { background:#444 url('/uni/main/img/sub/map_icon03.png') no-repeat center; }
.campus_map .tab li a .icon4 { background:#444 url('/uni/main/img/sub/map_icon04.png') no-repeat center; }
.campus_map .tab li a .icon5 { background:#444 url('/uni/main/img/sub/map_icon05.png') no-repeat center; }
.campus_map .tab li a .icon6 { background:#444 url('/uni/main/img/sub/map_icon06.png') no-repeat center; }
.campus_map .tab li a .icon7 { background:#444 url('/uni/main/img/sub/map_icon07.png') no-repeat center; }
.campus_map .tab li a .icon8 { background:#444 url('/uni/main/img/sub/map_icon08.png') no-repeat center; }
.campus_map .tab li a .icon9 { background:#444 url('/uni/main/img/sub/map_icon09.png') no-repeat center; }
.campus_map .tab li a .icon10 { background:#444 url('/uni/main/img/sub/map_icon10.png') no-repeat center; }

.campus_map .tab li:hover a .icon1,
.campus_map .tab li.on a .icon1 { background:#0e4194 url('/uni/main/img/sub/map_icon01.png') no-repeat center; }
.campus_map .tab li:hover a .icon2,
.campus_map .tab li.on a .icon2 { background:#0e4194 url('/uni/main/img/sub/map_icon02.png') no-repeat center; }
.campus_map .tab li:hover a .icon3,
.campus_map .tab li.on a .icon3 { background:#0e4194 url('/uni/main/img/sub/map_icon03.png') no-repeat center; }
.campus_map .tab li:hover a .icon4,
.campus_map .tab li.on a .icon4 { background:#0e4194 url('/uni/main/img/sub/map_icon04.png') no-repeat center; }
.campus_map .tab li:hover a .icon5,
.campus_map .tab li.on a .icon5 { background:#0e4194 url('/uni/main/img/sub/map_icon05.png') no-repeat center; }
.campus_map .tab li:hover a .icon6,
.campus_map .tab li.on a .icon6 { background:#0e4194 url('/uni/main/img/sub/map_icon06.png') no-repeat center; }
.campus_map .tab li:hover a .icon7,
.campus_map .tab li.on a .icon7 { background:#0e4194 url('/uni/main/img/sub/map_icon07.png') no-repeat center; }
.campus_map .tab li:hover a .icon8,
.campus_map .tab li.on a .icon8 { background:#0e4194 url('/uni/main/img/sub/map_icon08.png') no-repeat center; }
.campus_map .tab li:hover a .icon9,
.campus_map .tab li.on a .icon9 { background:#0e4194 url('/uni/main/img/sub/map_icon09.png') no-repeat center; }
.campus_map .tab li:hover a .icon10,
.campus_map .tab li.on a .icon10 { background:#0e4194 url('/uni/main/img/sub/map_icon10.png') no-repeat center; }

.campus_map .map_wrap {position:relative;}
.campus_map .point {position:absolute; z-index:1; top:100px; left:20%;}
.campus_map .point a {text-align:center; display:block; margin-top:10px;}
.campus_map .root_daum_roughmap {z-index:0;}
.campus_map .info_wrap {position:relative;}
.campus_map .info_wrap .arrow { position:absolute; bottom:-16px; text-align:center; width:100%;}
.campus_map .info {position:relative; border:1px solid rgb(118, 129, 168); background:#fff; overflow:hidden; padding:20px; min-height:145px;}
.campus_map .info .img {position:absolute; top:20px; left:20px; }
.campus_map .info .img img {max-width:210px;}
.campus_map .info dl { margin:10px 0 0 240px;}
.campus_map .info dt {font-size:18px; font-weight:600; color:#333; text-align:left; font-family:"Noto Sans KR", sans-serif;}
.campus_map .info dd {margin-top:10px; text-align:left;}
.campus_map .info dd li {padding:5px 0;}
.campus_map .info dd .tel {display:inline-block; background:url('/uni/main/img/sub/map_tel.gif') no-repeat center 1px; width:20px; height:20px; text-indent:-99999px;}
.campus_map .info dd .loca {display:inline-block; background:url('/uni/main/img/sub/map_location.gif') no-repeat center 1px; width:20px; height:20px; text-indent:-99999px;}
.campus_map .info dd .web {display:inline-block; background:url('/uni/main/img/sub/map_web.gif') no-repeat center 1px; width:20px; height:20px; text-indent:-99999px;}
.campus_map .info a {position:absolute; top:10px; right:10px;}

.campus_map .img_wrap {position:absolute; z-index:1; top:20px; right:20px; background:#fff;}
.campus_map .img_wrap > div {position:relative; padding:15px;}
.campus_map .img_wrap div p {font-size:18px; font-weight:600; padding-bottom:10px;}
.campus_map .img_wrap div > a {position:absolute; top:10px; right:10px;}
.campus_map .img_wrap .img {overflow-y:auto; height:480px;}
.campus_map .img_wrap .img li {padding:5px;}
.campus_map .img_wrap .img li img {border:2px solid #fff;}
.campus_map .img_wrap .img li.on img,
.campus_map .img_wrap .img li:hover img {border:2px solid #195dae;}

@media all and (max-width:1023px) {
  .campus_map .img_wrap { bottom:50px; top:auto; width:96%; right:2%; }
  .campus_map .img_wrap div p {padding-bottom:0;}
  .campus_map .img_wrap .img {overflow-x:auto; height:120px;}
  .campus_map .img_wrap .img ul {width:1000%;}
  .campus_map .img_wrap .img li  {float:left;}
}
@media all and (max-width:768px) {
  .campus_map .info .img {display:none;}
  .campus_map .info dl {margin:0;}
}
@media all and (max-width:600px) {
  .campus_map .tab li {width:50%;}
}