/* BASIC css start */
/* 191205 morenvy 정환 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%;overflow-y:auto;}
body {min-width:1260px;overflow:hidden;}
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}

.mrt80 {margin-top:80px !important;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link {width:1260px;background-color:#fff;padding:0;margin:0 auto;}
.item-wrap,
#content { width:1260px;min-height:740px;margin:0 auto;}
/*#content {float:left;}*/
#contentWrapper {margin:0 auto;}
.loc-navi {font-size:11px;text-align:right;border-bottom:0;padding:0;margin:10px 0;height:30px;line-height:30px;vertical-align:middle;}
.loc-navi a {height:30px;line-height:30px;}
.paging li a,
.paging li a:hover {font-weight:normal;letter-spacing:0;font-family:"Roboto","Noto Sans KR", Dotum, AppleGothic, Helvetica, sans-serif}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold;letter-spacing:0;}
.width1260 {width:1260px;margin:0 auto;position:relative;}
body, h1, h2, h3, h4, h5, h6, table, select, textarea, a, p {font-family:"Roboto","Noto Sans KR", Dotum, AppleGothic, Helvetica, sans-serif}

/* 공통버튼 여백 똑같이 */
.table-cart tbody td .btn_select {padding:5px 0;}
.table-cart tbody td .btn_option {padding:5px 11px 5px;}







