/* BASIC css start */
/* 상단 이벤트 배너 */
/*
#hdWrap .top_event {height:75px; background-color:#e9e9e9;}
#hdWrap .top_event > a {display:block; height:75px; }
#hdWrap .top_close {position:absolute; top:20px; right:140px;}
#hdWrap .top_close i {font-size: 16px; line-height: 25px; border:1px solid #e5e5e5;}
*/


/* 상단 이벤트 배너 */
/*
#hdWrap .top_event {height:75px; background-color:#e9e9e9;}
#hdWrap .top_event > a {display:block; height:75px; background:url("http://enationsms.cafe24.com/web/common/1980_long_banner_seal.jpg") no-repeat center center;}
#hdWrap .top_close {position:absolute; top:20px; right:140px;}
#hdWrap .top_close img {border:1px solid #e5e5e5;}

*/

/* 상단 : 시작 */
#hdWrap {width:100%; font-size:0px; }

#hdWrap .inner {width:1180px; margin:0 auto; position:relative;}


/* 상단 영역 01 : 왼쪽 고객센터 ~ 순위출력 */
#hdWrap .header_sec01 {height:40px; border-top:1px solid #ededed; }

/*#hdWrap .header_sec01 .inner {width:1220px; margin:0 auto; position:relaative;} */

#hdWrap .header_sec01 .fleft ul li {float:left; padding:0px 13px; background:url("http://enationsms.cafe24.com/web/common/asset/top_vline_bg.gif") no-repeat left center;}
#hdWrap .header_sec01 .fleft ul li > a {font-size:12px; line-height:40px; color:#777; font-weight:300;}
#hdWrap .header_sec01 .fleft ul li > a.black {color:#000;}
#hdWrap .header_sec01 .fleft ul li > a:hover {color:#000;}

#hdWrap .header_sec01 .fleft ul li.top_comm { position:relative; }
#hdWrap .header_sec01 .fleft ul li.top_comm > a {background:url("http://enationsms.cafe24.com/web/common/asset/top_down_arrow.gif"); padding-right:15px; background-repeat:no-repeat; background-position: right center; display:block;}
#hdWrap .header_sec01 .fleft ul li.top_comm:hover .top_comm_sub {display:block;}
#hdWrap .top_comm_sub {position:absolute; top:40px; left:0px; border:1px solid #e5e5e5; border-top:1px solid #fff;; background-color:#fff; width:100px; z-index:500; display:none;}
#hdWrap .top_comm_sub a:first-child {border-top:0px;}
#hdWrap .top_comm_sub a {display:block; font-size:11px; font-weight:300; text-align:left; color:#888; height:28px; line-height:28px; border-top:1px solid #efefef; width:80px; padding-left:0px; margin:0 auto;}
#hdWrap .top_comm_sub a:hover {color:#000;}


/* 상단 영역 01 : 오른쪽 아이콘 */
#hdWrap .header_sec01 .fright ul li {float:left; padding:0px 13px;
  background:url("http://enationsms.cafe24.com/web/common/asset/top_vline_bg.gif") no-repeat left center;}
#hdWrap .header_sec01 .fright .join {position:relative;}
#hdWrap .scroll {}
#hdWrap .scroll span { position:absolute; bottom:-5px; left:5px; z-index:100;  background-color:#3d3d3d; border-radius:4px;  line-height:19px;
  height:19px; color:#fff;
 font-size:11px;  font-family:'Poppins', 'Noto Sans KR', sans-serif; text-align:center; width:65px;}
