/* BASIC css start */
body{min-width:1300px;}

/* header & °øÅë */
.headerWrap{position:relative;z-index:100;height:242px;border-bottom:1px solid #ddd;background-color:#fff;box-shadow:0 0 4px #f7f7f7;}
.headerWrap .headerInnerWrap{position:relative;}
.headerWrap .listWrap:after{content:"";display:block;clear:both;}
.iconBtn{text-align:center;}
.iconBtn .stt_on, .iconBtn.on .stt_off{display:none;}
.iconBtn.on .stt_on{display:block;}
.minSizeWrap{width:1300px;margin:0 auto;position:relative; display:block;}
.initTransition{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.readyAnimate{}

/* »ó´Ü °íÁ¤ ¹è³Ê */
.headerFixBanner{position:relative;z-index:110;border-bottom:1px solid #ebebeb;display:none;}
.headerFixBanner.on{display:block;}
.headerFixBanner.firstView{-webkit-transition:none;transition:none;}
.headerFixBanner .link{display:block;position:relative;height:50px;margin:0 auto;max-width:1920px;overflow:hidden;background-color:#e3e3e3;}
.headerFixBanner .bannerImg{position:absolute;top:0;left:50%;margin-left:-960px;}
.headerFixBanner .headerFixBannerBtn{position:absolute;top:0;right:0;z-index:1;padding:7px 8px;font-size:18px;line-height:1;color:#444;display:block;}

/* lnb */
.headerWrap .lnbWrap{position:relative;z-index:110; /*height:37px;*/}
.lnbWrap .listWrap{float:right;}
.lnbWrap .list{float:left;}
.lnbWrap .list.subListArea{position:relative;}
.lnbWrap .link{position:relative;height:17px;margin:0 12px;padding:13px 0;font-size:11px;line-height:1;color:#000;display:inline-block;}
.lnbWrap .link .cicon{margin:0 2px 0 0;vertical-align:top;}
.lnbWrap .link .txt{vertical-align:top;display:inline-block;}
.lnbWrap .link:hover{color:#888}
.lnbWrap .left .link:first-child{margin-left:0;}
.lnbWrap .left .link:hover{color:#706f6f;}
.lnbWrap .listWrap .link{margin:13px 0 0;padding:0 16px;}
.hdBar {float:left;overflow:hidden;width:1px;height: 10px;background-color:#989898;text-indent:-9999px;vertical-align:top;margin: 13px 0 0;}

.lnbWrap .balloonArea{position:absolute;top:20px;left:50%;z-index:10;width:66px;height:20px;margin:0 0 0 -30px;border-radius:8px;font-size:11px;line-height:21px;color:#000;background-color:#f0edec;text-align:center;display:block;
	-webkit-animation:balloonAni 2s ease-in-out infinite;animation:balloonAni 2s ease-in-out infinite;
}
.lnbWrap .balloonArea .arrow{position:absolute;top:0;left:50%;z-index:1;width:7px;height:7px;margin:-4px 0 0 -5px;background-color:#f0edec;display:block;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.lnbWrap .basketQuan{min-width:9px;height:13px;margin-top:-1px;padding:0 2px;border-radius:7px;font-size:10px;line-height:13px;color:#fff;background-color:#696969;text-align:center;display:inline-block;}
.lnbWrap .listWrap .cmmtyLink{padding-bottom:8px;}
.lnbWrap .subListWrap{position:absolute;top:100%;left:-23px;right:-23px;padding:6px 4px 4px;border:1px solid #ddd;background-color:#fff;text-align:center;display:none;}
.lnbWrap .subListWrap .subListLink{height:22px;margin-bottom:2px;padding:4px 0;font-size:12px;line-height:23px;color:#555;display:block;}
.lnbWrap .subListWrap .subListLink.useFont_nanumGothic{font-size:13px;}
.lnbWrap .subListWrap .subListLink:hover{background-color:#ebebeb;}
.lnbWrap .subListArea .link:hover ~ .subListWrap, .lnbWrap .subListArea .subListWrap:hover{display:block;}

@-webkit-keyframes balloonAni{ 0%{margin-top:0;} 50%{margin-top:0;} 55%{margin-top:-5px;} 60%{margin-top:0;} 65%{margin-top:-5px;} 70%{margin-top:0;} 100%{margin-top:0;} }
@keyframes balloonAni{ 0%{margin-top:0;} 50%{margin-top:0;} 55%{margin-top:-5px;} 60%{margin-top:0;} 65%{margin-top:-5px;} 70%{margin-top:0;} 100%{margin-top:0;} }

/* Çì´õ »ó´Ü Á¤º¸ */
.headerInfo{position:relative;z-index:100;}
.headerInfo .btnArea{}
.headerInfo .btnArea .center{display:block;}
.headerInfo .btnArea .right{}
.headerInfo .logoArea{padding:44px 0 52px;}
.headerInfo .logoArea .link{position:relative;font-size:0;vertical-align:middle;display:inline-block;}
.headerInfo .logoArea img{}
.headerInfo .logoArea .subLogoWrap{position:absolute;top:100%;left:0;right:0;margin:10px 0 0;visibility:hidden;opacity:0;text-align:center;display:block;}
.headerInfo .logoArea .link:hover .subLogoWrap{visibility:visible;opacity:1;}

/* °Ë»ö ¿µ¿ª */
.headerInfo .searchArea{position:absolute;top:71px;right:0;}
.headerInfo .searchIptWrap{position:relative;}
.headerInfo .searchIptWrap input{width:135px;height:30px;padding:0 40px 0 25px;border:0;border-radius:15px;font-size:11px;color:#000;outline:0;background-color:#f2f2f2;}
.headerInfo .searchIptWrap input:focus{background-color:#eee;}
.headerInfo .searchIptWrap .searchBtn{position:absolute;top:0px;right:10px;z-index:5;width:30px;height:30px;text-align:center;display:block;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.headerInfo .searchIptWrap .searchBtn .cicon{margin-top:9px;line-height:1;}

/* gnb ¿µ¿ª */
.gnbWrap .gnbArea{width:1100px; height:auto; margin:0 auto; text-align:center; z-index:999;   }
.gnbWrap .gnbArea .listWrap{/*white-space:nowrap;*/font-size:0; display:block; text-align:justify; margin-top:-7px; 
    background: #fff;
    height: 65px;}
.gnbWrap .gnbArea .listWrap ul{}
.gnbWrap .gnbArea .listWrap .gnbArea_2{ margin:0 auto; text-align:left; }

.gnbWrap .gnbArea .list{position:relative;line-height:36px;text-align:center;display:inline-block; width:16%; font-family:"Noto Sans KR"; font-weight:400;}
.gnbWrap .gnbArea .addList{font-weight:700;}
.gnbWrap .gnbArea .addList .font{font-weight:normal;}
.gnbWrap .gnbArea .link{position:relative;height:100%;  font-size:15px;line-height:inherit;color:#000;display:block;-webkit-transition:color 0.2s ease;transition:color 0.2s ease; }
.gnbWrap .gnbArea .link:after { display:none; position:absolute; bottom:0; left:35px; right:35px; border-bottom:2px solid #000; content:'' }
.gnbWrap .gnbArea .link .img{z-index:0;}
.gnbWrap .gnbArea .addList .link{padding:0;}

.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(2){padding:0 17px 0 38px; font-weight:normal;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(3){padding:0 15px 0 37px; font-weight:normal;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(4){padding:0 20px 0 37px;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(5){padding:0 20px 0 37px;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(6){padding:0 20px 0 37px;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(7){padding:0 20px 0 37px; font-weight:normal;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(8){padding:0 20px 0 37px;}
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(9){padding:0 0 0 36px; }

.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(2) .link:after, 
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(3) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(4) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(5) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(6) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(7) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(8) .link:after,
.gnbWrap .gnbArea .listWrap .gnbArea_2 .list.addList:nth-of-type(9) .link:after { left:0; right:0 }

.gnbWrap .gnbArea .link.on, .gnbWrap .gnbArea .list:hover .link {color:#706f6f;}
.gnbWrap .gnbArea .link.on:after, .gnbWrap .gnbArea .list:hover .link:after { display:block }
.gnbWrap .gnbArea .list.first{text-align:left;}
.gnbWrap .gnbArea .list.first .link{padding-left:0;}
.gnbWrap .subListWrap{position:absolute;top:100%;left:0;width:163px;margin:0 0 0 29px;padding:7px 0 5px;border:1px solid #ddd;background-color:#fff;white-space:normal;text-align:left;visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;z-index:100}
.gnbWrap .subListWrap .subListLink{padding:0 20px;font-size:13px;line-height:29px;color:#000;display:block;font-weight:400; font-family:"Noto Sans KR"}
.gnbWrap .subListWrap .subListLink:hover{background-color:#ebebeb;}
/*.gnbWrap .addList .subListWrap{max-width:350px;width:auto;margin:0; padding:45px;border-color:#f2f2f2;border-top-color:#ddd;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}*/
/*.gnbWrap .addList:last-child .subListWrap{left:auto;right:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);}*/
.gnbWrap .link:hover ~ .subListWrap, .gnbWrap .subListWrap:hover{visibility:visible;opacity:1;}

/* ¿ìÃø °íÁ¤ ¸Þ´º ¿µ¿ª */
.rightFixMenu{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.rightFixMenu.firstView{-webkit-transition:none;transition:none;}
.rightFixMenu.on{width:238px;}
.rightFixMenu .rightFixCnt{position:absolute;top:0;bottom:0;left:0;width:220px;padding:60px 9px 0;border:1px solid #d1d1d1;border-right:0;background-color:#fff;}
.rightFixMenu .closeFixBtn{position:absolute;top:6px;right:6px;font-size:47px;color:#000;display:block;}
.rightFixMenu .rightQuickMenu{position:absolute;bottom:110px;right:100%;margin:0 10px 0 0;border:1px solid #000;text-align:center;}
.rightFixMenu .rightQuickMenu .link{position:relative;padding:8px 7px;display:block;}
.rightFixMenu .balloonTxtWrap{position:absolute;top:50%;right:100%;margin:-11px 10px 0 0;border:1px solid #e4e4e4;background-color:#fff;text-align:center;display:block;visibility:hidden;opacity:0;}
.rightFixMenu .balloonTxtWrap .title{padding:0 6px;font-size:10px;line-height:22px;color:#555;white-space:nowrap;display:block;}
.rightFixMenu .rightQuickMenu .link:hover{background-color:#fff;}
.rightFixMenu .rightQuickMenu .link:hover .balloonTxtWrap, .rightFixMenu .rightQuickMenu .link .balloonTxtWrap:hover{visibility:visible;opacity:1;}

.rightFixMenu .loginArea{font-size:0;line-height:0;}
.rightFixMenu .loginArea .link{width:50%;height:35px;font-size:12px;line-height:35px;color:#fff;background-color:#a6a6a6;vertical-align:top;text-align:center;display:inline-block;}
.rightFixMenu .loginArea .empha{background-color:#ecb5b9;}
.rightFixMenu .loginArea .link:hover{background-color:#000;color:#fff;}
.rightFixMenu .userMenu{padding:15px 0 6px;border-bottom:1px solid #000;font-size:0;line-height:0;}
.rightFixMenu .userMenu .list{width:25%;text-align:center;display:inline-block;}
.rightFixMenu .userMenu .link{padding:0 0 6px;display:block;}
.rightFixMenu .userMenu .txtCount{padding:0 0 4px;font-size:11px;line-height:24px;color:#444;display:block;}
.rightFixMenu .userMenu .cicon{margin:4px 0 5px;}
.rightFixMenu .userMenu .txt{font-size:11px;line-height:1;color:#444;white-space:nowrap;display:block;}

.rightFixMenu .quickLinkArea{padding:10px 8px 0;}
.rightFixMenu .quickLinkArea a{padding:7px 0;font-size:12px;line-height:1;color:#444;display:block;}
.rightFixMenu .quickLinkArea a:hover{color:#000;}
.rightFixMenu .quickLinkArea .storeLink{padding:10px 0;text-align:center;}
.rightFixMenu .snsArea{padding: 20px 5px 15px;border-bottom:1px solid #000;font-size:0;}
.rightFixMenu .snsArea .link{width:28px;text-align:center;display:inline-block;}

.rightFixMenu .csCenter{padding-top:15px;}
.rightFixMenu .csCenter .tel{font-size:26px;line-height:1;color:#444;display:block;}
.rightFixMenu .csCenter .subTxt{padding:5px 0 0 3px;font-size:12px;line-height:18px;color:#444;}
.rightFixMenu .todayViewList{}
.rightFixMenu .todayViewList .title{padding:30px 0 15px;font-size:14px;line-height:1;color:#444;text-align:center;display:block;}
.rightFixMenu .todayViewList .bx-viewport{height:120px !important;}
.rightFixMenu .todayViewBannerWrap{width:90px;margin:0 auto;}
.rightFixMenu .todayViewBanner{height:120px;}
.rightFixMenu .todayViewBanner a{display:block;}
.rightFixMenu .todayViewBanner a img{width:90px;height:120px;}
.rightFixMenu .todayViewBannerWrap .bx-controls-direction{}
.rightFixMenu .todayViewBannerWrap .bx-prev, .rightFixMenu .todayViewBannerWrap .bx-next{width:16px;height:16px;font-size:16px;color:#000;line-height:16px;visibility:visible;opacity:1;}
.rightFixMenu .todayViewBannerWrap .bx-prev{margin:-8px 0 0 -64px;}
.rightFixMenu .todayViewBannerWrap .bx-next{margin:-8px -64px 0 0;}

/* À̺¥Æ® Æ˾÷ */
.evtPop{position:fixed;bottom:30px;left:32px;z-index:1000;}
.evtPop .evtPopCnt{position:absolute;bottom:0;left:0;right:0;width:250px;height:0;overflow:hidden;}
.evtPop .evtBannerArea{position:relative;}
.evtPop .evtBannerArea .link{display:block;}
.evtPop .evtCloseArea{position:absolute;top:0;right:0;}
.evtPop .evtCloseBtn{position:relative;line-height:32px;color:#fff;text-align:center;display:block;}
.evtPop .evtCloseBtn .txt{width:31px;height:31px;font-size:16px;background-color:#484848;display:block;}
.evtPop .evtCloseBtn .todayClose{position:absolute;top:0;right:100%;padding:0 12px;background-color:#333;white-space:nowrap;display:block;visibility:hidden;opacity:0;}
.evtPop .evtCloseBtn:hover .todayClose{visibility:visible;opacity:1;}
.evtPop .evtPopCnt.viewOn{-webkit-transition:all 0.8s ease;transition:all 0.8s ease;}/* js¿¡¼­ ÄÁÆ®·Ñ */
.evtPop .evtPopCnt.viewOff{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;visibility:hidden;opacity:0;}
.evtPop .evtOpenBtn{position:absolute;bottom:0;left:0;width:41px;height:41px;visibility:hidden;opacity:0;display:block;}
.evtPop .evtOpenBtn .txt{position:absolute;top:50%;bottom:50%;left:50%;right:50%;z-index:5;font-size:12px;line-height:14px;color:#fff;border-radius:21px;background-color:#333;text-align:center;display:block;-webkit-transition:all 0.3s 0.4s ease;transition:all 0.3s 0.4s ease;}
.evtPop .evtOpenBtn .txt:before{content:"";height:7px;display:block;}
.evtPop .evtOpenBtn.viewOn{visibility:visible;opacity:1;}
.evtPop .evtOpenBtn.viewOn .txt{top:0;bottom:0;left:0;right:0;}
.evtPop .evtOpenBtn .balloonTxtWrap{position:absolute;top:0;left:50%;z-index:1;height:100%;padding:0 20px 0 30px;border-radius:0 21px 21px 0;font-size:12px;line-height:41px;color:#000;background-color:#f0f0f0;white-space:nowrap;visibility:hidden;opacity:0;display:block;}
.evtPop .evtOpenBtn:hover .balloonTxtWrap{visibility:visible;opacity:1;}

/* Çì´õ »óÅ°ª °ü¸® */
.viewHeaderBg .headerWrap{}
.headerFix .headerWrap{position:fixed;top:0;left:0;right:0;z-index:200;height:123px;margin-top:0;}
.headerFix .headerInnerWrap{}
.headerFix #contentWrapper{padding-top:218px;}
.headerFix .lnbWrap .left{display:none;}
.headerFix .lnbWrap .right{margin-right:230px;padding-top:6px;}
.headerFix .lnbWrap .balloonArea{display:none;}
.headerFix .headerInfo{z-index:120;}
.headerFix .headerInfo .logoArea{position:absolute;top:-34px;left:0;z-index:1;padding:0;}
.headerFix .headerInfo .logoArea img{width:150px;}
.headerFix .headerInfo .logoArea .subLogoWrap{display:none;}
.headerFix .headerInfo .searchArea{top:-35px;}
.headerFix .gnbWrap .gnbArea{height:36px;padding-top:8px;}
.headerFix .gnbWrap .gnbArea .listWrap .gnbArea_2{}
.headerFix .gnbWrap .gnbArea .list{/* height:36px; */line-height:36px;}

.applyWebFont .gnbWrap  .gnbArea .link{margin-right:0;}

/* À¥ÆùÆ® Àû¿ë ¿©ºÎ üũ ÈÄ Ã³¸®. */
.applyWebFont .gnb .link, .applyWebFont .addPrdArea .cateArea .link .txt{margin-top:0;}

.rt_kakao { padding:5px 0 0;}
.beecon { }
.beecon #BeeConRban a {padding:0 !important;line-height: 0 !important;}


/* »ó´Ü Ä«Ä«¿À»ó´ã  */
.kakao_top { /*background: url(/design/swooew/phps/kakao_top_btn.png) no-repeat;*/ font-size: 0; vertical-align: middle; display: inline-block;}



.kakao_top img { margin-top:-3px; } 

}


#MS_beecon_area th,td {padding:0; border: none;}

.btnDicon {position:relative;height:11px;margin:0 12px;padding:13px 0;line-height:1;display:inline-block;}

.gnbWrap .gnbArea.cateSwiper .swiper-button-next {
    background: url(/design/swooew/makeshop/brand/arr_r.png) no-repeat;
    width: 22px;
    height: 41px;  
}
.gnbWrap .gnbArea.cateSwiper .swiper-button-next:after,
.gnbWrap .gnbArea.cateSwiper .swiper-button-prev:after {
    display: none;
}
.gnbWrap .gnbArea.cateSwiper .swiper-button-prev {
    background: url(/design/swooew/makeshop/brand/arr_l.png) no-repeat;
    width: 22px;
    height: 41px;  
}
.headerFix .gnbWrap .gnbArea.cateSwiper .swiper-button-next,
.headerFix .gnbWrap .gnbArea.cateSwiper .swiper-button-prev {
    margin-top: -5px;
}

.cateSwiper .swiper-scrollbar {
            position: absolute;
    left: 0px !important;
    bottom: -11px !important;
    height: 4px !important;
            z-index: 50; 
            width: 98%;
            background-color: #fff;
        }
.cateSwiper .swiper-scrollbar-drag {
            background: #e0e0e0;
        }


/* BASIC css end */