/* BASIC css start */
#contentWrap{
    width: 100%;
}

.moreBtn {
    text-align:center;
}
.moreBtn button {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #b1b1b1;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: 'Raleway';
}
.listHide {
    display:none!important;
}

/** ½½¶óÀ̵å / °íÁ¤ ¹è³Ê¿µ¿ª**/

.mainToparea{width:1240px; margin:0 auto; overflow:hidden;}
.mainToparea .mainSlide{position:relative; float:left; width:690px; height:900px; margin-right:20px; overflow:hidden;}
.mainToparea .mainSlide .swiper-pagination{position:absolute; width:100%; text-align:center; bottom:20px;}
.mainToparea .mainSlide .swiper-pagination .swiper-pagination-bullet{width:20px; height:4px; margin: 0 5px; border-radius:0; background: #ccc; opacity:1; outline:none;}
.mainToparea .mainSlide .swiper-pagination .swiper-pagination-bullet-active{background:#a6937c;}
.mainToparea .mainTopR{width:530px; height:900px; float:left; overflow:hidden;}
.mainToparea .mainTopR .mainRighttop{width:530px; height:350px; margin-bottom:20px; position:relative; overflow:hidden;}
.mainToparea .mainTopR .mainRighttop .swiper-pagination{position:absolute; width:100%; text-align:center; bottom:20px;}
.mainToparea .mainTopR .mainRighttop .swiper-pagination .swiper-pagination-bullet{width:20px; height:4px; margin: 0 5px; border-radius:0; background: #ccc; opacity:1; outline:none;}
.mainToparea .mainTopR .mainRighttop .swiper-pagination .swiper-pagination-bullet-active{background:#a6937c;}
.mainToparea .mainTopR .mainRightbottom{width:530px; height:530px; overflow:hidden; position:relative;}
.mainToparea .mainTopR .mainRightbottom .swiper-pagination{position:absolute; width:100%; text-align:center; bottom:20px;}
.mainToparea .mainTopR .mainRightbottom .swiper-pagination .swiper-pagination-bullet{width:20px; height:4px; margin: 0 5px; border-radius:0; background: #ccc; opacity:1; outline:none;}
.mainToparea .mainTopR .mainRightbottom .swiper-pagination .swiper-pagination-bullet-active{background:#a6937c;}

.eventBanner{position:relative; background:#f6f6f6; margin-top:100px;}
.eventBanner .swiper-container{width:1240px; margin:0 auto;}
.eventBanner .swiper-button-next, .eventBanner .swiper-button-prev{position:absolute; top:50%; margin-top:-20px; width: 40px; height: 40px; background:none; z-index:101;}
.eventBanner .swiper-button-prev:after{content:'\e93d'; font-family:xeicon; color:#222; font-size:40px; position:absolute; top:0; left:0; width:100%; height:100%; line-height:40px;}
.eventBanner .swiper-button-next:after{content:'\e940'; font-family:xeicon; color:#222; font-size:40px; position:absolute; top:0; left:0; width:100%; height:100%; line-height:40px;}


.weeklySlider{    
    display: block;
    position: relative;
    width: 1240px;
    margin: 0 auto;
 }
.weeklyTab {font-size:0; text-align:center; padding-bottom:30px;}
.weeklyTab li{display:inline-block; outline:none;  margin:0 15px; font-family:'Roboto'; font-size:14px; color:#888; position:relative; width:auto; height:auto; text-indent: unset; background: none; border-radius: 0; opacity:1;}
.weeklyTab li.swiper-pagination-bullet-active{color:#be9f7b;}
.weeklyTab li.swiper-pagination-bullet-active:after{content:''; width:4px; height:4px; border-radius:4px; background:#be9f7b; position:absolute; bottom:-6px; left:50%; margin-left:-2px;}
#weeklyBest .weeklyContent{opacity:0!important;}
#weeklyBest .weeklyContent.swiper-slide-active{opacity:1!important;}
.weeklySlider .weeklyContent .item-cont > div img {width:100%;}
.weeklySlider .weeklyContent .item-cont {
    width:1240px;
    overflow:hidden;
    font-size:0;
}
.weeklySlider .weeklyContent .item-cont > div {
    width:295px; display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px; position:relative;
}
.weeklySlider .weeklyContent .item-cont > div:nth-child(4n) {
    margin-right:0;
}

.weeklySlider .weeklyContent .item-cont > div .spac_wrap {
    opacity:0;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    text-align: center;
    height: 70px;
    padding: 22px 0 20px;
    z-index: 10;
    color: #000;
     transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.weeklySlider .weeklyContent .item-cont > div .spac_wrap  .prod_line{
    display: block;
    width: 200px;
    height: 1px;
    background: #777;
    margin: 10px auto 13px;
}
.weeklySlider .weeklyContent .item-cont > div .spac_wrap .discount_price {
    font-size:12px;
    color:#555;
     font-weight:300;
    font-family: 'Open Sans','³ª´®°íµñ','Nanum Gothic','dotum',sans-serif;
}

.weeklySlider .weeklyContent .item-cont > div .spac_wrap .discount_price b, .weeklySlider .weeklyContent .item-cont > div .spac_wrap .sale_price strike, .weeklyContent .item-cont > div .spac_wrap .consumer_cont{
    font-size:12px;
    display:block; 
    color:#555;
    font-weight:300;
}

.weeklySlider .weeklyContent .item-cont > div .spac_wrap .prod_name {
    font-size:12px;
    color:#555;
     font-weight:300;
    font-family: 'Open Sans','³ª´®°íµñ','Nanum Gothic','dotum',sans-serif;
}
.weeklySlider .weeklyContent .item-cont > div:hover .spac_wrap{
    opacity:1;
}


.maziaPants{background:#f2f2f2; margin-top:100px; padding:80px 0;}
.maziaPants .pro_tit{margin:0; margin-bottom:30px;}
.maziaPants .pantsTab{font-size:0; text-align:center; padding-bottom:30px;}
.maziaPants .pantsTab li{display:inline-block; cursor:pointer; outline:none; font-size:14px; margin:0 15px; color:#888; position:relative; width:auto; height:auto; text-indent: unset; background: none; border-radius: 0; opacity:1;}
.maziaPants .pantsTab li.current{color:#be9f7b;}
.maziaPants .pantsTab li.current:after{content:''; width:4px; height:4px; border-radius:4px; background:#be9f7b; position:absolute; bottom:-6px; left:50%; margin-left:-2px;}

.maziaPants .tabContent{display:none;}
.maziaPants .tabContent .swiper-container .swiper-slide{margin:0; margin-right:20px;}
.maziaPants .tabContent .item-wrap {margin-top:30px; /*padding:0 50px;*/ position:relative;}
.maziaPants .tabContent .item-wrap .item-cont{width:auto; overflow:visible;}
.maziaPants .tabContent.current{display:block;}
.maziaPants .swiper-button-next, .maziaPants .swiper-button-prev{position:absolute; top:50%; margin-top:-70px; width: 40px; height: 40px; background:none; z-index:101;}
.maziaPants .swiper-button-next{right:0;}
.maziaPants .swiper-button-prev{left:0;}
.maziaPants .swiper-button-prev:after{content:'\e93d'; font-family:xeicon; color:#222; font-size:40px; position:absolute; top:0; left:0; width:100%; height:100%; line-height:40px;}
.maziaPants .swiper-button-next:after{content:'\e940'; font-family:xeicon; color:#222; font-size:40px; position:absolute; top:0; left:0; width:100%; height:100%; line-height:40px;}

/** .sec01_wrap **/

.sec01_wrap {
    margin-top:30px;
    position:relative;
}

.sec01_wrap.cut_lay{margin-top:80px;}


.sec01_wrap .roll_ban03_wrap {
    width: 1300px;
}
.sec01_wrap .roll_ban03_wrap .roll_ban a {
    position:absolute;
    top:0;
}
.sec01_wrap .roll_ban03_wrap .roll_ban a:first-child{
    position:relative;
}

.sec01_wrap .roll_pager{
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 6;
}

.sec01_wrap .roll_pager > a{
    background: rgba(255, 255, 255, 0.4);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    font-size: 0px;
    display: inline-block;
    margin: 0 3px;
}

.sec01_wrap .roll_pager > a.activeSlide{
    background: #fff;
}

.sec01_wrap .btn_prev, .sec01_wrap .btn_next{font-size:26px; position:absolute; top:50%; line-height: 40px; margin-top: -20px; cursor:pointer;}
.sec01_wrap .btn_prev, .sec01_wrap .btn_next i {line-height:40px;}
.sec01_wrap .btn_prev{left:-85px;}
.sec01_wrap .btn_next{right:-85px;}


/** .sec02_wrap **/

.sec02_wrap,
.sec02_tit,
.sec02_close_btn{
    display: none;
}

.sec02_wrap .tab_remote{
    overflow: hidden;
    border-left: solid 1px #ddd; 
}

.sec02_wrap .tab_remote > a{
    float: left;
    text-align: center;
    border: solid 1px #ddd;
    box-sizing: border-box;
    width: 249px;
    height: 50px;
    line-height: 50px;
    margin-left: -1px;
    display: block;
    font-size: 13px;
    color: #757575;
    cursor: pointer;
    background: #fbfbfb;
}

.sec02_wrap .tab_remote > a.on_tab,
.sec02_wrap .tab_remote > a.activeSlide{
    font-weight: bold;
    color: #333;
    border-bottom: none;
    background: #fff;
}

.sec02_wrap .tab_body{
    background: #fff;
    border: solid 1px #ddd;
    width: 1179px;
    margin: 0 auto;
    border-top: none;
    padding: 30px;
}

.sec02_wrap .tab_body > div > div{
    display: none;
}

.sec02_wrap .tab_body > div > div:first-child{
    display: block;
}

.sec02_wrap .tab_body .item-cont .normal_item{
    position: relative;
    width: calc(33.333% - 20px);
    width: -webkit-calc(33.333% - 20px);
    margin: 0 10px 20px;
}

.sec02_wrap .tab_body .item-cont .normal_item:nth-child(3n){
    margin-right: 0px;
    margin: 0 10px 20px;
}

.sec02_wrap .tab_body .item-cont .normal_item:nth-child(4n){
    margin: 0 10px 20px;
}

.sec02_wrap .tab_body .item-cont .normal_item .prod_thumb{
    margin-bottom: 0px;
}

.sec02_wrap .tab_body .item-cont .normal_item .spac_wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
}

.sec02_wrap .tab_body .item-cont .normal_item:hover .spac_wrap{
    opacity: 1;
}

.sec02_wrap .tab_body .item-cont .normal_item .spac_wrap .spac_in{
    width: 85%;
    padding: 30px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: -webkit-translateX(-50%);
    bottom: -50px;
}

.sec02_wrap .tab_body .item-cont .normal_item:hover .spac_wrap .spac_in{
    bottom: 0px;
}

.sec02_wrap .tab_body .item-cont .normal_item .spac_wrap .spac_in div{
    text-align: center;
    color: #fff;
}

.sec02_wrap .tab_body .item-cont .normal_item .prod_price{
    border-top: none;
    padding-top: 0px;
}

.sec02_wrap .tab_body .item-cont .normal_item .prod_subname,
.sec02_wrap .tab_body .item-cont .normal_item .prod_icon,
.sec02_wrap .tab_body .item-cont .normal_item .dis_icon,
.sec02_wrap .tab_body .item-cont .normal_item .prd-color{
    display: none !important;
}

.sec02_tit.on_tit{
    border-bottom: solid 1px #ccc;
    padding-bottom: 50px;
}

.sec02_close_btn{
    text-align: center;
    margin: 40px auto;
    cursor: pointer;
    width: 50px;
}

.sec02_close_btn > span{
    color: #313131;
    font-size: 17px;
    margin-top: 8px;
    display: block;
}

.sec02_close_btn .top_arrow{
   animation: updown 1s infinite; 
   position: relative;
}

@keyframes updown{
	from{top:6px; opacity: 1;}
    to{top: -6px; opacity: 0;}
}

.sec02_close_btn .top_arrow.down{
   animation: updown02 1s infinite; 
   transform: rotate(180deg);
   -webkit-transform: -webkit-rotate(180deg);
}

.sec02_close_btn .top_arrow > img{
    width: 34px;
}

@keyframes updown02{
	to{top:6px; opacity: 0;}
    from{top: -6px; opacity: 1;}
}





/** .sec05_wrap **/

.sec05_wrap{
    width: 100%;
    height: 405px;
    background: url('http://mazia2008.img3.kr/wib/img/main/scroll-life-diet2.jpg');
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: center;
}

.sec05_wrap div{
    padding: 45px 0;
}





/** .sec07_wrap **/

.sec07_wrap.cut_lay{
    margin-top: 80px;
}

.sec07_wrap #instaPics {
    overflow: hidden;
    margin-top: 15px;
}

.sec07_wrap #instaPics > div {
    float: left;
    width: calc(14.28% - 10px);
    width: -webkit-calc(14.28% - 10px);
    margin: 0 5px;
    margin-bottom: 10px;
    height: 167px;
    overflow: hidden;
}
.sec07_wrap #instaPics > div img{
    width: 100%;
    height: 100%;
}



/**  °øÅë »óÇ°Æû ŸÀÌƲ/´õº¸±â¹öÆ° **/


.pro_tit{
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 120px 0 50px 0;
    border-top: none;
    position: relative;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    line-height: 100%;
    font-family: 'Libre Baskerville'; 
}

.sec06_wrap {overflow:hidden; background:#f9f9f9; padding:100px 0 80px;}
.sec06_wrap  .pro_tit{margin:0 0 30px!important;     font-family: 'Raleway'; font-weight:600; letter-spacing:1px;}
.accSlider{position:relative; width:360px; float:left; margin-right:80px; padding:0 80px;}
.accSlider  #slide-counter{font-family: 'Raleway'; font-size:24px; bottom:0; position:absolute; right:80px; color:#d1d1d1;}
.accSlider  #slide-counter strong{   font-family: 'Raleway';
    font-weight: normal;
    color: #000;
    position: relative;
    bottom: 10px;
    font-size: 30px;}
.accSlider .prd-color{border-top: solid 1px #eaeaea; padding:0 30px; padding-top:10px; margin-top:10px;}

.accSlider .prod_name, .accSlider .prod_price, .accSlider .prod_icon{}
.accSlider .prod_subname{padding:0!important; border-top:0!important;}
.accSlider .prod_thumb{padding:0;}

.accSlider .prod_thumb img {width:360px; height:360px;}
.accSlider .btn_prev, .accSlider .btn_next{position:absolute; top:50%; font-size:0; width:25px; height:25px;  margin-top:-25px; z-index:5;}
.accSlider .btn_prev{left:0;}
.accSlider .btn_next{right:0;}
.accSlider .btn_prev a, .accSlider .btn_next a{font-size:0;  width:25px; height:25px; display:block;}
.accSlider .btn_prev a:after{content:'\e93d'; font-size:25px; color:#555; font-family:xeicon;}
.accSlider .btn_next a:after{content:'\e940'; font-size:25px; color:#555; font-family:xeicon;}

.videoWrap{ float:left;}
.videoWrap .videosection{ position:relative;}
.videoWrap .videosection iframe{width:640px; height:360px}
.videoWrap p{margin-top:30px; text-align:center; font-size:13px;}

.maziamagagin{width:100%; height:660px; margin:120px 0; position:relative; background:url('http://mazia2008.img3.kr/directer/pc/sub/1231pc_sub_4-.jpg') no-repeat; background-size:cover; }
.maziamagagin .conWrap{position:absolute; top:0; right:50%; margin-right:-650px;}
.maziamagagin .conWrap .smalltitle, .maziamagagin .conWrap h2{font-family:'Raleway'; color:#ffffff;}
.maziamagagin .conWrap .smalltitle {padding:100px 0 0; font-size:16px; letter-spacing:1.5px;}
.maziamagagin .conWrap .smalltitle a{float:right;}
.maziamagagin .conWrap .smalltitle a i{font-size:20px; color:#ffffff;} 
.maziamagagin .conWrap h2{font-size:48px; font-weight:900; padding-bottom:26px; margin-bottom:26px; position:relative;}
.maziamagagin .conWrap h2:after{content:''; width:30px; height:2px; background:#ffffff; position:absolute; left:0; bottom:0;}
.maziamagagin .conWrap .desc{color:#ffffff; margin-bottom:70px; font-size:12.5px;}
.maziamagagin .conWrap .item-wrap {width:720px; overflow:hidden;}
.maziamagagin .conWrap .item-wrap .item-cont{width:720px;}
.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly{width:240px; margin-right:0;}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly:nth-child(3) {
    margin-right:0;
}



.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .prod_thumb{
    margin-bottom: 0px;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .spac_wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 42%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    z-index:12;
}


.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly:hover .spac_wrap{
    opacity: 1;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .spac_wrap .spac_in{
    width: 85%;
    padding: 30px 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: -webkit-translate(-50%,-50%);
    top: -100%;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly:hover .spac_wrap .spac_in{
    top: 50%;
}


.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .spac_wrap .spac_in .prod_price strike {color:#fff;}
.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .spac_wrap .spac_in div{
    text-align: center;
    color: #fff;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .spac_wrap .spac_in div font{color:#fff!important;}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .mask{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index:14;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .prod_price{
    border-top: none;
    padding-top: 0px;
}

.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .prod_subname,
.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .prod_icon,
.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .dis_icon,
.maziamagagin .conWrap .item-wrap .item-cont .normal_item.weekly .prd-color{
    display: none !important;
}
.outerSlider{position:relative;}
.outerSlider .btn_prev, .outerSlider .btn_next{position:absolute; top:0; height:25px;  margin-top:-25px; z-index:5;}
.outerSlider .btn_prev{left:0; padding-left:30px;}
.outerSlider .btn_next{right:0; padding-right:30px;}
.outerSlider .btn_prev a, .outerSlider .btn_next a{width:25px; height:25px; line-height:25px; display:block; padding:0 2px; color:#fff;}
.outerSlider .btn_prev a:after{content:'\e908'; font-size:25px; color:#fff; font-family:xeicon; position:Absolute; top:0; left:0;}
.outerSlider .btn_next a:after{content:'\e90b'; font-size:25px; color:#fff; font-family:xeicon; position:Absolute; top:0; right:0;}


.instaWrap{overflow:hidden;}
.instaWrap > div{float:left;}
.instaWrap > div.last{margin-left:2px; width:792px;}

/*½Å±Ô*/
.mouse_over_sec {position:relative;}
.mouse_over_sec.item-wrap .item-cont {overflow:visible;}
.mouse_over_sec.item-wrap .swiper-button-prev, .mouse_over_sec.item-wrap .swiper-button-next {background:none; width:40px; height:40px; margin-top:-20px; top: 34%;}
.mouse_over_sec.item-wrap .swiper-button-prev {left:-60px;}
.mouse_over_sec.item-wrap .swiper-button-prev:after {content:"\e93b"; font-family:xeicon; font-size:40px; position:absolute; top:0; left:0; color:#000;}
.mouse_over_sec.item-wrap .swiper-button-next {right:-60px;}
.mouse_over_sec.item-wrap .swiper-button-next:after {content:"\e93e"; font-family:xeicon; font-size:40px; position:absolute; top:0; left:0; color:#000;}
.mouse_over_sec.item-wrap .item-cont .normal_item .prod_name, .mouse_over_sec.item-wrap .item-cont .normal_item .prod_price span.sale_price strike, .mouse_over_sec.item-wrap .item-cont .normal_item .prod_price b {font-size:14px;}
.mouse_over_sec.item-wrap .item-cont .normal_item .prod_subname, .mouse_over_sec.item-wrap .item-cont .normal_item .prod_icon {display:none;}
/* BASIC css end */