/* BASIC css start */
@keyframes init-animation {
  from {
    opacity:0;
    transform:translate3d(0, 100px, 0px);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes loop-text {
    100% { 
        transform:translateX(calc(-100% + (-20px)));
    }
}

.lookbook-box {
    overflow:hidden;
}

.lookbook-box .full-box {
    position:relative;
}
.lookbook-box .full-box.second {
    margin-top:80px;
}
.lookbook-box .full-box img {
    width:100%;
    height:calc(100vh - 103px);
    object-fit:cover;
}
.lookbook-box .full-box .overlay-box {
    position:absolute;
    bottom:106px;
    left:0px;
    right:0px;
    z-index:1;
    text-align:center;
}
.lookbook-box .full-box .overlay-box h3 {
    color:#fff;
    font-size:50px;
    font-weight:800;
    line-height:50px;
}
.lookbook-box .full-box .overlay-box h6 {
    margin-top:20px;
    color:#ffffff;
    font-size:50px;
    font-weight:200;
    line-height:50px;
}
.lookbook-box .full-box .overlay-box p {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:230px;
    height:76px;
    margin-top:35px;
    border:1px solid #fff;
    border-radius:50%;
    color:#ffffff;
    font-size:12px;
    font-weight:300;
}

.lookbook-box .twin-box {
    padding-top:36px;
}
.lookbook-box .twin-box > h3 {
    padding-left:22.5px;
    color:#000000;
    font-size:30px;
    font-weight:800;
    line-height:40px;
}
.lookbook-box .twin-box > h6 {
    margin-top:8px;
    padding-left:22.5px;
    color:#000000;
    font-size:15px;
    font-weight:600;
}
.lookbook-box .twin-box .pd-list {
    margin-top:30px;
}
.lookbook-box .twin-box .pd-list .pd {
    position:relative;
    display:block;
}
.lookbook-box .twin-box .pd-list .pd:nth-child(1) {
    width:calc(100% - 64px);
    margin-left:64px;
}
.lookbook-box .twin-box .pd-list .pd:nth-child(2) {
    width:calc(100% - 10px);
    margin:57px auto 0px;
}
.lookbook-box .twin-box .pd-list .pd > img {
    width:100%;
    height:auto;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box {
    position:absolute;
    bottom:37px;
    left:26px;
    z-index:1;
}
.lookbook-box .twin-box .pd-list .pd:nth-child(2) .overlay-box {
    bottom:33px;
    left:33px;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box .info {
    display:flex;
    align-items:center;
    color:#ffffff;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .twin-box .pd-list .pd .overlay-box .go {
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}

.lookbook-box .center-swiper-box {
}
.lookbook-box .center-swiper-box.first {
    margin-top:85px;
}
.lookbook-box .center-swiper-box.second {
    margin-top:67.5px;
}
.lookbook-box .center-swiper-box > h2 {
    color:#000000;
    font-size:50px;
    font-weight:800;
    line-height:60px;
    text-align:center;
}
.lookbook-box .center-swiper-box.second > h2 {
    font-size:25px;
    line-height:35px;
}
.lookbook-box .center-swiper-box .swiper {
    margin-top:13px;
}
.lookbook-box .center-swiper-box.second .swiper {
    margin-top:8px;
}
.lookbook-box .center-swiper-box .swiper-slide {
    position:relative;
    width:275px;
}
.lookbook-box .center-swiper-box .swiper-slide > img {
    width:100%;
    height:auto;
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box {
    position:absolute;
    bottom:34px;
    left:20px;
    right:0px;
    z-index:1;
    opacity:0;
    transform:translate3d(0, 100px, 0px);
    
}
.lookbook-box .center-swiper-box .focus-animation .swiper-slide.swiper-slide-active .overlay-box {
    transition-property:opacity, transform;
    transition-timing-function:ease;
    transition-duration:0.4s;
    transition-delay:0.2s;
    opacity: 1;
    transform: translateZ(0);
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box .info {
    display:flex;
    align-items:center;
    color:#000;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .center-swiper-box .swiper-slide .overlay-box .go {
    color:#000;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}
.lookbook-box .center-swiper-box .swiper-pagination {
    position:static;
    margin-top:7px;
    color:#000000;
    font-size:13px;
    line-height:20px;
    text-align:center;
}
.lookbook-box .center-swiper-box .swiper-pagination span {
    color:inherit;
    font:inherit;
}

.lookbook-box .look-box {
    margin-top:48px;
}
.lookbook-box .look-box .banners {
    position:relative;
}
.lookbook-box .look-box .banners > img {
    width:100%;
    height:auto;
}
.lookbook-box .look-box .banners .overlay-box {
    position:absolute;
    bottom:34px;
    left:25px;
    right:0px;
    z-index:1;
    display:flex;
    align-items:flex-end;
    height:18px;
}
.lookbook-box .look-box .banners .overlay-box h6 {
    color:#ffffff;
    font-size:25px;
    font-weight:800;
    line-height:18px;
}
.lookbook-box .look-box .banners .overlay-box div {
    flex:1;
    height:2px;
    margin-left:10px;
    background:#fff;
}
.lookbook-box .look-box .pd-list {
    margin-top:16px;
}
.lookbook-box .look-box .pd-list .pd {
    position:relative;
    display:block;
    width:calc(100% - 70px);
    margin:0px 10px 0px 60px;
}
.lookbook-box .look-box .pd-list .pd > img {
    width:100%;
    height:auto;
}
.lookbook-box .look-box .pd-list .pd .overlay-box {
    position:absolute;
    bottom:15px;
    right:15px;
    z-index:1;
    text-align:right;
}
.lookbook-box .look-box .pd-list .pd .overlay-box .info {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    color:#000;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .look-box .pd-list .pd .overlay-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .look-box .pd-list .pd .overlay-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .look-box .pd-list .pd .overlay-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .look-box .pd-list .pd .overlay-box .go {
    color:#000;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}
.lookbook-box .look-box .img-list {
    margin-top:45px;
}
.lookbook-box .look-box .img-list .item {
    display:block;
}
.lookbook-box .look-box .img-list .item img {
    width:100%;
    height:auto;
}

.lookbook-box .triple-box {
    margin-top:50px;
}
.lookbook-box .triple-box .item {
    display:block;
}
.lookbook-box .triple-box .item .thumb-list {
    display:flex;
    justify-content:space-between;
    gap:0px 1px;
}
.lookbook-box .triple-box .item .thumb-list .thumb {
    flex:1;
}
.lookbook-box .triple-box .item .thumb-list .thumb img {
    width:100%;
    height:auto;
}
.lookbook-box .triple-box .item .text-box {
    padding-top:7.5px;
    padding-left:33px;
}
.lookbook-box .triple-box .item .text-box .info {
    display:flex;
    align-items:center;
    color:#000;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .triple-box .item .text-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .triple-box .item .text-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .triple-box .item .text-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .triple-box .item .text-box .go {
    color:#000;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}

.lookbook-box .text-loop-box {
    margin-top:42px;
}
.lookbook-box .text-loop-box .wrapper {
    width:100%;
    overflow:hidden;
}
.lookbook-box .text-loop-box .wrapper .inner {
    display:flex;
    gap:0px 20px;
    white-space:nowrap;
}
.lookbook-box .text-loop-box .wrapper .inner h1 {
    color:#000000;
    font-size:50px;
    font-weight:800;
    line-height:75px;
    animation: loop-text 10s infinite;
    animation-timing-function: linear;
}
.lookbook-box .text-loop-box .pd-list {
    margin-top:40px;
}
.lookbook-box .text-loop-box .pd-list .pd {
    display:block;
    margin-top:42px;
}
.lookbook-box .text-loop-box .pd-list .pd:first-child {
    margin-top:0px;
}
.lookbook-box .text-loop-box .pd-list .pd > img {
    width:100%;
    height:auto;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box {
    padding-top:8px;
    padding-left:15px;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box .info {
    display:flex;
    align-items:center;
    color:#000;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .text-loop-box .pd-list .pd .text-box .go {
    color:#000;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}

.lookbook-box .full-loop-box {
    margin-top:60px;
}
.lookbook-box .full-loop-box .swiper-slide {
    position:relative;
    width:217.5px;
}
.lookbook-box .full-loop-box .swiper-slide > img {
    width:100%;
    height:auto;
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box {
    position:absolute;
    left:10px;
    bottom:7.5px;
    z-index:1;
    opacity:0;
    transform:translate3d(0, 100px, 0px);
}
.lookbook-box .full-loop-box .focus-animation .swiper-slide .overlay-box {
    transition-property:opacity, transform;
    transition-timing-function:ease;
    transition-duration:0.4s;
    transition-delay:0.2s;
    opacity: 1;
    transform: translateZ(0);
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box .info {
    display:flex;
    align-items:center;
    color:#ffffff;
    font-size:13px;
    line-height:20px;
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box .info .name {
    color:inherit;
    font:inherit;
    font-weight:600;
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box .info .space {
    color:inherit;
    font:inherit;
    font-size:10px;
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box .info .price {
    color:inherit;
    font:inherit;
    font-weight:bold;
}
.lookbook-box .full-loop-box .swiper-slide .overlay-box .go {
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}

.list-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:40px;
    margin-bottom:5px;
    padding:55px 15px 0px;
}
.list-head .left {
}
.list-head .left h6 {
    color:#999999;
    font-size:14px;
    line-height:40px;
}
.list-head .left h6 strong {
    color:#000000;
    font-weight:bold;
}
.list-head .right {
    display:flex;
    align-items:center;
}
.list-head .right #MS_select_sort {
    height:40px;
    padding:0px 15px;
    background:transparent url(/design/park6594/renew_23/m/select_arrow.png) no-repeat center right;
    background-size:auto 5px;
    border:none;
    color:#000000;
    font-size:14px;
    outline:none;
    appearance: none;
}
.list-head .right .view-mode {
    position:relative;
    margin-left:10px;
    padding-left:16px;
}
.list-head .right .view-mode:before {
    position:absolute;
    top:50%;
    left:0px;
    z-index:1;
    width:1px;
    height:12px;
    margin-top:-6px;
    background:#cccccc;
    content:"";
}
.list-head .right .view-mode a[data-current=list] {
    display:block;
    width:17px;
    height:40px;
    background:url(/design/park6594/renew_23/m/view_mode_thumb.png) no-repeat center left 3px;
    background-size:auto 12px;
    font-size:0px;
}
.list-head .right .view-mode a[data-current=thumb] {
    display:block;
    width:17px;
    height:40px;
    background:url(/design/park6594/renew_23/m/view_mode_list.png) no-repeat center left;
    background-size:auto 12px;
    font-size:0px;
}
/* BASIC css end */