@charset "utf-8";

/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

/*구조*/
.wrap_header .head_util button{background:url(../../images/common/openM.png) no-repeat center;}

/*메인*/
.banner_4 li {width: 33.33%;padding: 73px 0;}
@media all and (max-width:1024px) {
  .banner_4 li {padding: 63px 0;}
}
@media all and (max-width:768px) {
  .banner_4 li {padding: 10px 0;}
}
.banner_5 ul li:nth-child(1) a:after{background:url(/sites/templet_07/images/main/bannar_icon01.png) no-repeat center;}
.banner_5 ul li:nth-child(2) a:after{background:url(/sites/templet_07/images/main/bannar_icon01.png) no-repeat center;}
.banner_5 ul li:nth-child(3) a:after{background:url(/sites/templet_07/images/main/bannar_icon02.png) no-repeat center;}
.banner_5 ul li:nth-child(4) a:after{background:url(/sites/templet_07/images/main/bannar_icon03.png) no-repeat center;}
.banner_5 ul li:nth-child(5) a:after{background:url(/sites/templet_07/images/main/bannar_icon04.png) no-repeat center;}
.banner_5 ul li:nth-child(6) a:after{background:url(/sites/templet_07/images/main/bannar_icon05.png) no-repeat center;}
/*HOVER****************************************/
@media all and (min-width:1025px) {
  .banner_5 ul li:nth-child(1):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon01_w.png) no-repeat center;}
  .banner_5 ul li:nth-child(2):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon01_w.png) no-repeat center;}
  .banner_5 ul li:nth-child(3):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon02_w.png) no-repeat center;}
  .banner_5 ul li:nth-child(4):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon03_w.png) no-repeat center;}
  .banner_5 ul li:nth-child(5):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon04_w.png) no-repeat center;}
  .banner_5 ul li:nth-child(6):hover a:after{background:url(/sites/templet_07/images/main/bannar_icon05_w.png) no-repeat center;}
}

/*운영시간*/
.workingHour{height: 100%;background: url(../../images/main/quick_bg.png) no-repeat center;background-size: cover;padding: 35px;}
.workingHour h3{line-height: 1;color: #000;font-size: 24px;font-weight: 700;}
.workingHour dl{margin-top:20px;}
.workingHour dl dt{font-size: 20px;font-weight: 600;}
.workingHour dl dd{font-size:18px;margin-bottom:10px;}
.workingHour p{margin-top:15px;font-size: 18px;font-weight: 700;}

/*로그인*/
.main_login{width:100%;height:100%;}
.main_login a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;color:#FFF;font-size: 24px;font-weight: 700;background:#2e475d;}
.main_login a span{display:block;}
.main_login a span:first-child{background:#FFF;padding:10px;border-radius:100%;margin-bottom:10px;}

/*서브비주얼****************************************/
.eQ01.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/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_8.jpg) no-repeat center top;}
.eQ04.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.eQ05.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_9.jpg) no-repeat center top;}
.eQ06.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.eQ07.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_9.jpg) no-repeat center top;}