@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%;
}

.academics_foot_info  dt{display:block;float:left;padding:5px 0 5px 0;width: 20%;font-weight:bold;box-sizing: border-box;}
.academics_foot_info  dd{display:block;float:left;padding:5px 10px 5px 0;width: 80%;box-sizing: border-box;}
.academics_foot_info  .curr_cont{clear:both; width:95%; margin-left:20px;}


._objHtml .academics_history.ul_1 > li:before { top:17px;}
.academics_history  li { overflow:hidden;}
.academics_history  .date{display:block;float:left;padding: 5px 0 5px 0;width: 10%;;box-sizing: border-box;}
.academics_history  .cont{display:block;float:left;padding:5px 10px 5px 0;width: 90%;box-sizing: border-box;}



.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:12px
}
.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:100%;
	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:18%; 
	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:100%;
	}
	.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%;
	}

}

/* 250917 */
/* 탑유틸메뉴 */
#topSec .topSecInner {display: flex; justify-content: space-between; align-items: center;}
#topSec .util_nav ul {display: flex; align-items: center; gap: 15px;}
#topSec .global_nav {height: auto; padding: 0 10px;}
#topSec .global_nav ul {display: flex; gap: 15px; align-items: center;}
#topSec .global_nav ul li a {font-size: 12px; color: white;}

@media only screen and (min-width: 1025px) {
    #mainNav {top: 0; position:unset;}
}

@media only screen and (max-width: 820px) {
    #topSec .util_nav ul li {width: 100%;}
}

/* 헤더 */
#headerSec {padding: 0 10px;}
#headerSec .headerSecInner {display: flex; justify-content: space-between; align-items: center;}
#mainNav .a_1 {display: block; padding: 20px 30px; font-weight: 400; font-size: 14px;}

@media only screen and (min-width: 1025px) {
  #mainNav .ul_1 {float: right; display: flex; text-align: center; align-items: center; word-break: normal; justify-content:space-around;}
}

@media only screen and (max-width: 1024px) {
  #headerSec .logo {width: 100%; justify-content:space-between; padding:0;}
}

@media only screen and (max-width: 600px) {
    #mainNav nav.menuUItop {
        position: absolute !important;
        width: stretch;
        top: 30px;
    }
}
