/* BASIC css start */
/*Çì´õ*/
body #toppop{display:block;}
body #wib_Header{background:transparent;}
body #wib_Header.fixed{background:#fff}
body #wib_Header .all_btn{background:url('/design/happyprinc/wib/skin/common/icon_menu_wh.svg')no-repeat; background-size:auto 88%; }
body #wib_Header .logo a{width: 80%;margin: auto;background:url('/design/happyprinc/wib/skin/common/logo_wh.svg')no-repeat center;background-size:96% auto;}
body #wib_Header .left_menu ul li .search_btn{background:url('/design/happyprinc/wib/skin/common/icon_search_wh.svg')no-repeat center;background-size:auto 100%; }
body #wib_Header .right_menu ul li .join_btn{background:url('/design/happyprinc/wib/skin/common/icon_user_wh.svg')no-repeat center; background-size:auto 96%; }
body #wib_Header .right_menu ul li .my_btn{background:url('/design/happyprinc/wib/skin/common/icon_user_wh.svg')no-repeat center; background-size:auto 96%; }
body #wib_Header .right_menu ul li .cart_btn{background:url('/design/happyprinc/wib/skin/common/icon_cart_wh.svg')no-repeat center;background-size:auto 96%; }

.bottom_menu{; top: -60px !important;opacity:0 !important    }
.bottom_menu.show{top:58px !important;opacity:1 !important}

@media all and (min-width: 540px) {
body .fixWrap { top:0; }
}

