@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/

/*News*/
#menu15059_obj72{background:rgba(255,255,255,0.8);position:absolute;width:1000px !important;height:400px !important;left:50%;top:140px;margin-left:-1130px !important;padding-left:350px;}
@media all and (max-width:1600px){
  #menu15059_obj72{width:50% !important;left:0;margin-left:0 !important;padding-left:0;}
}
@media all and (max-width:1024px){
  #menu15059_obj72{height:250px !important;top:110px;}
}
@media all and (max-width:768px){
  #menu15059_obj72{width:90% !important;left:5%;}
}

/*바로가기1*/
#menu15059_obj73{max-width:1200px;margin:-65px auto 0 auto !important;}
@media all and (max-width:1280px){
  #menu15059_obj73{max-width:90%;}
}


/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/horti/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_6.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_7.jpg) no-repeat center top;}
.eQ08 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center top;}

/* 학과 SNS */
.snsWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; gap:5%; }
.snsWrap > dl { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; flex:1 0 20%;  background-color:#efefef; padding:40px; border-radius:10px;  }
.snsWrap > dl > dt { text-align:center; padding-bottom:20px; font-family:'Noto Bold'; font-size:24px; }
.snsWrap > dl > dd { text-align:center; }