/* BASIC css start */
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); } @font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); } .lottemarthappy * { font-family: 'LotteMartHappy', sans-serif; }
	pop-layer .pop-container {
  padding: 20px 25px;
}

/* BASIC css start */
#gnbContainer.fixed{position: fixed; top: 0; z-index: 999; width: 100%;}



.cartBtn { position:relative; display:inline-block; margin:1px 20px 0 0 }
.cart_cnt,
.rightCartCnt { background:#d9282f; color:#fff; width:20px; height:20px; font-weight:700; line-height:20px; text-align:center; border-radius:100%; position:absolute; right:-8px; top:-7px;font-weight: bold;}
.rightCartCnt { display:none; right:19px; bottom:24px; }
.rightCartCnt.on{display:inline-block;}

/* 우측 퀵 버튼 */

.rightQuick { position:fixed; top: 35%; z-index: 110; right:230px; display:block; width:48px; text-align:center; }
.rightQuick i { vertical-align:top; margin:6px 0;color:#2c2c2c; font-size:24px;transition:all .4s ease-out }
.rightQuick span.txt { font-size:15px;opacity:0;position:absolute;top:7px;left:38px; transition:all .4s ease-out }
.rightQuick li:hover span.user_basket_quantity,
.rightQuick li:hover i { opacity: 0.3; }
.rightQuick li:hover span.txt { opacity: 1; }
.rightQuick li { position:relative; }
.rightQuick .cart span.user_basket_quantity {position:absolute; top:0;right:6px;background:#2c2c2c;border-radius:50%; color:#fff;width:18px;height:18px;line-height:18px;}

/*카테고리*/

.allCate { display:none; position:absolute; top:61px; left:0; width:258px; border:1px solid #eee; background:#fff; }
.allCate .allCateArea > li > a { display:block;list-style:none; padding-left:40px; height:48px; font-size:0; font-family: NanumSquareRound, sans-serif !important; text-align:left; }
.allCate .allCateArea > li > a .cName { display:inline-block; width:203px; font-family: NanumSquareRound, sans-serif !important; font-size:14px; color:#333; font-weight:600; line-height:48px; vertical-align:top }
.allCate .allCateArea > li > a.on .cName { color:#000; font-weight:700 }
.allCate .allCateArea > li .allSubCate { display:none; padding-bottom:2px; height:100%; position:absolute; left:259px; top:-1px; background:#f5f5f5; z-index:10 }
.allCate .allCateArea > li .allSubCate .scrBox { padding-top:5px; float:left; width:150px; height:573px; overflow:hidden; overflow-y:auto }
.allCate .allCateArea > li .allSubCate .scrBox::-webkit-scrollbar { width:28px }
.allCate .allCateArea > li .allSubCate .scrBox::-webkit-scrollbar-track { background:none }
.allCate .allCateArea > li .allSubCate .scrBox::-webkit-scrollbar-thumb { border-radius:25px; background-clip:padding-box; border:12px solid #f5f5f5; background:#dbdbdb }
.allCate .allCateArea > li .allSubCate .scrBox ol li a { display:block; padding-left:20px; height:41px; font-family: NanumSquareRound, sans-serif !important; font-size:14px; color:#333; text-align:left; line-height:41px }
.allCate .allCateArea > li .allSubCate .scrBox ol li a.on { color:#000; font-weight:700 }
.allCate .cate_ico {position:absolute; }

/*
.allCate .allCateBrand { display:none; padding-bottom:2px; position:absolute; top:-1px; left:539px; width:152px; height:100%; background:#ededed; z-index:10 }
.allCate .allCateBrand .brandList { padding-top:2px; }
.allCate .allCateBrand .brandList li { padding-top:18px; }
.allCate .allCateBrand .brandList li a { display:block }
.allCate .allCateBrand .brandList li a img { width:80px; border-radius:50% }
.allCate .allCateBrand .brandList li a .txt { display:inline-block; padding-top:8px; width:100%; font-size:16px; color:#333; font-weight:600; vertical-align:top }
*/

.headerWrap { width:100%; height:196px; background-image: url(https://egmdesign.cafe24.com/mowm/mowmmall/main/logo_bg.png);background-repeat: repeat-x; background-position:0 35px; }
.headerWrap a { text-decoration:none }
.headerWrap .headerTopMenu .topMenu .rightSection .close_btn{position:absolute;top:0;right:-60px}

.headerWrap .headerTopMenu { position:relative; width:100%; height:135px }
.headerWrap .headerTopMenu .topMenu { margin:0 auto; position:relative; width:1410px; height:135px; *zoom:1 }
.headerWrap .headerTopMenu .topMenu:after { display:block; clear:both; content:'' }

/* 커뮤니티 및 로그인 */
.headerWrap .headerTopMenu .headerTop { width:100%; background-color:#f3f3f3; border-bottom:1px solid #e5e5e5; z-index:1000; height:34px; }
.headerWrap .headerTopMenu .headerTop .tmenu { position:relative; width:1410px; margin:0 auto; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnk { position: absolute; top: 0; left: 0; zoom: 1; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnk:after { content: ''; display: block; clear: both; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnk li { float: left; position: relative; width: auto; margin-right: 25px; height:34px;  }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnk li a { color: #777; line-height: 34px; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnk li .bookmark {color: #000; font-weight:bold;}
.headerWrap .headerTopMenu .headerTop .tmenu .mlnkr li { float: right; position: relative; width: auto; margin-left: 25px; height:34px;   }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnkr li a { color: #777; line-height: 34px; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnkr li .point { position: absolute; top: 30px; left: 50%; margin-left: -30px; width: 60px; height: 19px; line-height: 19px; background: #ff0000; color: #fff; text-align: center; }
.headerWrap .headerTopMenu .headerTop .tmenu .mlnkr li .point span { position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 4px; background: url(/design/bambo/9614/xoxo/icon/bul_tooltip.gif) no-repeat 0 0; }

/*로고*/
.headerWrap .headerTopMenu .topMenu .tlogo { position:absolute; top:0px; left:43%; }
.headerWrap .headerTopMenu .topMenu .tlogo a { display:block; width:148px; height:44px;}



.headerWrap .headerTopMenu .topMenu .notice { position: absolute; top: 25px; right: 0; width: 330px; }
.headerWrap .headerTopMenu .topMenu .notice dt, 
.headerWrap .headerTopMenu .topMenu .notice dd { float: left; }
.headerWrap .headerTopMenu .topMenu .notice dt { width: 60px; padding-left: 20px; background: url(/design/bambo/9614/xoxo/icon/bul_notice.gif) no-repeat 0 45%; }
.headerWrap .headerTopMenu .topMenu .notice dd { width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.headerWrap .headerTopMenu .topMenu .hdNotice { position: relative; height:27px; line-height:27px; top:70px; float:right; }
.headerWrap .headerTopMenu .topMenu .hdNotice i{ font-size:16px; vertical-align:middle }
.headerWrap .headerTopMenu .topMenu .hdNotice dt {float:left; padding: 0 8px 0 10px;}
.headerWrap .headerTopMenu .topMenu .hdNotice dt a {  }
.headerWrap .headerTopMenu .topMenu .hdNotice dt .grBar {display:inline-block;margin: 0px 8px;width:1px;height: 11px;background: #828282;vertical-align: -1px;}
.headerWrap .headerTopMenu .topMenu .hdNotice dd {position:relative;float: left;width: 250px;height: 27px;padding-right: 20px;}
.headerWrap .headerTopMenu .topMenu .hdNotice dd ul{margin:0 !important;}
.headerWrap .headerTopMenu .topMenu .hdNotice .hdNoticeBtn .prev { position: absolute;right:22px; top: 5px; background:#fff;  border: 1px solid #ddd; width: 20px; height: 12px; text-align: center;}
.headerWrap .headerTopMenu .topMenu .hdNotice .hdNoticeBtn .prev img {padding-top:3px;}
.headerWrap .headerTopMenu .topMenu .hdNotice .hdNoticeBtn .next { position: absolute;right:0; top: 5px;background:#fff;  border: 1px solid #ddd; width: 20px; height: 12px; text-align: center;}
.headerWrap .headerTopMenu .topMenu .hdNotice .hdNoticeBtn .next img {padding-top:3px;}



/*
.label_name,.search input{height:44px;color:#666;line-height:44px;box-sizing:border-box}
.label_name{z-index:-2;left:0;width:84%;cursor:text;font-weight:300;padding-left:20px}
.label_name i,.search fieldset{text-align:center}
.label_name i{font-size:14px;transition:.1s ease-in-out;color:#000}
.search{position:relative;width:350px;
    height: 44px; margin-right:22px;}
.search fieldset{}
.search input{width: 100%;
    background: 0 0;
    font-size: 16px;
    border: 0;
    padding-left: 25px;
    padding-right: 50px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;}
.search .btn_search{font-size:40px}
.search input::placeholder{font-size:16px; color:#a4a4a4;}*/

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:99; position:absolute; margin-left:-6px; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:298px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }


/*카테고리*/
#gnbContainer { height:61px; background:#fff; }
#gnbContainer .gnbWrap { border-bottom: 1px solid #dedddb;border-top:1px solod #eee }
#gnbContainer .category_wrap .categoryDepth .all_innerBtn{background:inherit;border:1px solid red}
#gnbContainer .gnbWrap .gnbContent{width:1410px;margin:0 auto;height:60px}
#gnbContainer .gnbWrap .gnbContent>div{float:left;text-align:center;border-top:0;border-bottom:0;border-left:0;box-sizing:border-box}
#gnbContainer .gnbWrap .gnbContent>div>a span.dot{font-weight:700;margin:0 3px,font-family: NanumSquareRound, sans-serif !important;}
#gnbContainer .gnbWrap .gnbContent>div>a .r_bar{display:block;width:1px;height:9px;background:#d3d3d3;position:absolute;top:50%;right:0;margin-top:-4px}
#gnbContainer .gnbWrap .gnbContent .topAllcate{box-sizing:border-box;position:relative; top: 0;margin-right: 29px;z-index:99}
#gnbContainer .gnbWrap .gnbContent .topAllcate>a{padding:0!important;font-weight:700;font-family: NanumSquareRound, sans-serif !important;color:#333;font-size:18px}
#gnbContainer .gnbWrap .gnbContent .topAllcate .ac01{position:relative;top:0;margin-right:12px}
#gnbContainer .gnbWrap .gnbContent .topAllcate .ac02{position:relative;top:0;margin-left:25px}
#gnbContainer .gnbWrap .gnbContent .topAllcate .ac03{position:relative;top:0;margin-left:25px;display:none}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap{display:none;position:absolute;top:46px;left:-1px;z-index:2;width:1180px;height:49px; }
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap>ul{padding-top:18px;width:187px;height:473px;background:#efefef;position:relative;z-index:2}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate{height:35px;text-align:left}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate.actv{background:#fff;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;box-sizing:border-box}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate>a{font-size:13px;height:35px;font-family: NanumSquareRound, sans-serif !important;line-height:2.8em;padding-left:20px;color:#404040;display:block}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate.actv>a{line-height:2.6em}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate{ display:none;width:993px;height:491px;position:absolute;top:0;left:187px;border:1px solid #d3d3d3;box-sizing:border-box;border-left:0;border-top:0 }
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .leftSection{width:595px;height:491px;float:left}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .leftSection li{float:left;height:491px;width:197px;border-right:1px solid #f1f1f1}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .leftSection li a{display:block;text-indent:20px;line-height:22px}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .leftSection li a.tit{ font-weight:700;font-family: NanumSquareRound, sans-serif !important;font-size:12px;color:#303030;padding-bottom:15px;padding-top:28px }
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .leftSection li a.tit.blue_c{color:#385cb4}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .rightSection{width:395px;height:491px;float:right}
#gnbContainer .gnbWrap .gnbContent .allSubCate_wrap .t_cate .s_cate .rightSection .inner_section{padding:27px 20px}
#gnbContainer .gnbWrap .gnbContent>div>a.active,#gnbContainer .gnbWrap .gnbContent>div>a:hover{color:#d9282f}
#gnbContainer .gnbWrap .gnbContent>div#nav{line-height: 60px;}
#gnbContainer .gnbWrap .gnbContent>div#nav .gnb{font-size:0;}
#gnbContainer .gnbWrap .gnbContent>div#nav a { margin-left:40px;font-size:16px;color:#4d4d4d; font-weight:500;font-family: NanumSquareRound, sans-serif !important; position:relative }
#gnbContainer .gnbWrap .gnbContent>div#nav a.on { color:#141414; font-weight:700 }
/* #gnbContainer .gnbWrap .gnbContent>div#nav a:after { position: absolute; bottom: -24px; right: -20px; content:''; display: block; width: calc(100% + 40px); height: 2px; background: #d9282f; display: none; } 빨간줄 */
#gnbContainer .gnbWrap .gnbContent>div#nav a:first-child{margin-left:0}
#gnbContainer .gnbWrap .gnbContent>div#nav a:first-child:before{display:none;}
#gnbContainer .gnbWrap .gnbContent>div#nav a .ico_commu_new { position:absolute; top:-30px; left:0; width:101px; height:31px; }


/*검색창*/
#gnbContainer .gnbWrap .gnbContent .search { float: right;  position: relative; top: 10px; right: 15px; width: 300px; height: 36px; padding: 0 36px 0 5px; border: 1px solid #ddd; }
#gnbContainer .gnbWrap .gnbContent .search .MS_search_word,
#gnbContainer .gnbWrap .gnbContent .btn-sch { float: left; width: auto; }
#gnbContainer .gnbWrap .gnbContent .MS_search_word { width: 100%; height: 36px; line-height: 36px; border: 0 none; background: 0 none; margin-left:5px; color:#d9282f; font-size:14px; font-weight:500; font-family: NanumSquareRound, sans-serif !important; }
#gnbContainer .gnbWrap .gnbContent .btn-sch { position: absolute; top: 9px; right: 9px; }

#gnbContainer .gnbWrap .gnbContent .cartBtn { position:relative; float: right; width: 33px; height: 33px;top:10px; display:inline-block; }
#gnbContainer .gnbWrap .gnbContent .cartBtn img{width: 100%;}
#gnbContainer .gnbWrap .gnbContent .myPage { position:relative; float: right; top:10px;  width: 33px; height: 33px; display: inline-block; }
#gnbContainer .gnbWrap .gnbContent .myPage img { width: 100%; }



.allCateWrap .allCateBtn i { font-size: 28px; position: relative; top: 10px; }
.allCateWrap .allCateBtn{display:block;position:relative; padding-right: 50px; height:61px; line-height:60px;box-sizing:border-box;}
.allCateWrap .allCateBtn.on{color:#000}
.allCateBtn.on .line02,.all_inner{display:none}
.allCateWrap .allCateBtn .line01{top:0px}
.allCateWrap .allCateBtn .line02{top:9px}
.allCateWrap .allCateBtn .line03{top:18px}
.allCateWrap .allCateBtn:hover .line01{width:17px}
.allCateWrap .allCateBtn:hover .line02{width:16px}
.allCateWrap .allCateBtn:hover .line03{width:17px}
.allCateBtn.on .line01{width:22px!important;top:9px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.allCateBtn.on .line03{width:22px!important;top:9px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}35deg)}




/* BASIC css end */



/* BASIC css end */

