.nav {position:relative; z-index:99999999999999; width:100%; height:60px; line-height:60px; background:#eeeef3}
.nav-list{position:absolute; top:0px; text-align:center; width:100%;}
.nav-list a {display: block; position: relative; zoom: 1; font-weight:300}
.nav-list > li {display:inline-block; position:relative; width:auto; padding:0 45px;}
.nav-list > li > a {font-size:16px; color:#464646;}
.nav-list > li:hover > a {color:#000;}

/*.nav-list > li.in_menu01{padding:0 55px;}
.nav-list > li.in_menu01 > ul{padding:30px 0 55px 35px;}*/

/*** 2deths ***/
.nav-list ul {display: none; position: absolute; width: 100%;  top: 100%; left: 0; z-index: 99999;}
.nav-list > li > ul{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:25px 0px 15px 0px; min-height:150px; text-align:center;}
.nav-list > li > ul > li > a{ line-height:20px; font-size:15px; color:#fff; margin:0 0 15px 0; letter-spacing: -1px; word-break: keep-all; font-weight:300}
.nav-list li ul li a:hover {opacity:0.8;}

#smenu_bar {position:absolute; top:60px; display:none; border-top:1px solid #ddd; width:100%; min-width:1200px; min-height:140px; z-index:9998; background:#67796d;
box-shadow:1px 10px 8px -8px rgba(0,0,0,0.2)
}


/* Mobile Menu Core Style*/
#mobile_menu{clear:both;}
#mobile_menu h1 a{z-index:4; display:inline-block;}
.slicknav_menu {display:none; position:absolute; top:25px; width:100%;   z-index:2; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding:0; cursor: pointer; margin:0 0 0 20px;  z-index:3; }
.slicknav_menu .slicknav_icon { float: left; margin:0; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:30px; height:2px; background-color: #3b434f;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:7px; }
.slicknav_nav {position: relative; top:26px; color:#fff; margin:0; padding:0; font-size:16px; clear: both;}
.slicknav_nav, 
.slicknav_nav ul {list-style: none; overflow:hidden; background:#fff;}
.slicknav_nav ul,
.slicknav_nav li { display: block; border-bottom:1px solid #eae9e9; }
.slicknav_nav li > a{position:relative;}
.slicknav_nav li ul{border:0; background:#f4f4f4; padding:10px 0;}
.slicknav_nav li ul li{border-bottom:0;}
.slicknav_nav ul li a{ color:#888;}

.slicknav_nav > li > ul > li > a,
.slicknav_nav li ul li a.slicknav_item{font-size:14px; padding:10px 30px; }

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav .slicknav_item a {padding:0; margin:0;}
.slicknav_nav a { display: block ; color:#666; padding:15px;}
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }

/* Button Text */
.slicknav_menu  .slicknav_menutxt {display: block; line-height: 1.188em; float: left;  color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; display:none;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}

/*더보기 + 버튼*/
.slicknav_nav .slicknav_arrow {font-size: 0px; position: absolute; right: 0;  top:50%; width:10px;}
.slicknav_nav .slicknav_collapsed .slicknav_item span.slicknav_arrow::before{position: absolute; content: '+'; font-size: 17px; opacity: 0.6; width: 10px; height: 10px;  line-height: 8px; margin-top:-5px; right:30px;}
.slicknav_nav .slicknav_open .slicknav_item span.slicknav_arrow::before{position: absolute; content: '-'; font-size: 17px; opacity: 0.6; width: 10px; height: 5px;  line-height: 0; margin-top:-3px; right:29px;}

/*3deths*/
.slicknav_nav li ul li ul{background:#e4e4e4;}
.slicknav_nav li ul li ul li a{padding:10px 40px 7px 40px; font-size:13px;}

/*hover*/
.slicknav_nav > li:hover > a{background:#399281;}
.slicknav_nav > li:hover > a > a{color:#fff;}
.slicknav_nav > li:hover .slicknav_arrow {color:#fff;}
.slicknav_nav > li:hover ul .slicknav_arrow{color:#000;}

.slicknav_nav li ul li a:hover,
.slicknav_nav li ul li a.slicknav_item:hover a{color:#399281;}

/*mu*/
.menu_top{display:none;}
.inner_menu_top {
  overflow: hidden;
  position: relative;
  box-sizing:border-box;
  background:#7bbdcb;
  display:flex;
  align-content:center;
  justify-content:center;
}
.inner_menu_top ul {
  font-size:0;
  width: auto;
  display: table;
  transform: translate(0px, 0px);
  transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
  transition-duration: 400ms;
}
.inner_menu_top li{display: table-cell;text-align:center; height:35px; line-height:35px; border-bottom:1px solid #ddd; margin:0 10px;}
.inner_menu_top li a{position:relative; display:inline-block; padding:10px 25px; white-space:nowrap;color:#fff;  font-size:16px; font-weight:400;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.inner_menu_top a.active{color:#ff6600;}
.inner_menu_top a.active:after{position:absolute; content:""; background:#ff6600; height:4px; width:100%; left:0; bottom:-2px; z-index:9}

.inner_menu_top ul.mu2{width:100%;}
.inner_menu_top ul.mu2 li{width:calc(100% / 2);}
.inner_menu_top ul.mu2 li a{display:block}

.inner_menu_top ul.mu3{width:100%;}
.inner_menu_top ul.mu3 li{width:calc(100% / 3);}
.inner_menu_top ul.mu3 li a{display:block}

.inner_menu_top.service_mu li a{padding:13px 30px;}

/**************************************************************************************************************************************************************************/

/*responsive*/
@media screen and (max-width:1024px) {
    .menu_top{display:block;}
    #mobile_menu h1{display:block;}
    .nav,
    .top_section{display:none;}
	#menu {display:none;}
	.slicknav_menu {display:block;}
	.pn-ProductNav_Wrapper {display:block;}
	#mobile_menu{height:70px;}
}
@media screen and (max-width:420px){ 
    .slicknav_menu {top:25px; left:0px;}
	.slicknav_nav {top:26px;}
}
@media screen and (max-width:385px){ 
    .slicknav_menu {top:25px;}
}

@media screen and (max-width:480px){ 
   .inner_menu_top li{margin:0 5px;}
   .inner_menu_top li a{padding:13px 17px;}
}
@media screen and (max-width:680px){ 
   .inner_menu_top {
	  justify-content:flex-start;
	}
}