#hdWrap .header_sec01 .fright ul li.last {padding-right:0px !important;}
#hdWrap .header_sec01 .fright ul li:first-child {background:none;}
#hdWrap .header_sec01 .fright ul li > a {font-size:12px; line-height:40px; color:#777; font-weight:300;}
#hdWrap .header_sec01 .fright ul li > a:hover {color:#000;}
#hdWrap .header_sec01 .fright ul li > a.black {color:#000;}
#hdWrap .header_sec01 .fright ul li.top_shop {position:relative;}
#hdWrap .header_sec01 .fright ul li.top_shop > a {background-image:url("http://enationsms.cafe24.com/web/common/asset/top_down_arrow.gif"); padding-right:15px; background-repeat:no-repeat; background-position:right center; display:block;}
#hdWrap .header_sec01 .fright ul li.top_shop:hover .top_shop_sub {display:block;}
#hdWrap .top_shop_sub {position:absolute; top:40px; left:0px; border:1px solid #e5e5e5; border-top:1px solid #fff;; background-color:#fff; width:100px; z-index:500; display:none;}
#hdWrap .top_shop_sub a:first-child {border-top:0px;}
#hdWrap .top_shop_sub a {display:block; font-size:11px; font-weight:300; text-align:left; color:#888; height:28px; line-height:28px; border-top:1px solid #efefef; width:80px; margin:0 auto; padding-left:0px;}
#hdWrap .top_shop_sub a:hover {color:#000;}


#hdWrap .header_sec01 .coupon_point {
    display:inline-block; bottom:-18px;
     -webkit-animation:coupon_point_ani 3s; -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: ease-in-out; color:#fff
}

@-webkit-keyframes coupon_point_ani {
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}


/* 상단 영역 02 */

#hdWrap .header_sec02 {height:120px; line-height:120px; border-top:1px solid #ededed; background-color:#fafafa;}
/*
#hdWrap .header_sec02 .top_logo {padding-top:50px; text-align:center;}
*/
/* 중앙 로고 영역  */
#hdWrap .header_sec02 {text-align:center;height: 110px;line-height: 110px;padding-top:10px;}
#hdWrap .header_sec02:after {content:"";display:block;clear:both;}
#hdWrap .header_sec02 img { vertical-align: middle;  width: 12%; min-width: 240px;}
#hdWrap .header_sec02 a { font-size: 50px; }


/** ***********************************************************/
.minSizeWrap { position:relative; width:1200px; margin:0 auto; }


.fleft {float:left;}
.fright {float:right !important;}

.inner {width:1220px; margin:0 auto; position:relative;}

.topmenu_inner {width:1320px; margin:0 auto; position:relative;}


/* 상단고정 */
#hdWrap.headerFix .header_sec01 {position:fixed;top:1px;left:0;right:0;}
/* 상단고정*/
#hdWrap.headerFix .hdBtm {position:fixed;top: 50px;left:0;right:0;z-index: 99;}


#hdWrap .headerFix#btn-allMenuClose {
     margin: 0px auto; top: 30px; width: 100%; 
       letter-spacing: -1px;  position: fixed; z-index: 19; background-color: rgb(0, 115, 196); height:50px; 
}

#hdWrap .headerFix.top-inner-box {
    background: rgba(255, 255, 255, 0.97); margin: 0px auto; top: 0px; width: 100%; height: 30px; 
    position: fixed; z-index: 16;
}

/*
#hdWrap.headerFix .hdTop .ht_left .listWrap { margin-left: 72px; }
#hdWrap.headerFix .hdTop .ht_left .listWrap .joinPoint { display:none; }
*/


@-webkit-keyframes joinPointAni {
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}


.top_search {display:none; padding:0px 0px 0 0;}
.MS_search_word {height: 60px; width: 660px; border-bottom: 1px solid #222 !important; border: 0px; position: relative; background: transparent; line-height: 60px; font-size: 16px; color: #000; text-indent:5px;
font-family: 'Open Sans', 'Nanum Gothic', 'Poppins', 'Noto Sans KR', sans-serif; font-weight:400;}
.btn-sch {position:absolute; right:-15px; top:0px;}

