@charset "utf-8";

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

/*News*/
#menu14213_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){
  #menu14213_obj72{width:50% !important;left:0;margin-left:0 !important;padding-left:0;}
}
@media all and (max-width:1024px){
  #menu14213_obj72{height:250px !important;top:110px;}
}
@media all and (max-width:768px){
  #menu14213_obj72{width:90% !important;left:5%;}
}

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


/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/mnufoodeng/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_13.jpg) no-repeat center top;}
.eQ08 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_20.jpg) no-repeat center top;}


.depart_wrap_0 dl{line-height:1.2;}
.depart_wrap_0 dt{background:#004594;color:#FFF;font-family:'Noto Medium';font-size:18px;padding:25px;margin-bottom:20px;}
.depart_wrap_0 dd{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.depart_wrap_0 dd .item{width: 100%; margin:0 0.5% 1% 0.5%;background:#FFF;padding: 34px;border-radius:10px;box-shadow:0px 0px 5px #DDD;}
.depart_wrap_0 dd .item p{color:#222;font-family:'Noto Medium';font-size:16px;margin-bottom:10px;}
.depart_wrap_0 dd .item ul{}
.depart_wrap_0 dd .item ul li{font-size:24px;position:relative;padding:3px 0 3px 10px;float: left;width: 33%;}
.depart_wrap_0 dd .item ul li::before{content:"";display:block;width:3px;height:1px; position:absolute;top:13px;left:0;}
.item li.on a, .item li a:hover{background-color:#4a4a4a; color:#fff !important;}
.item li a {display: block; padding: 10px 15px; border: solid 1px #eaeced; border-radius: 5px; background-color: rgba(255,255,255,.7); font-weight: 300; color: #333;  transition: all .4s;}


@media only screen and (max-width:900px) {
  .depart_wrap_0 dd .item ul li {width: 50%;}
}
@media only screen and (max-width:450px) {
  .depart_wrap_0 dd .item ul li {width: 100%;}
}