/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:40px;}
.prd-list table .tb-center {width:290px;margin:0 auto; padding:0;text-align:center;position:relative;}
.prd-list table .info { width:100%;padding:5px 0 15px 0;text-align:left;display:inline-block;position:relative;}
.prd-list .thumb { width:100%;height:100%;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;position:relative;}
.prd-list .thumb:hover {border:0px solid #999;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%;}
.prd-list .thumb img {border:0;}
.prd-list .dsc { margin-top:15px;font-weight:400;font-size:12px;color:#151515;border-bottom:1px solid #e6e6e6;margin-bottom:8px;padding-bottom:8px;}
.prd-list .subname { margin-top:8px; font-weight: 400; font-size:12px;color:#999;line-height:17px;}
.prd-list .consumer { margin-top:10px;margin-right:8px;color:#999;font-weight:400;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:10px; font-weight:700; color:#000;font-size:14px;}
.prd-list .icon { margin-top:10px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .info_icon {position:absolute;z-index:4;top:-5px;right:0;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;background-color:transparent;}
.prd-list .info_icon span {width:33px;height:33px; margin:6px 6px 0 0; background-color:transparent;display:block;}
.prd-list table td:hover .info_icon {top:0;right:0;opacity:1;cursor:pointer;}
.prd-list .nopadding td {padding:0;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Nanum Gothic','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}
.discount_info {position:absolute;right:0;top:-32px;width:60px;height:60px;text-align:center;line-height:60px;color:#fff;background-color:#443838;border-radius:50%;font-family:'Nanum Gothic','Montserrat', Dotum, AppleGothic, Helvetica, sans-serif;font-weight:bold;letter-spacing:-1px;font-size:23px;}
.prd-list #sale_bg {position:absolute;bottom:20px;left:20px;background:#252525;width:35px;height:35px;color:#fff;letter-spacing:-0.7px;line-height:35px;font-size:12px;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;-webkit-backface-visibility:hidden;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}


/* 상품리스트 (메인 탭진열)  */
.swiper2 .prd-list {width:1188px;margin:0 auto;}
.swiper2 .prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:26px;}
.swiper2 .prd-list table .tb-center {width:220px;height:295px;margin:0 auto; padding:0;text-align:center;position:relative;overflow:hidden;}
.swiper2 .prd-list table .tb-center.product_big {width:460px;height:615px;margin:0 auto; padding:0;text-align:center;position:relative;overflow:hidden;}
.swiper2 .prd-list table .tb-center a {position:absolute;top:-8px;background:rgba(255,255,255,0.8);display:table;height:100%;width:100%;vertical-align:middle;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity:0;}
.swiper2 .prd-list table td:hover .tb-center a {top:0px;opacity:1;}
.swiper2 .prd-list table .info {margin:0 auto;padding:0;text-align:center;display:table-cell;vertical-align:middle;width:100%;}
.swiper2 .prd-list .thumb { width:100%;height:100%;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;position:relative;}
.swiper2 .prd-list .thumb:hover {border:0px solid #999;}
.swiper2 .prd-list .thumb a,
.swiper2 .prd-list .thumb img {display:block;width:100%;height:100%;}
.swiper2 .prd-list .thumb img {border:0;}
.swiper2 .prd-list .dsc {padding-top:15px;font-weight:400;font-size:14px;color:#000;border:0;width:80%;margin:0 auto;}
.swiper2 .prd-list .subname {font-weight: 400; font-size:12px;color:#888;line-height:17px;width:80%;margin:0 auto;}
.swiper2 .prd-list .consumer { margin-top:5px;margin-right:0;color:#999;font-weight:400;font-size:12px;text-decoration:line-through;}
.swiper2 .prd-list .price { margin-top:5px;font-weight:700;color:#000;font-size:14px;}
.swiper2 .prd-list table .tb-center.product_big .dsc {font-size:16px;} 
.swiper2 .prd-list table .tb-center.product_big .subname {font-size:14px;} 
.swiper2 .prd-list table .tb-center.product_big .price {font-size:16px;}


/* 로그인화면 중앙정렬 */
#findIdPwd_result,
#findWrap,
#loginWrap {width:1100px;margin-right:auto;margin-left:auto}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}
.move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* 상단 탑배너 */
.swiper_top_banner {width:100%;height:64px;background-color:#efe0c9;border-bottom:1px solid #efefef;}
.swiper_top_banner:hover .swiper-button-next_top_banner,
.swiper_top_banner:hover .swiper-button-prev_top_banner {opacity:1;}
.swiper_top_banner .swiper-button-next_top_banner {position:absolute;top:5px;right:50%;width:12px;height:8px;padding:10px 9px;z-index:10;cursor:pointer;opacity:0;background:url('/design/hinokki/0759ansome/icon_top_banner_right.png') no-repeat center center;margin-right:-630px;}
.swiper_top_banner .swiper-button-prev_top_banner {position:absolute;top:29px;right:50%;width:12px;height:8px;padding:10px 9px;z-index:10;cursor:pointer;opacity:0;background:url('/design/hinokki/0759ansome/icon_top_banner_left.png') no-repeat center center;margin-right:-630px;}
.swiper_top_banner .swiper-button-next_top_banner:hover,
.swiper_top_banner .swiper-button-prev_top_banner:hover {opacity:0.5;}
.swiper_top_banner .swiper-slide a {width:1260px;margin:0 auto;display:block;text-align:center;font-size:13px;height:64px;line-height:64px;color:#284d31;}
.swiper_top_banner .swiper-slide a:hover {color:#000;}
.swiper_top_banner .swiper-slide a img {vertical-align:middle;padding:0 5px;}
.swiper_top_banner .swiper-slide a b {font-weight:400;color:#000;}
#top_close {position:absolute;top:26px;right:26px;z-index:10;cursor:pointer;}
#top_close:hover:before {content:"하루동안 닫기";font-size:11px;line-height:14px;padding-right:5px;color:#666;}
#top_close img {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#top_close.is-open img {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);overflow:hidden;width:10px;height:11px;}
#top_close.is-open:hover:before {content:"탑배너 열기";font-size:11px;line-height:14px;padding-right:5px;color:#666;}

/* 상단 */
#header {position:relative; width:100%; margin:0;}
.header_section01 {width:1260px;margin:0 auto;}
.header_section01 a {color:#333;font-size:16px;}
.header_section01 a:hover {color:#000; }
.header_section01 .T_left_area {float:left; width:330px;}
.header_section01 .T_left_area .btn_all .all_ct {border-left:1px solid #efefef; border-right:1px solid #efefef; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:90px; height:88px; background:url("/design/hinokki/0759ansome/btn_all.gif") no-repeat; float:left;}
.header_section01 .T_left_area .btn_all .all_ct:hover {border-bottom:2px solid #000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header_section01 .T_left_area .Tmenu01 {float:left; margin-left:20px;}
.header_section01 .T_left_area .Tmenu01 li {float:left;}
.header_section01 .T_left_area .Tmenu01 li a {font-weight:500; padding:0 9px; height:88px; line-height:88px;}
.header_section01 .top_logo {float:left; width:600px; display:flex; justify-content:center; align-items:center;height:88px;line-height:88px;}
.header_section01 .T_right_area {float:right; width:330px;}
.header_section01 .T_right_area .Tmenu02 li {float:right; border-left:1px solid #efefef;vertical-align:top;}
.header_section01 .T_right_area .Tmenu02 li:first-child {border-right:1px solid #efefef;}
.header_section01 .top_cart {width:90px; height:88px; background:url("/design/hinokki/0759ansome/btn_cart.gif") no-repeat; float:left; position:relative;}
.header_section01 .top_cart:hover {border-bottom:2px solid #000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header_section01 .top_cart .user_basket_quantity {position:absolute; top:25px; right:28px; width:13px; height:13px; background:#000; color:#fff; font-size:10px; line-height:13px; border-radius:100%; text-align:center;}
.header_section01 .top_myp {width:90px; height:88px; background:url("/design/hinokki/0759ansome/btn_mypage.gif") no-repeat; float:left;}
.header_section01 .top_myp:hover {border-bottom:2px solid #000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header_section01 .hv_myp {position:relative;}
.header_section01 .hv_myp:hover .area_myp {display:block;}
.header_section01 .hv_myp .area_myp {display:none; width:272px; border:1px solid #efefef; min-height:150px; position:absolute; top:88px; right:-92px; background:#fff; z-index:102;}
.header_section01 .hv_myp .area_myp li {line-height:25px; float:none; text-align:left; border:0 !important; padding:0 20px;}
.header_section01 .hv_myp .area_myp li a {font-size:12px; color:#777; background:none; }
.header_section01 .hv_myp .area_myp li a:hover {color:#222;}
.header_section01 .hv_myp .area_myp .tit_mp {height:46px; line-height:46px; background:#f5f5f5; margin:12px 0 7px 0; text-indent:20px; padding:0 !important;}
.header_section01 .hv_myp .area_myp .tit_mp a {color:#000; font-size:16px; font-weight:bold;}
.header_section01 .hv_myp .area_myp .mp_modify {margin:8px auto 10px; background:#222; width:232px; padding:0 !important;}
.header_section01 .hv_myp .area_myp .mp_modify a {height:34px; line-height:34px; display:block; width:232px; text-align:center; color:#fff !important;}
.header_section01 .top_sc {width:90px; height:88px; background:url("/design/hinokki/0759ansome/btn_search.gif") no-repeat; float:left;}
.header_section01 .top_sc:hover {border-bottom:2px solid #000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* 상단 카테고리 */
.header_section02 {width:100%;height:37px;margin:0 auto;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative;z-index:10;}
.header_section02 #left_menu {margin:0 auto;text-align:center;vertical-align:middle;height:37px;font-size:0;}
.header_section02 #left_menu > li {margin:0 auto; text-align:center;position:relative;display:inline-block;}
.header_section02 #left_menu > li > a {position:relative;color:#555;display:block;padding:0;font-size:15px;line-height:37px;word-wrap:normal;text-decoration:none;background:url("/design/hinokki/0759ansome/t_mn_bar.png") no-repeat;padding:0 32px;}
.header_section02 #left_menu > li .mouse_hover,
.header_section02 #left_menu > li > a:hover {color:#59aa4f;}
.header_section02 #left_menu > li .sub1 {background-color:#fff;display:none;position:absolute;top:37px;left:0;z-index:20;width:140px;padding:10px;border:1px solid #efefef;}
.header_section02 #left_menu > li .sub1 > li {position:relative;height:34px;}
.header_section02 #left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/d4-0787/0746amelie/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.header_section02 #left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.header_section02 #left_menu > li .sub1 > li > a {font-size:14px; display:block; text-align:left; color:#888;height:34px; line-height:34px; margin:0px;width:140px;text-indent:10px;border-top:1px solid #efefef;}
.header_section02 #left_menu > li .sub1 > li:first-child > a {border-top:0;}
.header_section02 #left_menu > li .sub1 > li > .sub_mouse_hover,
.header_section02 #left_menu > li .sub1 > li > a:hover {background-color:#f5f5f5;color:#555;}
.header_section02 #left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-11px;left:100%;z-index:21;width:120px;background-color:#fff;padding:10px;border:1px solid #efefef;}
.header_section02 #left_menu > li .sub1 > li .sub2 > li {height:34px;}
.header_section02 #left_menu > li .sub1 > li .sub2 > li > a {font-size:13px; display:block; text-align:left; color:#888;height:34px; line-height:34px; margin:0px;border-top:1px solid #efefef;text-indent:10px;}
.header_section02 #left_menu > li .sub1 > li .sub2 > li:first-child > a {border-top:0;}
.header_section02 #left_menu > li .sub1 > li .sub2 > li > a:hover {background-color:#f5f5f5;color:#555;}

.header_section02 .left_ba {background-color:#fff;width:60%;height:37px;position:absolute;top:0;left:-60%;z-index:3;}
.header_section02 .right_ba {background-color:#fff;width:60%;height:37px;position:absolute;top:0;right:-60%;z-index:3;}
.header_section02 #left_menu > li.time_icon {padding-left:24px;}
.header_section02 #left_menu > li.time_icon > a {font-size:16px; line-height:36px; color:#555; background:url('/design/hinokki/0759ansome/icon_time.gif') left center no-repeat;padding:0 20px;display:block;}

.swiper_top_menu {width:1260px;height:37px;overflow:visible !important;z-index:2;}
.swiper_top_menu .swiper-slide {width:auto;}
.swiper_top_menu:hover .swiper-button-next_top_menu,
.swiper_top_menu:hover .swiper-button-prev_top_menu {opacity:1;}
.swiper_top_menu .swiper-button-next_top_menu {position:absolute;top:0;right:0;width:6px;height:37px;padding:0 5px;z-index:10;cursor:pointer;background:#fff url('/design/hinokki/0759ansome/Tright_arr1.gif') no-repeat right center;opacity:0;}
.swiper_top_menu .swiper-button-prev_top_menu {position:absolute;top:0;left:0;width:6px;height:37px;padding:0 5px;z-index:10;cursor:pointer;background:#fff url('/design/hinokki/0759ansome/Tleft_arr1.gif') no-repeat left center;opacity:0;}
.swiper_top_menu .swiper-button-next_top_menu:hover,
.swiper_top_menu .swiper-button-prev_top_menu:hover {opacity:0.5;}

/* 검색창 영역 */
.search_area {display:none; position:absolute; top:38px; z-index:101; background-color:rgba(255,255,255,0.8); width:100%; height:126px; color:#222; }
.search_inner {width:1260px; margin:0 auto; position:relative;}
.search_area p.close {position:absolute; top:47px; left:-30px; font-size:22px; color:#555; font-family:"Roboto", sans-serif;  font-weight:normal; cursor:pointer;}
.close img.rotate {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.close:hover img.rotate {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.search_inner2 {position:relative;float:left; height:57px; border-bottom:1px solid #000; width:918px; clear:both; margin:25px auto 0px;}
.search_inner2 .MS_search_word {background:none; border:0px; text-indent:14px; width:918px;height:57px; line-height:57px ;color:#000 !important; font-size:18px; vertical-align:middle; float:left;font-weight:400;font-family:"Noto Sans KR", sans-serif}
.search_inner2 ::-ms-clear {display:none;} /* 타이핑시 글자 삭제하는 x 표시를 제거 */
.search_inner2 .btn-sch {position:absolute; top:19px;right:14px; cursor:pointer;}
.hot_keyword {float:left;width:316px;margin:25px 0 0 24px !important; border-bottom:1px solid #848484;height:57px;background:url("/design/hinokki/0759ansome/arrow_hot.png") no-repeat right center;}
.hot_keyword .tit_key {display:none;clear:both; font-size:18px;font-weight:700;color:#555;text-align:left;padding:0 0 12px 0;border-bottom:1px solid #dedede;margin-bottom:12px;}
.hot_keyword .tit_key b {color:#000;}
.hot_keyword ul li a {color:#555;font-size:14px;height:57px;line-height:52px;font-weight:500;display:inline-block;}
.hot_keyword ul li .keyword_num {font-size:14px;color:#fff;background:#777;width:20px;height:20px;line-height:22px;text-align:center; border-radius:3px; display:inline-block; margin-right:8px;margin-top:4px;font-weight:500;}
.hot_keyword ul li:first-child .keyword_num {background:#222;}
.hot_keyword ul li {height:57px;line-height:57px;}
.hot_keyword.mousehover {position:absolute;top:0px;right:0px;z-index:20;width:270px; height:230px; padding:20px;border:1px solid #dedede;background:#fff;}
.hot_keyword.mousehover .tit_key {display:block;}
.hot_keyword.mousehover ul {border:0;overflow:hidden;height:174px;background:none;transform:translate3d(0px, 0, 0px) !important;transition-duration: 0ms !important;}
.hot_keyword.mousehover ul li {height:25px !important;line-height:25px !important;}
.hot_keyword.mousehover ul li a {font-weight:400;height:24px !important;line-height:18px !important;display:inline-block;}
.hot_keyword.mousehover ul li a:hover {color:#000;font-weight:600;}

@media all and (-ms-high-contrast:none)
{
.hot_keyword ul li .keyword_num {line-height:20px;}
*::-ms-backdrop, .hot_keyword ul li .keyword_num {line-height:20px;}
*::-ms-backdrop, .hot_keyword.mousehover ul li .keyword_num {line-height:18px;}
}

#comment_top.fixed { width:100%; position:fixed; top:0px; left:0px; z-index:22; border-bottom:1px solid #efefef; height:37px; background-color:rgba(255,255,255,0.9);
-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 0.3s; animation-duration:0.3s;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
@-webkit-keyframes fadeInUp2 {
0% {opacity: 0;  -webkit-transform: translateY(-80px); transform: translateY(-80px);}
100% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); }}
@keyframes fadeInUp2 {
0% { opacity: 0;  -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px);}
100% {  opacity: 1;  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}



/* 전체카테고리 관련 */
#allcategory { display:none; padding:0px;}
#allcategory .mintroClose {cursor:pointer; position:absolute; right:-48px; top:58px; z-index:1000; width:48px; height:48px; background-color:#000; text-align:center;}
#allcategory .mintroClose img {margin-top:15px; text-align:center;}
.mintroClose img.rotate { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mintroClose:hover img.rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.all_cate_area {height:100%;position:fixed; top:0px; left:0px; background-color:#fff; width:330px;}
.all_cate_area .all_logo {margin:59px auto 0; text-align:center;}
.all_cate_area .top_log {width:268px; margin:0 auto; height:31px; margin-top:30px;}
.all_cate_area .top_log ul li {float:left; height:31px;}
.all_cate_area .top_log ul li a {display:inline-block; font-size:14px; color:#666; text-align:center; width:127px; height:29px; line-height:29px; letter-spacing:-0.5px; font-weight:normal; border:1px solid #dedede; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.all_cate_area .top_log ul li a:hover {color:#000; border:1px solid #333; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.all_cate_area .top_log ul li a.black {color:#fff; text-align:center; width:127px; height:29px; line-height:29px; letter-spacing:-0.5px; font-weight:normal; border:1px solid #000; background:#000;}
.all_cate_area .top_log ul li a.black:hover {color:#000; border:1px solid #000; background:#fff;}
.all_cate_area .top_log ul li:first-child a {margin-right:9px;}

.all_cate_area .box_scroll {width:268px; height:100%; position:relative; margin:0 auto;padding-bottom:50px;}
.all_cate_area .top_cs  {width:268px; margin:0 auto; margin-top:23px; text-align:left; letter-spacing:-0.3px;}
.all_cate_area .top_cs .txt01 {font-size:13px; color:#000; font-weight:400; line-height:14px;}
.all_cate_area .top_cs .txt02 {font-size:25px; color:#000; font-weight:500; line-height:16px; padding-top:11px;}
.all_cate_area .top_cs .txt03 {font-size:11px; color:#999; font-weight:400; line-height:16px; padding-top:8px; letter-spacing:0.1px;}
.all_cate_area .top_cs .txt03 span {color:#000;}

.all_cate_area .top_recent {width:268px; margin:0 auto; text-align:left; padding-bottom:30px;}
.all_cate_area .top_recent .txt01 {font-size:13px; color:#000; margin-top:28px; font-weight:400; line-height:14px;}
.all_cate_area .top_recent .recent-list {padding-top:10px;}
.all_cate_area .top_recent .recent-list ul li {float:left;margin-left:3px;}
.all_cate_area .top_recent .recent-list ul li:first-child {margin-left:0;}
.all_cate_area .top_recent .recent-list ul li a img {height:63px;}
.all_cate_area .top_recent .recent-list ul li a:hover img {opacity:0.6;}

.mCSB_scrollTools a + .mCSB_draggerContainer {margin-top:25px !important;}
.mCSB_scrollTools .mCSB_draggerRail {width:1px !important;}
.mCSB_outside + .mCSB_scrollTools{ right:0 !important; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left:0 !important; }

.navCategory {margin-top:20px;}
.navCategory nav > ul {width:268px;margin:0 auto;padding:0;}
.navCategory nav li {position:relative;border-bottom:1px solid #eaeaea;}
.navCategory nav li a {display: block; height:28px;line-height:28px;font-size:13px;font-weight:500;color:#000; padding:0 0 0 10px; margin-right: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.navCategory nav li > a {padding:0;}
.navCategory nav li .mo {position: absolute; top:0; right: 0; width: 25px; text-align: center; height: 25px; line-height:23px;font-size:16px;cursor:pointer}
.navCategory nav li .mo span {font-size:22px;}
.navCategory nav li .icon_down {background:url("/design/hinokki/0759ansome/slide_arrowdown.png") no-repeat center center;background-size:12px 7px;}
.navCategory nav li .icon_up {background:url("/design/hinokki/0759ansome/slide_arrowup.png") no-repeat center center;background-size:12px 7px;}
.navCategory nav li > ul {display:none;padding-bottom:10px;}
.navCategory nav li > ul > li {border-bottom:0px none; border-top:1px solid #eaeaea;}
.navCategory nav li > ul > li:first-child {border-top:0px none;}
.navCategory nav li > ul > li a {padding:0 40px 0 10px;margin:0;height:25px;line-height:25px;font-size:12px;font-weight:300;color:#888;}
.navCategory nav li > ul > li > ul {border-top:0px none; border-top:1px solid #eaeaea;}
.navCategory nav li > ul > li > ul > li {border:0px;}
.navCategory nav li > ul > li > ul > li a {padding:0 0 0 20px; margin: 0;}
.navCategory nav li > ul > li a:hover {color:#000;}
.box_community {margin-top:10px;padding:0 0 10px 0;}

@media all and (-ms-high-contrast:none)
{
	#category > ul > li > a.view {height:16px;line-height:16px;} /* IE10 */
	*::-ms-backdrop, #category > ul > li > a.view {height:16px;line-height:16px;} /* IE11 */
/* BASIC css end */