/*
.searchOpen{ position:absolute; top:4px; right:120px; width:26px; height:26px; font-size:36px; text-align:center; cursor:pointer; z-index:10; color:#f2f2f2; }
*/
  /* 검색창 */
.srchArea {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(255, 255, 255, 0.8);width: 100%;height: 100%;z-index: 201; }
.search { width:1200px; margin:0px auto;color:#000; }
.search fieldset { width:1000px; margin:10% auto 0; text-align:center; color:#000;}
.search input { width:800px; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #000;color:#000; }

.search i {font-size: 26px;}
.search .btn_search { font-size:40px; color:#000;}
.search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center;cursor:pointer;color:#000;  }


/* 카테고리, 전체메뉴 */
#hdWrap .hdBtm {position: relative;background_: #525f78; border-top:1px solid #a7a7a7; border-bottom:1px solid #ddd;
  height: 50px;   color: #fff; background-color:var(--yes-bar-color)}

#hdWrap .hdBtm{background: #114988;}
/* 전체보기버튼 , 검색버튼 */
#hdWrap .hdBtm .menuArea {position:absolute;top:0;left:-30px;}
#hdWrap .hdBtm .searchOpen{position:absolute;top:0;right:0;}
#hdWrap .hdBtm .menuArea .allMenuOpen {display:block; width: 77px;height: 50px; line-height:50px; text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd; background:#e1e7ee;}
#hdWrap .hdBtm .searchOpen a {display:block; width: 50px;height: 50px; line-height:50px; text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd; background:#e1e7ee;}

#hdWrap .hdBtm .menuArea .allMenuOpen:hover,
#hdWrap .hdBtm .searchOpen a: hover { background:#b7b7b7; }
#hdWrap .hdBtm .menuArea i,
#hdWrap .hdBtm .cartArea i,
#hdWrap .hdBtm .searchOpen i  { font-size: 26px; vertical-align:middle; }
#hdWrap .hdBtm .menuArea { width:70px; }
#hdWrap .hdBtm .menuAre .subtxt {width:60px;font-size: 10px; }

#hdWrap .hdBtm .menuArea i {font-size:22px}
#hdWrap .hdBtm .menuArea .cat_txt{font-size:16px ; font-weight: 500; padding-left: 4px ;}


#hdWrap .hdBtm .cartArea .bsCount {position: absolute;right:6px;top: 11px;width: 16px;height:16px;line-height: 16px;border-radius: 16px;background-color: #d8d8d8;text-align: center; font-size:11px;}


/* 검색창 */
#hdWrap .hdBtm .srchArea {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(232, 232, 232, 0.9);width: 100%;height: 100%;z-index: 201; }
#hdWrap .hdBtm .srchArea .search { width:1200px; margin:0px auto;color:#000; }
#hdWrap .hdBtm .srchArea .search fieldset { width:1000px; margin:10% auto 0; text-align:center; color:#000;}
#hdWrap .hdBtm .srchArea .search input { width:800px; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #000;}
#hdWrap .hdBtm .srchArea .search .btn_search { font-size:40px; color:#000;}
#hdWrap .hdBtm .srchArea .search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center;cursor:pointer;color:#000;  }


/* 전체보기 레이어 */
#hdWrap .hdBtm .allMenu {display:none;position:absolute;top: 0px;left:0px;}
#hdWrap .hdBtm .allMenu #btn-allMenuClose {position:relative;width: 80px;height: 51px;font-size: 26px;
    left: -30px;color:#fff;text-align:center;line-height: 52px;background: #292929;cursor:pointer;z-index:10;
left:0px}

#hdWrap .hdBtm .menuArea:hover .allMenu {
    display: block;
}

#hdWrap .hdBtm .allMenu .allMenuBx {position:absolute;top: 50px;left:-30px;right:0;width: 1350px;background: #fff;
  border: 1px solid #ddd;z-index: 150; max-height: 600px; height: 600px; left:0px}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner {padding: 0px 0 0 34px;overflow:hidden;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList { *zoom:1;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList:after { display:block; clear:both; content:'' }

#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList .brandList{position:relative; width:50%; display:inline-block; vertical-align:top;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList .itemList{position:relative; width:16%;display:inline-block; vertical-align:top;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList .catList{position:relative; width:34%;display:inline-block; vertical-align:top;}

#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList dl {padding: 0 34px 30px 0; float:left; width: 160px;  font-size:13px; color: #777;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList dl img { padding-bottom:5px; }

#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt {  }
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a {display: block;padding: 3px 0 3px 5px;color: #777; font-size: 14px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a:hover {background:#f8f8f8; color:#111;}

#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 1px solid #ddd;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}

.menuList_box {width:160px; float:left; margin-right:20px;
    padding: 0 34px 30px 0; float:left; width: 160px;  font-size:13px; color: #777;}
.menuList_box .allmenu_tit {
    border-bottom: 1px solid #999999;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;margin-bottom: 4px; font-size:14px;
}
.menuList_box .brandtop {
  margin-top: 25px;
  }
.menuList_box .allmenu_sub {text-align:left;}
.menuList_box .allmenu_sub_ div {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
.menuList_box .allmenu_sub div a {
    font-size: 14px;
    padding: 0px;
    height: 20px;
    line-height: 20px;
    display: block;padding: 3px 0 3px 5px;color: #777; font-size: 14px;
}
.menuList_box .allmenu_sub div a:hover {background:#f1f1f1; color:#111;}


/* 카테고리 */
#hdWrap .hdBtm .cateWrap {text-align:center;width: 1220px;margin: 0 auto;position: relative; height: 50px; }
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}

#hdWrap .hdBtm .cateWrap a:hover { border-bottom:1px solid #fff }
#hdWrap .hdBtm .cateWrap .tmenu {position: relative;padding: 0 30px; display: inline-block;}
#hdWrap .hdBtm .cateWrap .tmenu > a { line-height:50px; color:#fff ; font-size:16px; font-weight: 700;}
#hdWrap .hdBtm .cateWrap .tmenu > a:hover { border-bottom:1px solid #fff }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 {display:none;position: absolute;background: #fff;top: 50px;left: 50%;width:150px;margin-left: -75px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li { line-height: 24px; font-size : 13px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li > a { font-size: 14px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li > a:hover { border-bottom: 1px solid #000; }


/* 상단고정*/
#hdWrap.headerFix { height: 110px;-webkit-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);
      -moz-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2); }
#hdWrap.headerFix .hdBtm {position:fixed;top: 0px;left:0;right:0;z-index: 99;}


/* 우측 고정 오늘 본 상품 롤링 */
#asideMenu .todayViewWrap {position: relative;width: 150px;visibility: hidden;}
#asideMenu .todayViewWrap .todaySlider img{width:100%;}
#asideMenu .todayViewWrap .bx-controls-direction {opacity:0; position:absolute;top:50%;width:100%;z-index:60;text-align:center;}
#asideMenu .todayViewWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .todayViewWrap .bx-prev, #asideMenu .todayViewWrap .bx-next{position:absolute;top:0;margin-top:-13px;font-size:24px;display:inline-block;}
#asideMenu .todayViewWrap .bx-prev{left:2px;}
#asideMenu .todayViewWrap .bx-next{right:2px;}
#asideMenu .todayViewWrap .bx-pager{position:absolute;bottom:8px;left:0;right:0;z-index:60;text-align:center;}
#asideMenu .todayViewWrap .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .todayViewWrap .bx-pager-link{display:inline-block;width:14px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#asideMenu .todayViewWrap .bx-pager-link.active{width: 24px; background-color: rgba(0,0,0,0.8);}

/* 우측 고정 닫기 상하 이동 버튼 */
#asideMenu .asideBtn {position:absolute;top: 50%;left: -42px;margin-top: -72px;}
#asideMenu .asideBtn .asideOpen {width:42px;height:42px;font-size:20px;color:#fff;line-height: 44px;text-align:center;background:#292929;cursor:pointer;}
#asideMenu .asideBtn .pageTop,
#asideMenu .asideBtn .pageBottom {display:block; width:40px;height:41px;font-size:20px;color:#292929;line-height: ;text-align:center;background:#fff;cursor:pointer;border:1px solid #ddd; margin-top: -1px; }


/* BEST braND */
.layerBrand {position:relative;}
.layerBrand .best_slim_menu {position:absolute; top:50px; left:-30px; width:80px; display:block; z-index: 120; }
.best_slim_menu .layer_brand_list > li{ 
  border-width:0 1px 1px 1px;border-style:solid;border-color:#cbd4d9;height:48px; background:#fff; }
.best_slim_menu .layer_brand_list > li:hover{background-color:#525868;border-color:#525868;cursor:pointer}
.best_slim_menu .label_wrap{position:relative}
.best_slim_menu .label_wrap > span{display:block;text-align:center}
.best_slim_menu .layer_brand_list > li .label_wrap > span{text-align: center; font-size: 14px;}

.best_slim_menu .layer_brand_list > li.brand99{background-color:var(--yes-bar-color); color:#fff;border:none;
  height:50px; padding-top:15px;}
.best_slim_menu .layer_brand_list .brand99 .label_wrap > span{color:#fff}

.best_slim_menu .layer_brand_list > li.brand01 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand05 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand03 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand09 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand04 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand06 .label_wrap > span, 
.best_slim_menu .layer_brand_list > li.brand07 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand10 .label_wrap > span {padding-top:13px}
.best_slim_menu .layer_brand_list > li.brand08 .label_wrap > span ,
.best_slim_menu .layer_brand_list > li.brand02 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand11 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand13 .label_wrap > span,
.best_slim_menu .layer_brand_list > li.brand14 .label_wrap > span{padding-top:13px; line-height:17px}
.best_slim_menu .layer_brand_list > li.brand08 .label_wrap > span{padding-top:8px;}

.best_slim_menu .layer_brand_list > li:hover .label_wrap > span{color:#fff}
/* sub category list */
.best_slim_menu .layer_brand_list > li  { position: relative;}

.best_slim_menu .layer_brand_list > li .cont_wrap{
    position:absolute;
    top:0px; left:100%;
    background-color:#fff;

    width:550px; border-width:1px;
    border-style:solid; border-color:#000; z-index:111; display: none;

    background: rgb(255, 255, 255); padding: 10px 0px 10px 10px; 
    border: 1px solid rgb(221, 221, 221); border-image: none; white-space: nowrap; 
    
}


.best_slim_menu .layer_brand_list > li:hover .cont_wrap{
    display:block;
}


.best_slim_menu .layer_brand_list > li .cont_wrap_stamp{
    position:absolute;
    bottom:0px; left:100%;
    background-color:#fff;
    /* width:550px; */
    border-width:1px;
    border-style:solid; border-color:#000; z-index:111; display: none;

    background: rgb(255, 255, 255); padding: 10px 0px 10px 10px; 
    border: 1px solid rgb(221, 221, 221); border-image: none; white-space: nowrap; 
    
}


.best_slim_menu .layer_brand_list > li:hover .cont_wrap_stamp{
    display:block;
}


.best_slim_menu .cont_wrap .sub_ctg_list > ul{ overflow:hidden; padding-top:5px;

}

.best_slim_menu .cont_wrap .sub_ctg_list > ul > li{float:left;width:150px; height:100%; border-right:1px solid #dee5e8; padding-bottom:7px; }
.best_slim_menu .cont_wrap .sub_ctg_list > ul > li.last{border:none;width:220px;padding-left:10px;}
.best_slim_menu .cont_wrap .sub_ctg_list > .brand_mall > li{width:150px;padding-left:10px; line-height: 22px; font-size: 13px;}
.best_slim_menu .cont_wrap .sub_ctg_list > .brand_mall > li.last{border:none;width:250px}


.best_slim_menu .cont_wrap .sub_ctg_list > ul > li > ul> li {float: left; width: 100%; position: relative; padding-left: 8px; box-sizing: border-box;}
.best_slim_menu .cont_wrap .sub_ctg_list > ul > li > ul> li a {position: relative;}
.best_slim_menu .cont_wrap .sub_ctg_list > ul > li > ul> li:before {
    content: '';
    width: 3px; height: 3px;
    background-color: #25a2d0;
    border-radius: 50%;
    position: absolute; left: 0; top: 8px;
}

.best_slim_menu .cont_wrap .sub_ctg_list > ul > li > ul> li a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #25a2d0;
    transition: all .2s ease-out;
    color:#25a2d0;
}
.best_slim_menu .cont_wrap .sub_ctg_list > ul > li > ul> li:hover a:after {
    width: 100%;
}

.cont_title_warp{
    padding: 3px 0; border-bottom: 1px solid #333; width: 95%; position: relative;
}

.cont_title_warp .cont_title {font-size:24px; font-weight:bold; color:#333}
.cont_title_warp .cont_desc{

    border-bottom: 1px dashed #dbdbdb; 
    padding-bottom: 15px; margin-bottom: 15px;  
    color: #333;
    line-height: 18px;
    font-size:14px;
    padding-left: 10px;
}
 .cont_title_warp .more{
    float:right;
    color: #333;
    padding-top:10px;
}


.cont_comment {position:absolute; bottom:0px; right:5px; width:95%;  font-weight:400; border-top:1px solid #eee;padding:18px 0px 0px 0px; text-align:right;}


.cont_wrap .cont_comment{
     padding: 12px 0; border-top: 1px dashed #dbdbdb;  width: 95%; position: relative;
}
.cont_wrap .cont_comment  a span {
    background: #eee;
    padding: 7px 10px ;
    font-size: 13px;
    line-height: 30px;
    border-radius: 10px;
    color: #333;
    margin-left:10px;
}

.cont_wrap .cont_comment span:hover{background:#7eb0c9;color:#fff;}


/* 스탬프 도장 왼쪽 메뉴 */

.cont_wrap_stamp .cont_box{
    background-color:#fff; position:relative;
    width:500px; height:200px; padding:5px 5px 10px 10px;
}

.cont_box .comment{

}

.cont_wrap_stamp .cont_menu { width:500px;  }
.cont_wrap_stamp .cont_menu li { }


.cont_menu  .cont_menu_item {
     width:150px; display : block; float:left;
}


.cont_menu_item {
    border: 1px solid #ddd; /*   border-width: 1px 0 0 1px; */
    margin-right: 15px;
    margin-bottom:15px;
}


.cont_menu_item:after {
    content: "";
    display: table;
    clear: both;
}

.cont_menu-link {
    display: block;
    font-weight: 600;
    color: #222;
    text-align: center;
    height:50px;
    line-height: 50px;
    background: #fff;
    letter-spacing: -0.025em;

}

.cont_menu-link span:before {
    content: "";
    position: absolute;
    background: #222;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    opacity: 0.1;

}


.cont_menu-link:hover {
    background: #e2d3fa;
    box-shadow: none;
}

.cont_menu-link span {
    position: relative;
}

.cont_menu-link span:after {
    content: "-";
    position: absolute;
    left: -5px;
    top: -3px;
    -webkit-transform: translate(-8px,4px) scale(0.7);
    -ms-transform: translate(-8px,4px) scale(0.7);
    transform: translate(-8px,4px) scale(0.7);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}
.cont_menu-link span:after {
    content: "";
    width: 20px;
    height: 3px;
    position: absolute;
    right: 0;
    transition: all 0.5s;
    background: #000;
    border-radius: 1px;
  }

.cont_menu-link:hover span:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

 .cont_menu-link:hover span:after {
    -webkit-transform: translate(0px,0px) scale(0.7);
    -ms-transform: translate(0px,0px) scale(0.7);
    transform: translate(0px,0px) scale(0.7);
    opacity: 1;
}


/*  선물하는 날 23-10-15 */

.brand_etc{
    width:80px; position: relative;
}
.brand_etc .gift_wrap { margin-top: 10px;
    width:80px; background-color: rgba(218,67,54,1); height:80px;
        border-radius: 10px;         }

.brand_etc li {display: block; text-align: center;}

.brand_etc li:hover .gift_wrap {box-shadow: 5px 7px 0px  0px rgba(218, 218, 218, 0.9); }
.brand_etc li:hover .gift_wrap {background-color:#525868;border-color:#525868; cursor:pointer}


.brand_etc .gift_wrap i { padding-top:13px;; font-size:30px;list-height:40x;  text-align:center;  color:#fff; }

.brand_etc .gift_wrap .gift_txt { font-weight:500;  font-size: 14px; padding-top:15px;}
.brand_etc .gift_wrap .gift_txt{color:#fff;}


#menuFix { position:fixed; top:50%; right:0px; cursor:pointer; z-index:200; background-color: rgba(0,0,0,0.7);; color: #fff; width: 50px; height: 50px; line-height: 60px; text-align: center; }
#menuFix i { font-size:24px }
#menuFix span { font-size:16px; font-weight:bold; line-height:60px; vertical-align:top;-webkit-line-height:50px; }
#menuFixCls { position:absolute; top:50%; right:208px; font-size:24px; cursor:pointer;background-color: rgba(0,0,0,0.7);width: 50px; height: 50px; text-align: center;  color: #fff;    }
#menuFixCls i{line-height: 50px;}


/* 우측메뉴 */

#asideMenu { position:fixed; top:0; right:-400px; width:240px; height:100%; background:#fff; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); z-index:200; box-shadow: -3px 0px 3px rgba(135,135,135,0.1); }
#asideMenu .asideinner { margin:15px 32px 0 15px; position:relative; height:100% }


#asideMenu .asideTop {width:100%}
/* 우측 고정 롤링 배너 */
#asideMenu .asideTop .astSliderWrap { position: relative; width: 200px; height: 200px; overflow:hidden; }
#asideMenu .asideTop .astSliderWrap .astSlider img{width:100%;}
#asideMenu .asideTop .astSliderWrap .bx-controls-direction {opacity:0; position:absolute;top:50%;width:100%; z-index:60;text-align:center;}
#asideMenu .asideTop .astSliderWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .asideTop .astSliderWrap .bx-prev,
#asideMenu .asideTop .astSliderWrap .bx-next{position:absolute;top:0;margin-top:-13px;font-size:14px;display:inline-block;
width:24px; height:24px;border-radius:5px; color: #fff; background-color: rgba(0,0,0,.15);font-weight:500; line-height: 24px;}
#asideMenu .asideTop .astSliderWrap .bx-prev{left:2px; }
#asideMenu .asideTop .astSliderWrap .bx-next{right:2px;}
#asideMenu .asideTop .astSliderWrap .bx-prev:hover,#asideMenu .asideTop .astSliderWrap .bx-next:hover {
    background-color: rgba(0,0,0,.35)
}

#asideMenu .asideTop .astSliderWrap :hover .bx-prev{  left: 10px; opacity: 1; visibility: visible; }
#asideMenu .asideTop .astSliderWrap :hover .bx-next{ right: 10px; opacity: 1; visibility: visible; }

#asideMenu .asideTop .astSliderWrap .bx-pager{position:absolute;bottom:8px;left:0;right:0;z-index:60;text-align:center;}
#asideMenu .asideTop .astSliderWrap .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .asideTop .astSliderWrap .bx-pager-link{display:inline-block;width:14px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#asideMenu .asideTop .astSliderWrap .bx-pager-link.active{width: 24px; background-color: rgba(0,0,0,0.8);}


/* 버튼 메뉴 */
#asideMenu .btnWrap { position: relative;  overflow: hidden; width: 100%; font-size: 14px; margin-top:30px;}
#asideMenu .btnWrap li{ margin-top: 5px; }
#asideMenu .btnWrap .btnwrap{ height: 40px; border: 1px solid #aeaeae; text-align: center; }
#asideMenu .btnWrap .btnwrap a {font-size: 14px; color:#fff; line-height: 40px}
#asideMenu .btnWrap .card{ background-color: rgba(59,59,59,1); }
#asideMenu .btnWrap .pay { background-color: rgba(59,59,59,0.8); }
#asideMenu .btnWrap .sale{ background-color: rgba(138,101,137,1); }
#asideMenu .btnWrap .ink,
 #asideMenu .btnWrap .office{ background-color: rgba(77,102,154,1); }

#asideMenu .btnWrap .btnwrap a:hover{font-weight: 500}
#asideMenu .btnWrap .card:hover,
#asideMenu .btnWrap .pay:hover,
#asideMenu .btnWrap .sale:hover,
#asideMenu .btnWrap .ink:hover,
 #asideMenu .btnWrap .office:hover {
    background: #7eb0c9;
    transition: background 1.5s ease;

}


/* 고객센터 */

#asideMenu .infoWrap { position: relative;  overflow: hidden; width: 100%; font-size: 14px;}
#asideMenu .infoWrap .list{ margin-top: 40px; border-top: 1px dotted #aeaeae;}
#asideMenu .infoWrap .title{ display: block;  font-size: 14px; padding: 10px 0px;}
#asideMenu .infoWrap .csNumber { display: block; font-size: 16px; font-weight: bold;}
#asideMenu .infoWrap .subTxt { }


#asideMenu .infoWrap { position: relative;  overflow: hidden; width: 100%; font-size: 14px;}
#asideMenu .infoWrap .list{ margin-top: 40px; border-top: 1px dotted #aeaeae;}
#asideMenu .infoWrap .title{ display: block;  font-size: 14px; padding: 10px 0px;}
#asideMenu .infoWrap .csNumber { display: block; font-size: 16px; font-weight: bold;}
#asideMenu .infoWrap .subTxt { }


/* 공지사항 */
#asideMenu .asideTop .hdNotice {position: relative;height: 27px;line-height:27px;overflow: hidden;float: left; padding: 6px 0;margin-top:30px }
#asideMenu .asideTop .hdNotice dt {float: left;padding: 0 2px 0 0px;}
#asideMenu .asideTop .hdNotice dt a { font-size: 20px; }
#asideMenu .asideTop .hdNotice dd {position:relative; float: left;width: 140px;height: 27px;padding-right: 20px;     white-space: nowrap; word-wrap: normal; font-size:11px}

#asideMenu .searchArea {position: relative;height: 30px; top:20px}
#asideMenu .searchArea form { position: relative; height: 30px; }
#asideMenu .searchArea input {position:relative;z-index:2;height: 25px;width: 140px;border:1px solid #eaeaea;background-color:#fff;padding:0 28px 0 10px;outline:none;border-radius: 4px;}
#asideMenu .searchArea input:hover,
#asideMenu .searchArea input:focus {background-color: #eaeaea; border:1px solid #eaeaea;}
#asideMenu .searchArea .searchBtn {position:absolute;top: 0;right:1px;width:28px;height:28px;z-index:2;text-align:center;line-height:1;font-size:18px;color:#292929;display:block;}
#asideMenu .searchArea .searchBtn i {padding-top: 4px;}


/* BASIC css end */