

/******************************상단 드랍다운 메뉴******************************/

#logoline {height: 70px; padding:10px 0 0px 0;}


/*** 메뉴시작***/
.navlogo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:95px;
  z-index: 999999999999999;
  background-color: #fff; /*로고라인 배경 설정*/
}

.nav-container {
  position:absolute;
  left: 0;
  z-index: 99999;
  overflow-y: auto;
  visibility: hidden; /* 2 */
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); /* 2 */
  background-color: ; /*모바일 일때 토글메뉴 여백 컬러*/
  -webkit-overflow-scrolling: touch; /* 3 */
}
/* 1. Show when `.is-visible` class is added */

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
}

/* Nav toggle */
.nav-toggle {
  float: right;
  display: inline-block;
  padding: 1.25rem 1rem;
  border: 0;
  margin:5px;
  background-color: #000000; /*모바일메뉴버튼컬러*/
}

/* Nav toggle icon */
.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

/* 모바일 ≡ 메뉴영역 */
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
}


/* 모바일 ≡ 메뉴영역 */
.icon-menu .line-1 { top: 0;}
.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}
/* 토글메뉴 line 2 */
.icon-menu .line-2 {  top: 50%;  margin-top: -2px;}
.is-active .icon-menu .line-2 { opacity: 0; }
/* 토글메뉴 line 3 */
.icon-menu .line-3 { bottom: 0; }
.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}
/* 모바일 ≡ 메뉴영역 End */


/* Remove default list styles for menus */
.menu {  list-style: none;  margin: 0;  padding: 0;}


 /*1차 메뉴 영역 배경 */
