/* BASIC css start */
header#header > div.search{position:fixed !important;top:50px;*left:0;z-index:997}
header#header > div.headerTop{opacity:0.85 !important;display:block;width:100%;border-bottom:0;height:50px}
header#header > div.headerTop{position:fixed !important;top:0;*left:0;z-index:997;background:#fff}
header#header > div.headerTop .headerTopLeft{top:10px}
header#header > div.headerTop .headerTopRight{top:10px}
header#header > div.headerTop .headerTopCenter{width:100%;text-align:center;margin-top:10px}
header#header > div.headerTop .headerTopCenter h1{display:none}
header#header > div.headerTop .headerTopCenter h3{display:block}
header#header > .m_nav{display:none}
footer#footer{margin-top:0}

header#header .headerTop.headerfixed .headerTopCenter h1.pinkage{display:none}
header#header .headerTop.headerfixed .headerTopCenter h1.beberose{display:none}
header#header .headerTop.headerfixed .headerTopCenter h1.poetic{display:block}


#fullpage{float:left;width:100%;padding:0}
#mo_lookbook_02, #mo_lookbook_03, #mo_lookbook_04{background-color:#1b1b1b}

#fullpage *{font-family:"Noto Sans KR";font-weight:400;font-size:17px;line-height:30px}
#fullpage .fontPlayfairDisplay{font-family:"Playfair Display"}
#fullpage .fontMontserrat{font-family:"Montserrat";letter-spacing:2px}
#fullpage .bold{font-weight:600}
#fullpage .fontMontserrat.bold{font-weight:700}
#fullpage .italic{font-style:italic;letter-spacing:4px}
#fullpage .fontGold{color:#a6937c}
#fullpage .fontWhite{color:#fff}
#fullpage .font13{font-size:13px;line-height:22px}
#fullpage .font20{font-size:20px;line-height:36px}

#fullpage .section{float:left;width:100%;height:auto !important}
#fullpage .section.bgBlack{background-color:#101010}
#fullpage .section > .sectionWrap{display:block;width:100%;max-width:850px;margin:0 auto;overflow:hidden}
#fullpage .section.video > .sectionWrap > div{background-color:#000}
#fullpage .section > .sectionWrap > div{float:left;width:100%;height:100%;position:relative}
#fullpage .section > .sectionWrap > div > a
, #fullpage .section > .sectionWrap > div > a > img
, #fullpage .section > .sectionWrap > div > img
, #fullpage .section > .sectionWrap > div > video{float:left;width:100%}
#fullpage .section > .sectionWrap > div > .hover
, #fullpage .section > .sectionWrap > div > .fixed{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
#fullpage .section > .sectionWrap > div > .hover
, #fullpage .section > .sectionWrap > div > .hide{opacity:0}
#fullpage .section > .sectionWrap > div > .fixed > img{width:100%}
#fullpage .section > .sectionWrap > div > .fixed.left{width:50.35294117647059%;overflow:hidden}
#fullpage .section > .sectionWrap > div > .fixed.left > .img{opacity:0}
#fullpage .section > .sectionWrap > div > .fixed.right{left:auto;right:0;width:49.64705882352941%;overflow:hidden}
#fullpage .section > .sectionWrap > div > .fixed.right > .img{opacity:0}
#fullpage .section > .sectionWrap > div > .fixed.up{left:auto;right:0;width:49.64705882352941%;overflow:hidden}
#fullpage .section > .sectionWrap > div > .fixed.up > .img{opacity:0}
#fullpage .section > .sectionWrap > div > .hover > table
, #fullpage .section > .sectionWrap > div > .fixed > table{position:relative;width:100%;height:100%;text-align:center}
#fullpage .section > .sectionWrap > div > .hover > table td
, #fullpage .section > .sectionWrap > div > .fixed > table td{vertical-align:middle}
#fullpage .section.link > .sectionWrap > div > .hover > table td
, #fullpage .section.link > .sectionWrap > div > .fixed > table td{vertical-align:top;text-align:left;padding:10px 20px}

.tov-animated{
        -webkit-animation-duration:1.00s;
        animation-duration:1.00s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
}
.tov-animated-slow{
        -webkit-animation-duration:2.00s;
        animation-duration:2.00s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both;
}
@-webkit-keyframes tov-fadeIn{
        0%{opacity:0}
        100%{opacity:1}
}
@keyframes tov-fadeIn{
        0%{opacity:0}
        100%{opacity:1}
}
.tov-fadeIn{
        -webkit-animation-name:tov-fadeIn;
        animation-name:tov-fadeIn;
}
@-webkit-keyframes tov-fadeInUp{
        0%{
                opacity:0;
                -webkit-transform:translate3d(0, 20%, 0);
                transform:translate3d(0, 20%, 0);
        }
        100%{
                opacity:1;
                -webkit-transform:none;
                transform:none;
        }
}
@keyframes tov-fadeInUp{
        0%{
                opacity:0;
                -webkit-transform:translate3d(0, 20%, 0);
                transform:translate3d(0, 20%, 0);
        }
        100%{
                opacity:1;
                -webkit-transform:none;
                transform:none;
        }
}
.tov-fadeInUp{
        -webkit-animation-name:tov-fadeInUp;
        animation-name:tov-fadeInUp;
}
@-webkit-keyframes tov-fadeOut{
        0%{opacity:1;}
        100%{opacity:0;}
}
@keyframes tov-fadeOut{
        0%{opacity:1;}
        100%{opacity:0;}
}
.tov-fadeOut{
        -webkit-animation-name:tov-fadeOut;
        animation-name:tov-fadeOut;
}
@-webkit-keyframes tov-fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes tov-fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.tov-fadeInLeft{
        -webkit-animation-name: tov-fadeInLeft;
        animation-name: tov-fadeInLeft;
}
@-webkit-keyframes tov-fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes tov-fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.tov-fadeInRight{
        -webkit-animation-name: tov-fadeInRight;
        animation-name: tov-fadeInRight;
}

#fullpage .swiper-container{padding-bottom:10px;margin-bottom:30px}
#fullpage .swiper-pagination-fraction, .swiper-pagination-custom,
#fullpage .swiper-container-horizontal > .swiper-pagination-bullets{line-height:20px;font-size:13px}
#fullpage .swiper-pagination-bullet{opacity:1;background:#fcd0da;line-height:20px;font-size:13px}
#fullpage .swiper-pagination-bullet-active{background:#be4955}

#fullpage .section > .sectionWrap .swiper-slide{width:75%;padding:0 10px}
#fullpage .section > .sectionWrap .swiper-slide > a{float:left;width:100%}
#fullpage .section > .sectionWrap .swiper-slide > a{float:left;width:100%;opacity:0.35}
#fullpage .section > .sectionWrap .swiper-slide > a{
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
}
#fullpage .section > .sectionWrap .swiper-slide.swiper-slide-active > a{opacity:1}
#fullpage .section > .sectionWrap .swiper-slide > a > img{float:left;width:100%}
/* BASIC css end */