/* BASIC css start */
/*2017 전반기 리뉴얼*/

#gnb_header{width:100%; height:135px; border-bottom:1px solid #eee;    z-index:8888;padding-top:10px;}
.container {width: 1100px; margin:0 auto; position:relative;}
.container>div{width:100%;  position:absolute; z-index:9999;top:0px; text-align:center}


ul#topnav {
	margin: 0 auto; padding: 0;
	width: 1020px;
	list-style: none;
	position: relative;
	top:70px;
	height:70px;

}
ul#topnav>li>a{height:70px;	display: block;}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;

}
ul#topnav>li a {

	text-decoration: none;
}

ul#topnav li>span {
	float: left;
	padding:0;
	position: absolute;
	left: -40px; top:65px;
	display: none;
	width: 1100px;
	color: #000;
	background:#fff;
	border:solid 1px #eee;
	height:220px;


}
ul#topnav li:hover>span { display: block; }
ul#topnav li>span>a {position:relative; display: block; width:141px; float:left;border-right:solid 1px #eee;height:180px; font-family:"Noto Sans KR","돋움",dotum,sans-serif; padding:20px; color:#777; font-size:12px;line-height:17px;}
ul#topnav li>span>a h6{ font-size:16px; font-weight:bold;color:#333; padding:0;margin:10px 0 20px;}
ul#topnav li>span>a:last-of-type{border-right:none;width:150px;}
ul#topnav li>span>a:hover {background-color:#fbfffa;}
ul#topnav li>span>a img{position:absolute; bottom:5px; right:5px;}
ul#topnav li#gnb06{}
ul#topnav li#gnb05{}
ul#topnav li#gnb02>span div{display: block;float:left;border-right:solid 1px #eee;height:190px; font-family:"Noto Sans KR","돋움",dotum,sans-serif;  color:#777;line-height:25px; padding:15px 20px;}
ul#topnav li#gnb02>span div h6{ font-size:16px; font-weight:bold;color:#333;line-height:17px;margin:10px 0 15px 5px; } 
ul#topnav li#gnb02>span div:first-of-type{ width:315px; }
ul#topnav li#gnb02>span div:first-of-type h6{ font-size:16px; font-weight:bold;color:#333;line-height:17px;  padding:0;margin:10px 0 15px 5px;}
ul#topnav li#gnb02>span div:first-of-type p:first-of-type{width:150px; display:block; float:left; margin:0 0 0 15px}
ul#topnav li#gnb02>span div:first-of-type p:last-of-type{width:130px; display:block; float:left; margin:0 0 0 15px}
ul#topnav li#gnb02>span div:first-of-type p img{padding:5px 5px 0 0 ;}
ul#topnav li#gnb02>span div:nth-of-type(2){width:223px;}
ul#topnav li#gnb02>span div:nth-of-type(2) p{width:80px; display:block; float:left; margin:0 0 0 15px}
ul#topnav li#gnb02>span div:nth-of-type(2) p:last-of-type{width:110px}
ul#topnav li#gnb02>span div:nth-of-type(2) p img{padding:5px 5px 0 0 ;}
ul#topnav li#gnb02>span div:last-of-type{border-right:none;width:440px;}
ul#topnav li#gnb02>span div:last-of-type h6{ padding:0;margin:10px 0 15px 5px;}
ul#topnav li#gnb02>span div:last-of-type p{width:110px; display:block; float:left; margin:0;}
ul#topnav li#gnb02>span div:last-of-type p a{font-size:11px!important;text-align:center;}
ul#topnav li#gnb02>span div:hover{background-color:#f3fbf1;}
ul#topnav li#gnb02>span div p a{text-decoration:none;color:#888; display:list-item;font-weight:bold; font-size:13px!important;}
ul#topnav li#gnb02>span div p a:hover{text-decoration:none;color:#92B558;}
ul#topnav li#gnb04>span>a,
ul#topnav li#gnb06>span>a { display: block; width:179px; float:left;border-right:solid 1px #eee;height:180px; font-family:"Noto Sans KR","돋움",dotum,sans-serif; padding:20px; color:#777; font-size:12px;line-height:17px;}