.nav-menu {
  height:51px;
  padding-top: 0;
  background:url('../../images/top_header_menu_bg.png') repeat-x;/* 피씨용 메뉴 전체배경 이미지 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 모바일 일때 메뉴사이 경계라인 */
.nav-menu .menu-item { border-top: 1px solid #777; }

/* Give last menu item a bottom border */
.nav-menu > .menu-item:last-child { border-bottom: 1px solid #777; }

/*1차메뉴 룰오버 색상*/
.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active { background-color: rgba(0, 0, 0, 0.2);}

/*1차메뉴 Text 색상*/
.nav-menu .menu-link  {
  display: block; /* 1 */
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.5px;
  font-family:"NanumGothicBold", "NanumGothic", "돋움", "Tahoma", "Helvetica",  sans-serif;
  padding: 10px 10px; /*카테고리 상하 여백*/
}
.nav-menu .menu-link2 {
  display: block; /* 1 */
  text-decoration: none;
  color: #E2E2E2;  
  font-size: 14px;
  font-family:"NanumGothicBold", "NanumGothic", "돋움", "Tahoma", "Helvetica",  sans-serif;
  padding: 15px 20px; /*카테고리 상하 여백*/
}


/* 1. Menu items with dropdowns appear clickable */
.has-dropdown {
  position: relative;
  cursor: pointer; /* 1 */
}

/* 1. Parent menu links inlined so you can toggle the dropdown */
.has-dropdown > .menu-link { display: inline-block; }

/* 1. Add an icon to menu items that have sub menus */
.has-dropdown:after {
  font-size: 30px;
  position: absolute;
  top: 5px;
  right: 1rem;
  bottom: 0;
  content: "+"; /* 1 모바일메뉴일때 2차이상 메뉴가 있을때...*/ 
  color: #fff;
}

/* 1. Switch icon to n-dash when toggled */
.has-dropdown.is-active:after {  
  font-size: 36px;
  position: absolute;
  top: 0px;
  right: 15px;
  color: #fff; content: "\2013"; /* 1 */}

/*** Dropdowns 1. Hide dropdowns by default */
.nav-dropdown {
  display: none; /* 1 */
  background-color: #555; /*모바일 2차 메뉴 배경컬러*/ 
}

/* 1. Show dropdown when toggled */
.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ }

/* 2nd level dropdown */
.nav-dropdown .nav-dropdown { background-color: #aaa; }
.nav-dropdown .menu-item { border-color: #a0a0a0; }
.nav-dropdown .nav-dropdown .menu-item {
  background-color: #777; /*모바일 3차 메뉴 배경컬러*/ 
  border-color: #a0a0a0; /*모바일 3차 메뉴 경계라인*/ 
}

 
 @media (min-width: 1040px) {/**********************************************피씨용**************/
/*메인 시작*/
.navlogo {  }  /*피씨일때 메뉴전체 배경 영역*/

.navlogo,.nav-container,.nav-container.is-visible {
  position: static;  
  text-align:center;margin: 0 auto; /*피씨용일때 카테고리 센터 정렬*/
  top: auto;
  left: auto;
  z-index: 9;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.nav-container, .nav-container.is-visible {
  visibility: visible;  height: auto;
  min-height: 0;  overflow-y: visible;
}

/*메뉴1.2.3차 Text 색상*/
.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #fff;
  margin-left:20px; /*피씨용일때 1차 메뉴간 간격*/
  margin-right:20px; /*피씨용일때 1차 메뉴간 간격*/
}
.nav-menu .menu-link2 {
  display: block; /* 1 */
  text-decoration: none;
  color: #fff;
  letter-spacing: -1px;
  font-size:13px;font-family:"NanumGothic", "NanumGothic", "돋움", "Tahoma", "Helvetica",  sans-serif;
  padding: 10px 10px; /*카테고리 상하 여백*/
}

.nav-menu .menu-link2:hover  {
  display: block; /* 1 */
  text-decoration: none;
  color: #000;
  font-size:13px;
  padding: 10px 10px; /*카테고리 상하 여백*/
}

.nav-toggle { display: none; }

/* 1. Display menu items inline */
.nav-menu > .menu-item, .nav-menu > .menu-item.is-active {
  display: inline-block; /* 1 */
  text-align: left; /*피씨용일때 2.3차 카테고리 정렬*/
  background-color: #;  /*피씨용일때 1차 카테고리 컬러*/
  border: 0;
  padding-top:7px;
  margin-top:2px; 
  height:49px;
}

.nav-dropdown .menu-item { border: 0; }
.nav-dropdown .menu-item:hover, .nav-dropdown .nav-dropdown .menu-item:hover 
{ background-color: #E2E2E2;border-radius: 5px; margin:2px;}/*피씨용일때 2.3차메뉴 룰오버배경컬러*/

.nav-dropdown .nav-dropdown, .nav-dropdown .nav-dropdown .menu-item 
{ border-radius: 5px; margin:2px;}/*피씨용일때 3차메뉴 배경컬러*/


/* Remove bottom border on last child */
.nav-menu > .menu-item:last-child { border: 0; }
.nav-menu .menu-item {
  -webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
}

/* Remove +/- icons */
.has-dropdown:after { content: "" !important; }


/* 하위메뉴 있을때 생성되는 화살표 아이콘 
.nav-menu > .has-dropdown:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  content: "";
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;background-color: #;
}*/


.has-dropdown > .menu-link  { padding: 10px 15px 10px 15px; } /*피씨용 하위 메뉴가 있는 메뉴 설정*/

/* Re-style dropdowns for larger screens */
.nav-dropdown {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 145px;
  margin: 0;
  padding: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
}

.has-dropdown:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;  
   background-color:rgba(0, 0, 0, 0.7);margin-top:1px; border-radius: 7px;
}


.nav-dropdown .nav-dropdown { z-index: 9999999999;  top: 0;  left: 100%;}
.content { margin-top: 0; }
.topspecialLinks {display:none}


/*==========메인제품노출여부*/
.itemV_hidden{display: none;}
.itemR_hidden{display:block; }

/*==========게시판 에디터노출여부*/
.bbsnone_editor1{display: block;}
.bbsnone_editor2{display:none; }
/*==PC일때 숨김== */
.mfont{display:none;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.navbar-fixed-top{top:0;border-width:0 0 1px; margin:0 auto;} /*메뉴전체 탑 위치*/
.navbar-fixed-top{top:0; margin:0 auto; border-bottom: 0px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px  rgba(0,0,0,0.2);
	box-shadow: 0px 0px 40px  rgba(0,0,0,0.2);
	} /*메뉴전체 탑 위치*/

.menumobile_nonemenu {display:none;}
.menupc_nonemenu {display:block;}

/*피시용 메뉴 컬러 설정*/
.navbar-inverse{background:url('../../images/top_header.png') repeat-x;} /*메뉴배경이미지*/
.navbar-inverse{background-color:#fff;width:100%;} /*메뉴배경컬러*/
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:80;}


}/**********************************************피씨용 END**************/


@media (min-width:100px) and (max-width:1139px){/*mobile and mini- tablet*/

.nav-menu {  /*1차메뉴*/
  padding-top: 0px;
  height:auto; background:none;
  background-color: #333; 
}

.topguide_none {display:none}
.topspecialLinks {display:none}

/*mobile 하단 따라 다니는 스패셜메뉴*/
.topspecia_mobile {
	display:block; 
	padding: 5px 0 5px 0;
	background:url(../../images/bottom_spmenubg.gif); 
	background-color: #E2E2E2;}
.topspecia_line {font-size: 11px;color:#fff; padding:0 10px 0 10px}

/*==================게시판 영역==================== */
.boardsens {display: none;}
.new4_icon {display: none;}
/*==================게시판 영역==================== */


/*==mobile화면일때 PC용 페이지 3차탭메뉴 숨김== */
.tebmenu {display: none;}
/*==FAQ게시판의검색영역 Mobile에서숨김== */
.faqnone_table {display: none;}
/*==mobile화면일때 나오게== */
.mfont{display:block;}


/*==================서브 현제위치숨김 영역==================== */
.pagemap_none {display: none;}
/*==================서브 현제위치숨김 영역==================== */


.navbar-fixed-top{top:0; margin:0 auto; border-bottom: 1px solid rgba(255,255,255,255 0);} /*메뉴전체 탑 위치*/


.navbar-inverse{background:url('../../images/top_header_mobile.png') repeat-x;} /*메뉴배경이미지*/
.navbar-inverse{background-color:#2F363B;width:100%; height:auto;} /*메뉴배경컬러*/


.menupc_nonemenu {display:none;}
.menumobile_nonemenu {display:block;}

.noneesens { display:none;}
.noneesens_pop { display:block;}

/*=========================서브페이지상단 비주얼이미지*/
.pagevisual {height:200px;width:100%;background: url() no-repeat center top;
	-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 50px  rgba(0,0,0,0.3);
	box-shadow: 0px 0px 50px  rgba(0,0,0,0.3);
	}
.pagevisual h2.pagevisual_slogon {color:#ffffff;font-family:'Roboto-bold';text-align:right;font-size:40px;padding-top:140px;padding-right:10px;max-width:960px;margin:0 auto;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}

}