#container{padding-top:0 !important}
/*Åǵ¿ÀÛ*/
.tabs li a{font-size:13px;font-weight:400;color:#8E8E8E}
.tabs li.on a  {color: #d15460;font-weight:600;}
.tab-con{display:none;}
#hot_pd .tab-con{display:block;}

.tab-con:first-child{display:block;}
/*¸ÞÀκñÁê¾ó*/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#main_content ul li{position: relative;}
#main_content ul li a{display:block;}
#main_content ul li a> img{width:100%}
#main_content ul li .txt_box{position: absolute;bottom:40px;left:30px}
#main_content ul li .txt_box > img{width:116px;}
#main_content ul li .txt_box .ban_tit{font-size:14px;color:#fff;font-weight:500;letter-spacing:0;font-family: 'Noto Sans KR', sans-serif !important;}
#main_content ul li .txt_box .ban_tit img{width:100%;transform: translateY(-6px);position: relative;z-index:1}
#main_content ul li .txt_box .ban_tit.ko{font-family: 'pretendard', sans-serif !important;letter-spacing:-0.03em;font-weight:400}
#main_content ul li .txt_box .ban_tit.eg{ /* font-family: 'GmarketSansMedium',sans-serif !important;*/ font-size:24px;color:#fff;margin-top:12px;font-weight:bold}
#main_content .swiper-pagination{display:inline-block;padding:7px 12px;background:rgba(0,0,0,0.4);border-radius:20px;width: auto;font-size:9px;color:#C9C9C9;left:auto;right:15px;bottom:40px;top:auto;min-width:64px;box-sizing:border-box}
#main_content .swiper-pagination span{font-size:9px;color:#C9C9C9;;font-weight:400}
#main_content .swiper-pagination span.swiper-pagination-current{font-size:11px;color:#fff;font-weight:400;margin-right:5px}
#main_content .swiper-pagination span.swiper-pagination-total{margin-left:5px}
/*Ä«Å×°í¸® ÅÇ*/
#tab_area ul{font-size:0;padding:0 12px; }
#tab_area ul li{display:inline-block;vertical-align:top;width:20%;text-align:center;padding:20px 5px 0; box-sizing:border-box; }
#tab_area ul li a{display:block;width:100%;font-size:11px;color:#424242}
#tab_area ul li a img { width:100%; }
#tab_area ul li a span{display:block; margin:10px 0 0; font-size:13px;letter-spacing:-0.03em;color:var(--color-font);line-height:1.2em; }
#tab_area ul li:nth-child(1) a span,
#tab_area ul li:nth-child(2) a span { font-weight:700; }


/*
#tab_area ul li:first-child a{background:url('/design/happyprinc/wib/img/mo/icon00.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(2) a{background:url('/design/happyprinc/wib/img/mo/icon01.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(3) a{background:url('/design/happyprinc/wib/img/mo/icon02.svg')no-repeat center top 15px;}
#tab_area ul li:nth-child(4) a{background:url('/design/happyprinc/wib/img/mo/icon03.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(5) a{background:url('/design/happyprinc/wib/img/mo/icon04.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(6) a{background:url('/design/happyprinc/wib/img/mo/icon05.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(7) a{background:url('/design/happyprinc/wib/img/mo/icon06.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(8) a{background:url('/design/happyprinc/wib/img/mo/icon08.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(9) a{background:url('/design/happyprinc/wib/img/mo/icon09.svg')no-repeat center top 15px}  
#tab_area ul li:nth-child(10) a{background:url('/design/happyprinc/wib/img/mo/icon10.svg')no-repeat center top 15px}
*/

/*ŸÀÓ¼¼ÀÏ*/
#time_sale_pd{margin-top:90px;margin-bottom:0px}
#time_sale_pd .item-cont > li{display:inline-block;width:calc(50% - 5px);margin-right:10px}
#time_sale_pd .item-cont > li:nth-child(2n){margin-right:0}
#time_sale_pd .item-cont > li{margin-top:60px;}
#time_sale_pd .item-cont > li:nth-child(1),
#time_sale_pd .item-cont > li:nth-child(2){margin-top:0}
/*ŸÀÌƲ*/
.m_tit{font-size:23px;color:var(--color-font);font-weight:600;padding:0 15px;margin-bottom:40px;line-height:1em;}
/*´õº¸±â*/
.btn_moreGray{background:transparent;border:1px solid #b5b9ba;width:calc(100% - 30px);font-size:12px;color:#6e6e6e;letter-spacing:-0.03em;height:42px;line-height:42px;font-weight:600;}
.btn_moreGray:after{content:"";display:inline-block;width:10px;height:6px;background:url('/design/happyprinc/wib/skin/common/more_arrow.svg')no-repeat center;margin-left:7px;transform: translateY(-2px);}
/*ÅÇ*/
.tabs_wrap ul{display: flex;overflow-x: auto; flex-wrap: nowrap;-ms-overflow-style: none;padding-left:15px;scrollbar-width: none;;border-bottom:1px solid #D9DDE1}
.tabs_wrap ul::-webkit-scrollbar {display:none;}
.tabs_wrap ul li{display: inline-block;width: auto;margin-right: 35px;flex: 0 0 auto;}
.tabs_wrap ul li:last-child{margin-right:15px}
.tabs_wrap ul li.on a{font-size:15px;color:#202323;font-weight:700;}
.tabs_wrap ul li a{color:#aaaaaa;font-size:13px;font-weight:500;position: relative;display:block;padding-bottom:15px;}
.tabs_wrap ul li > a::before{content:"";display: block;width: 0%;height:2px;background-color: #202323;position: absolute;bottom:0px;right:0;transition: all 0.3s;}
.tabs_wrap ul li.on a::before{width: 100%; left: 0; right: auto;}
/*½º¿ÍÀÌÆÛ ¹öÆ°*/
.swiper-arrow_box{position: absolute;right:15px;width:61px;height:19px}
.swiper-arrow_box:before{content:"";display:inline-block;width:1px ;height:18px;background: #dadde2;position: absolute;top:0;left:50%;transform:translateX(-50%)}
.swiper-arrow_box div{width:10px;height:19px;transform:none;margin:0 !important}
.swiper-arrow_box div.swiper-button-next{background:url('/design/happyprinc/wib/skin/common/best_arrow_next.svg')no-repeat center;right:0;top:0;}
.swiper-arrow_box div.swiper-button-prev{background:url('/design/happyprinc/wib/skin/common/best_arrow_prev.svg')no-repeat center;left:0;top:0}


/*À§Å¬¸®*/
#best_pd{margin-top:90px}
#best_pd .m_tit{display:inline-block;}
#best_pd .tabs_wrap ul li { margin-right:35px; }
#best_pd .tab_cont_wrap{margin-top:30px}
#best_pd .tab_cont_wrap .item-wrap{position: relative;}
/*
#best_pd .tab_cont_wrap .item-wrap .item-cont > li{display:inline-block;width:calc(50% - 5px);margin-right:10px}
#best_pd .tab_cont_wrap .item-wrap .item-cont > li:nth-child(2n){margin-right:0}
#best_pd .tab_cont_wrap .item-wrap .item-cont > li{margin-top:43px;}
#best_pd .tab_cont_wrap .item-wrap .item-cont > li:nth-child(1),
#best_pd .tab_cont_wrap .item-wrap .item-cont > li:nth-child(2){margin-top:0}
*/
#best_pd .tab_cont_wrap .swiper-container{ /* padding-bottom:40px*/ }
#best_pd .tab_cont_wrap .swiper-pagination{bottom:0; display:none;}
#best_pd .tab_cont_wrap .swiper-pagination > .swiper-pagination-bullet{width:5px;height:5px;background:#dadde2;margin:0 5px;opacity:1 !important}
#best_pd .tab_cont_wrap .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#E8A58F}
#best_pd .swiper-arrow_box{top:-119px;}
/* Ä«Å×°í¸® ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes bounce{
    0%{
        top: -30px;

        opacity:0
    }

    100%{
        top: 0px;

        opacity:1
    }
}
/*À§Å¬¸® »óÇ°Æû*/
#best_pd .item-cont > li { display:flex; position:relative; padding-left:40px; width:auto; margin:0 0 20px; }
#best_pd .item-cont > li:before { font-size:13px; line-height:1em; font-weight:600; position:absolute; left:17px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#best_pd .item-cont > li .thumbnail { width:40%; box-sizing:border-box; }
#best_pd .item-cont > li .infoBox { width:60%; box-sizing:border-box; margin-left:5px; margin-top:-10px; }
#best_pd .item-cont > li .infoBox .name { letter-spacing:-0.03em; }
#best_pd .item-cont > li .infoBox .txt .price strike { display:block; margin-left:0px; }


#best_pd .item-cont[data-swiper-slide-index="0"] > li:nth-child(1):before { content:"1"; }
#best_pd .item-cont[data-swiper-slide-index="0"] > li:nth-child(2):before { content:"2"; }
#best_pd .item-cont[data-swiper-slide-index="0"] > li:nth-child(3):before { content:"3"; }
#best_pd .item-cont[data-swiper-slide-index="0"] > li:nth-child(4):before { content:"4"; }


#best_pd .item-cont[data-swiper-slide-index="1"] > li:nth-child(1):before { content:"5"; }
#best_pd .item-cont[data-swiper-slide-index="1"] > li:nth-child(2):before { content:"6"; }
#best_pd .item-cont[data-swiper-slide-index="1"] > li:nth-child(3):before { content:"7"; }
#best_pd .item-cont[data-swiper-slide-index="1"] > li:nth-child(4):before { content:"8"; }












/*¸â¹ö½±*/
#membership{position: relative;margin-top:100px;}
#membership .swiper-arrow_box{top:0}
#membership .swiper-container ul li img{width:100%}
/*½Å»óÇ°*/
#pd_new{margin-top:120px}
#pd_new .items > li{display:inline-block;width:calc(50% - 5px);margin-right:10px}
#pd_new .items > li:nth-child(2n){margin-right:0}
#pd_new .items > li{margin-top:60px;}
#pd_new .items > li:nth-child(1),
#pd_new .items > li:nth-child(2){margin-top:0}
/*»çÀÌÁî¹è³Ê*/
#ban02{margin-top:130px}
#ban02 .swiper-container ul li a{display:block;}
#ban02 .swiper-container ul li a .pt img{width:100%}
#ban02 .swiper-container ul li{position: relative;}
#ban02 .swiper-container ul li .txt{position: absolute;bottom:20px;left:0;padding:0 20px;min-height: 58px;}
#ban02 .swiper-container ul li .txt .t1{font-size:22px;color:#ffffff;font-weight:600;margin-bottom:10px}
#ban02 .swiper-container ul li .txt .t2{font-size:13px;color:#f3f3f3;font-weight:400;line-height:1.2}
/*ÇÖÅ°¿öµå*/
#hot_pd{margin-top:120px}
#hot_pd .m_tit{position: relative; display: inline-block;}
#hot_pd .tab_cont_wrap{padding:30px 0 0;}
#hot_pd .item-cont > li{display:inline-block;width:calc(50% - 5px);margin-right:10px}
#hot_pd .item-cont > li:nth-child(2n){margin-right:0}
#hot_pd .item-cont > li{margin-top:60px;}
#hot_pd .item-cont > li:nth-child(1),
#hot_pd .item-cont > li:nth-child(2){margin-top:0}
/*MDÇÈ*/
#md_pd{position: relative;padding:50px 0;margin-top:90px;background:#f4f4f4 }
#md_pd .swiper-arrow_box{top:50px}
#md_pd .swiper-container ul li .top_box img{width:100%}
#md_pd .swiper-container ul li .cont_box{ padding:0 17px;}
#md_pd .swiper-container ul li .cont_box h4{font-size:17px;color:var(--color-font);font-weight:650;letter-spacing:-0.03em;margin-bottom:8px;}
#md_pd .swiper-container ul li .cont_box .sub_txt{font-size:13px;color:#6e6e6e;font-weight:400;letter-spacing:-0.03em;line-height:1.4em;margin-bottom:18px;word-break: keep-all;}
#md_pd .swiper-container ul li .btn_box {text-align:center;padding:20px 17px 0}
#md_pd .swiper-container ul li .more_view2{display:block;width:100%;height:42px;line-height:42px;border:1px solid #b5b9ba;font-size:12px;color:#6e6e6e;letter-spacing:-0.03em;font-weight:600;background:transparent;text-align:center}
/*¸®ºä*/
#review_wrap{margin-top:110px}






#membership .swiper-button-next.swiper-button-disabled,
#membership .swiper-button-prev.swiper-button-disabled { opacity:.2; }

#md_pd .swiper-button-next.swiper-button-disabled,
#md_pd .swiper-button-prev.swiper-button-disabled { opacity:.2; }



/* BASIC css end */