ul#topnav li#gnb04>span>a:first-of-type img{bottom:0px; right:0px;}
ul#topnav li#gnb04>span>a:last-of-type,ul#topnav li#gnb06>span>a:last-of-type{border-right:none;width:180px;}
ul#topnav li#gnb04{}

ul#topnav li#gnb05>span>a{ display: block; width:142px; float:left;border-right:solid 1px #eee;height:180px; font-family:"Noto Sans KR","돋움",dotum,sans-serif; padding:20px; color:#777; font-size:12px;line-height:17px;}
.brandStore-wrap{position:relative; display: block; width:144px; float:left;border-right:solid 1px #eee;height:180px; font-family:"Noto Sans KR","돋움",dotum,sans-serif; padding:20px; color:#777; font-size:12px;line-height:17px;}
.brandStore-wrap>a>h6{ font-size:16px; font-weight:bold;color:#333; padding:0;margin:10px 0 20px;}
    
    .secretkey-logo-wrap>a>img{width:120px; height:auto; margin-bottom:10px;}
    
    
    .dragera-logo-wrap>a>img{width:110px; height:auto; margin-bottom:10px;}
    
    .thepage-logo-wrap>a>img{width:120px; height:auto;}


#header_top {
    width:100%;
    height:40px;
    background: #f00;
}
#gnb_header{

	background: #fff;
    position:fixed;  /* 스크롤 메뉴 고정 핸들을 위함 */
    top:40px;
	left:0;

}

.cateMid{z-index:99999}
#header {width:100%; }

