/* BASIC css start */
.xans-layout-logotop { float:left; width:200px; margin:43px 0 0; }
.xans-layout-logotop img { max-width:280px; } 
#header { width:100%; background:#b2b2b2; clear:both; position:relative;  padding:0px 0;margin:0px auto; *zoom:1; z-index:9;}
#header:after { content:""; display:block; clear:both; }
#header .innerBlack {position:relative;background:#b2b2b2;width:100%;height:30px;line-height:30px;}
#header .inner {position:relative;width:1200px;margin:0 auto;}
#header .inner { /*float:right; width:700px; margin:0 0 15px; text-align:right;*/ }
#header .logo {float:left;padding:0px 0;}

#header .link {float:left;color:#fff; padding:0px 0; font-family:"arial"; text-align:right; *display:inline; *zoom:1; }
#header .link a {float:left;display:block;padding:0 10px;height:30px;line-height:30px;color:#fff;font-size:11px;}
#header .link a:hover { text-decoration:none; background:#b2b2b2;color:#fff;}

#header .topLink { float:right;display:inline-block;color:#fff; padding:0px 0; text-align:right; *display:inline; *zoom:1; }
#header .topLink a { padding:0 4px 0 10px; color:#fff !important;font-size:11px; line-height:14px;font-family:"arial";  }
#header .topLink a:hover { color:#ddd; }
#header .topLink .log { background:none; }

