@charset "utf-8";
@import url("layout.css");
@import url("main.css");

.br_st01 {color:#404449;font-size:18px;font-weight:400;padding:0 0 0 30px;margin:0 0 20px 0;background:url('../../images/common/h5_icon-s.png') no-repeat left 12px;}
.pl10{padding:0 0 0 30px;}

/*학과소개 인트로*/
.grad_intro{display:table;width:100%;}
.grad_intro .left{display:table-cell;vertical-align:top;}
.grad_intro .right{display:table-cell;border:1px solid #d1d1d1;padding: 10px 25px 0px 25px;}
.grad_intro .right span{font-size:22px;width:100%;font-weight: 500;color: #000;display: block;}
.grad_intro .right ul{width:100%;display: inline-block;}
.grad_intro .right ul li{width:33.3%;float:left;padding:2px 0 2px 20px;box-sizing:border-box;position:relative;}
.grad_intro .right ul li:after{content: '';position: absolute;left: 0px;top: 12px;width: 8px;height: 8px;border-radius: 100%;background: #b0b0b0;}
.grad_intro .right ul li:hover a{color:#2f60d1;}
.grad_intro .right ul li:hover:after{background:#2f60d1;}

.grad_intro.scntro .right ul li{width:100%;}
.grad_intro.scntro .left{width:388px;}
.grad_intro.scntro .left img{width:100%;}

@media only screen and (max-width:1360px){
  .grad_intro.scntro .left{width:auto;}
  .grad_intro .right ul li{width:50%;}
  .grad_intro .left{padding-right:10px;}
}

@media only screen and (max-width:767px){
  .grad_intro .left{display:block;margin-bottom:20px;}
  .grad_intro .left img{width:100%;}
  .grad_intro .right{display:block;}
  body.sub.eQ02 ._contentBuilder dd{overflow-x:scroll;}
  .table2{min-width:800px;}
}

@media only screen and (max-width:530px){
  .grad_intro .right{padding:15px 20px}
  .grad_intro .right span{margin-bottom:5px;}
  .grad_intro .right ul li{width:100%;}
}

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