/* BASIC css start */
/*  2205 위브 리뉴얼 */
body.menuActive {overflow:hidden;}
html #header .headerBottom{padding: 17px 15px;height:auto;background:transparent;}
html #header .headerBottom .headerBottomRight .cart{ width: 14px;  height: 20px; background: url(/design/jstyle07/wib/img/icon/cart.png) no-repeat; margin: 0;  background-size: 14px 18px;}
html #header .headerBottom>*{vertical-align:middle;}
html #header .headerBottom #search{width:100%;height:100%; background:url(/design/jstyle07/wib/img/bk2.png) no-repeat;display: block; background-position: center right 11px; }

html #header .headerBottom .headerBottomRight>*{float:none !Important ;vertical-align: middle;display:inline-block !important;}
html #header .headerBottom .headerBottomLeft{padding:0;display: inline-block;}
html #header .headerBottom .headerBottomRight{position:relative;top:auto;right:auto;display: inline-block;font-size:0;width:100%;}
html #header .headerTop{    margin-top: -1px;border:none; display:none;}
html #header .headerTop .swiper-slide a{font-size:13px !important;color:#1b1b1b;    padding: 20px 0 13px;}
html #header .headerTop .hidn_menu_wrap {display:none;}
html #container{}

.rightt{position: absolute; right: 0;}
.rightt>*{display:inline-block;vertical-align:middle;}
.rightt>div:nth-child(1), .rightt>div:nth-child(2){margin-right:18px;}
.rightt>div:nth-child(2) img{width:19px;}
.rightt>div:nth-child(1) img{width:26px;}


/*///////////// 서브페이지 공통 CSS ///////////////*/

/*  공통 레이아웃 스타일 세팅 */

.fleft{float:left!important}
.fright{float:right!important}
.pdn{padding:0!important}
.mgn{margin:0!important}
.dpn{display:none!important}
.dpb{display:block!important}
.bdn{border:0!important}
.oph{overflow:hidden}
.pdver12{padding-right:12px;padding-left:12px}
body img{max-width:100%}#container{margin:0 0 50px 0}


/********* 공통 포인트 컬러 일괄변경 ***********/

.point_bg,
.sub_slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.btn_Red,
.mypage .links li sup,
.basketRight .btn_Black,
#coupon th input[name="selected_coupon"].on,
.member_btn_wrap{

    /* 배경색상코드 원래 #46479b였음*/
    background-color: #46479b !important;
    
}

.point_color,
.MK_optAddWrap .MK_total,
.MK_optAddWrap .MK_txt-won,
.category_list.swiper-container ul li a.sel,
#header .headerMd .swiper-slide a.on_page,
#header .headerTop .swiper-slide a.on_page,
#coupon .paysum li.gu em,
.color_a63f42,
.cart-free-wrap p span,
.category_list.swiper-container ul li a.on_page,
.member_btn_wrap .member_btn_inner > a:last-child,
.real_size_wrap h3.title.on{

    /* 폰트색상코드 */
    color: #5f0080 !important;
}

.point_border,
.tab-wrap .tab-hd > p.on,
.btn_Red,
.basketRight .btn_Black,
.mp_top_cate > a.on,
#j_tit_banner dl dd.on,
.view_tab > div.tab_actv,
.tab-wrap .tab-hd > p.on, 
.tab-pagination > li.slick-active{

     /* 라인색상코드 */
    border-color: #46479b !important;
}


