/*/////////////////////////////////////////////////pc버전이에요//////////////////////////////////////////////////////////*/
@media all and (min-width:769px){
#hd{width:100%;margin:0 auto;padding:0;min-width:1200px}
#hd #hd_wrapper{width:1200px;height:46px;padding:10px 0 10px 0;margin:0 auto;border:0;z-index:99999;}
#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:5px;vertical-align:middle}
#hd #hd_wrapper .hd_right{float:right;width:18%;padding:0;margin:0}
#hd #hd_wrapper .hd_right ul{width:100%;margin:0;padding:0}
#hd #hd_wrapper .hd_right ul li{float:left;line-height:140%;font-size:12px;}
#hd #hd_wrapper .hd_right ul li a.lang_color{color:#f30;font-size:12px;}
#hd #hd_wrapper .hd_right ul li a.lang_{color:#666;font-size:12px;}


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:#efefef;
  width:100%;
  margin:0 auto;
  height:52px;
  min-width:1200px;
}
.menu { margin:0 auto; padding: 0;width:1200px;background:#efefef }
.menu li.menu_lia{
  float: left;
  list-style:none;
  position: relative;
  background:#efefef;
  width:19.86%;
  border-right:1px solid #ddd;
  margin:0;
  padding:0px;
  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: 12px 20px;
  text-decoration: none;
  font-size:16px;
  font-weight:600
}
.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}
#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:5px;vertical-align:middle}
#hd #hd_wrapper .hd_right{float:right;width:18%;padding:0;margin:0}
#hd #hd_wrapper .hd_right ul{width:100%;margin:0;padding:0}
#hd #hd_wrapper .hd_right ul li{line-height:140%;font-size:12px;}
#hd #hd_wrapper .hd_right ul li:nth-child(2){display:none}
#hd #hd_wrapper .hd_right ul li a.lang_color{color:#f30;font-size:12px;}
#hd #hd_wrapper .hd_right ul li a.lang_{color:#666;font-size:12px;}





.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:38px;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:15px;margin:0px;padding:0;}



/*

.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}

}