@charset "utf-8";

/*열린총장실*/

/*인사말씀*/
.sub010101 {overflow:hidden; position:relative;}
.sub010101 .text { width:52%; font-size:22px; line-height:28px; background:url('../img/sub/sub010101_01.gif') no-repeat right top; padding-bottom:100px; font-weight:200; }
.sub010101 .text > span {display:block; line-height:35px;}
.sub010101 .text .point {position:relative; top:50px; font-size:32px; line-height:45px; color:#0e4194; font-weight:400; margin-top:10px; padding-right:110px;}
.sub010101 .text .point span {display:block;}
.sub010101 .newyear {font-size:25px; line-height:40px; color:#0e4194; font-weight:400; }
.sub010101 .person_img { position:absolute; top:0; right:0; width:48%; }
.sub010101 .person_img img { width:100%; margin-bottom:25px;}
.sub010101 .name { text-align:right; margin-top:35px;}
.sub010101 .name .sign {font-size:30px; font-weight:600; font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; padding-left:10px;}
.sub010101 ul {overflow:hidden; clear:both;}
.sub010101 ul li:first-child {margin:0 2% 0 0;}
.sub010101 ul li {float:left; width:48%; margin:470px 0 0 2%; }
.sub010101 ul li {float:left; width:48%; margin:220px 0 0 2%; }
.sub010101 ul li p {margin-top:40px; line-height:22px; text-align:justify; word-break:break-all; text-indent:20px;}
.sub010101 ul li:first-child p {margin-top:21px; letter-spacing:-0.5px; }

@media all and (max-width:768px) {
  .sub010101 .text { background:none; width:61%; padding-bottom:30px; float:left; font-size:20px; margin-right:2%; }
  .sub010101 .text span {display:inline;}
  .sub010101 .text .point {position:static; padding-right:0; font-size:30px; line-height:40px;}
  .sub010101 .person_img { position:relative; float:left;  width:35%; margin-left:2%; }
  .sub010101 .person_img img { margin-bottom:10px; }
  .sub010101 ul li:first-child { margin:0; }
  .sub010101 ul li {width:100%; margin:0;}
}

@media all and (max-width:480px) {
  /*
  .sub010101 .text { width:100%; font-size:18px; line-height:25px; background:#eee; border:1px solid #ccc; margin:0; padding:15px; box-sizing:border-box;}
  .sub010101 .text span {display:block;}
  .sub010101 .text .point {font-size:25px; line-height:32px;}
  .sub010101 .person_img {width:100%; margin:0; text-align:left;}
  .sub010101 .person_img img { display:none;}
  */
  .sub010101 .text {font-size:18px; line-height:25px; margin:0;}
}

/*프로필*/
.sub010102 .title {position:relative; background:#977e42 url('../img/sub/sub010102_01.gif') no-repeat right bottom;  color:#fff; min-height:200px; padding:50px 50px 0 50px; text-shadow:1px 1px 1px #000;}
.sub010102 .title .person {position:absolute; right:0; bottom:0;}
.sub010102 .title .name { font-size:20px; font-family:sans-serif; line-height:40px;}
.sub010102 .title span { font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; font-size:40px; font-weight:400; }
.sub010102 .title ul { margin-top:30px; }
.sub010102 .title li {background:url('../img/sub/sub010102_02.gif') no-repeat left 9px; padding-left:20px; margin:5px 0; font-size:16px; line-height:20px;}
.sub010102 .dept1.book li {padding:5px 0 5px 10px;}
.sub010102 .dept1 li {position:relative; padding:5px 0 5px 250px;}
.sub010102 .dept1 li span {display:inline-block; position:absolute; left:10px; color:#0e4194; font-size:16px;}
.sub010102 .dept1 li.no_pad { padding:5px 0 5px 10px;}

@media all and (max-width:768px) {
  .sub010102 .dept1 li {position:relative; padding:5px 0 5px 10px;}
  .sub010102 .dept1 li span {position:relative; margin-right:30px; left:0;}
}

@media all and (max-width:600px) {
  .sub010102 .title {padding:30px;}
  .sub010102 .title .person {position:relative; margin-bottom:20px; text-align:center; }
  .sub010102 .title .person img {width:100%; max-width:227px; }
  .sub010102 .title .name span {display:block;}
}

/*학교소개 > 연혁에도 동일하게 사용*/
.history_wrap {position:relative;}
.history_wrap ul li a {position:absolute; top:-41px; display:block; width:23.5%; 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:25.5%;}
.history_wrap .btn03 {left:51%;}
.history_wrap .btn04 {right:0;}
.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;  }
.history .dept1 > li { padding-bottom:10px; overflow:hidden; }
.history .dept1 span {display:inline-block; font-size:17px; font-weight:400; color:#0e4194; width:30%;}

@media all and (max-width:600px) {
  .history .dept1 span {width:100%;}
}

/*조직도*/
.sub010203 .contbox1 div { padding:10px 15px !important; overflow:hidden; }
.sub010203 .contbox1 div .close { display:none; }
.sub010203 .contbox1 div .open { display:block; }
.sub010203 .contbox1 div .pdf { float:left; }
.sub010203 .contbox1 div .view { float:right; }
.sub010203 hr {display:block; margin:0 auto; /*width:82.5%;*/ width:85.9%; background:#bbb; border:0; height:1px;}
.sub010203 .org01 a:hover,
.sub010203 .org02 a:hover {cursor:pointer; color:#0e4194; border-bottom:1px solid #0e4194;}
.sub010203 .org01 { /*background:url('../img/sub/sub010203_01_ver7.gif') no-repeat center 50px;*/ position:relative; text-align:center; margin:40px 0 0 1px; }
.sub010203 .org01 p.num1 {background:#0e4194; font-size:19px; color:#fff; font-weight:400; display:inline-block; width:25%; line-height:50px; margin-bottom:20px; }
.sub010203 .org01 ul.num2 {overflow:hidden; width:100%; margin:0 auto; }
.sub010203 .org01 ul.num2 > li { width:50%; height:500px; float:left; position:relative; }
/* height:430px;  */
.sub010203 .org01 ul.num2 li ul { width:66%; /*{ width:43%; } */ }
.sub010203 .org01 ul.num2 li ul.left {position:absolute; top:0; right:50px;}
.sub010203 .org01 ul.num2 li ul.right {position:absolute; top:0; left:50px;}
.sub010203 .org01 ul.num2 li ul.etc {position:absolute; bottom:65px; right:205px;}
.sub010203 .org01 ul.num2 li ul.right li, .sub010203 .org01 ul.num2 li ul li.lineH {line-height:23px; padding:9px 0;}
.sub010203 .org01 ul.num2 li ul li {font-size:16px; border:1px solid #aaa; line-height:38px; margin-bottom:10px; background:#f7f7f7; position:relative;}
.sub010203 .org01 ul.num2 li span {display:inline-block; font-size:14px; background: url(../img/sub/common/li_dot.gif) no-repeat left 10px; padding-left:8px;}
/*선*/
.sub010203 .org01:before {content:''; position:absolute; bottom:0; left:50%; width:1px; height:calc(100% - 50px); background:#bbb;}
.sub010203 .org01 ul.num2 li ul li:before {content:''; position:absolute; right:-51px; top:50%; width:51px; height:1px; background:#bbb;}
.sub010203 .org01 ul.num2 li ul.right li:before {right:inherit; left:-51px;}

.sub010203 .org02 > ul { overflow:hidden; }
.sub010203 .org02 > ul > li { float:left; /*width:17.6%;*/ width:14.16%; margin-left:3%; background:url('../img/sub/sub010203_02.gif') repeat-y center; padding-top:30px; }
.sub010203 .org02 > ul > li:first-child {margin-left:0;}
.sub010203 .org02 > ul > li > span {color:#0e4194; display:block; line-height:40px; font-size:16px; font-weight:400; border:2px solid #0e4194; background:#fff; text-align:center; }
.sub010203 .org02 > ul > li > span.line2 {padding:7px 0; line-height:1.5}
.sub010203 .org02 > ul > li > span > a {color:#0e4194;}
.sub010203 .org02 dl {margin-top:10px; }
.sub010203 .org02 dl.noLine {position:relative;}
.sub010203 .org02 dl.noLine::before {content:''; position:absolute; left:50%; top:-10px; height:10px; width:10px; margin-left:-5px; background:#fff; }
.sub010203 .org02 dl.etc {margin-top:0; padding-top:30px; background:#fff; }
.sub010203 .org02 dl etc dt a {display:block; border:1px solid #0e4194; text-align:center; color:#0e4194; line-height:30px; background:#fff; }
.sub010203 .org02 dl dt a {display:block; border:1px solid #0e4194; text-align:center; color:#0e4194; line-height:30px; background:#fff; }
.sub010203 .org02 dl dd { display:none; background:#f1f1f1; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:9px; word-break:break-all;}
.sub010203 .org02 dl dd .title {font-size:16px; color:#222; font-weight:400; margin-top:10px;}
.sub010203 .org02 dl dd .title:first-child {margin-top:0;}
.sub010203 .org02 dl dd .dept2 {margin-top:0;}

.sub010203 .dept1 > li {padding: 5px 0 5px 6px; font-size:14px; word-break:keep-all;}
.sub010203 .dept2 > li {padding: 3px 0 3px 10px;}
.sub010203 .dept3 > li {padding: 2px 0 2px 7px; }
.sub010203 .dept2 > li.sfont {letter-spacing:-0.07em; font-size:13.5px;}
.sub010203 .dept3 > li.sfont {letter-spacing:-0.07em; font-size:13px;}

@media all and (max-width:900px) {
  .sub010203 hr {width:50%;}
  .sub010203 .org01 ul.num2 { width:100%;}
  .sub010203 .org02 > ul { background:url('../img/sub/sub010203_02.gif') repeat-y 25% top;}
  .sub010203 .org01 ul.num2 li ul { width:87%; }
  .sub010203 .org01 ul.num2 li ul.left {top:0; right:30px;}
  .sub010203 .org01 ul.num2 li ul.right {top:0; left:30px;}
  .sub010203 .org01 ul.num2 li ul.etc {bottom:15px; left:30px;}
  .sub010203 .org02 > ul > li {width:46%; margin:0 2%;}
  .sub010203 .org02 > ul > li:first-child {margin:0 2%;}
  /*선*/
  .sub010203 .org01 ul.num2 li ul li:before {right:-31px; width:31px;}
  .sub010203 .org01 ul.num2 li ul.right li:before {left:-31px;}
}

@media all and (max-width:480px) {
  .sub010203 hr { display:none; }
  .sub010203 .org02 > ul { background:none; }
  .sub010203 .org01 ul.num2 { width:100%; }
  .sub010203 .org01 ul.num2 li ul { width:90%; }
  .sub010203 .org01 ul.num2 li ul.left {top:0; right:14px;}
  .sub010203 .org01 ul.num2 li ul.right {top:0; left:14px;}
  .sub010203 .org01 ul.num2 li ul.etc {bottom:20px; left:14px;}
  .sub010203 .org01 ul.num2 li ul li {font-size:14px; letter-spacing:-1px;}
  .sub010203 .org02 > ul > li {width:100%; margin:0;}
  .sub010203 .org02 > ul > li:first-child {margin:0; padding-top:0;}
  /*선*/
  .sub010203 .org01 ul.num2 li ul li:before {right:-15px; width:15px;}
  .sub010203 .org01 ul.num2 li ul.right li:before {left:-15px;}
}

@media all and (max-width:400px) {
  .sub010203 .contbox1 div .pdf,
  .sub010203 .contbox1 div .view { margin:3px; float:left; }
}

/*취임사*/
.sub010103 {line-height:23px; text-align:justify; }
.sub010103 img { float:right; border:1px dashed #ccc; padding:10px; width:325px; margin:0 0 10px 2%; box-sizing:border-box;}
/*.sub010103 img { float:left; width:180px; margin:0 20px 30px 0;}*/
.sub010103 .point {font-size:17px; font-weight:400; color:#0e4194; line-height:28px; display:block; margin:30px 0px; text-align:left;}
.sub010103 p { text-align:right; color:#555; }
.sub010103 .date {display:block; margin:20px 0 10px;}
.sub010103 .sign {font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; font-size:30px; color:#333; font-weight:600;}

@media all and (max-width:480px) {
  .sub010103 img { width:100%; margin:0 0 20px 0;}
}

/*역대총장*/
.sub010104 ul {overflow:hidden;}
.sub010104 li {float:left; width:23%; margin:0 1% 20px; border:1px solid #ccc; box-sizing:border-box; text-align:center; padding:5px; }
.sub010104 li img {width:100%;}
.sub010104 li div {padding:15px 0; background:#f1f1f1;}
.sub010104 li div p {font-weight:400; font-size:23px; padding-top:5px;}
.sub010104 li div p span {font-size:18px;}

@media all and (max-width:768px) {
  .sub010104 li {width:31.3%; margin:0 1% 10px;}
}

@media all and (max-width:480px) {
  .sub010104 li {width:48%;}
}

/*교육희년기념*/
.sub010105 h4 {float:left;}
.sub010105 h4 span {font-size:17px;}
.sub010105 .btn {float:right; padding-top:25px;}
.sub010105 .text {padding:20px; height:200px; overflow-y:auto; border:1px solid #ccc; line-height:25px; color:#555;}
.sub010105 .video {clear:both; padding-top:10px;}

@media all and (max-width:768px) {
  .sub010105 h4 {float:none;}
  .sub010105 .btn {float:none; padding-top:0; text-align:right;}
}

/*학교소개*/

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

/*교육체계도 _ 사용X*/
.sub01020102 > ul.arrow1 > li { background:url('../img/sub/sub01020102_01.gif') no-repeat center bottom; padding-bottom:35px; margin-bottom:10px;}
.sub01020102 > ul.arrow2 > li { background:url('../img/sub/sub01020102_02.gif') no-repeat center bottom; padding-bottom:35px; margin-bottom:10px;}
.sub01020102 > ul > li.last {background:none; padding-bottom:0; margin-bottom:0;}
.sub01020102 .step { border:1px solid #ccc; padding:4px; border-radius:20px; }
.sub01020102 .step table {width:100%; text-align:center; background:#f8fbff; border-radius:16px; }
.sub01020102 .step th {background:#195dae;  border-radius:16px 0 0 16px; color:#fff; font-size:18px; padding:10px; font-weight:200;}
.sub01020102 .step th span {display:block; font-size:12px; letter-spacing:-0.03em;}
.sub01020102 .step td {border-right:1px dashed #b2b2b2; border-bottom:1px dashed #b2b2b2; padding:10px; line-height:20px; }
.sub01020102 .step td.last {border-right:0; }
.sub01020102 .num2 td span {display:block; font-size:17px; font-weight:400;}
.sub01020102 .num3 td span {display:block; font-size:12px; color:#666;}
.sub01020102 .none { border-bottom:0 !important; }
.sub01020102 .b_txt {font-weight:400; font-size:18px; color:#0c4da2; }

@media all and (max-width:500px) {
  .sub01020102 .step { overflow-x:auto; }
  .sub01020102 .step table {  width:600px;}
}

/*교육체계도*/
.sub01020102 img {width:100%;}

/*발전목표 및 추진과제*/
.sub01020103 table li {float:left; width:50%; box-sizing:border-box;}

@media all and (max-width:480px) {
  .sub01020103 table li {width:100%;}
}

/*장기발전계획 계획*/
.sub01020104 .num1, .sub01020104 .num2 {border:1px solid #bfcad8; border-radius:10px; text-align:center; margin-bottom:10px;}
.sub01020104 .num1 dt {background:#edf6ff; border-radius:9px 9px 0 0; font-size:22px; color:#195dae; padding:10px 0; font-weight:400;}
.sub01020104 .num1 dd { font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; font-size:22px; padding:20px 0;}

.sub01020104 .num2 {border:1px solid #bfcad8; border-radius:10px;}
.sub01020104 .num2 dl {overflow:hidden; border-top:1px dashed #d9e2ec; line-height:23px;}
.sub01020104 .num2 dl:first-child {border-top:0}
.sub01020104 .num2 dt {width:15%; float:left; background:#edf6ff; font-size:18px; font-weight:400; color:#195dae;}
.sub01020104 .num2 dd {width:85%; float:left;}
.sub01020104 .num2 li { display:table-cell; vertical-align:middle; padding:10px; box-sizing:border-box; border-left:1px dashed #d9e2ec; }
.sub01020104 .num2 li:first-child {border-left:0;}
.sub01020104 .num2 .dl1 dt {border-radius:9px 0 0 0; line-height:66px;}
.sub01020104 .num2 .dl1 li { width:33%; height:66px;}
.sub01020104 .num2 .dl2 dt { line-height:89px; }
.sub01020104 .num2 .dl2 li { width:20%; height:89px;}
.sub01020104 .num2 .dl3 dt {border-radius:0 0 0 9px; line-height:66px;}
.sub01020104 .num2 .dl3 li { width:25%; height:66px; }
.sub01020104 .num3 {margin-bottom:10px;}
.sub01020104 .num3 dl { overflow:hidden; border:1px solid #bfcad8; border-radius:10px; }
.sub01020104 .num3 dt { float:left; width:15%; background:#edf6ff; border-left:1px dashed #d9e2ec; box-sizing:border-box; font-size:18px; font-weight:400; color:#195dae; text-align:center; line-height:148px;}
.sub01020104 .num3 dt:first-child { border-left:0;}
.sub01020104 .num3 dd {float:left; width:35%; padding:10px 0 10px 20px; box-sizing:border-box;}
.sub01020104 .num4 {border:1px solid #bfcad8; border-radius:10px; margin-bottom:10px; overflow-x:auto;}
.sub01020104 .num4 .title, .sub01020104 .num5 .title {background:#edf6ff; border-radius:9px 9px 0 0; text-align:center; font-size:22px; font-weight:400; color:#195dae; padding:10px 0; }
.sub01020104 .num4 .title span {font-size:16px; padding-left:10px;}
.sub01020104 .num4 table {width:100%; text-align:center; margin:10px 0;}
.sub01020104 .circle { display:inline-block; border:1px solid #bfcad8; padding:3px; text-align:center; border-radius:35px; margin:2px 0;}
.sub01020104 .circle span { display:table-cell; height:60px; width:60px; background:#d9e2ec; font-size:16px; border-radius:32px; vertical-align:middle; }
.sub01020104 .num4 table td span {display:block; line-height:25px; font-size:16px; font-weight:400; margin-bottom:5px;}
.sub01020104 .num4 table td .b_box {width:80%; margin:3px auto; color:#fff; background:#0e4194; font-size:14px; border-radius:5px;}
.sub01020104 .num5 {overflow:hidden;}
.sub01020104 .num5 table {margin:10px 20px; width:100%; table-layout:fixed;}
.sub01020104 .num5 table th {width:20%;}
.sub01020104 .num5 > ul > li:first-child{margin-left:0;}
.sub01020104 .num5 > ul > li {float:left; width:49%; margin-left:2%; border:1px solid #bfcad8; border-radius:10px; min-height:316px; box-sizing:border-box; }
.sub01020104 .num5 .dept1 { width:80%; }

/* 안전 보건 목표 및 기본방향 */
.sub01020106 .dlWrap{border: 1px solid #bfcad8; border-radius: 10px; margin-bottom: 10px;}
.sub01020106 .dlWrap > dt{background: #edf6ff; border-radius: 9px 9px 0 0; padding: 10px; text-align: center; font-size: 22px; font-weight: 400; color: #195dae;}
.sub01020106 dl dd{padding: 10px;}
.sub01020106 .cont1 ul li{border: 1px solid #bfcad8; border-radius: 10px; overflow: hidden; margin-bottom: 5px;}
.sub01020106 .cont1 ul li:last-child{margin-bottom: 0;}
.sub01020106 .cont1 ul li span{float: left; padding: 15px 0;}
.sub01020106 .cont1 ul li span.num{padding: 15px 20px; font-size: 18px; font-weight: 400; color: #fff; background: #0e4194; margin-right: 20px;}
.sub01020106 .cont2 dd ul{overflow: hidden;}
.sub01020106 .cont2 dd > ul > li { display:flex; align-items:center; float:left; width: 17.9%; text-align: center; padding:10px; height: 60px;}
.sub01020106 .cont2 dd .cont2_02 > li{ height: 240px; text-align:left; padding: 10px; background: #efefef; border-radius: 10px; margin-right: 5px; }
.sub01020106 .cont2 dd .cont2_02 > li:last-child{margin-right: 0;}
.sub01020106 .cont2 dd:last-child{padding-top: 0 !important;}
.sub01020106 .cont2 dd > ul > li span {display:block; margin:0 auto;}
.sub01020106 .cont2 dd > ul > li.first_li {width: 12%; color: #fff; border-radius: 10px; font-weight: 500; background: #0e4194; margin-right: 5px;}
.sub01020106 .cont2 dd > ul > li .dept1:last-child{margin-right: 0;}
.sub01020106 .cont2 dd .cont2_01 li:not(.first_li){background: #4d4d4d; color: #fff; font-weight: 500; border-radius: 10px; margin-right: 5px;}
.sub01020106 .cont2 dd .cont2_01 li:last-child{margin-right: 0;}
@media all and (max-width:799px) {
  .sub01020106 .cont2 dd > ul > li.first_li {width: 97%; margin-bottom: 10px; height: auto;}
  .sub01020106 .cont2 dd .cont2_01 li:not(.first_li){width: 21%;}
  .sub01020106 .cont2 dd .cont2_02 > li.first_li{height: auto;}
  .sub01020106 .cont2 dd > ul > li{width: 21%;}
}
@media all and (max-width:658px) {
  .sub01020106 .cont2 dd > ul > li.first_li {width: 94%; margin-bottom: 10px; height: auto;}
  .sub01020106 .cont2 dd .cont2_01 li:not(.first_li){width: 94%; margin-bottom: 5px; height: auto;}
  .sub01020106 .cont2 dd .cont2_01 li:last-child{margin-bottom: 0;}
  .sub01020106 .cont2 dd .cont2_02 > li{height: auto; margin-bottom: 5px;}
  .sub01020106 .cont2 dd .cont2_02 > li:last-child {margin-bottom: 0;}
  .sub01020106 .cont2 dd > ul > li{width: 94%;}
}
@media all and (max-width:396px) {
  .sub01020106 .cont1 ul li span{width: 90%; padding: 10px 0; text-align: center; }
}


/*190702 추가*/
.sub01020104 .dlWrap {border:1px solid #bfcad8; border-radius:10px; margin-bottom:10px; }
.sub01020104 .dlWrap > dt { background:#edf6ff; border-radius:9px 9px 0 0 ; padding:10px; text-align:center; font-size: 22px; font-weight: 400; color: #195dae;}
.sub01020104 .dlWrap > dd {text-align:center; padding:10px;}
.sub01020104 .dlWrap.cont1 > dd {text-align:center; padding:10px;}
.sub01020104 .dlWrap.cont1 > dd ul {overflow:hidden;}
.sub01020104 .dlWrap.cont1 > dd li { float:left; width:32%; margin-left:2%; background:#0e4194; color:#fff; font-size:16px; font-weight:400; padding:10px; border-radius:5px; box-sizing:border-box;}
.sub01020104 .dlWrap.cont1 > dd li:first-child {margin-left:0;}
.sub01020104 .dlWrap.cont2 > dd ul {overflow:hidden}
.sub01020104 .dlWrap.cont2 > dd li {float:left; width:16.33%; margin-left:1%;}
.sub01020104 .dlWrap.cont2 > dd li:nth-child(1) { width:49%; margin-left:0;}
.sub01020104 .dlWrap.cont2 > dd li:nth-child(2) { width:32.66%;}
.sub01020104 .dlWrap.cont2 > dd li p {background:#f2f2f2; border-radius:10px; padding:10px 0; line-height:20px; letter-spacing:-1px; margin-bottom:10px; }
.sub01020104 .dlWrap.cont2 > dd li dl {float:left; width:100%; margin-left:2%; border:1px solid #555; border-radius:5px; box-sizing:border-box;}
.sub01020104 .dlWrap.cont2 > dd li:nth-child(1) dl {width:32%;}
.sub01020104 .dlWrap.cont2 > dd li:nth-child(2) dl {width:49%;}
.sub01020104 .dlWrap.cont2 > dd li > dl:nth-child(2) {margin-left:0;}
.sub01020104 .dlWrap.cont2 > dd li dl dt {background:#555; color:#fff; border-radius:4px 4px 0 0 ; padding:5px;}
.sub01020104 .dlWrap.cont2 > dd li dl dd {padding:5px; min-height:70px;}
.sub01020104 .dlWrap.cont3 > dd ul {display:flex; margin:0 -1%;}
.sub01020104 .dlWrap.cont3 > dd li {width:32%; margin:0 1%; background:#0e4194; color:#fff; font-size:16px; font-weight:400; padding:10px; border-radius:5px; box-sizing:border-box;}
@media all and (max-width:768px) {
  .sub01020104 .num2 dt { width:100%; line-height:45px !important; }
  .sub01020104 .num2 dd { width:100%; }
  .sub01020104 .num2 li { height:auto !important; }
  .sub01020104 .num3 dt {width:100%; line-height:45px; border-left:0; border-top:1px dashed #d9e2ec;}
  .sub01020104 .num3 dt:first-child { border-top:0;}
  .sub01020104 .num3 dd {width:100%;}
  .sub01020104 .num5 > ul > li:first-child {margin-bottom:10px;}
  .sub01020104 .num5 > ul > li {width:100%; box-sizing:border-box; margin-left:0; min-height:auto;}
  .sub01020104 .dlWrap.cont2 > dd li {width:100% !important; margin-left:0 !important;}
  .sub01020104 .dlWrap.cont2 > dd li dl dd { min-height:auto;}
  .sub01020104 .dlWrap.cont2 > dd li dl {margin-bottom:20px;}
  .sub01020104 .dlWrap.cont3 > dd ul {flex-flow:row wrap; margin:-3px -1%;}
  .sub01020104 .dlWrap.cont3 > dd li {width:calc(33.333% - 2%); margin:3px 1%;}
}

@media all and (max-width:480px) {
  .sub01020104 .num4 table, .sub01020104 .num4 > p {width:550px;}
  .sub01020104 .num2, .sub01020104 .num4, .sub01020104 .num5 > ul > li {width:100%; overflow-x:scroll;}
  .sub01020104 .num2 dl, .sub01020104 .num4 dl, .sub01020104 .num5 > table { width: 480px; }
}

.sub01020105 {background:url('../img/sub/sub01020105_01.gif') no-repeat center; }

/*연혁*/
.sub01020201 hr {display:block; border-bottom:1px dashed #ccc; width:100%; margin-bottom:20px; border-top:0; }
.sub01020201 .history.show {padding-top:40px;}
.sub01020201 .history_wrap ul li a { width:32%; }
.sub01020201 .history_wrap .btn01 {left:0;}
.sub01020201 .history_wrap .btn02 {left:34%;}
.sub01020201 .history_wrap .btn03 {right:0; left:auto;}
.sub01020201 .history {overflow:hidden;}
.sub01020201 .history h4 { float:left; width:20%; box-sizing:border-box; margin:0; background:none; font-size:30px; padding:0; }
.sub01020201 .history > ul {float:right; width:80%; margin-left:0; border-bottom:0; }
.sub01020201 .history .dept1 span { width:125px; position:absolute; left:10px; }
.sub01020201 .history .dept1 span.serif {position:relative !important; left:auto; }
.sub01020201 .history .dept1 > li {position:relative; padding:5px 0 5px 140px}
.sub01020201 .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) {
  .sub01020201 .history h4 {width:100%; padding-bottom:10px;}
  .sub01020201 .history > ul {width:100%;}
}

@media all and (max-width:480px) {
  .sub01020201 .history_wrap ul li a {font-size:12px;}
}

/*대학현황*/
/*규정집_사용x
.sub010302 {overflow:hidden;}
.sub010302 > div { float:left; width:49%; border:1px solid #d2d2d2; background:#f6f6f6; text-align:center; box-sizing:border-box; padding:20px;}
.sub010302 > div:first-child {margin-right:2%;}
.sub010302 > div > span {display:block; font-size:22px; font-weight:400; color:#222; padding:130px 0 20px;}
.sub010302 .con1 {background:url('../img/sub/sub010302_01.png') no-repeat center top;}
.sub010302 .con2 {background:url('../img/sub/sub010302_02.png') no-repeat center top;}

@media all and (max-width:480px) {
  .sub010302 > div { padding:10px;}
  .sub010302 > div > span {font-size:18px;}
}
*/
.sub010302 { background:url('../img/sub/sub010302_01.gif') no-repeat; padding:25px; min-height:240px;}
.sub010302 > div { float:right; width:50%; background:#fff; padding:30px; text-align:center;}
.sub010302 h4 {margin:0 0 10px; color:#222;}
.sub010302 > div > p {margin-bottom:10px; }

@media all and (max-width:768px) {
  .sub010302 {padding:240px 0 0;}
  .sub010302 > div { width:100%; border:1px solid #ccc; background:#f4f4f4; box-sizing:border-box; }
}

/*계명상징*/
/*symbolmark - signature, logotype과 같이사용*/
.logo_box {border:1px solid #ddd; overflow:hidden; margin-top:20px}
.logo_box li {position:relative; float:left; width:33.3%; border-left:1px solid #ddd; text-align:center; min-height:220px; box-sizing:border-box;}
.logo_box.num2 li {width:50%; min-height:270px;}
.logo_box li img {padding:10px 0 20px;}
.logo_box li:first-child {border-left:0;}
.logo_box a {position:absolute; right:-1px; top:-1px;}
.logo_box p { padding:10px; text-align:left;}

@media all and (max-width:860px) {
  .logo_box li {width:100%; border-top:1px solid #ddd; border-left:0;}
  .logo_box li:first-child {border-top:0; min-height:auto;}
  .logo_box.num2 li {border-top:0;}
  .logo_box.num2 li:first-child { border-right:1px solid #ddd;}
}

/*signature*/
@media all and (max-width:768px) {
  .logo_box.num2 li { width:100%; min-height:auto;}
  .logo_box.num2 li:first-child { border-right:0; border-bottom:1px solid #ddd;}
}

/*logotype*/
.sub01040103 .logo_box.num2 li {min-height:auto;}
@media all and (max-width:900px) {
  .sub01040103 .logo_box.num2 li { width:100%; min-height:auto;}
  .sub01040103 .logo_box.num2 li:first-child { border-right:0; border-bottom:1px solid #ddd;}
}
@media all and (max-width:450px) {
  .sub01040103 .logo_box.num2 li img { width:95%;}
}

/*컬러시스템*/
.sub01040104 .logo_box2 {background:url('../img/sub/sub01040104_01.gif'); text-align:center; padding:29px 10px; border:1px solid #eee; }
.sub01040104 .logo_box2 img { width:100%; max-width:418px;}
.sub01040104 .colorwrap1, .sub01040104 .colorwrap2 {overflow:hidden;}
.sub01040104 .colorwrap1 li {float:left; width:33.3%;}
.sub01040104 .colorwrap1 p, .sub01040104 .colorwrap2 p  { float:left; display:inline-block; border:1px solid #bbb; padding:2px; border-radius:60px; line-height:0;}
.sub01040104 .colorwrap1 p span {display:inline-block; width:70px; height:70px; border-radius:60px;}
.sub01040104 .colorwrap1 .color1 span { background:rgb(3,78,162); }
.sub01040104 .colorwrap1 .color2 span { background:rgb(226,61,63); }
.sub01040104 .colorwrap1 .color3 span { background:rgb(35,31,32); }
.sub01040104 .colorwrap1 li dl, .sub01040104 .colorwrap2 li dl {float:left; margin-left:10px;}
.sub01040104 .colorwrap1 li dl dt {font-size:16px; font-weight:400; margin:5px 0 5px;}
.sub01040104 .colorwrap1 li dl dt span {font-size:18px;}
.sub01040104 .colorwrap1 li dl dd span {display:block; font-size:13px; color:#555; margin-top:3px;}

.sub01040104 .colorwrap2 p span {display:inline-block; width:50px; height:50px; border-radius:60px;}
.sub01040104 .colorwrap2 .color1 span { background:rgb(91,176,210); }
.sub01040104 .colorwrap2 .color2 span { background:rgb(38,133,187); }
.sub01040104 .colorwrap2 .color3 span { background:rgb(250,200,204); }
.sub01040104 .colorwrap2 .color4 span { background:rgb(248,118,121); }
.sub01040104 .colorwrap2 .color5 span { background:rgb(168,168,168); }
.sub01040104 .colorwrap2 .color6 span { background:rgb(157,144,135); }
.sub01040104 .colorwrap2 .color7 span { background:#aa9569; }
.sub01040104 .colorwrap2 .color8 span { background:#a7a9ac; }
.sub01040104 .colorwrap2 li {float:left; width:50%; margin:10px 0;}
.sub01040104 .colorwrap2 li dl dt { margin:7px 0 5px;}
.sub01040104 .colorwrap2 li dl dt span {font-size:16px; font-weight:400;}
.sub01040104 .colorwrap2 li dl dd {display:block; font-size:13px; color:#555; margin-top:3px;}
.sub01040104 .colorwrap2 li dl dd span {margin-left:10px;}

@media all and (max-width:820px) {
  .sub01040104 .colorwrap1 li {text-align:center;}
  .sub01040104 .colorwrap1 p, .sub01040104 .colorwrap1 li dl {float:none;}
}
@media all and (max-width:680px) {
  .sub01040104 .colorwrap2 li dl dt span { display:block;}
  .sub01040104 .colorwrap2 li dl dd span { display:block; margin-left:0;}
}
@media all and (max-width:480px) {
  .sub01040104 .colorwrap2 li { width:100%; margin:5px 0; }
  .sub01040104 .colorwrap2 li dl dt span { display:inline;}
  .sub01040104 .colorwrap2 li dl dd span { display:inline; margin-left:10px;}
}

/*계명상징 - 교목교화교석 _ 사용X
.symbolbox > ul:first-child { margin-top:0; border-top:0; padding-top:0;}
.symbolbox > ul {overflow:hidden; margin-top:30px; border-top:1px dashed #ddd; padding-top:30px;}
.symbolbox > ul > li:first-child {background:#fff; padding:0; width:40%; margin-right:4%;}
.symbolbox > ul > li {background:#f1f1f1; padding:30px; float:left; width:55%; line-height:22px; box-sizing:border-box;}
.symbolbox > ul > li .title {font-size:20px; font-weight:400; margin-bottom:10px;}
.symbolbox > ul > li img {width:100%;}

@media all and (max-width:600px) {
  .symbolbox > ul > li:first-child {width:100%; margin-right:0;}
  .symbolbox > ul > li {width:100%; padding:20px;  }
  .sub010404.symbolbox > ul > li img  {width:50%; float:left;}
}

@media all and (max-width:480px) {
  .sub010404.symbolbox > ul > li img  {width:100%;}
}
*/
/*계명상징 - 교목교화교석*/
.symbolbox > ul:first-child { margin-top:0; border-top:0; padding-top:0;}
.symbolbox > ul {margin-top:30px; border-top:1px dashed #ddd; padding-top:30px;}
.symbolbox > ul > li:first-child { padding:0; text-align:center;}
.symbolbox > ul > li { overflow:hidden; background:#f1f1f1; padding:30px; line-height:22px; text-align:justify; box-sizing:border-box;}
.symbolbox > ul > li .title {font-size:20px; font-weight:400; margin-bottom:15px; text-align:left; }
.symbolbox > ul > li img {width:100%; max-width:470px;}
.sub010404.symbolbox > ul > li img {width:50%; max-width:450px;}

.sub010402.symbolbox > ul:nth-child(1) > li:first-child { background:url('../img/sub/sub010402_01_bg.png') no-repeat center;}
.sub010402.symbolbox > ul:nth-child(2) > li:first-child { background:url('../img/sub/sub010402_02_bg.png') no-repeat center;}
.sub010402.symbolbox > ul:nth-child(3) > li:first-child { background:url('../img/sub/sub010402_03_bg.png') no-repeat center;}
.sub010402.symbolbox > ul:nth-child(4) > li:first-child { background:url('../img/sub/sub010402_04_bg.png') no-repeat center;}
.sub010402.symbolbox > ul:nth-child(5) > li:first-child { background:url('../img/sub/sub010402_05_bg.png') no-repeat center;}

.hututi .title {overflow: hidden;}
.hututi .title > span {float:left; margin:4px 0 0;}
.hututi .title a.mov {float: right; font-size: 15px; margin: 0;}

@media all and (max-width:480px) {
  .sub010404.symbolbox > ul > li img  {width:100%;}
}
@media all and (max-width:430px) {
  .hututi .title > span {float:none;}
  .hututi .title a.mov { float:none; width:100%; box-sizing:border-box; margin:7px 0 10px ;}
}

/*교가*/
.sub010405 .contbox1 img { width:100%; max-width:679px;}

/*홍보센터*/
.view_ebook {overflow:hidden; }
.view_ebook > div { background:url('../img/sub/sub0105_bg.png'); width:40%; min-height:340px; float:right; display:inline-block; padding:30px;}
.view_ebook .img {text-align:center;}
.view_ebook .text {color:#fff; line-height:22px; font-size:16px; margin-top:40px; text-align:center;}
.view_ebook .text a {margin:20px 0 5px;}
.view_ebook .text a.ebook_mo {display:none;}
.view_ebook .text > span {font-family:'Nanum Square', sans-serif; font-size:35px; display:block; margin-bottom:20px; line-height:40px; }
.sub010501 {background:url('../img/sub/sub010501_01.jpg') no-repeat center; }
.sub010502 {background:url('../img/sub/sub010502_01.jpg') no-repeat center; }
.sub010503 {background:url('../img/sub/sub010503_01.jpg') no-repeat center; }
.sub010504 {background:url('../img/sub/sub010504_01.jpg') no-repeat center; }
.sub010505 {background:url('../img/sub/sub010505_04.jpg') no-repeat center; }
@media all and (max-width:768px){
  .view_ebook .text a.ebook_pc {display:none;}
  .view_ebook .text a.ebook_mo {display:inline-block;}
}
@media all and (max-width:700px){
  .view_ebook > div {width:100%; box-sizing:border-box;}
}

/*홍보센터 사용X
.view_ebook ul {overflow:hidden;}
.view_ebook li { float:left; width:40%; font-size:16px; line-height:23px; padding-top:130px;}
.view_ebook li:first-child img {width:90%; max-width:347px;}
.view_ebook li:first-child { width:60%; text-align:center; padding-top:0;}
.view_ebook .serif {font-size:33px; line-height:38px; margin-bottom:20px; font-weight:400; color:#195dae;}
.view_ebook .serif span, .view_ebook li span {display:block; font-weight:200; color:#333;}
.view_ebook .view2 {margin-top:20px;}

@media all and (max-width:768px) {
  .view_ebook li:first-child {width:45%;}
  .view_ebook li {width:55%; padding-top:70px;}
}
@media all and (max-width:600px) {
  .view_ebook li:first-child {width:100%;}
  .view_ebook li {width:100%; padding-top:30px; text-align:center;}
  .view_ebook .serif span, .view_ebook li span {display:inline;}
}
*/

/*계명소식지*/
.sub010505 ul {overflow:hidden;}
.sub010505 ul li {position:relative; overflow:hidden; float:left; width:18%; margin:10px 1%; height:162px; box-shadow:1px 1px 2px #999;}
.sub010505 ul li .off img {width:100%; height:162px;}
.sub010505 .off { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 0;}
.sub010505 .on {position: absolute; top: 100%; left: 0; z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background:url('../img/sub/sub010505_03.png'); width:100%; height:100%; text-align:center; }
.sub010505 .on p {font-size:20px; line-height:40px; margin:20px 0 5px;}
.sub010505 .on p a { font-size:20px; color:#fff;}
.sub010505 .on p span {font-size:40px; font-weight:600; }
.sub010505 .on p img { display:block; margin:5px auto 0; }
.sub010505 ul li:hover > .on, .sub010505 ul li.over > .on {top:0;}

@media all and (max-width:950px) {
  .sub010505 ul li {width:23%; height:206px;}
  .sub010505 ul li .off img { height:206px;}
  .sub010505 .on p {margin:40px 0 5px;}
}
@media all and (max-width:768px) {
  .sub010505 ul li {height:165px;}
  .sub010505 ul li .off img { height:165px;}
  .sub010505 .on p {margin:20px 0 5px;}
}
@media all and (max-width:600px) {
  .sub010505 ul li {width:31.3%; height:175px;}
  .sub010505 ul li .off img { height:175px;}
  .sub010505 .on p {margin:30px 0 5px;}
}
@media all and (max-width:380px) {
  .sub010505 ul li {width:48%; height:167px;}
  .sub010505 ul li .off img { height:167px;}
  .sub010505 .on p {margin:25px 0 5px;}
}

/*대학안내*/
.sub010507 ul {overflow:hidden;}
.sub010507 ul li {position:relative; overflow:hidden; float:left; width:23%; margin:10px 1%; height:207px; box-shadow:1px 1px 2px #999;}
.sub010507 ul li .off img {width:100%; height:207px;}
.sub010507 .off { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 0;}
.sub010507 .on {position: absolute; top: 100%; left: 0; z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background:url('../img/sub/sub010505_03.png'); width:100%; height:100%; text-align:center; }
.sub010507 .on p {font-size:20px; line-height:35px; margin:50px 0 10px;}
.sub010507 .on p a { color:#fff; }
.sub010507 .on p span {font-size:30px; font-weight:400; }
.sub010507 .on p img { display:block; margin:10px auto 0;}
.sub010507 ul li:hover > .on, .sub010507 ul li.over > .on {top:0;}

@media all and (max-width:800px) {
  .sub010507 ul li { width:31.3%; height:235px; }
  .sub010507 ul li .off img { height:235px; }
  .sub010507 .on p {margin:60px 0 10px;}
}
@media all and (max-width:650px) {
  .sub010507 ul li { height:190px; }
  .sub010507 ul li .off img { height:190px; }
  .sub010507 .on p {margin:45px 0 10px;}
}
@media all and (max-width:500px) {
  .sub010507 ul li { height:145px; }
  .sub010507 ul li .off img { height:145px; }
  .sub010507 .on p {margin:20px 0 10px;}
}
@media all and (max-width:400px) {
  .sub010507 ul li {  width:48%; height:176px; }
  .sub010507 ul li .off img { height:176px; }
  .sub010507 .on p {margin:35px 0 10px;}
}


/*캠퍼스맵*/
.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.on a {text-decoration:underline;}
.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('../img/sub/map_icon01.png') no-repeat center; }
.campus_map .tab li a .icon2 { background:#444 url('../img/sub/map_icon02.png') no-repeat center; }
.campus_map .tab li a .icon3 { background:#444 url('../img/sub/map_icon03.png') no-repeat center; }
.campus_map .tab li a .icon4 { background:#444 url('../img/sub/map_icon04.png') no-repeat center; }
.campus_map .tab li a .icon5 { background:#444 url('../img/sub/map_icon05.png') no-repeat center; }
.campus_map .tab li a .icon6 { background:#444 url('../img/sub/map_icon06.png') no-repeat center; }
.campus_map .tab li a .icon7 { background:#444 url('../img/sub/map_icon07.png') no-repeat center; }
.campus_map .tab li a .icon8 { background:#444 url('../img/sub/map_icon08.png') no-repeat center; }
.campus_map .tab li a .icon9 { background:#444 url('../img/sub/map_icon09.png') no-repeat center; }
.campus_map .tab li a .icon10 { background:#444 url('../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('../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('../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('../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('../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('../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('../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('../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('../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('../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('../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:400; color:#333; font-family:"Noto Sans KR", sans-serif;}
.campus_map .info dd {margin-top:10px;}
.campus_map .info dd li {padding:5px 0;}
.campus_map .info dd .tel {display:inline-block; background:url('../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('../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('../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:400; 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;}

.campus_map .information { border:5px solid #e0e7ee; padding:30px;}
.campus_map .information dl dt { color:#b50b0b; font-size:22px; font-weight:600; margin-bottom:20px; }
.campus_map .information dl dd p {margin-bottom:10px; font-size:16px; font-weight:600;}

@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%;}
}

/*교내주요사이트*/
.quick_site {border-top:2px solid #123d82; border-bottom:1px solid #ccc; padding:20px;}
.quick_site ul {overflow:hidden;}
.quick_site ul li {float:left; width:33.3%; box-sizing:border-box;}
.quick_site ul li a {padding:20px 0 20px 70px; font-size:15px; display:inline-block; letter-spacing:-1px;}
.quick_site ul li a.icon1 {background:url('../img/main/quick01.gif') no-repeat left center;}
.quick_site ul li a.icon2 {background:url('../img/main/quick02.gif') no-repeat left center;}
.quick_site ul li a.icon3 {background:url('../img/main/quick03.gif') no-repeat 8px center;}
.quick_site ul li a.icon4 {background:url('../img/main/quick04.gif') no-repeat left center;}
.quick_site ul li a.icon5 {background:url('../img/main/quick05.gif') no-repeat left center;}
.quick_site ul li a.icon6 {background:url('../img/main/quick06.gif') no-repeat left center;}
.quick_site ul li a.icon7 {background:url('../img/main/quick07.gif') no-repeat left center;}
.quick_site ul li a.icon8 {background:url('../img/main/quick08.gif') no-repeat left center;}
.quick_site ul li a.icon9 {background:url('../img/main/quick09.gif') no-repeat 5px center;}
.quick_site ul li a.icon10 {background:url('../img/main/quick10.gif') no-repeat left center;}
.quick_site ul li a.icon11 {background:url('../img/main/quick11.gif') no-repeat left center;}
.quick_site ul li a.icon12 {background:url('../img/main/quick12.gif') no-repeat left center;}
.quick_site ul li a.icon13 {background:url('../img/main/quick13.gif') no-repeat left center;}
.quick_site ul li a.icon14 {background:url('../img/main/quick14.gif') no-repeat left center;}
.quick_site ul li a.icon15 {background:url('../img/main/quick15.gif') no-repeat left center;}
.quick_site ul li a.icon16 {background:url('../img/main/quick16.gif') no-repeat left center;}
.quick_site ul li a.icon17 {background:url('../img/main/quick17.gif') no-repeat left center;}
.quick_site ul li a.icon18 {background:url('../img/main/quick18.gif') no-repeat left center;}
.quick_site ul li a.icon19 {background:url('../img/main/quick19.gif') no-repeat 12px center;}
.quick_site ul li a.icon20 {background:url('../img/main/quick20.gif') no-repeat left center;}

.sub010603 a[target="_blank"]  {background:url('../img/layout/header_blank.gif') no-repeat top right; padding-right:15px;}
.sub010603 a {font-size:13px; letter-spacing:-0.5px;}
.sub010603 a:hover {color:#195dae; text-decoration:underline;}
.sub010603 td {word-break:break-all;}

@media all and (max-width:1023px){
  .quick_site { padding:20px 0;}
  .quick_site ul li a { font-size:15px;}
}

@media all and (max-width:780px){
  .quick_site ul li { width:50%;}
}

@media all and (max-width:480px){
  .quick_site ul li a {padding:10px 0 10px 25px; background:url('../img/layout/pageinfo_arrow.gif') no-repeat 10px 15px !important; }
  .sub010603 td {word-break:keep-all;}
}

/*찾아오시는 길*/
.sub010604 .map {border:1px solid #ddd; padding:20px 0; text-align:center;}
.sub010604 .map img { width:100%; max-width:730px; }
.sub010604 .metro, .sub010604 .map {position:relative;}
.sub010604 .map p  { position:absolute; top:-1px; right:-1px; }
.sub010604 .metro p { position:relative; top:-10px; right:-1px; }
.sub010604 .metro img {width:100%; border:1px solid #ddd; box-sizing:border-box;}

/*CCTV설치현황*/
.sub010606 .total {background:#e7eff9; font-weight:400; font-size:15px; color:#222;}
.sub010606 p.btn_wrap {text-align:right;}
.sub010606 p.btn_wrap a {width:200px;}

@media all and (max-width:780px){
  .sub010606 p.btn_wrap a {display:block; margin:0 auto;}
}

/*코로나19*/
.corona_notice {padding:40px; background:#eff6ff; border:1px solid #1254a7}
.corona_notice em {display:block; margin-bottom:25px; color:#0b4d9d; font-size:24px; font-weight:500; font-style:normal; letter-spacing:0px; text-align:center;}
.corona_notice > p {margin-bottom:30px; text-align:justify; text-indent:15px;}
.corona_notice > div {text-align:center; margin-top:40px;}
.corona_notice > div .date {font-size:18px; margin-bottom:10px;}
.corona_notice > div .sig {font-size:24px;letter-spacing:5px;}
.corona_notice > div .sig span {display:inline-block; margin-left:10px;}

.corona19 .video iframe {border:1px solid #ccc; padding:10px; width:100%; height:500px; box-sizing:border-box; margin-bottom:20px; }
.corona19 .video dt {font-size:19px; font-weight:bold; margin-bottom:10px; color:#333;}
.corona19 img {border:1px solid #ccc; padding:10px; width:100%; box-sizing:border-box; margin-top:30px;}
@media all and (max-width:480px){
  .corona19 .video iframe {height:300px;}
}

/*2022 신입생 환영사 & 신학년도 인사말씀*/
.new_greetings2 dl {padding:0 40px;}
.new_greetings2 dt { font-size:36px; font-weight:bold; text-align:center; color:#222; line-height:1.4; letter-spacing:-3px;}
.new_greetings2 dd { margin:30px 0; padding:0 0 30px; border-bottom:7px solid #eee; }
.new_greetings2 dd p {text-indent:27px; margin:15px 0; text-align:justify; }
.new_greetings2 .name p {margin:5px 0 0;}
.new_greetings2 .name strong {font-size:18px; padding-left:10px;}
.new_greetings2 img {width:100%;}
.new_greetings2 .sign { text-align:right; padding:0 40px; }
.new_greetings2 .name { margin:15px 0 0; font-size:18px; }

@media all and (max-width:768px){
  .new_greetings dt strong {display:block;}
}
@media all and (max-width:480px){
  .new_greetings {padding:200px 20px 30px;}
  .new_greetings dt {font-size:30px;}
  .new_greetings2 .sign {padding:0 20px;}
}

/*임원현황*/
.org_list h4 {font-size:22px;}
.org_list h4 a { position:relative; display:block; padding-right:50px; color:#4d4d4d; }
.org_list h4 a::before {content:''; position:absolute; right:10px; top:-3px; width:20px; height:20px; border-right:2px solid #999; border-bottom:2px solid #999; transform:rotate(45deg); transition:0.3s; }
.org_list h4 a.on::before {top:10px; border-right:2px solid #0e4194; border-bottom:2px solid #0e4194; transform:rotate(-135deg); }
.org_list h4+div {display:none;}

/*법인 조직도*/
.corp_org { text-align:center; overflow:hidden; }
.corp_org * {box-sizing:border-box;}
.corp_org ul, .corp_org li {position:relative;}
.corp_org .org1 > li { padding:17px 0;}
.corp_org .org1 > li:first-of-type { padding:0 0 80px; }
.corp_org .org1 > li:first-of-type > p { background:#0e4194; color:#fff; }
.corp_org .org1 > li:first-of-type > p:nth-of-type(2) {position:absolute; left:10%; top:75px; background:#999; border:0; width:200px; }
.corp_org .org1 > li > p { border:3px solid #0e4194; background:#fff; color:#0e4194; font-weight:600; max-width:250px; margin:0 auto; padding:10px;}
.corp_org .org2 li {float:left; width:25%; padding:60px 20px 0; }
.corp_org .org2 li p { margin:0 auto; padding:10px 0; background:#ddd; }
/*조직도 선*/
.corp_org .org1::before {content:''; position:absolute; left:50%; top:0; width:1px; height:324px; background:#ccc; }
.corp_org .org1 > li:first-of-type::before {content:''; position:absolute; top:95px; left:10%; width:40%; height:1px; background:#ccc; }
.corp_org .org2::before {content:''; position:absolute; left:50%; top:30px; width:75%; height:1px; background:#ccc; transform:translate(-50%, 0); }
.corp_org .org2 li::before {content:''; position:absolute; left:50%; top:30px; width:1px; height:30px; background:#ccc; }
@media all and (max-width:768px){
  .corp_org .org1 > li > p { max-width:150px; }
  .corp_org .org1 > li:first-of-type > p:nth-of-type(2) {width:100px;}
  .corp_org .org2 li {padding:60px 5px 0;}
}
@media all and (max-width:480px){
  .corp_org .org2 li {padding:60px 3px 0;}
}

/*메타버스*/
/*메타버스*/
.zepeto {display:flex; justify-content:space-between; margin-bottom:80px;}
.zepeto .left {width:55%; position:relative;}
.zepeto .left:before {content:''; position:absolute; top:20px; left:20px; width:100%; height:100%; border:2px solid #e9e9e9; border-radius:20px;}
.zepeto .left:after {content:''; position:absolute; bottom:-37px; right:20px; width:268px; height:158px; background:url('/uni/main/img/sub/zepeto1.png') no-repeat center/cover;}
.zepeto .left .img {background:#000; border-radius:20px; position:relative;}
.zepeto .left .img img {width:100%; height:278px; opacity:0.7; border-radius:20px; object-fit:cover;}
.zepeto .right {width:37%;}
.zepeto .right p {margin:20px 0 20px 2px;}
.zepeto .right a {background:#195dae; padding:10px 20px; font-weight:500; color:#fff; margin-left:3px; display:inline-block; margin-top:13px;}
.zepeto_step ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.zepeto_step ul li {width:33.333%; position:relative;}
.zepeto_step ul li:before {content:''; position:absolute; top:50%; left:-8px; width:8px; height:8px; border-top:2px solid #959595; border-right:2px solid #959595; transform:translateY(-50%) rotate(45deg);}
.zepeto_step ul li:first-child:before {display:none;}
.zepeto_step ul li div {margin:10px 15px; background:#f6f6f6; padding:20px;  box-sizing:border-box;}
.zepeto_step ul li div span {font-size:14px; color:#195dae; font-weight:600;}
.zepeto_step ul li div p {margin-top:8px;}
@media all and (max-width:1023px){
  .zepeto_step ul {margin:0;}
}
@media all and (max-width:768px){
  .zepeto {flex-wrap:wrap; margin-bottom:40px;}
  .zepeto .left {width:calc(100% - 20px);}
  .zepeto .right {width:100%; margin-top:20px;}
  .zepeto .right p {margin:20px 0 20px 2px;}
  .zepeto .right a {margin-top:0;}
  .zepeto_step ul li {width:50%;}
}
@media all and (max-width:599px){
  .zepeto .left {width:calc(100% - 5px);}
  .zepeto .left .img img {height:200px;}
  .zepeto .left:before {top:5px; left:5px;}
  .zepeto .left:after {width:190px; height:112px; bottom:-18px;}
  .zepeto_step ul li div {padding:15px; min-height:106px;}

}
@media all and (max-width:321px){
  .zepeto_step ul {margin:5px 0;}
  .zepeto_step ul li {width:100%;}
  .zepeto_step ul li:before {display:none;}
  .zepeto_step ul li div {margin:5px 0; min-height:auto;}
}