@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/
/* 아코디언 메뉴 */

ul.accr_nav {
  width:100%;
}

ul.accr_nav li{
  margin-bottom:10px;
}

ul.accr_nav li a {
  height: 40px;
  line-height: 40px;
  display: block;
  border: 1px solid #ddd;
  padding: 0 10px;
  background: #fcfcfc;
  position: relative;
}
ul.accr_nav li a:after {
  content: "";
  display: block;
  width: 13px;
  height: 9px;
  background: url(/sites/eng/images/arrow_0_d_g.png) no-repeat;
  position: absolute;
  top: 15px;
  right: 20px;
}
ul.accr_nav li a.active:after {
  background: url(/sites/eng/images/arrow_0_u_g.png) no-repeat;
}
ul.accr_nav  li .accr_cont{ padding:10px;}

.li-listBox { width:100%; box-sizing:border-box;}

.pad50  dt { padding-top:10px; font-weight:bold;}
.pad50  dd{position:relative; padding-left:10px; margin-bottom:5px;}
.pad50  dd:before{content:''; width:3px; height:3px; display:block; background-color:#666; position:absolute; left:0; top:9px;}


.ul_num {

}
.ul_num li {    
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
  display:inline-block;
  margin-right:20px;
}
.ul_num li .num {
  display:inline-block; 
  width:20px; 
  height:20px; 
  line-height:20px; 
  background-color:#dc320d; 
  color:#fff; 
  margin-right:15px;
  text-align:center;
  border-radius:100%;
}

.img_box ul {overflow:hidden;}
.img_box ul li { float:left; width:50%; text-align:center;}
.img_box ul li p { margin-top:10px }

/* 캠퍼스안내-내부 */

.boxStyle.bfixed.map_inner .imgWrap {  width:40%;}
.boxStyle.bfixed.map_inner .textWrap {  width:60%; }

.map_info_list {
  display:table;
}
.map_info_list > dl {
  display:table-cell;
  color:#fff;
  font-size:14px;
  padding-right:10px;
}
.map_info_list > dl dd a { color:#fff;}
.map_info_list > dl dt {margin-bottom:10px; font-weight:bold;}
.map_info_list > dl dd {position:relative; padding-left:10px; margin-bottom:5px;}
.map_info_list > dl dd:before{content:''; width:3px; height:3px; display:block; background-color:#fff; position:absolute; left:0; top:9px;}

/* 조직도 */
.org_box * { box-sizing: border-box;}
.org_box > div { 
  position:relative;
  margin-bottom:50px;
}
.org_box > div > p { 
  text-align:center; 
}
.org_box .top > p > span {
  display: inline-block;
  width: 30%;
  height: 49px;
  font-size: 18px;
  line-height: 49px;
  color: #fff;
  background:#2c6aba;
  color:#fff;
  border-radius: 49px;
  text-align:center;
}
.org_box .top:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:0;
  left:50%; 
  margin-left:-1px;
  height:550px;
  z-index:-1;
}
.org_box .first:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:25px;
  left:0; 
  width:100%;
  height:1px;
  z-index:-1;
}
.org_box .first .left {
  float:left;
  width:20%;
}
.org_box .first .left dl { 
  background-color:#fff; 
  border:1px solid #ddd;
}
.org_box .first .left dl > dt  {
  color: #514e4a;
  padding: 10px 15px 10px 15px;
  background: #1abbd8;
  color:#fff;
  text-align:center; 
}
.org_box .first:after {
  content:"";
  display:block;
  clear:both;
}
.org_box .first .left  dl > dd { 
  border-top:1px dashed #ddd;  
  padding:5px 10px 8px 10px; 
  font-size:14px
}
.org_box .first .right {
  float:right;
  width:20%;
}
.org_box .first .right ul li {
  margin-bottom:5px;
  color: #514e4a;
  padding: 10px 15px 10px 15px;
  background: #1abbd8;
  color:#fff;
  text-align:center; 
}
.org_box .second { 
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
.org_box .second:before {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-25px;
  left:50%; 
  width:75%;
  margin-left:-37.5%;
  height:1px;
}
.org_box .second:after {
  content:"";
  display:block;
  clear:both;
}
.org_box .second > div {
  position:relative;
  float:left;
  width:23%; 
  margin:0 1%;
}
.org_box .second > div:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:-25px;
  left:50%; 
  height:25px; 
}
.org_box .second > div > p { 
  width:100%;
  padding: 10px 15px 10px 15px;
  margin-bottom:5px;
  text-align:center;
  background-color:#04396a;
  color:#fff;
}
.org_box .third:after {
  display:block; 
  content:"";
  border-top:1px solid #ddd; 
  position:absolute; 
  top:-16px;
  left:50%; 
  width:80%;
  margin-left:-40%;
  height:1px;
}
.org_box .third dl { 
  position:relative;
  background-color:#fff; 
  border:1px solid #ddd;
}
.org_box .third dl:after {
  display:block; 
  content:"";
  border-left:1px solid #ddd; 
  position:absolute; 
  top:-25px;
  left:50%; 
  height:25px; 
}
.org_box .third div:nth-of-type(6) dl:after,
.org_box .third div:nth-of-type(7) dl:after,
.org_box .third div:nth-of-type(8) dl:after,
.org_box .third div:nth-of-type(9) dl:after{
  display:none;
}

.org_box .third dl > dt  {
  color: #514e4a;
  padding: 10px 15px 10px 15px;
  background: #f9fafc;
  text-align:center; 
}
.org_box .third dl > dd { 
  border-top:1px dashed #ddd;  
  padding:5px 0 8px 10px; 
  font-size:14px
}
.org_box .third dl > dd:first-of-type {
  border-top:1px solid #ddd ;
}
.org_box .third dl > dd ul li { }
.org_box .third > div { 
  float:left; 
  width:19%; 
  margin:1% 0.5%
}
.org_box .third > div:nth-child(6) { 
  clear:both; 
}

/* 핫부 학과 소개 */
.history_blank1 { margin-left:64px;}
.history_blank2 { margin-left:39px;}
.history_blank3 { margin-left:78px;}

/* 대학원 소개*/
.site_btn .btn { margin-bottom:10px;}

.site_btn.full_btn a.btn {margin-right: 0.28%;width: 19.4%; padding:0 5px; font-size:14px}

@media only screen and (max-width: 1024px) { 
  .site_btn.full_btn a.btn {margin-right: 0.28%;width: 32.8%;}
}



@media only screen and (max-width: 680px) {
  .org_box .top > p > span {
	width:60%;
  }
  .org_box .first .left,
  .org_box .first .right { 
	width:40%;
  }
  .org_box .second {
	width:100%;
  }
  .org_box .third > div {
	width:99%;
  }
  .org_box .third dl:after {
	display:none;
  }

  /* 캠퍼트소개-내부 */
  .boxStyle.bfixed.map_inner .imgWrap {  width:100%;}
  .boxStyle.bfixed.map_inner .textWrap {  width:100%; }
  .map_info_list > dl {     display: block; padding-right:0; padding-top:10px }
  .site_btn.full_btn a.btn {
	margin-right: 0.28%; width: 49.3%;
  }

}

#skin_table{table-layout:auto;}
#skin_table tr:first-child td{text-align:center;}
#skin_table tr td{background:none !important; text-align:left; width:50%;}
#skin_table tr + tr td:first-child{border:1px solid red; display:none;}
#skin_table tr + tr td:last-child{border:1px solid red; display:none;}
#skin_table tr + tr td:nth-child(3){border:1px solid red; display:none;}
#skin_table tr td .webzine{margin: 10px 0;clear: both;margin-bottom: 30px;overflow: hidden;height: auto;}
#skin_table tr td .webzine a{line-height:1 !important;}

.combo > ul{display:flex;justify-content: space-evenly;align-items: flex-start;flex-wrap: wrap;}
.combo > ul > li{width: 33.33%;text-align: center;position:relative;}
.combo > ul > li > a{display:block;padding:12px 0;border:1px solid #dedede;transition:all ease 0.3s;font-size: 15px;}
.combo > ul > li.on > a{color:#fff;background:#07337c;}
.combo > ul > li > a:hover{color:#fff;background:#07337c;}
.combo > ul > li + li > a{border-left:0;}
.combo > ul > li:nth-child(4) a{border-left:1px solid #dedede;}
.combo > ul > li:nth-child(4) a,
.combo > ul > li:nth-child(5) a,
.combo > ul > li:nth-child(6) a{border-top:0;}
.combo > ul > li > ul{position:absolute;left:0;top: 48px;border: 1px solid #ddd;width: calc(100% - 2px);background: #fff;z-index:99;display:none;}
.combo > ul > li > ul > li > a{display:block;font-size: 14px;letter-spacing: -0.5px;text-align: left;padding: 12px 10px;word-break: keep-all;}
.combo > ul > li > ul > li > a:hover{color:#000;background:#ebf2fe;}
#menu8103_obj557{overflow:visible;}

@media only screen and (max-width: 767px) {
  .combo > ul > li{width:100%;}
  .combo > ul > li > a{border-left:1px solid #dedede !important;}
  .combo > ul > li:nth-child(2) a,
  .combo > ul > li:nth-child(3) a{border-top:0;}
}