/* BASIC css start */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


.main_ban_div {
    border-top: 1px solid #e9d9bd;
    position: relative;
}

.main_ban_div ul li {
    position: relative;
}

.main_ban_div ul li img {
    width: 100%;
}

.banner_tit_box {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 100%;

}

.banner_tit_box h1 {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 45px;
}

.banner_tit_box p {
    margin-bottom: 24px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.banner_tit_box a {
    margin: 0 auto;
    height: 47px;
    line-height: 47px;
    border: 1px solid #e9d9bd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    width: 165px;
    font-size: 14px;
    color: #e9d9bd;
    letter-spacing: 0.05em;
}
.arrow_box {
    position: absolute;
    right: 20px;
    bottom: 27px;
}

.arrow_box>div {
    width: 35px;
    height: 35px;
    background-position: 50% 50%!important;
    background-size: 6px auto!important;
    background-repeat: no-repeat!important;
    float: left;
    margin: 0 5px;
    border: 1px solid #e9d9bd;
}

.arrow_box>div.arr_left { background:rgba(233,217,189,.2) url(/design/waterman01/pc/main_arr_left.png); }
.arrow_box>div.arr_right { background:rgba(233,217,189,.2) url(/design/waterman01/pc/main_arr_right.png); }

.list_box.collection, .list_box.type_box, .list_box.best_new { padding-top:70px; position:relative; }

.list_box.best_new { padding: 70px 17px 20px; }

.coll_slide img { width:100%; }

.coll_slide .slick-slide,
.coll_slide .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"]  {

    position: relative;
    margin-left: -60px;
    margin-right: -60px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    transition: all 0.2s ease;
    opacity:.6;
    width:75vw;
    z-index:-1;
}

.coll_slide .slick-center,
.coll_slide .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity:1; z-index:9; }


.col_arr_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 88vw;
}

.coll_slide {
    position: relative;
}

.col_arr_box .arr_left {
    float: left;
    background:url(/design/waterman01/pc/col_arr1.png);
}

.col_arr_box .arr_right {
    float: right;
    background:url(/design/waterman01/pc/col_arr2.png);
}


.col_arr_box .slick-arrow {
    width: 18px;
    height: 48px;
    background-size: 18px auto;
    background-repeat:no-repeat;
    cursor:pointer;
}


.colbanner_tit_box {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 3px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 100%;
}

.colbanner_tit_box h1 {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.colbanner_tit_box p {
    margin-bottom: 65px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.colbanner_tit_box a {
    margin: 0 auto;
    height: 28px;
    line-height: 27px;
    border: 1px solid #e9d9bd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    width: 120px;
    font-size: 13px;
    color: #e9d9bd;
    letter-spacing: 0.05em;
}


.type_list li {
    float: left;
    width: 50%;
    position: relative;
}

ul.type_list {
    overflow: hidden;
}

.type_list li img {
    width: 100%;
}

.type_txt {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    text-align: center;
    color: #fff;
    width:100%;
}

.type_txt h1 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 9px;
}

.type_txt p {
    font-size: 12px;
    letter-spacing: 0.05em;
}


@media screen and (max-width:360px) {
    .colbanner_tit_box h1 { font-size:18px; }
}


/* BASIC css end */