/*/////////////////////////////////////////////////pc버전이에요//////////////////////////////////////////////////////////*/
@media all and (min-width:769px){
#hd{width:100%;margin:0 auto;padding:0;min-width:1200px;}


#hd #hd_wrapper{width:100%;padding:0px 0 0px 0;margin:0 auto;border:0;z-index:99999;overflow:hidden;background:#b6b6b6;}

#hd #hd_wrapper_01{width:1200px;height:16px;margin:0 auto;text-align:right;background:url('../img/main_top_bar.jpg')  no-repeat right;}

#hd #hd_wrapper .hd_left{display:none}
#hd #hd_wrapper .hd_center{display:none}
#hd #hd_wrapper .hd_right{display:none}


.menu_top_line{display:none}

nav:not(.mm-menu){display: none;}
nav ul.left_menu_u{width:100%}

nav ul.left_menu_u li{padding:10px 0 10px 25px;width:100%;font-weight:bold}
nav ul.left_menu_u li a{padding-left:10px;color:#444;font-weight:100}
nav ul.left_menu_u li a.li_home{font-weight:600;color:#069}


/*좌우스크롤메뉴 적용위해 상단메뉴*/

.swiper-container{display:none}
.swiper-container ul.swiper-wrapper{display:none}

.swiper-container ul.swiper-wrapper li.swiper-slide{display:none}
.swiper-container ul.swiper-wrapper li.swiper-slide a{display:none}

/*좌우스크롤메뉴 적용위해 하위메뉴*/

.swiper-container2{display:none}
.swiper-container2 ul.swiper-wrapper2{display:none}
.swiper-container2 ul.swiper-wrapper2 li{display:none}
.swiper-container2 ul.swiper-wrapper2 li:nth-child(1){display:none}

.swiper-container2 ul.swiper-wrapper2 li.li_slide{display:none}
.swiper-container2 ul.swiper-wrapper2 li.li_slide a{display:none}


.menu_bar {
  clear:both;
  background:#fff;
  width:100%;
  margin:0 auto;
  min-width:1200px;
  height:84px
}
.menu { margin:0 auto; padding: 0;width:1200px;background:#fff }
.menu li.menu_lia{
  float: left;
  list-style:none;
  position: relative;
  background:#fff;
  width:19.86%;
  border-right:1px solid #ddd;
  margin:0;
  padding:0px 0;
  text-align:center;

}




.menu li.menu_lia:nth-child(1) {
  border-left:1px solid #ddd;
}



.menu li.menu_lia:hover { background:#efefef; }
.menu li.menu_lia:hover>a { color:#069; }
.menu li.menu_lia a {
  color: #444;
  display: block;
  padding: 27px 20px;
  text-decoration: none;
 font-size: 17px;
    letter-spacing: -0.09em;
    font-weight:500;   

}
.menu ul {
  background: #222 ;
  opacity:0.8;
  display: none;
  padding: 0;
  position: absolute;
  width: 100%;
  margin:0;
   z-index:99999999;

}
.menu ul.menu_ul li.menu_li{ float: none;width:100%;border-bottom:1px solid #333 }
.menu ul.menu_ul li.menu_li:hover { background: #000; }
.menu ul.menu_ul li.menu_li:hover a.a_link { color:#fff; }
.menu ul.menu_ul a.a_link {padding:8px;font-size:15px; color: #fff;font-weight:100;}
.menu ul.menu_ul ul { left: 100%; top: 0; }
.menu ul.menu_ul ul li {float:left; }





}



/*////////////////////////////////////////////////////////////////////모바일버전이에요 ////////////////////////////////////////////////////////////////////*/

@media all and (max-width:768px){
#hd{width:100%;margin:0;padding:0;}
#hd #hd_wrapper{width:100%;height:45px;padding:10px 0 10px 0;margin:0 auto;border:0;z-index:99999;background:#fff}
#hd #hd_wrapper .hd_left{float:left;width:12%;padding:0;text-align:center;margin-top:5px;vertical-align:middle}
#hd #hd_wrapper .hd_center{float:left;width:70%;padding:0;text-align:center;margin-top:7px;vertical-align:middle}
#hd #hd_wrapper .hd_center img{width:70%;} 
#hd #hd_wrapper .hd_right{float:right;width:18%;padding:0;margin-top:18px;}


.menu_top_line{background:#b6b6b6;height:6px;width:100%;margin-top:20px}

.menu_bar {display:none
}
.menu { display:none}
.menu li {display:none
}
.menu li:hover { display:none }
.menu li:hover>a {display:none}
.menu a {display:none
}
.menu ul {
  background: #eee;
  border: 1px solid silver;
  display: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 180px;
}


nav:not(.mm-menu){display: none;}
nav ul.left_menu_u{width:100%;}

nav ul.left_menu_u li{padding:10px 0 10px 25px;width:100%;font-weight:bold}
nav ul.left_menu_u li a{padding:0 0 0 30px;color:#999;font-weight:100}
nav ul.left_menu_u li a.li_home{padding:0;font-weight:600;color:#ccc;font-size:18px;text-align:center}


/*좌우스크롤메뉴 적용위해 상단메뉴*/

.swiper-container{clear:both;width:100%;height:36px;margin:0 auto;border-bottom:1px solid #ddd;background:#ddd}
.swiper-container ul.swiper-wrapper{margin:0;padding:0}


.swiper-container ul.swiper-wrapper li.swiper-slide{background:#efefef;letter-spacing:-1px;text-align:center;font-size:14px;display:-webkit-box;
display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
-webkit-align-items:center;align-items:center;}
.swiper-container ul.swiper-wrapper li.swiper-slide a{color:#222;font-size:16px;}


/*좌우스크롤메뉴 적용위해 하위메뉴*/

.swiper-container2{height:28px;padding:5px 0;margin:0 auto;background:#3d414d}
.swiper-container2 ul.swiper-wrapper2{width:600px}
.swiper-container2 ul.swiper-wrapper2 li{color:#666;margin:0;padding:0;}
.swiper-container2 ul.swiper-wrapper2 li:nth-child(1){display:none}

/*메뉴하단의 서브메뉴영역*/

.swiper-container2 ul.swiper-wrapper2 li.li{}
.swiper-container2 ul.swiper-wrapper2 li.li_slide{}
.swiper-container2 ul.swiper-wrapper2 li.swiper-slide2 a{}
/*메뉴하단의 서브메뉴영역중 메뉴색상 및 크기, 넓이등 정의*/
.swiper-container2 ul.swiper-wrapper2  li.sm{background:#3d414d;margin:0px;padding:0;}
.swiper-container2 ul.swiper-wrapper2  li.sm a{color:#999;font-size:13px;margin:0px;padding:0;line-height:30px;}



/*

.swiper-container2 ul.swiper-wrapper2 li.swiper-slide{background:#efefef;letter-spacing:-1px;text-align:center;font-size:14px;display:-webkit-box;
display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
-webkit-align-items:center;align-items:center;}
.swiper-container ul.swiper-wrapper li.swiper-slide a{color:#222}

*/


.swiper-container2 ul.swiper-wrapper2 li.li_slide{background:#3d414d;letter-spacing:-1px;text-align:center;font-size:12px;padding:0 4px;display:-webkit-box;
display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
-webkit-align-items:center;align-items:center;}
.swiper-container2 ul.swiper-wrapper2 li.li_slide a{color:#ccc;font-size:12px}

}