@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/type11/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

/*Site숨김*/
#menuUItop .li_1_27021{display:none;}


/* ========= 헤더 ========= */
.logo a span{font-size: 20px;line-height: 22px;}
@media only screen and (max-width:1024px){
  .logo a span{font-size: 17px;margin-top: 7px;line-height: 17px;}
}
@media only screen and (max-width:820px){
  .logo a span{margin-top: 2px;}
}
.global_nav {width: 145%;}


/*비주얼텍스트*/
.main_visula_text .div_1,
.main_visula_text .div_2{font-size: 36px;font-weight: 600;line-height: 45px;}
.main_visula_text .div_3{font-size:17px;margin-top:10px;}

@media only screen and (max-width:1200px){
  .main_visula_text .div_1,
  .main_visula_text .div_2{font-size: 26px;font-weight: 600;line-height: 35px;}
  .main_visula_text .div_3{font-size:15px;margin-top:10px;}
}
@media only screen and (max-width:860px){
  .main_visula_text .div_1,
  .main_visula_text .div_2{font-size: 26px;font-weight: 600;line-height: 35px;}
  .main_visula_text .div_3{font-size:15px;}
}
@media only screen and (max-width:500px){
  .main_visula_text .div_1,
  .main_visula_text .div_2{font-size: 20px;font-weight: 600;line-height: 25px;}
  .main_visula_text .div_3{font-size:12px;}
}
@media only screen and (max-width:420px){
  .main_visula_text .div_1,
  .main_visula_text .div_2{font-size: 20px;font-weight: 600;line-height: 25px;}
  .main_visula_text .div_3{display:none;}
}


/*인사말*/
.sub_title_txt01 {margin-bottom: 7px;font-size: 28px;color: #212121;line-height: 1.4; letter-spacing: -1px;}
.sub_title_txt01 .txtblue {color: #005bac;font-weight: 700;}

.sub_title_txt02 {margin-bottom: 7px;font-size: 20px;color: #212121;line-height: 1.4; letter-spacing: -1px;}
.sub_title_txt02 .txtblue {color: #005bac;font-weight: 600;}


/*교수소개*/
#_JW_prFl_basic ._prFlView .thumbnail {width: 17%;}
#_JW_prFl_basic ._prFlList .thumbnail img {width: 80% !important;}

.postpenstion-mobile{text-align:center;}
.postpenstion-mobile > ul{display:none;}
.postpenstion-mobile > ul > li{border:2px solid #6e1243;border-radius:20px;font-size:18px;padding:20px 30px;letter-spacing:-1px;color:#000;word-break: keep-all;}
.postpenstion-mobile > ul > li:nth-child(1){background:#6e1243;color:#fff;}
.postpenstion-mobile > ul > li + li{margin-top:15px;}

.postpenstion-mobile2{text-align:center;}
.postpenstion-mobile2 > ul{display:none;}
.postpenstion-mobile2 > ul > li{border:2px solid #6e1243;border-radius:20px;font-size:16px;padding:15px 20px;letter-spacing:-1px;color:#000;word-break: keep-all;}
.postpenstion-mobile2 > ul > li:nth-child(odd){background:#6e1243;color:#fff;}
.postpenstion-mobile2 > ul > li + li{margin-top:15px;}

@media only screen and (max-width:767px){
  .postpenstion-mobile > ul{display:block;}
  .postpenstion-mobile > img{display:none;}
  .postpenstion-mobile2 > ul{display:block;}
  .postpenstion-mobile2 > img{display:none;}
}


.vision{overflow:hidden; text-align:center;}
.vision ul{display:inline-block;}
.vision ul li{display:inline-block; margin:10px;}
.vision ul li img{max-width:100%;}

@media only screen and (max-width:1200px){
	.vision ul li{width:calc(100% / 4 - 20px); float:left;}
}
@media only screen and (max-width:767px){
	.vision ul li{width:calc(100% / 2 - 20px);}
}


.main .global_nav,
.sub .global_nav{height:auto; position:relative; left:0; width:100%; background: #fff;}
.global_nav ul{display:table; width:100%;}
.global_nav ul li{display:table-cell;}
.global_nav ul li + li{border-left:1px solid #ccc;}
.global_nav ul li a{color:#000; padding:10px; height:auto; text-align:center;}
#mainNav .div_1{padding-top:0;}