/* BASIC css start */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}
h1{text-align:center;font-family: 'Pretendard-Black'; font-weight: 800; font-size:30px; margin-top:2%;}
h4{text-align:center;font-family: 'Pretendard-Black'; font-weight: 800; font-size:30px; margin-top:2%;}
.footer_section {display : none;}
#contentWrap_family{width:100%!important;margin-top:2%;}
#content_family{width:100%!important;}
#content_family .item-wrap{width:100%!important;}
#content_family .item-cont{width:100%!important;}
.up_box p{text-align:center;font-size:55px; font-weight:800;padding-top:12%;font-family: 'Pretendard-black'; color:white;}
.main_box p{text-align:center;font-size:20px; font-weight:300;margin-top:2%;font-family: 'Pretendard-Regular';}
.main_box img{width:300px;}
.left_box{height:500px;position:relative; margin-top:3%;}
.left_box img{position:absolute; margin-left:5%;}
.left_box p{text-align: center;position:absolute; top:200px; left:55%;font-size:20px; font-weight:300;font-family: 'Pretendard-Regular';}
.left_box p span{font-size:30px; font-weight:800;font-family: 'Pretendard-bold';}
.right_box{height:500px;position:relative;margin-top:3%;}
.right_box img{position:absolute; margin-right:5%;left:50%;}
.right_box p{text-align:center;position:absolute; top:200px; left:8%;font-size:20px; font-weight:300;font-family: 'Pretendard-Regular';}
.right_box p span{font-size:30px; font-weight:800;margin-bottom:10px;font-family: 'Pretendard-bold';}
.center_box{width:100%;margin-top:7%;}
.center_box img{margin-left: 28%;}
.center_box p{text-align:center;font-size:20px; font-weight:300;margin-top:2%;font-family: 'Pretendard-Regular';}
.center_box p span{font-size:30px; font-weight:800;font-family: 'Pretendard-bold';}

.buy_tab{text-align:center;font-family: 'Pretendard-Regular';}
.buy_tab ul{text-align:center;font-family: 'Pretendard-Regular';}
.buy_tab ul li a{text-align:center;font-family: 'Pretendard-Regular';}

h2.secTit, h2.secTit a{
    margin-bottom:30px;
    margin-left:200px;
    display:block;
    font-size:20px;
    font-weight:800;
    font-family: 'Pretendard-bold';
}


#content_family .tabBtn{
    padding:0 0 40px;
    display : inline-block;
}


#content_family .bestSellTab{
    display:none;
}

#content_family .bestSellTab:nth-child(1){
    display:block;
}

#content_family .tabBtn li{
    margin-right:80px;
}

#content_family .tabBtn li:last-child{
    margin-right:0;
}

#content_family .tabBtn li a{
    display:block;
    font-size:20px;
    color:#969696;
    font-weight:500;
}

#content_family .tabBtn li.active a{
    color:#000;
}


#content_family #BEST_SELL_TAB_01 .native_11 img{}
#content_family #BEST_SELL_TAB_01 .native_1{font-size:20px; font-weight:300; text-align:center;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_01 .native_1 img{}
#content_family #BEST_SELL_TAB_01 .native_2{font-size:20px; font-weight:300;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_01 .native_2 p{width:10%!important;}
.native22{width:1500px; margin: 0 auto;margin-top:2%;text-align:center;}
#content_family #BEST_SELL_TAB_01 .native2_1{font-size:20px; font-weight:300;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_01 .native2_2{font-size:20px; font-weight:300;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_01 .native2_2 img{width:78%!important;margin-bottom:2%;}

#content_family #BEST_SELL_TAB_02 {width:1200px!important; margin: 0 auto;}
#content_family #BEST_SELL_TAB_02 p span{font-size:22px; font-weight:800;font-family: 'Pretendard-bold';}
.picapica{text-align:left;font-size:18px; font-weight:300;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_02 .piccadilly_11{font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_02 .piccadilly_1 {text-align:center;font-size:18px; font-weight:300;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_02 .piccadilly_1 img{width: 60%;
    margin-top: 2%;}
#content_family #BEST_SELL_TAB_02 .piccadilly_2{text-align:left;font-size:18px; font-weight:300;font-family: 'Pretendard-Regular';margin-left:20%;}

#content_family .tabMenu{text-align:center;margin: 0 auto!important;margin-top:50px!important;}

#content_family #BEST_SELL_TAB_03 p{text-align:center;font-size:20px; font-weight:300;margin-top:2%;font-family: 'Pretendard-Regular';}
#content_family #BEST_SELL_TAB_03 p img{width:30%;}
#content_family #BEST_SELL_TAB_03 .emumu img{width:50%;}
#content_family #BEST_SELL_TAB_03 p span{font-size:30px; font-weight:800;font-family: 'Pretendard-bold';}
#BEST_SELL_TAB_03 h4{text-align:center;font-family: 'Pretendard-Black'; font-weight: 800; font-size:30px; margin-top:2%; color:#004f5a;}
#content_family #BEST_SELL_TAB_03 #mainSpot {margin-top:2%;}

#BEST_SELL_TAB_05 #mainSpot {
    position: relative;
    width: 900px;
    margin: 0 auto;}
#BEST_SELL_TAB_05 p{ margin: 0 0 30px; color: #fff; font-size: 16px!important; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif!important; letter-spacing: 3px!important; line-height: 25px!important; }

#mainSpot { position:relative; width: 1200px; margin: 0 auto; margin-top:0%!important;}
.mainSpot_in{ position: relative;}
.mainSpot_in > img{width: 100%;}
.mainSpot_in .slide_content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: moveUp 1.3s forwards; text-align: center; width: 700px;}
.mainSpot_in .slide_content h2{ margin: 0 0 30px; color: #fff; font-size: 36px; font-family: 'Brandon Grotesque', "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: bold; letter-spacing: 3px;}
.mainSpot_in .slide_content p{ margin: 0 0 30px; color: #fff; font-size: 14px!important; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif!important; letter-spacing: 3px!important; line-height: 25px!important; }
.mainSpot_in .slide_content span a{ display: inline-block; width: 200px; height: 55px; line-height: 55px; border: 1px solid #fff; color: #fff; font-size: 16px; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300;}

@keyframes moveUp{
    from {
        opacity:0; margin-top:30px
    }
    to{
        opacity:1; margin-top:0;
    }
}

/* BASIC css end */