/* BASIC css start */
/*.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}*/

.topban_area{height:60px;overflow:hidden;}
.topban_area .slides{}
.topban_area .slides > li{position:relative;height:60px;background-repeat:no-repeat;text-align:center;}
.topban_area .slides > li .txt1{color:#fff;display:inline-block;font-family:'Poppins',sans-serif;color:#fff;font-size:12px;line-height:60px;text-transform:uppercase;letter-spacing:3px;}
.topban_area .slides > li .txt2{color:#fff;display:inline-block;color:#595757;font-size:12px;line-height:60px;letter-spacing:3px;}
.topban_area .slides > li .txt3{color:#fff;display:inline-block;font-family:'Poppins',sans-serif;color:#595757;font-size:12px;line-height:60px;text-transform:uppercase;letter-spacing:0px;}
.topban_area .slides > li .txt4{color:#fff;display:inline-block;color:#595757;font-size:18px;line-height:60px;letter-spacing:0px;}
.topban_area .slides > li .txt5{color:#fff;display:inline-block;font-family:'Poppins',sans-serif;font-size:13px;line-height:60px;}
.topban_area .slides > li .txt6{color:#fff;display:inline-block;font-size:14px;line-height:60px;letter-spacing:0px;}
.topban_area .slides > li .txt7{color:#595757;display:inline-block;font-family:'Poppins',sans-serif;font-size:15px;line-height:60px;}
.topban_area .slides > li .txt8{color:#fff;display:inline-block;color:#595757;font-size:11px;line-height:60px;}
.topban_area .slides > li img{}
.topban_area .flex{position:relative;height:60px;}
.topban_area .flex-viewport{z-index:1;}
.topban_area .flex-control-nav{display:none;}
.topban_area .flex-direction-nav{position:absolute;top:50%;right:2%;margin-top:-16px;width:15px;height:31px;z-index:2;}
.topban_area .flex-direction-nav li{height:15px;}
.topban_area .flex-direction-nav li.flex-nav-prev{background:url("/design/gooworl/skin1/images/line_topban.png") no-repeat 0 100%;}
.topban_area .flex-direction-nav .flex-prev{position:absolute;left:0;top:0;width:15px;height:7px;background:url("/design/gooworl/skin1/images/btn_tbup.png") no-repeat 0 0;background-size:15px 7px;text-indent:-999em;}
.topban_area .flex-direction-nav .flex-next{position:absolute;left:0;bottom:0;width:15px;height:7px;background:url("/design/gooworl/skin1/images/btn_tbdown.png") no-repeat 0 0;background-size:15px 7px;text-indent:-999em;}


#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#3c3c3c;z-index:1000;display:none;opacity: 0.1;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;z-index:98;}


.gnbWrap {height:75px;}
.gnbWrap.fixed #gnb{width:100%;height:75px;position:fixed;top:0;left:0;background:#fff;background-color:rgba( 255, 255, 255, 0.8 );z-index:98;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}

#gnb {position:relative;width:100%;}
#gnb #menu {position:absolute;top:50%;right:4%;width:24px;margin-top:-11px;z-index:10;}
#gnb #menu img{width:100%;}

#gnb p.userBtn {position:absolute;top:50%;left:14%;width:24px;margin-top:-14px;z-index:10;}
#gnb p.userBtn img{width:100%;}

#gnb p.cartBtn {position:absolute;top:50%;left:4%;width:24px;margin-top:-12px;z-index:10;}
#gnb p.cartBtn img{width:100%;}
#gnb p.cartBtn span{position:absolute;right:-6px;top:-3px;font-family:'Montserrat', sans-serif;color:#fff;font-size:9px;line-height:13px;display:inline-block;width:13px;height:13px;border-radius:20px;background:#739140;text-align:center;}

#gnb p.searchBtn {position:absolute;top:50%;right:13%;width:21px;margin-top:-13px;z-index:10;}
#gnb p.searchBtn img{width:100%;}

#gnb .gnbact {position:relative;height:75px;zoom: 1;}
#gnb .gnbact h1.logo{position:absolute;left:50%;top:50%;margin:-27px 0 0 -55px;width:110px;}
#gnb .gnbact h1.logo img{width:110px;}

#gnb.act {position:fixed;top:0;left:0;background:#fff;background-color: rgba( 255, 255, 255, 0.8 );height:75px;z-index: 98;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}

.gnb_box.fixed{}
.gnb_box.fixed .gnb_in{}

.gnb_m2{border-top:1px solid #c6dca7;}
.gnb_m2 ul{overflow:hidden;}
.gnb_m2 li{float:left;width:25%;text-align:center;}
.gnb_m2 li a{display:block;color:#221f20;font-size:11px;line-height:14px;border-bottom:0 solid #ede8e3;border-left:0 solid #ede8e3;font-weight:normal;letter-spacing:-0.5px;padding:10px 0;}
.gnb_m2 li.menu1 a{padding:8px 0 6px;}
.gnb_m2 li.first a{border-left:0;}


#header .headerTop {position:relative;height: 30px;border-bottom: 1px solid #eee;zoom: 1;}
#header .headerTop li {width: 20%;float:left;text-align:center;line-height: 30px;position: relative;}
#header .headerTop a {display: block;font-size: 11px;color: #777;}
#header .headerTop a:before { display: block; content: ""; position: absolute; top: 11px; width:1px; height: 10px; background-color:#ddd; vertical-align: middle; }
#header .headerTop li:first-child a:before {background:none;}
#header .headerTop a.on {color:#fff100}

.headerTop .join2000 {z-index:20;position:absolute;top:26px;left:50%;width: 44px;height: 14px;line-height: 16px;margin-left: -22px;background: #333;border: 1px solid #333;border-radius: 3px;font-size: 10px;color: #fff;text-align:center;}
.headerTop .join2000:before {content: "";position:absolute;top: -4px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 3px 3px;border-color: #333 transparent;}

#header .search {height: 38px;position:relative;background-color: #eee;padding-right: 40px;text-align:center;display:none;z-index:10;border-bottom: 1px solid #ddd8d3;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width: 94%;height: 26px; border:0px none;margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width: 40px;height: 38px;background-color: #ababab;position:absolute;top: 0px;right:0;color:#fff;text-align:center;line-height: 38px;font-size: 18px;}

#header .cate {}
#header .cate .list_category {overflow:hidden;}
#header .cate .list_category li {float:left; width:20%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box;}
#header .cate .list_category li:nth-child(5) {border-right:0px none;}
#header .cate .list_category li:nth-child(10) {border-right:0px none;}
#header .cate .list_category li a {display:block;height:32px;line-height:32px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}

/* 카테고리 */
#hmenuclose{display:none;position:fixed;right:18px;top:18px;z-index:1003;}
#hmenuclose img{width:20px;}
#hmenuclose.active{display:block;}

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
aside {padding:2%;position:fixed; top:0; bottom:0; right:-0; width:90%; background-color:#fff; z-index:1001; overflow-y:scroll; overflow-x:hidden; transform:translate3d(-100%,0,0); 
	-moz-transform: translate3d(100%,0,0); 
	-ms-transform:translate3d(100%,0,0); 
	-webkit-transform:translate3d(100%,0,0); 
	-webkit-backface-visibility:hidden; 
	transition:-webkit-transform 400ms ease; 
	transition:transform 400ms ease;
box-sizing:border-box;
}
aside.active{	visibility:visible; 
	-webkit-overflow-scrolling:touch; 
	z-index:1001;
    transform:translate3d(0,0,0); 
	-moz-transform: translate3d(0,0,0); 
	-ms-transform:translate3d(0,0,0); 
	-webkit-transform:translate3d(0,0,0);}


aside nav li {border-bottom:1px solid #ede8e3; position:relative;}
aside nav li a {display: block;color:#221f20; height: 38px; line-height:38px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
aside nav li .subm{padding:0 0 5px;margin-top:-5px;}
aside nav li .subm a{color:#a8a9ab;font-size:11px;height:22px;line-height:22px;}
aside nav li .fa {position: absolute; top:0; right: 4px; width: 40px; text-align: center; height: 38px; line-height:38px;font-size:14px;}

aside nav li.hm_ban {border-bottom:1px solid #ede8e3; position:relative;}
aside nav li.hm_ban a {display: block;color:#221f20; height:auto; line-height:auto; padding:5%; margin-right: 0;}
aside nav li.hm_ban img{width:100%;border:1px solid #f1f1f1;box-sizing:border-box;}

aside nav li > ul > li {border-bottom:0px none; border-top:0 solid #ede8e3;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li > a {padding:0 40px 0 20px; margin: 0;color:#221f20;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ede8e3;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #f6f6f6;}


aside .navItem{display:none;}
aside .navRecipe{display:none;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
aside .navStory {display:none;}

aside nav li > ul {display:none; border-top:1px solid #ebeced;text-align:right;}
aside nav li > ul > li > a {padding:0 34px 0 0;color:#555;}

aside .section{padding:3% 0 5%;}
aside .section ul {padding:0;margin:0;}
aside .section li {float:left;width:20%;box-sizing:border-box;}
aside .section li:first-child{}
aside .section li a { color:#74757b; line-height:31px; font-size: 11px; display: block;text-align:center;border:0;border-left:1px solid #ebeced;box-sizing:border-box;}
aside .section li img {height:20px;vertical-align:middle;}
aside .section li.login {padding-left:0;}
aside .section li.login a{color:#74757b;background-color:;border-left:0;}
aside .section li.close {border:0;float:right;width:10%;text-align:right;margin:0;}
aside .section li.close a{border:0;}


aside .section2 {border:1px solid #ebeced;border-top:2px solid #729140;border-bottom:0;}
aside .section2 .asideTop {background-color:#fdfdfc;font-size:0;}
aside .section2 .asideTop a { width:20%;text-align:center;display: inline-block;font-size:11px; color:#a8a9ab; font-weight:normal; border-left:1px solid #ebeced;border-bottom:1px solid #ebeced;border-top:0;box-sizing:border-box;padding:36px 0 8px;}
aside .section2 .asideTop a:first-child {border-left:0;}
aside .section2 .asideTop a.act {color:#729140;border-bottom:1px solid #729140;}

aside .section2 .asideTop #category{background:#fdfdfc url("/design/gooworl/mobile/skin1/images/ico_hm1_off.png") no-repeat center 15px;background-size:22px 15px;}
aside .section2 .asideTop #category.act{background:#fff url("/design/gooworl/mobile/skin1/images/ico_hm1_on.png") no-repeat center 15px;background-size:22px 15px;}

aside .section2 .asideTop #item{background:#fdfdfc url("/design/gooworl/mobile/skin1/images/ico_hm2_off.png") no-repeat center 10px;background-size:19px 22px;}
aside .section2 .asideTop #item.act{background:#fff url("/design/gooworl/mobile/skin1/images/ico_hm2_on.png") no-repeat center 10px;background-size:19px 22px;}

aside .section2 .asideTop #recipe{background:#fdfdfc url("/design/gooworl/mobile/skin1/images/ico_hm3_off.png") no-repeat center 9px;background-size:21px 23px;}
aside .section2 .asideTop #recipe.act{background:#fff url("/design/gooworl/mobile/skin1/images/ico_hm3_on.png") no-repeat center 9px;background-size:21px 23px;}

aside .section2 .asideTop #community{background:#fdfdfc url("/design/gooworl/mobile/skin1/images/ico_hm4_off.png") no-repeat center 10px;background-size:23px 21px;}
aside .section2 .asideTop #community.act{background:#fff url("/design/gooworl/mobile/skin1/images/ico_hm4_on.png") no-repeat center 10px;background-size:23px 21px;}

aside .section2 .asideTop #mystory{background:#fdfdfc url("/design/gooworl/mobile/skin1/images/ico_hm5_off.png") no-repeat center 10px;background-size:23px 23px;}
aside .section2 .asideTop #mystory.act{background:#fff url("/design/gooworl/mobile/skin1/images/ico_hm5_on.png") no-repeat center 10px;background-size:23px 23px;}


.navCategory{text-align:right;}


aside .section3 .cus_foot{padding:9% 2% 9% 2%; clear:both; text-align:right;}
.cus_foot .num{}
.cus_foot .num img{height:23px;}
.cus_foot .num a{font-family:'Poppins',sans-serif;padding-left:6px;color:#719140;font-size:26px;line-height:26px;font-weight:500;}

.cus_foot .txt{font-family:'Poppins',sans-serif;padding-top:10px;color:#393f39;font-size:14px;line-height:20px;}

.mini_title{background-color:#fbfbfb; color:#808080; font-size:11px; font-weight:500; padding:5px 30px;}
.mini_title img{width:15px; margin-right:8px;}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:1005; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */


/* BASIC css end */