#gnbMenu {position:absolute;right:0;top:0px;z-index:9999;}
#gnbMenu li {position:relative;float:left;height:29px;padding:0px 13px;line-height:30px;background:url(/design/1004yo/elinfit/SkinImg/gnbLine.png)no-repeat right top;border-top:0;border-bottom:0;margin-right:-1px;}
.foliolineli {border:1px solid #a8adb3 !important;border-bottom:0 !important;}
#gnbMenu li.on {background:url(/design/1004yo/elinfit/SkinImg/gnbLine.png)no-repeat right top;padding:0px 5px 0 10px;}
#gnbMenu li.on a {background:url(http://d4-0353.d4.makeshop.co.kr/design/d4-0353/limeted/SkinImg/arrow-v-icon.png)no-repeat right center;padding-right:13px;}
#gnbMenu li.active {}
#gnbMenu li:last-child{padding-right:0;background:none;}
#gnbMenu li a {display:block;color:#fff;font-family:돋움,"arial",sans-serif;font-size:12.5px;line-height:30px;}
#gnbMenu li.active a {color:#fff;}
#gnbMenu .infoList {display:none;position:absolute;left:0px;top:30px;padding:10px 0;width:100%;background:#fff;border:1px solid #fff;border-top:0;}
#gnbMenu .infoList li {float:none;padding:0 10px;height:22px;line-height:22px;margin-right:0px;border:0;background:none;}
#gnbMenu .infoList li a {display:block;color:#595a5c; background:none !important; padding:0;}
#gnbMenu .infoList li a:hover {color:#888; }

/*검색*/
.searchArea {position:absolute;right:0;width:250px;margin:15px 30px;}

.xans-layout-searchheader {  width:250px; background:#fff;margin:0; padding:0px 0 0;border:1px solid #ddd; }
.xans-layout-searchheader input { border:0; vertical-align:middle;background:#fff; }
.xans-layout-searchheader input{height:25px; padding:4px 0 1px 4px; width:211px; font-size:12px; background:#fff;color:#333;}
.xans-layout-searchheader img { cursor:pointer;margin:-2px -2px 0 0;}


/* 오버메뉴 */
/* 오버메뉴 */
#mainwrap #topmemu {position:relative;width:100%;margin:0 auto;}
#mainwrap #topmemu .inner {position:absolute;width:100%; margin:0 auto; padding:15px 0 8px;top:-86px;z-index:99;background:url('http://d4-0353.d4.makeshop.co.kr/design/d4-0353/limeted/SkinImg/topMbg.png') no-repeat center center;}
#mainwrap #topmenu1 {padding:0px; margin:0 auto; width:100%;height:42px;}


#wrap #topmemu {position:relative;width:100%;margin:0 auto;border-bottom:1px solid #ddd;}
#wrap #topmemu .inner {position:relative !important;width:1201px;margin:0 auto;padding:5px 5px 8px 15px;top:0px !important;z-index:99;background:#fff !important;}
#wrap #topmenu1 {padding:0px;width:1600px;height:42px;margin:0 auto;}

.logoArea {overflow:hidden;width:1201px;margin:0 auto;height:100px; position:relative;}
.logoArea h1 {float:left;padding:15px 0 ;}


.trArea {float:left;margin:20px 15px;}
.trArea li {float:left;}


ul#widenavigation {margin:0 auto; padding:0px;width:1600px; list-style: none;*zoom:1;position: relative;z-index:90; display:flex; align-items:center; justify-content: center;}
ul#widenavigation:after { content:""; clear:both; display:block;} 
ul#widenavigation  h3 {padding:0 0 5px 10px;color: #000;font-size: 12px;font-weight:700;} 

ul#widenavigation li {margin:0;padding: 0;position: relative;color: #333;}
ul#widenavigation li a {display:block;position:relative; color: #333;padding:2px 15px 0 15px;font-size:14px;font-family:'Roboto', 'Nanum Gothic',sans-serif;font-weight:400;}
ul#widenavigation li.all {/*background:url('http://d4-0353.d4.makeshop.co.kr/design/d4-0353/limeted/SkinImg/allm-icon.png') no-repeat 13px center !important;*/ /*padding-left:13px;*/}
ul#widenavigation li:last-child a {/*padding:2px 0 0 31px;*/}
ul#widenavigation li.pst1 {position: relative; /*float: left;*/ height:42px;line-height: 40px;}
ul#widenavigation li:hover a, ul#widenavigation li.pst1 a:hover { color:#495060;z-index:9999;}


/* ul#widenavigation li:hover a, ul#widenavigation li a:hover {color:#fff;background:#fff;text-decoration:none;} */

/* allmenu */
ul#widenavigation li div.allmenu {display:none;position: absolute;top: 42px;left:-11px; padding:0 0 0 15px;width:1206px;height:387px;border:1px solid #ededed;border-top:0px solid #eee;background:#fff;z-index:333;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);}

.allInner {display:block;margin:0; padding:0;width:100%;}
.allInner ul.allmBox { display:table; width:1221px; margin:15px; font-size:0; line-height:0; }
.allInner ul.allmBox h2 {font-size:12px;line-height:24px;color:#000;}
.allInner ul.allmBox li.aBox { display:inline-block; width:22%; height:auto;margin:0 0 15px !important; color:#757575;vertical-align:top; *display:inline; *zoom:1; }
.allInner ul.allmBox li.aBox:nth-child(2),
.allInner ul.allmBox li.aBox:nth-child(4),
.allInner ul.allmBox li.aBox:nth-child(5),
.allInner ul.allmBox li.aBox:nth-child(9) {
    width:11.11%;
}
.allInner ul.allmBox li.aBox:nth-child(7) {
    width:12%;
}
.allInner ul.allmBox li.aBox:nth-child(8) {
    width:15%;
}
.allInner ul.allmBox li.aBox:last-child {
    width:30%;
}
.allInner ul.allmBox li.aBox:last-child .mebox ul {width:33.33%;}
.allInner ul.allmBox li.aBox .mebox {margin:0; width:100%;font-size:12px;  padding-bottom:30px; }
.allInner ul.allmBox li.aBox .mebox ul { width:50%; float:left;}
.allInner ul.allmBox li.aBox .mebox li {height:20px;line-height:20px;}
.allInner ul.allmBox li.aBox .mebox li a{display:block;color:#555 !important;height:20px;line-height:20px;padding:0 !important;background:none !important;text-align:left !important;font-weight:normal !important;}


ul#widenavigation .submenu ul li a:hover {color:#333;background:#f8f8f8 url(http://d4-0353.d4.makeshop.co.kr/design/d4-0353/limeted/SkinImg/b_arrow_o.png) no-repeat 6px 12px !important;}

ul#widenavigation li div.submenu {display:none;position: absolute;top: 42px;left:0px; padding:15px 0 25px;width:360px;/*width:100%;*/border:1px solid #ededed;border-top:0;background:#fff;z-index:333;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);}

ul#widenavigation li div.submenu.submenu2 {
    width:507px;
}
ul#widenavigation li div.submenu.submenu3 {
    width:654px;
}
/*오른쪽위치*/
ul#widenavigation li div.right04 {left:-561px !important;}
ul#widenavigation li div.right03 {left:-17px !important;}
ul#widenavigation li div.right02 {left:-144px !important;}

ul#widenavigation li .arrow {position:absolute;left:50%;top:-16px;z-index:999}
ul#widenavigation li .subtitle {display:block;padding:0px;background:#fff;}


ul#widenavigation li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}


ul#widenavigation li .submenu ul{list-style:none;margin:10px 0 0 5px;padding:0;width: 142px;float:left;}

ul#widenavigation li .submenu .menu_img_banner {float:right;padding:7px 7px 0 0;width:200px;height:210px;border:0;background:#fff;}
ul#widenavigation li .submenu .menu_img_banner a {margin:0;padding:0;}


ul#widenavigation .submenu ul li {width: 142px;padding:0 0px ;height:24px;line-height:24px;border-bottom:1px solid #ededed;background:#fff;}
ul#widenavigation .submenu ul h2 {width: 142px;padding:0 0 5px 10px;color: #000;font-size: 14px;}
ul#widenavigation .submenu ul li h3 {padding:10px 0 5px 10px;width: 117px;color: #f60067;font-size: 12px;font-weight: bold;border-bottom:0px #777 solid;}
ul#widenavigation .submenu ul li a 
{width: 127px;float: none; text-align:left;background: url(/design/d4-0353/limeted/SkinImg/b_arrow_o.png) no-repeat 6px 12px;
padding: 0px 0px 0px 15px;display: block;color: #999;font-size: 14px;font-weight: normal;line-height:24px;}

ul#widenavigation .submenu ul li a:hover {color:#333;background:#f8f8f8 url(/SkinImg/b_arrow_o.png) no-repeat 6px 12px !important;}
ul#widenavigation .submenu ul div.mini {float:left;width:120px;}

ul#widenavigation .submenu ul li.img a {
	float: none; text-indent: 0; height: auto;
	padding: 4px 5px 4px 0px;display: block;color: #999;
	font-size: 11px;font-weight: normal;font-family:돋움;
}

#toDown {
    z-index:88;
    position:absolute;
    width:45px;
    height:45px;
    top:430px;
    left:50%;
    margin-left:-23px;
    cursor:pointer;
}

.fixeTop {
    position:fixed;
    width:100%;
    top:0;
    padding:0;
    background:#fff;
    z-index:99;
}

.fixM {
    position:fixed !important;
    top:23px !important;
    background:url(/design/1004yo/elinfit/SkinImg/fixMbg.png) repeat-x center center !important;
}

/* BASIC css end */