/* 공통 타이틀영역 */
.h_title{padding:30px 25px;text-align:center}
.h_title h3{font-size:20px;color:#000}
.h_title.h_title02 {
    padding:38px 12px 16px;
}
.h_title.h_title02 h3{font-size:14px;font-weight:500}
.h_title02 h3 .prev{float:left}
.h_title02 h3 .prev img{width:8px}


/* 공통 하단 페이징 */
.paging{text-align:center;margin:30px 0}
.paging a{background-color:#fff;display:inline-block;vertical-align:middle;margin:0 12px;padding-bottom:2px}
.paging a.next,.paging a.prev,.paging a.last,.paging a.first{border:solid 1px #000;width:30px;height:30px;line-height:32px;padding:0;margin:0 5px;box-sizing:border-box}
.paging a span{font-size:19px}
.paging a.now{border:0;border-bottom:1px solid #3b3b3b}


/* 베스트셀러 50 */
/* body .main .tab-wrap .list_shopping2x li:nth-child(3n){width:100%} */


/* 상품 리스트 정렬버튼 */
.list_array{padding:0 12px;margin:40px 0 15px;height:30px;/*overflow:hidden*/}
.list_array .list_arrayLeft{float:right}
.list_array .list_arrayLeft select{height:28px;width:97px;line-height:26px;border:1px solid #ccc;background:#fff}
.list_array .list_arrayRight{float:left;margin-top:4px}
.list_array .list_arrayRight img{margin-right:5px}


/* 공통 더보기버튼 */
.more{text-align:center;padding:0 12px;margin:30px 0 50px}
.btn_moreGray{border:solid 1px #000;height:44px;line-height:44px;display:block}
.btn_moreGray .fa{color:#000;font-size:16px;padding-left:10px;padding-bottom:2px;vertical-align:middle}

/* 게시판 목록페이지 공통 */
#review-board-list .h_title .btn_Red,#gallery-list .h_title .btn_Red{display:none}
#review-board-list .item-search{padding:0 12px}
#review-board-list .item-search div input,#review-board-list .item-search div select,#review-board-list .item-search div .btn_Grey,#gallery-list .item-search div input,#gallery-list .item-search div select,#gallery-list .item-search div .btn_Grey{height:33px!important;line-height:33px!important}
#review-board-list .item-search div:nth-child(2),#gallery-list .item-search div:nth-child(2){padding:0!important;}
#gallery-list .item-search div .btn_Grey,#review-board-list .item-search div .btn_Grey{background:#7b7b7b;border-color:#7b7b7b}
#review-board-list .notice{margin:15px 12px 0}
#review-board-list .notice-bar{padding:15px 0;border-bottom:1px solid #ddd;background-color:#fff;font-size:13px}
#review-board-list .notice-bar dd{margin-top:5px}
#review-board-list .notice-bar .bgc464644{margin-bottom:5px;display:inline-block;background-color:#2f2f2f;padding:3px 11px}
#review-board-list .notice-bar dt a{color:#000}
#review-board-list .notice-bar dd{margin-top:0;color:#707070}
#review-board-list .boardList{padding:0 12px}
#review-board-list .boardList li{padding:15px 0;border-bottom:1px solid #ddd;font-size:13px}
#review-board-list .boardList li dt,#review-board-list .boardList li dt.dl_goodsName a{color:#000}
#review-board-list .boardList li dt img,#review-board-list .boardList li dt span{display:none}
#review-board-list .boardList li .bl_image{width:45px;float:left;margin-right:15px;margin-left:20px}
#review-board-list .boardList li dl.leftImg{margin-left:60px}
#review-board-list .boardWrite{padding:15px 0 0}
#review-board-list .boardWrite .btn_Red{height:42px;line-height:42px}
#review-board-list .boardList li .bl_depth1{background:url(/design/jstyle07/wib/img/icon/board_arrow.png);width:9px;height:11px;display:inline-block;background-size:100%;transform:none;margin-right:8px;padding:0;margin-top:5px}
#review-board-list .boardList li .fa.fa-level-up{display:none}


/* 갤러리 */
#gallery-list .notice{border:0}
#review-board-type .rbContent .rb_thumbs{display:none}
body #gallery-list .item .list_shopping1x li img.listPic{float:none}
#gallery-list .item .list_shopping2x{margin-top:10px}
#gallery-list .item .list_shopping2x ul,#gallery-list .item{background-color:#fff;padding:0}
#gallery-list .item li{margin:0 0 30px 0}
#gallery-list .item .list_shopping2x li a{border-color:#fff;padding:0;border:0}
#gallery-list .item .list_shopping2x .list_shoppingInfo{border-top:none;margin-top:10px!important;word-break:break-all;padding:0 10px}
#gallery-list .item .list_shopping2x .list_shoppingInfo>p:nth-child(1){font-size:13px;color:#000}
#gallery-list .item .list_shopping2x .list_shoppingInfo>p:nth-child(2){font-size:12px;color:#717171;margin:3px 0 0}


/* 게시판 쓰기페이지 공통 */
#review-board-list .h_title .all-board-list,#review-board-list .h_title .btn_Red{display:none}
#review-board-write .pd10 .btn_Red{margin-bottom:6px;height:42px;line-height:42px}
#review-board-write .form-wrap{background-color:#fff;padding:12px;border-top:1px solid #ddd}
#review-board-write table th,#review-board-write table td{padding:5px 0;font-size:13px;font-weight:400}
#review-board-write table td input,#review-board-write table td select{height:35px;line-height:35px}
#review-board-write table td font{font-size:12px;display:block;text-align:right;margin-top:3px}
#review-board-write table .textArea textarea{height:146px;border:1px solid #ddd;margin-top:5px}
#review-board-write table .fixButtonR .btn_Grey{width:70px;display:inline-block;position:absolute;top:0;right:0;height:35px;line-height:35px;font-size:12px}
#review-board-write .fixButtonR{padding-right:75px}
#review-board-write .reviewInfo{border-bottom:none}
#review-board-write .reviewInfo figure a{width:86px;display:table-cell;vertical-align:top;padding:0 12px}
#review-board-write .reviewInfo figcaption{display:table-cell;vertical-align:top;word-break:break-all;font-size:13px;padding-right:12px;font-weight:400}


/* 게시판 보기페이지 공통 */
#review-board-type .rbItem{padding:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd!important;margin-bottom:10px}
#review-board-type .rbItem dl dt img{width:86px}
#review-board-type .rbItem dl dd.subject{font-size:13px;font-weight:400}
#review-board-type .rbItem dl dd.link-view a{width:81px;height:28px;border:1px solid #000;display:inline-block;text-align:center;line-height:28px;font-weight:400;margin-top:10px;font-size:13px}
#review-board-type .rbInfo{clear:both;padding:20px 0 9px;margin:0 12px;background-color:#fff;border-bottom:1px solid #000}
#review-board-type .rbInfo dt{word-break:break-all;font-size:14px;margin:0 0 5px 0;font-weight:400}
#review-board-type .rbInfo dd{color:#636363;line-height:20px;font-size:12px}
#review-board-type .rbContent{padding:12px;line-height:20px;word-break:break-all}
#review-board-type .pd10 .small-btns,#review-board-type .write-btn .small-btns{text-align:right;margin:10px 0 30px}
#review-board-type .rb_gray_btn,#review-board-type .write-btn .small-btns .btn_Grey{color:#000;background-color:#dbdbdb;display:inline-block;text-align:center;width:74px;height:36px;line-height:36px;margin:0 1.5px;border:0}
#review-board-type .pd10 .btn_Red,#review-board-type .write-btn .btn_Red{margin:7px 0;height:42px;line-height:42px}
#review-board-type .board-Chain,#review-board-type .board-list{margin:5px 10px;margin-top:30px;border-top:1px solid #ddd;border-bottom:none;padding:0}
#review-board-type .board-Chain li,#review-board-type .board-list li{padding:15px 0;border-bottom:1px solid #ddd;margin:0;font-size:13px}
#review-board-type .board-Chain li:nth-child(1)>span{background:url(/design/jstyle07/wib/img/sub/board_icon_top.png) no-repeat center left;background-size:100%}
#review-board-type .board-Chain li:nth-child(2)>span{background:url(/design/jstyle07/wib/img/sub/board_icon_bt.png) no-repeat center left;background-size:100%}
#review-board-type .board-Chain li>span{width:12px;height:6px;font-size:0;display:inline-block;vertical-align:top;margin:5px 17px 5px 14px}
#review-board-type .board-Chain li a,#review-board-type .board-list li a{color:#000}
#review-board-type .board-list{margin-top:20px;border-top:1px solid #dfdfdf;margin:30px 12px}
#review-board-type .board-list li.list{padding:15px 0;border-bottom:1px solid #ddd}
#review-board-type .board-list li.list .fa{background:url(/design/jstyle07/wib/img/icon/board_arrow.png);width:9px;height:11px;display:inline-block;background-size:100%;transform:none;margin-right:8px!important}
#review-board-type .board-list li.list .fa:before{display:none}
#review-board-type .reply-write{background-color:#f7f7f7;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;margin:0 12px 10px}
#review-board-type .reply-write table .custom .btn_Grey{width:65px;height:55px;line-height:55px;font-size:13px;position:absolute;top:0;right:0}
#review-board-type .sub-reviews li .info{margin-bottom:10px;height:22px}


/* 갤러리게시판 */
body #gallery-list .list_shopping1x .list_shoppingInfo{margin-top:10px!important;color:#000;font-size:13px}
body #gallery-list .list_shopping1x li{margin:0;padding:0 0 30px 0}


/* 게시판 비밀번호입력 공통 */
.password .contents p{font-size:13px;line-height:19px}
.password .contents{padding:0 12px;border-top:1px solid #ddd}
.password .contents .fixButtonR{margin-top:10px;text-align:center;width:200px;padding:0;margin:12px auto}
.password .contents .fixButtonR #bp_input_passwd{display:block;margin-bottom:6px;border:1px solid #000}
.password .contents .fixButtonR .fixButton{width:100%;position:static;margin:0 auto}
.password .contents .fixButtonR .fixButton strong{font-weight:400}
.password .btn-wrap{margin-top:30px;overflow:hidden;border-top:1px solid #ddd;padding:30px 10px}
.password .btn-wrap .btn_Red,.password .btn-wrap .btn_White{width:calc(50% - 5px);width:-webkit-calc(50% - 5px);margin:0 2.5px;float:left;height:42px;line-height:42px}


/*///////////// 서브페이지 공통 CSS 끝 ///////////////*/


/* 플립 배너 영역 */
.flipban_slider{width:100%;height:44px;/*overflow:hidden;*/opacity:1;visibility: visible;}
/*.flipban_slider.fixed{opacity: 1!important;position:fixed;top:0;left:0;display:block;}*/
.flipban_slider.fixed {opacity:1;visibility: visible;}
.flipban_slider .swiper-slide{width:100%;height:48px;background-color: #f8f8f8;background: url(/design/jstyle07/wib/img/icon/arrow_right.png) no-repeat center right 10px #f8f8f8;background-size: 20px;}
.flipban_slider .swiper-slide a{text-align:center;font-size: 14px; line-height:44px; display: block;width: 100%; height:44px ;box-sizing: border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flipban_slider .swiper-slide a span{margin-right:5px;font-weight:bold;}

/* 플립 배너 메인 페이지 클릭 수정 */
/*.swiper-container-fade .swiper-slide {pointer-events: auto !important;}*/


/* 로고 및 아이콘영역 */
#header{position:sticky; max-width:640px; margin:0 auto; background:#fff; z-index:1000; top:0; left:0;}
#header .headerBottom{padding:12px 0 12px 0;position:relative;z-index:99;height:54px;box-sizing:border-box;background:#fff;}
#header .headerBottom.fixed{width:100%;position:fixed;top:48px;background:#fff}
#header .headerBottom #menu{position:absolute;top:15px;left:12px}
#header .headerBottom .headerBottomLeft{padding:3px 0 3px 47px}
#header .headerBottom .headerBottomRight{position:absolute;top:16px;right:12px}
#header .headerBottom .headerBottomRight>a{display:block;float:left;margin:0 0 0 15px}
#header .headerBottom .headerBottomRight>a img,#header .headerBottom #menu img{height:25px}
#header .headerBottom .headerBottomRight .cart{position:relative;color:white;}
#header .headerBottom .headerBottomRight .cart sup{       
    position: absolute;
    top: -4px;
    right: -10px;
    width: 18px;
    height: 18px;
    display: block;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 18px;}
    
#header .headerBottom.fixed .headerBottomRight .cart{color:black}


/* ****화이트 블랙 전환**** */
#header .headerBottom .logo{width:66px;height:25px;margin-top:2px;/*background: url(/design/jstyle07/wib/img/logo/main_logo_m_white.png) no-repeat; */background-size: auto 100%;}
#header .headerBottom .logo a{width:100%;height:100%;display:block;}
#header .headerBottom.fixed .logo{background: url(/design/jstyle07/wib/img/logo/main_logo_m_black.png) no-repeat;background-size: auto 100%;}
#header .headerBottom #menu{width: 20px;margin-top: -2px;height: 25px;background: url(/design/jstyle07/wib/img/icon/icon_menu_white.png) no-repeat;background-size: auto 100%;}
#header .headerBottom.fixed #menu{background: url(/design/jstyle07/wib/img/icon/icon_menu_black.png) no-repeat;background-size: auto 100%;}
#header .headerBottom .deliv_ban{width: 20px;height: 18px;padding-top: 2px;background: url(/design/jstyle07/wib/img/icon/icon_language_white.png) no-repeat;background-size: auto 100%;}
#header .headerBottom.fixed .deliv_ban{background: url(/design/jstyle07/wib/img/icon/icon_language_black.png) no-repeat;background-size: auto 100%;}
#header .headerBottom #search{width: 19px;margin-top: -2px;height: 23px;background: url(/design/jstyle07/wib/img/icon/icon_sch_white.png) no-repeat;background-size: auto 100%;}
#header .headerBottom.fixed #search{background: url(/design/jstyle07/wib/img/icon/icon_sch_black.png) no-repeat;background-size: auto 100%;}
#header .headerBottom .cart{width:18px;height:20px;background: url(/design/jstyle07/wib/img/icon/icon_cart_white.png) no-repeat;background-size: auto 100%;}
#header .headerBottom.fixed .cart{background: url(/design/jstyle07/wib/img/icon/icon_cart_black.png) no-repeat;background-size: auto 100%;}
#header .headerBottom .my_menu{width:21px;height:21px;margin-top: -1px !important;background: url(/design/jstyle07/wib/img/icon/icon_my_white.png) no-repeat;background-size: auto 100%}
#header .headerBottom.fixed .my_menu{background: url(/design/jstyle07/wib/img/icon/icon_my_black.png) no-repeat;background-size: auto 100%;}

/* 상단 메뉴영역 */
#header .headerTop{position:relative;background:#fff;z-index:11;opacity:1;border-bottom: solid 1px #ddd;}
#header .headerTop.fixed{opacity:1;margin-top:50px;}
#header .headerTop .bg{position:absolute;right:0;top:0;display:block;background:url(/design/jstyle07/wib/img/icon/icon_cate_roll_bg.png) no-repeat;width: 11px;z-index:4;height:49px;background-size:100% 100%}
#header .headerTop .swiper-slide{display:inline-block;vertical-align:top;width:auto!important;margin:0 9px}
#header .headerTop .swiper-slide:first-child{margin-left:13px}
#header .headerTop .swiper-slide:last-child{margin-right:15px}
#header .headerTop .swiper-slide a{color:#000;font-size:15px;font-weight:600;line-height:1;padding:17px 0;display:block;font-family:"Nanum Gothic",NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif}
#header .headerTop .icon_new,.cate_side_wrap .icon_new{width:5px;height:5px;background:red;border-radius:50%;display:inline-block;vertical-align:top;margin-top:-3px;margin-left:2px}
.cate_side_wrap .icon_new{margin-left:2px !important;}


/* 롤링 오픈메뉴 영역 */
#header .headerTop .hidn_menu_wrap {
    position:relative;
    z-index:3;
    width:100%;
    top:-45px}
#header .headerTop .hidn_menu_wrap .hidn_menu_box {
    position: absolute;
    width: 100%;
    height: 20.3em;
    background: #fff;
    display: none;
}
#header .headerTop .hidn_menu_wrap .hidn_menu_box .tit{font-size:14px;color:#000;display:inline-block;padding:14px 13px}
#header .headerTop .hidn_menu_wrap .hidn_menu_box .tit a{display:block;font-size:14px;border:0;width:auto;margin:0;padding:0}
#header .headerTop .hidn_menu_wrap .hidn_menu_box .tit img{width:20px;vertical-align:middle;padding-right:10px}
#header .headerTop .hidn_menu_wrap .hidn_menu_box>div{line-height:100%;text-align:left;padding:0 11px;font-size:0;letter-spacing:0}
#header .headerTop .hidn_menu_wrap .hidn_menu_box a{font-size:13px;display:inline-block;vertical-align:top;width:calc(25% - 4px);width:-webkit-calc(25% - 4px);margin:0 2px;padding:10px 0;border:solid 1px #000;box-sizing:border-box;color:#000;text-align:center;height:auto;line-height:100%;margin-bottom:4px}
#header .headerTop .hidn_menu_wrap .menu_link{position:absolute;right:0;top:0px;display:block;z-index:4}
#header .headerTop .hidn_menu_wrap .menu_link img{width:auto;height:45px}
.category_list.fixed{z-index:3}

/* 메인을 제외한 모든 페이지에서 잡힐 header 영역*/
.header_area{display: none;width:100%;height: 130px;}


/* 카테고리  */
aside nav li{border-bottom:1px solid #ccc;position:relative}
aside nav li a{display:block;height:35px;line-height:35px;padding:0 0 0 20px;margin-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
aside nav li .fa{position:absolute;top:0;right:0;width:40px;text-align:center;height:35px;line-height:35px}
aside nav li>ul{background-color:#f4f4f4;display:none;border-top:1px solid #6e6e6e}
aside nav li>ul>li{border-bottom:0 none;border-top:1px solid #ccc}
aside nav li>ul>li:first-child{border-top:0 none}
aside nav li>ul>li a{padding:0 40px 0 30px;margin:0}
aside nav li>ul>li>ul{border-top:0 none;border-top:1px solid #ccc}
aside nav li>ul>li>ul>li{border-bottom:0 none}
aside nav li>ul>li>ul>li a{padding:0 0 0 40px;margin:0;background-color:#ddd}
aside .asideBottom{padding:20px 22px}
aside .asideBottom .tel{color:#ab3e41;font-size:1.333em;font-weight:700;display:block}
aside .asideBottom .fa-stack{color:#000;margin-top:-5px}
aside .asideBottom .copyright{margin-top:10px}
#mask{top:0!important;z-index:5!important;}
#mask.cate{z-index:10000!important;}


/* 우측 마이페이지 사이드바 */
.cate_side_wrap{position:fixed;width:90%;height:100%;top:0;left:0;bottom:0;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10001;display:none;padding: 26px 20px 30px 20px;box-sizing: border-box;}
.cate_side_wrap .sect_tit{width:100%;font-size:18px;font-weight:bold;color:#000;padding:43px 0 19px;text-transform: uppercase;}
.cate_side_wrap>div{clear:both;}

.cate_side_wrap .cate_top{width:100%;box-sizing: border-box;}
.cate_side_wrap .cate_top a img{height:25px;width:auto}
.cate_side_wrap .cate_top .close_btn{float:right;}
.cate_side_wrap .cate_top .close_btn img{width:18px;height:18px;width:auto}

.cate_side_wrap .btn_wrap{width:100%;height:40px;margin-top:15px;}
.cate_side_wrap .btn_wrap > a, .cate_side_wrap .btn_wrap > div{font-size:13px;color:#2f2f2f;display:block;float:left;text-align:center;width:calc(33% - 2px);width:-webkit-calc(33% - 2px);height:40px;line-height:16px;border:solid 1px #2f2f2f;padding:11px 0;box-sizing:border-box;margin:0 2px;box-sizing:border-box;}
.cate_side_wrap .btn_wrap > a:first-child{margin-left:0px}
.cate_side_wrap .btn_wrap > a:last-child{margin-right:0px}

.cate_side_wrap nav>ul{border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;}
.cate_side_wrap nav>ul.cate_sub02{margin:18px 0 45px;}
.cate_side_wrap nav>ul>li{width:50%;height:40px;display:inline-block;padding:0 0 0 15px; overflow:hidden;border:1px solid #e0e0e0;box-sizing:border-box;border-bottom:none;border-right:none; }
.cate_side_wrap nav>ul>li:nth-child(2n){border-right:1px solid #e0e0e0;}
.cate_side_wrap nav>ul>li.hline{width:100%;display:block;height:16px;}
.cate_side_wrap nav>ul>li>a{position:relative; font-size:15px;color:#000;font-weight:400;display:inline-block;width:100%;float:left;height:40px;line-height:40px;font-weight:normal;}
.cate_side_wrap nav>ul>li>a.point{color:#46479b;font-weight:bold;}
.cate_side_wrap nav>ul>li>a::after{position:absolute;right:10px;content:'>';font-size:12px;color:#ababab;}

.cate_side_wrap .navBrand ul>li {width: 100%;display: block;margin-bottom: 3px;background: #f8f8f8;}
.cate_side_wrap .navBrand ul>li>a {width: 100%;display: block;height:50px;}
.cate_side_wrap .navBrand ul>li span.bleft{width: 38%;padding: 11px 0 0 15px;float: left;height: 50px;display: inline-block;box-sizing: border-box;}
.cate_side_wrap .navBrand ul>li:last-child  span.bleft{padding:17px 0 0 15px}
.cate_side_wrap .navBrand ul>li:first-child span.bleft img{width:auto;height:25px;}
.cate_side_wrap .navBrand ul>li:last-child span.bleft img{width:auto;height:13px;}
.cate_side_wrap .navBrand ul>li span.bright{font-size: 12px;width: 62%;height:50px;display: inline-block;padding: 7px 0;box-sizing: border-box;letter-spacing:-.1px;}

.navBrand .sect_tit {
    width: 65px;
    display: inline-block;
}
.navYoutube .sect_tit {
    width: 110px;
    display: inline-block;
}
.navBrand .bstroy{
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 30px 0 10px;
}
.navBrand .bstroy span:first-child {
    font-size:10px;
    margin-left:3px;
}
.navBrand .bstroy span:last-child {
    font-size:12px;
    margin-left:3px;
}
.watchagain {
    width: auto;
    font-size: 12px;
    margin-left:3px;
    color: #737373;
}


@media (min-width:331px) and (max-width:352px){
    .cate_side_wrap .navBrand ul>li span.bright{font-size:11px;padding-left: 4px;letter-spacing: -.2px;}
}
@media screen and (max-width:330px){
    .cate_side_wrap .navBrand ul>li span.bright{font-size:10px;padding-left: 4px;letter-spacing: -.2px;}
}


/* 검색 팝업영역 */
.search_wrapper{position:relative;width:100%;}
.search{width: 100%;height: 100%;max-height:100%; position: fixed; top: 0;border: none;height: 100%; display:none;overflow-y: auto;top: 0;right: 0;background-color: #fff;padding: 12px 0;text-align: center;z-index: 10002;box-sizing: border-box;}
.search.fixed{display:block;}
.search .search_inner{position:relative;padding: 0 20px;width: 100%;box-sizing: border-box;}
.search .searchBox{width:100%;background-color:#fff;border-bottom: solid 2px #000;}
.search .searchBox input{width:100%;height:37px !important;border:0;margin-top:0;padding:0 30px;float:left;outline:none;color: #9a9a9a;font-size:12px;}
.search .btn_search{position:absolute;top:6px;right:22px}
.search .btn_search img{height:25px}
.search a.btn_closeSearch {position: absolute;top: 8px;left: 22px;width: 20px;}
.search .keword_wrp{background:#fff;padding:25px 12px;overflow:hidden;position:relative}
.search .keword_wrp .box_wrap{width:65%;float:left;display:block;text-align:left}
.search .keword_wrp .box_wrap:nth-child(2n){width:35% !important;}
.search .keword_wrp .box_wrap h3{font-size:15px;color:#000;font-weight:700;margin:0 0 10px 0}
.search .keword_wrp .box_wrap div>a{display:block;font-size:12px;color:#666;line-height:28px}
.search .keword_wrp .close_btn{display:block;position:absolute;right:0;bottom:0;font-size:12px;color:#000;border-bottom:solid 2px #000;padding-bottom:3px}
.search .keword_wrp .close_btn img{width:10px;padding:4px 0 0 4px}

.search .keywordBox{ margin-top: 20px;padding:30px 20px;}
.search .keywordBox ul{width:100%;}
.search .keywordBox ul li{display: inline-block;vertical-align: top;padding: 0px;background: #fff;border: 1px solid #848484;box-sizing: border-box;margin: 0 6px 14px 0;border-radius: 18px;float:left;}
.search .keywordBox ul li a{display: inline-block;padding: 10px 15px;color: #222;font-size: 12.5px;font-weight: 500;letter-spacing: -0.3px;}
.search .keywordBox h3.title{font-size: 15px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #333333;text-align:left;margin-bottom:20px;}


/* 190411 배송 띠배너 추가 */
.deliv_ban{width:100%;height:45px;line-height:45px;text-align: center;}
.deliv_ban .flipper_inner a{display:block;color:#46479b;font-size:1.25em;}
.deliv_ban .swiper-container-fade .swiper-slide{background:#fff}
.deliv_ban .flipper_inner a img{width:30px;margin:6px 10px 0 0;}
.deliv_ban .close_btn{position:absolute;top:0;margin-top:-5px;right:0;width:10%;text-align:center;height:100%;padding-top:7%;box-sizing:border-box;z-index:999}


/* 글로벌 팝업 영역 */
.gb_inner{position:fixed;width:90%;height:auto;padding:25px 18px 18px;background:#fff;z-index:11111;border:1px solid #222;left:50%;top:10%;margin-left:-45%;display:none;box-sizing:border-box}
.gb_inner .close_btn{top:23px;right:20px;position:absolute;cursor:pointer}
.gb_inner .close_btn img{width:18px;height:18px;}
.gb_inner .gb_hd{text-align:center;margin-bottom:43px;font-size:13px}
.gb_inner .gb_hd .txt01{font-size:18px;font-weight:700;margin-bottom:15px}
.gb_inner .gb_hd .txt01 img{padding-right:10px;margin-top:-4px;}
.gb_inner .text_box{width:100%;/*background:#f5f5f5;*/padding:20px 0;margin-top:12px;text-align:center;font-size:13px}
.gb_inner .list_box{position:relative}
.gb_inner .list_box .select{height:46px;border:1px solid #ddd;line-height:46px;font-size:13px;color:#2e2e2e;text-indent:15px;background:url(/design/jstyle07/wib/img_pc/icon/list_arrow_bt.png) no-repeat;background-position:center right 15px;cursor:pointer}
.gb_inner .list_box .select.on{background:url(/design/jstyle07/wib/img_pc/icon/list_arrow_top.png) no-repeat;background-position:center right 15px}
.gb_inner .list_box ul{position:absolute;width:100%;top:46px;border:1px solid #ddd;margin-top:-1px;text-indent:15px;box-sizing:border-box;background:#fff;border-top:0;padding:0 0 6px;display:none;z-index:5;}
.gb_inner .list_box ul li{font-size:12px;line-height:23px;display:block}
.gb_inner .list_box ul li a{padding:0;margin:0;line-height:48px;transition:all .35s;-webkit-transition:all .35s;-ms-transition:all .35s;cursor:pointer;font-size:13px;}
.gb_inner .go_btn,.gb_wrap .list_box ul li a.on,.gb_wrap .list_box ul li a:hover{background:#45479a;color:#fff}
.gb_inner .go_btn{width:100%;font-size:15px;height:50px;line-height:50px;text-align:center;margin-top:13px}
.gb_inner .go_btn a{color:#fff;display:block}
.gb_inner .ws_btn{width:100%;font-size:15px;height:50px;line-height:48px;text-align:center;margin-top:13px;background:white;color:#46479b;border:1px solid #46479b;box-sizing:border-box}
.gb_inner .ws_btn a{color:#46479b; padding: 16px 0}
.gb_inner .ws_btn a img{margin-top:18px;}

.plus_banner_box{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.plus_banner_box:first-child{
    margin-bottom:7px;
}

.plus_banner_box a{
    width:calc(50% - 4px);
    height:auto;
    margin-right:6px;
}

.plus_banner_box .plus_event{
    width:calc(50% - 4px);
    height:auto;
}

.plus_event a {
    display:block;
    width:100%;
    height:100%;
}

.plus_event img{
    width:100%;
    height:100%;
}


/*검색 박스*/
.searchArea,
.searchArea * {
    box-sizing: border-box;
}

.searchArea {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -120%;
    padding: 0 15px 90px;
    overflow: auto;
    background: #fff;
    z-index: 1100;
    transition: all 0.3s;
}
.searchArea.open {
    right: 0;
}

.searchArea .searchBox {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
}

.searchArea .searchBox .searchAreaInput input {
    width: 100%;
    height: 50px;
    padding: 0 30px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #111;
}

.searchArea .searchBox .searchAreaInput a.btn_search {
    position: absolute;
    width: 37px;
    padding: 10px;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
}

.searchArea .searchBox .closeSearchArea {
    position: absolute;
    padding: 10px;
    width: 37px;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}

.searchArea .searchBox .searchAreaInput a.btn_search img,
.searchArea .searchBox .closeSearchArea img {
    display: block;
    width: 100%;
}

.searchArea .smartSearch {
    position: relative;
    padding: 15px 25px;
    margin-top: 20px;
    background: #111;
    border-radius: 8px;
}

.searchArea .smartSearch span {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
}

.searchArea .smartSearch p {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.searchArea .smartSearch img {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 25px;
    transform: translateY(-50%);
}

.searchArea .searchConBox dl dt {
    padding: 35px 0 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}
.searchArea .keywordWRap dl dd a {margin-left:5px;}
.searchArea .keywordWRap dl dd ul {
    width: 50%;
    float:left;
}

.searchArea .keywordWRap dl dd ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #7b7b7b;
}

.searchArea .keywordWRap dl dd ul li a b {margin-left:5px;}
.searchArea .keywordWRap dl dd ul li.bold a {
    font-weight: 500;
    color: #111;
}

.searchArea .keywordWRap dl dd ul li a span {
    margin-right: 15px;
    font-weight: bold;
    color: #111;
}

.searchArea .styleWrap dl dd a {
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 7px;
    font-size: 14px;
    color: #777;
    line-height: 32px;
    border-radius: 16px;
    background: #efefef;
    margin-right:5px;
}

.searchArea .searchConBox.brandWrap dl dd ul li {
    width: calc((100% - 6px) / 3);
    margin-right: 3px;
    margin-bottom: 20px;
}

.searchArea .searchConBox.brandWrap dl dd ul li:nth-child(3n) {
    margin-right: 0;
}

.searchArea .searchConBox.brandWrap dl dd ul li .imgBox img {
    display: block;
    width: 100%;
}

.searchArea .searchConBox.brandWrap dl dd ul li .textBox strong {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 20px;
}

.searchArea .searchConBox .brandWrap dl dd ul li .textBox span {
    color: #7b7b7b;
    font-size: 12px;
}
.searchArea .side_recent h2 {
    padding: 35px 0 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}
.searchArea .side_recent h2 a {
    float: right;
    line-height: 25px;
    color: #999;
    font-size: 14px;
    font-weight: 500;
}
.searchArea .side_recent ul {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.searchArea .side_recent ul li {
    display: inline-block;
    width: calc(33.333% - 4px);
    vertical-align: top;
}

/* 다찾다 자동완성*/
.search-auto-complete-list {
    display: none;
    z-index: 1;
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%;
    line-height: 14px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}
.search-auto-complete-list ul {
    width: 100%;
    padding: 8px 5px 10px 5px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
}
.search-auto-complete-list ul li {
    text-align: center;
    margin: 3px;
}
.search-auto-complete-list ul li a {
    display: block;
    padding: 8px 14px;
    color: #000;
    border: 1px solid #eee;
    border-radius: 10px;
    background: none;
    font-family: "malgun gothic";
    font-size: 11px;
    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 {
}
.search-auto-complete-list .search-list-close {
    display: block;
    padding: 10px 11px;
    text-align: right;
    color: #666;
    font-size: 11px;
}

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; 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 {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 레이어 */
.all-finder-layer { z-index:10004; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; background:#fff; }
.all-finder-layer .xi-close-thin { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 15px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 0 20px; padding-left:15px; border:0; background:#efefef; }
.all-finder-layer .finder-search .fa-search { position:absolute; top:0; right:0; display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 0; background-image:url(/design/jstyle07/wib/img/icon/icon_search.png); background-position:center; background-repeat:no-repeat; background-size: 18px }
.all-finder-layer .finder-search .txt-input { background:transparent!important; width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; background:none; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 15px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:15px; margin-top:-13px; font-size:25px; color:#b2b2b2; transform: scale(0.7); }
.all-finder-layer .finder-opt dl dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
.all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 15px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; padding:0; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-colorl-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }

/*다찾다 일부 수정*/
.all-finder-layer .finder-opt dl dd.allFInderSearchArea{
    padding-top:6px;
    background:#fff;
    border-top:none;
}

.all-finder-layer .finder-opt dl dd.allFInderSearchArea{
    background:#fff;
}


.login {
    display: flex;
}

.login a {
    display: flex;
    align-items: center;
    padding: clamp(6px, 1.4063vw, 9px) clamp(12px, 2.3438vw, 15px);
}

.login a:nth-child(1) {
    margin-right: 12px;
    border: 1px solid black;
}

.login a:nth-child(2) {
    color: white;
    background-color: #000;
    display: none;
}

.login a:nth-child(3) {
    color: white;
    background-color: #000;
}

.login a:nth-child(3) {
    display: block;
}

.tool {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 34%;
    max-width: 110px;
    min-width: 90px;
}

.tool > a {
    display: block;
    width: 30%;
    text-align: center;
}

.tool > a:nth-child(3) {
    width: 40%;
}

.tool a:nth-child(-n + 2) {
    position: relative;
}

.tool > a > span {
    font-size: clamp(27px, 4.69vw, 30px);
}

.tool a:nth-child(-n + 2) > span:nth-child(2) {
    display: block;
    position: absolute;
    top: -10%;
    right: -10px;
    font-size: 10px;
    color: #fff;
    background-color: #000;
    border-radius: 9999px;
    width: 18px;
    height: 18px;
    text-align: center;
}

.tool ul {
    position: absolute;
    overflow: hidden;
    height: 0;
    transition-duration: 0.3s;
    top: 40px;
    z-index: 100;
    background-color: white;
    border: 0px solid #c3c3c3;
    border-radius: 5px;
    box-sizing: border-box;
}

.tool ul.active {
    height: 140px;
    border: 1px solid #c3c3c3;
}

.tool ul li {
    text-align: center;
}

.tool ul li a {
    display: block;
    padding: 14px 12px;
}

.tool a.selectCountry {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tool a img {
    display: block;
    max-height: 20px;
    margin-left: auto;
}

.tool a:nth-last-child(2) img {
    margin-left: 3px;
}
.menuFooter {
    position: fixed;
    bottom: 0;
    z-index: 10002;
    background-color: #f5f5f5;
    width: 100%;
    max-width: 640px;
}

.menuFooter ul {
    display: flex;
    justify-content: space-between;
}

.menuFooter ul li {
    width: 20%;
    text-align: center;
    padding:5px 0;
    /* 250324 add */
    position: relative;
}

.menuFooter ul li.menuBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menuFooter ul li.menuBtn a div{
    width: 20px;
    height: 36px;
    position: relative;
    padding: 0;
    margin:0 auto;
}

.menuFooter ul li.menuBtn span {
    display: block;
    width: 100%;
    height: 1.2px;
    background-color: #525252;
    position: absolute;
    left: 0;
}

.menuFooter ul li.menuBtn span:nth-child(1) {
    top: 27%;
    transition: transform 0.3s ease-out 0s, top 0.3s ease-out 0.3s;
}

.menuFooter ul li.menuBtn span:nth-child(2) {
    top: 46%;
    transition: opacity 0s ease-out 0.3s;
}

.menuFooter ul li.menuBtn span:nth-child(3) {
    top: 65%;
    transition: transform 0.3s ease-out 0s, top 0.3s ease-out 0.3s;
}

.menuFooter ul li.menuBtn.active span:nth-child(1) {
    top: 50%;
    transform: translateY(50%) rotate(-45deg);
    transition: top 0.3s ease-out 0s, transform 0.3s ease-out 0.3s;
}

.menuFooter ul li.menuBtn.active span:nth-child(2) {
    top: 50%;
    opacity: 0;
}

.menuFooter ul li.menuBtn.active span:nth-child(3) {
    top: 50%;
    transform: translateY(50%) rotate(45deg);
    transition: top 0.3s ease-out 0s, transform 0.3s ease-out 0.3s;
}

.menuFooter ul li a {
    display: block;
    height:59px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.menuFooter ul li a svg {
    width: 32px;
    height: 32px;
}


.menuFooter ul li a b.desc {
    display:block;
    font-size:11px;
    color:#000;
    font-weight:500;
    /* 250324 add */
    position: absolute; bottom: 10px;
    width: 100%;
}
.menuFooter ul li:nth-child(1) .iconBox {
    display: block;
    padding: 3px 0;
}

.menuFooter.slideDown.animated {
    -webkit-animation-name: slideDown02;
    animation-name: slideDown02;
}

.menuFooter.slideUp.animated {
    -webkit-animation-name: slideUp02;
    animation-name: slideUp02;
}

@-webkit-keyframes slideDown02 {
    0% {
        -webkit-transform: translateY(69px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideDown02 {
    0% {
        transform: translateY(69px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideUp02 {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(69px);
    }
}

@keyframes slideUp02 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(69px);
    }
}
/*  햄버거 */

aside .sec02 {
  padding-bottom: clamp(10px, 11.9048vw, 10px) !important;
}

aside .sec02 li {
  width: 20%;
}

aside .sec02 li img {
  width: 100%;
}

aside .sec02 dt {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

aside .sec02 dd {
  text-align: center;
  padding-top: 12px;
  font-size: clamp(12px, 2.3vw, 16px);
}


.docbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 98;
    background: #f5f5f5;
}
.docbar ul {
    font-size: 0;
}
.docbar ul li {
    display: inline-block;
    width: 16.66666%;
    text-align: center;
    padding: 20px 0;
    vertical-align: middle;
}
.docbar ul li.ham img {
    width: 40%;
}
.docbar ul li a {
    display: block;
}
.docbar ul li a img {
    margin: 0 auto;
    width: 40%;
    vertical-align: middle;
}

html .cate_side_wrap {
    width: 100%;
    padding: 19px 0 0;
    font-family: "AppleSDGothicNeo";
}
html .cate_side_wrap .cate_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 20px 15px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}
html .cate_side_wrap .cate_top > a {
    display: inline-block;
    width: 100px;
    height: 30px;
}
html .cate_side_wrap .cate_top .close_btn {
    float: none;
}
html .cate_side_wrap .cate_top .right {
    height: 20px;
}
html .cate_side_wrap .cate_top .right > * {
    width: auto;
    height: auto;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
html .cate_side_wrap .cate_top .right .deliv_ban {
    margin-right: 15px;
    width: 20px;
    height: 20px;
}
html .cate_side_wrap .infobox ul {
    font-size: 0;
    margin-top: 21px;
}
html .cate_side_wrap .infobox li {
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    color: #000;
}
html .cate_side_wrap .infobox li a {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1;
}
html .cate_side_wrap .infobox li a img {
    display: block;
    margin: 0 auto 9px;
    width: 20px;
}

.searchin {
    padding: 0 10px;
    box-sizing: border-box;
}
.searchin .input {
    width: 100%;
    height: 33px;
    border-radius: 16px;
    border: 1px solid #c2c2c2;
    position: relative;
    margin: 15px 0 12px;
}
.searchin .input img {
    width: 25px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.searchin .populartxt {
}
.searchin .populartxt ul {
    font-size: 0;
}
.searchin .populartxt li {
    display: inline-block;
    width: auto;
}

.searchin .populartxt li a {
    font-size: 13px;
    color: #000;
}

.cate_side_wrap .sect_tit {
    font-family: "Montserrat";
}
.banner {
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 22px;
}

/* 미경추가 1102*/
.banner .onebanner {
    margin-top: 7px;
    min-height: 110px;
    background-size: cover;
    position: relative;
}
.banner .onebanner a {
    position: relative;
    display: inline-block;
    width: calc(100% - 4px);
    height: auto;
}
.banner .onebanner a span {
    position: absolute;
    top: 1000%;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

/* 미경추가 종료 */

.cate_side_wrap .iconw {
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 48px;
}
.cate_side_wrap .iconw li {
    margin-bottom: 15px;
}
.cate_side_wrap .iconw li a {
    display: flex;
    align-items: center;
}
.cate_side_wrap .iconw li img {
    margin-right: 8px;
    vertical-align: middle;
    width: 30px;
}
.cate_side_wrap .iconw li span {
    display: inline-block;
}
.cate_side_wrap .iconw li span:nth-child(2) {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-right: 15px;
    font-family: "Montserrat";
    text-transform: uppercase;
}
.cate_side_wrap .iconw li span:nth-child(3) {
    font-size: 14px;
    color: #9e9e9e;
}

.cate_side_wrap .navCategory {
    padding: 0 10px;
    box-sizing: border-box;
}

.cate_side_wrap .live {
    padding: 0 10px;
    box-sizing: border-box;
}
.cate_side_wrap .live img {
    width: 100%;
    margin-bottom: 5px;
}
.cate_side_wrap .live ul {
    font-size: 0;
}
.cate_side_wrap .live ul li {
    width: calc(25% - 6px);
    line-height: 32px;
    height: 32px;
    margin-right: 8px;
    font-size: 14px;
    color: #000;
    display: inline-block;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    text-align: center;
}
.cate_side_wrap .live ul li:last-child {
    margin-right: 0;
}

.cate_side_wrap .curation {
    padding: 0 10px;
    box-sizing: border-box;
}
.cate_side_wrap .curation .sect_tit {
    font-size: 18px;
    padding-top: 32px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    line-height: 1;
} /* font-size:15px; */
.cate_side_wrap .curation li {
    padding-top: 13px;
    margin-top: 13px;
    border-top: 1px solid #e1e1e1;
}
.cate_side_wrap .curation li:first-child {
    padding: 0;
    margin: 0;
    border: none;
}
.cate_side_wrap .curation li:last-child {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 13px;
}
.cate_side_wrap .curation li a {
    font-size: 0;
}
.cate_side_wrap .curation li a > img {
    width: 115px;
}
.cate_side_wrap .curation li a .txt {
    position: relative;
    width: calc(100% - 115px);
    height: 115px;
    font-size: 16px;
    color: #000;
    display: inline-block;
    padding: 0 0 0 27px;
    box-sizing: border-box;
}
.cate_side_wrap .curation li a .txt .tit {
    font-weight: 700;
    margin-bottom: 13px;
    font-family: "Montserrat";
}
.cate_side_wrap .curation li a .txt .des {
    line-height: 24px;
}
.cate_side_wrap .curation li a .txt .go {
    font-size: 13px;
    position: absolute;
    bottom: 10px;
}

.cate_side_wrap .navCommunity {
    padding: 0 10px;
    box-sizing: border-box;
}

.cate_side_wrap .event {
    padding: 0 10px;
    box-sizing: border-box;
}
.cate_side_wrap .event li img {
    width: 100%;
}
.cate_side_wrap .event li .txt .tit {
    margin: 15px 0 8px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
}
.cate_side_wrap .event li .txt .des {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
}
.cate_side_wrap .event li .txt .date {
    margin: 13px 0 23px;
    color: #a0a0a0;
    font-size: 13px;
    line-height: 26px;
}

.cate_side_wrap .navCommunity.cus {
    margin-bottom: 107px;
}
.cate_side_wrap .navCommunity.cus h3 {
    padding-top: 36px;
}
.cate_side_wrap .navCommunity.cus h3 span {
    color: #6c0091;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}
.navHead {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(18px, 5.4688vw, 35px);
    padding: 0 16px;
    position: relative;
}
.navHead .tool li a {
    font-weight: 500;
    font-size: min(16px, 4vw);
}
.navHead .tool > a:nth-child(3) {
    font-size: clamp(18px, 3.91vw, 25px);
}

.iconBox {
    display: block;
}

.iconBox::after {
    background-image: url("//jstyle07.jpg3.kr/SITE/ICON/icon_all.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
}

aside .swiper-slide {
    background: #fff;
}


aside {
    box-sizing: border-box;
    padding: 25px 0 0;
    word-break: keep-all;
    pointer-events: none;
    opacity: 0;
    position: fixed;
    overflow:hidden;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 640px;
    height: calc(100dvh - 69px);
    z-index: 10001;
    transition-duration: 0.2s;
}

aside.active {
    background-color: #fff;
    pointer-events: auto;
    word-break: keep-all;
    z-index: 10001;
    opacity: 1;
    display: flex;
    flex-direction: column;
}
aside .cate_wrap {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/*신규 카테고리 CSS*/
aside .cate_wrap .cate_tab ul {
    display: flex;
    align-items: flex-start;
}

aside .cate_wrap .cate_tab ul li {
    flex: 1;
    position: relative;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #999;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.36px;
}

aside .cate_wrap .cate_tab ul li:after {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 2px;
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
}

aside .cate_wrap .cate_tab ul li.selected {
    color: #000;
}

aside .cate_wrap .cate_tab ul li.selected:after {
    background: #000;
}

aside .cate_wrap .tabContent,
aside .cate_wrap .tabContent .tabsubContent {
    display: none;
}

aside .cate_wrap .tabContent.selected {
    display: flex;
    flex: 1;
    min-height: 0;
}
aside .cate_wrap .tabContent .tabsubContent.selected {
    display: block;
}
aside .cate_wrap .tabContent .main_cate,
aside .cate_wrap .tabContent .sub_cate {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y:auto;
}
aside .cate_wrap .tabContent .main_cate {
    background: #f5f5f5;
}
aside .cate_wrap .tabContent .main_cate li {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #000;
}
aside .cate_wrap .tabContent .main_cate li a {
    padding-left: 16px;
    display: block;
    font-size: 14px;
    color: #000;
}
aside .cate_wrap .tabContent .main_cate li.have-child {
    padding-left: 16px;
}
aside .cate_wrap .tabContent .main_cate li.selected {
    background: #fff;
}
aside .cate_wrap .tabsubContent ul li {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #000;
}
aside .cate_wrap .tabsubContent ul li a {
    padding-left: 16px;
    display: block;
    font-size: 14px;
    color: #000;
}
/* BASIC css end */