#header h2{float:left;}
.gnbUtil {position:relative; top:13px;  height:16px; right:0;float:right;}
.gnbUtil li {float:left; padding-left:5px; background:url("/design/zenpia0/2015img/top_btn_line.png") left top no-repeat; height:15px}
.gnbUtil li.first {float:left; padding-left:0px; margin-left:0; background:none}
.gnbUtil li.welcomeTex02 {position:relative;top:2px;color:#675851;}
.gnbUtil li.welcomeTex02 strong{color:#72ab40;}

/* gnb 신규쿠폰 3종 */
.snbIcon{
    position:absolute;
    top:32px;
    right:407px;
    z-index:9999;
    -webkit-animation-name: coupon; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-play-state: running;
    
    animation-name: coupon;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-play-state: running;
    
}

@-webkit-keyframes coupon {
  0%    {top: 27px;}
  50%   {top: 27px;}
  55%   {top: 27px;}
  60%   {top: 32px;}
  65%   {top: 27px;}
  70%   {top: 32px;}
  75%   {top: 27px;}
  100%  {top: 27px;}
}

@keyframes coupon {
  0%    {top: 27px;}
  50%   {top: 27px;}
  55%   {top: 27px;}
  60%   {top: 32px;}
  65%   {top: 27px;}
  70%   {top: 32px;}
  75%   {top: 27px;}
  100%  {top: 27px;}
}


.searchWrap {position:relative;left:0; width:181px; }
.searchWrap .text {background:none; width:181px; border:0; float:left; padding:5px 10px 3px; margin-top:6px; margin-left:10px;}
.searchWrap .btn {float:left;margin-top:5px; }
#menu_06{font-size:14px!important;}
.gnbWrap {width:100%; position:relative; height:40px; z-index:20; margin:0 auto; background:url('//zenpia.jpg1.kr/images/main/header_bar.gif');clear:both;}
.gnbWrap ul {*zoom:1; padding-left:1px}
.gnbWrap ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.gnbWrap ul li {float:left; position:relative}
.gnbWrap .gnb li ul {
	width:954px !important;
	position:absolute;
	top:40px;
	left:0;
	z-index:1000;
	margin:0;
    background:#fff;
    overflow: hidden;

	text-align:left;
	float:left;
}

.gnbWrap .gnb {
	width:960px;
	margin:0 auto;
    position: relative;
		min-height:40px;
}
.gnbWrap .gnb > li {
    float: left;
    padding: 0;
	line-height:35px;
}

.gnbWrap .gnb > li > a {
	line-height:40px;
    display: inline-block;
    padding:0;
	height:40px;
	float:left;	
		text-align:center;
font-weight:bold;
color:#fff;
font-size:14px;

}

.gnbWrap .gnb > li.last > a {
    background: none;

 
}
.gnbWrap .gnb > li > a.tma01 {
	width:159px;


}
.gnbWrap .gnb > li > a.tma02 {
	width:235px;
	
  
}
.gnbWrap .gnb > li > a.tma03 {
	width:109px;
	
}
.gnbWrap .gnb > li > a.tma04 {
	width:149px;

}
.gnbWrap .gnb > li > a.tma05 {
	width:149px;
}
.gnbWrap .gnb > li > a.tma06 {
	width:149px;
border:none;
}

.gnbWrap .gnb > li > a > img{
	padding:13px 0;
	vertical-align:middle;
   
}

.gnbWrap .gnb li.hover {
    background-position: bottom;
}


.gnbWrap .gnb li ul li {
    background: transparent;
    padding:0;
    float:none;
	clear:both;
	line-height:18px;

}

.gnbWrap .cateMid {
	position:absolute;
	top:0;left:0;	overflow-y:hidden;
	border-right:3px solid #72ab40;
        border-left:3px solid #72ab40;
        
	background:url('/design/zenpia0/2015img/menu_bg04.jpg') repeat-y 0 0;
}

.subMenuAll {
	background:url('//zenpia.jpg1.kr/images/menu_bg03.jpg') repeat-x left bottom;
	overflow-y:hidden;
}
.subMenuAll dl {
	margin:0;
	float:left;

}

.subMenuAll dl dt{
	text-align:center;
	padding:8px 0;
	margin:0 0 5px 0;
	line-height:14px;
}

.subMenuAll dl.sma02 dt{
	background:#eee;
}
.subMenuAll dl.sma03 dt{
	background:#e7e7e7;
}
.subMenuAll dl.sma04 dt{
	background:#e2e2e2;
}

.subMenuAll dl dd{
	line-height:16px;
	padding:4px 0 4px 25px;
}

.subMenuAll dl dd.first{
	padding:15px 0 4px 25px;
}

.subMenuAll dl.sma02 dd{
	padding:4px 0 4px 10px;
}

.subMenuAll dl.sma03 dd{
	padding:4px 0 4px 10px;
}

.subMenuAll dl.sma04 dd{
	padding:4px 0 4px 10px;
}

.subMenuAll dl.sma04 dt.bg01{
	background:#ffd0e0;
	margin:5px 0 0 0
}
.subMenuAll dl.sma04 dd.bg02{
	background:#ffe1eb;
}

.subMenuAll dl.sma04 dd.bg03{
	background:#ffe1eb;
	padding:5px 0 10px 10px;
	
}
.subMenuAll dl.sma04 dd.bg04{
	background:#ffe1eb;
	padding:10px 0 5px 10px;
}
.subMenuAll dl.sma03 dt.bg01{
	background:#ffd0e0;
	margin:10px 0 0 0;
}
.subMenuAll dl.sma03 dd.bg02{
	background:#ffe1eb;
}

.subMenuAll dl.sma03 dd.bg03{
	background:#eccebb;
	padding:5px 0 10px 10px;
	margin:0 0 3px 0;
}
.subMenuAll dl.sma03 dd.bg04{
	background:#ffe1eb;
	padding:10px 0 5px 10px;
}

.subMenuAll dl.sma01 {
	width:157px;
}

.subMenuAll dl.sma02 {
	width:115px;
}

.subMenuAll dl.sma03 {
	width:115px;
}

.subMenuAll dl.sma04 {
	width:120px;
}

.subMenuAll dl.sma05 {
	width:100%;
	margin:0;
	height:28px;
	line-height:28px;
	position:absolute;
	top:0;
	left:0;
	float:none;
	text-align:center;
	background:#fff;
	border-bottom:1px solid #d7d7d7;
}

.subMenuAll dl.sma05 dd {
	display:inline-block;
	margin:0 10px;
	padding:0;
}

.subMenuAll dl.sma05 dd a{
	font-size:12px;
	color:#565656;
	text-decoration:none;
}

.subMenuAll dl.sma05 dd a:hover{
	color:#552c16;
	text-decoration:none;
}
.subMenuAll dl.sma06 {

	width:150px;
}
.subMenuAll dl.sma06 dd{
line-height:11px!important;
padding-bottom:3px;
padding-left:15px;
}
.subMenuAll dl.sma07 {
	width:150px;
}
.subMenuAll dl.sma08 {
	width:147px;
}

.subMenuAll .topMenuBn {
	position:absolute;
	right:30px;
	bottom:10px;
}
.subMenuAll .topMenuBn01 {
	position:absolute;
	left:20px;
	bottom:10px;
}

/* 메인배너 추가 */
.lineup_new {
	float:left;
	position:relative;
	padding:0px;
	margin-right:3px;
}


.rankup{border:2px solid #000!important; top:30px!important;}
.ranklist dt{color:#000!important; border-bottom:1px solid #000!important;background:none!important;}
.ranklist dd li em{background:#000!important;}
.bestWord p em{background:url('//zenpia.jpg1.kr/images/test/icon_num_b.gif')!important;}


/* 2019.10.18 */
.search-wrap form{float:left;}
.header-nav-wrap{ border-bottom:1px solid #ddd; }


/* WIB */
.w1280{width:1280px;margin:0 auto;}
#wHeader.on{background-color:#fff;transition:all 0.5s;}
#wHeader{border-bottom:1px solid #F1F1F1;box-sizing:border-box;}
#wHeader > div.w1280{padding-top: 29px;}
#wHeader .w1280{padding-top: 19px;}
#wHeader .w1280 .top{}
#wHeader .w1280 .top ul{font-size:0;text-align:right;padding-top:20px;}
#wHeader .w1280 .top ul li:last-of-type{margin-right:0;}
#wHeader .w1280 .top ul li{margin-right:14px;display:inline-block;vertical-align:middle;}
#wHeader .w1280 .top ul li a{display:block;font-size:14px;text-align:left;line-height:1;color:#2e2e2e;}
#wHeader .w1280 .bottom{text-align:left;font-size:0;}
#wHeader .w1280 .bottom:after{display:block;content:"";clear:bothl}
#wHeader .w1280 .bottom h1{display:inline-block;vertical-align:middle;margin-right:60px;width:200px;height:50px;background:url("/design/zenpia0/wib/img/logo.svg")no-repeat center; background-size: 100%;}
#wHeader .w1280 .bottom h1 a{display:block;font-size:0;width:100%;height:100%;}
#wHeader .w1280 .bottom h1 img{width:100%;display:block;display:none;}
#wHeader .w1280 .bottom .menu{display:inline-block;vertical-align:middle;}
#wHeader .w1280 .bottom .menu ul{font-size:0;text-align:right;}
#wHeader .w1280 .bottom .menu ul li:last-of-type{margin-right:0;}
#wHeader .w1280 .bottom .menu ul li{margin-right:32px;display:inline-block;vertical-align:middle;}
#wHeader .w1280 .bottom .menu ul li a{display:block;font-size:16px;font-weight:bold;color:#2e2e2e;text-align:left;line-height:34px;padding:32px 0 21px;position:relative;}
#wHeader .w1280 .bottom .menu ul li a:after{display:block;content:"";position:absolute;width:0;height:1px;background-color:#000;left:0;bottom:26px;transition:all 0.3s;}
#wHeader .w1280 .bottom .menu ul li a:hover:after{width:100%;}
#wHeader .w1280 .bottom .menu ul li.hover a{color:#C8C8C8;}
#wHeader .w1280 .bottom .search-form{float:right;width:30px;height:43px;margin-top:45px;}


#wHeader .depth-area{}
#wHeader .depth-area .content{display:block;position:absolute;left:0;top:116px;background-color:#fff;z-index:44;width:100%;padding-bottom:70px;display:none;}
#wHeader .depth-area .content.product{display:none;}
#wHeader .depth-area .content.product .w1280:after{display:block;content:"";clear:both;}
#wHeader .depth-area .content.product .w1280 > ul:after{display:block;content:"";clear:both;}
#wHeader .depth-area .content.product .w1280 > ul{width:760px; padding-left: 92px;}
#wHeader .depth-area .content.product .w1280 > ul > li{box-sizing:border-box;}
#wHeader .depth-area .content.product .w1280 > ul > li > a{display:block;font-size:14px;font-weight:500;color:#999;text-align:left;line-height:1; margin-bottom: 16px;}
#wHeader .depth-area .content.product .w1280 > ul > li > ul{}
#wHeader .depth-area .content.product .w1280 > ul > li > ul > li{padding-top:16px;}
#wHeader .depth-area .content.product .w1280 > ul > li > ul > li > a{display:block;font-size:14px;color:#999;font-weight:300;line-height:1;font-weight:400;}
#wHeader .depth-area .content.product .w1280 > ul > li > ul > li > a:hover{color:#000;}


#wHeader .depth-area .content.event{}
#wHeader .depth-area .content.event .w1280{}
#wHeader .depth-area .content.event .w1280 ul{font-size:0;text-align:center;}
#wHeader .depth-area .content.event .w1280 ul li:last-of-type{margin-right:0;}
#wHeader .depth-area .content.event .w1280 ul li{display:inline-block;vertical-align:middle;margin-right:40px;}
#wHeader .depth-area .content.event .w1280 ul li a{display:block;font-size:0;}
#wHeader .depth-area .content.event .w1280 ul li a img{display:block;}


#wHeader .depth-area .content.community{}
#wHeader .depth-area .content.community .w1280{}
#wHeader .depth-area .content.community .w1280:after{display:block;content:"";clear:both;}
#wHeader .depth-area .content.community .w1280 .left{float:left;width:578px;}
#wHeader .depth-area .content.community .w1280 .right{float:right;width:calc(100% - 553px);box-sizing:border-box;padding-left:32px;}
#wHeader .depth-area .content.community .w1280 .right ul{}
#wHeader .depth-area .content.community .w1280 .right ul li:first-of-type{padding-top:0;}
#wHeader .depth-area .content.community .w1280 .right ul li{padding-top:16px;}
#wHeader .depth-area .content.community .w1280 .right ul li a{display:block;font-size:14px;color:#999;text-align:left;line-height:1;font-weight:400;}
#wHeader .depth-area .content.community .w1280 .right ul li a:hover{color:#000;}
 

#wHeader .depth-area .content.info{}
#wHeader .depth-area .content.info .w1280{}
#wHeader .depth-area .content.info .w1280:after{display:block;content:"";clear:both;}
#wHeader .depth-area .content.info .w1280 .left{float:left;width:578px;}
#wHeader .depth-area .content.info .w1280 .right{float:right;width:calc(100% - 690px);box-sizing:border-box;padding-left:32px;}
#wHeader .depth-area .content.info .w1280 .right ul{}
#wHeader .depth-area .content.info .w1280 .right ul li:first-of-type{padding-top:0;}
#wHeader .depth-area .content.info .w1280 .right ul li{padding-top:16px;}
#wHeader .depth-area .content.info .w1280 .right ul li a{display:block;font-size:14px;color:#999;text-align:left;line-height:1;font-weight:400;}
#wHeader .depth-area .content.info .w1280 .right ul li a:hover{color:#000;}


#wHeader .depth-area .content.brand .w1280 {width:760px;}
#wHeader .depth-area .content.brand .w1280 ul li a {display: block;font-size: 14px;color: #999;line-height: 1;font-weight: 400;margin-bottom:16px;}
#wHeader .depth-area .content.brand .w1280 ul li a:hover {color:#000;}


#wHeader .depth-area .content.product .w1280 {width:760px;}


#detailpage .table-opt .opt-wrap select{height:22px !important;}


/* 고객센터 수정 */
.customerWrap .listTabMenu ul li a{width:190px !important;}


/*팝업 이것만보고가세요 소스*/
/*#mbris_bounce_section{display:none !important;}*/
/* BASIC css end */