/* 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; margin-top:-23px; height:23px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/design/zooyork77/2021/mo/1event_icon.png) no-repeat 0 50%; background-size: 22px 8px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -14px 50%; }

.main_bn01 { width:100%; height:100%; overflow:hidden; margin-top:4px; }
.main_bn01 li { float:left; width:50%; position:relative; }
.main_bn01 img { width:100%;}
.main_bn01 .tit { border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:36px; }
.main_bn01 .tit a { font-family: Roboto; width:100%; display:inline-block; text-align:center; height:36px; line-height:36px; font-size:12px; color:#000; font-weight:700 }

.main_bn02 { margin:3px 0 3px 0; width:100%; overflow:hidden; }
.main_bn02 li { float:left; width:50%; position:relative; }
.main_bn02 img { width:100% }
.main_bn02 .text1 { font-family: Roboto; position:absolute; left:0; top:45%; width:100%; margin-top:-8px; font-size: 6vw; line-height:9vw;; color:#000; font-weight:700; text-align:center }
.main_bn02 .text2 { font-family: Roboto; position:absolute; left:0; width:100%; bottom:5%; font-size: 3.5vw; line-height:3.5vw;; color:#000; font-weight:700; text-align:center }


.title { width:100%; }
.tit1 { height:auto; margin:50px 0 50px 0; }
.tit1 .tx1 { font-family: Roboto; left:0; top:50%; width:100%; margin-top:-8px; font-size: 8vw; line-height:10vw;; color:#000; font-weight:700; text-align:center }
.tit1 .tx2 { font-family: Roboto; left:0; width:100%; bottom:5%; font-size: 3.5vw; line-height:5vw;; color:#000; font-weight:500; text-align:center; color: #7c7c7c; }


.main_bn03 { width:100%; }
.main_bn03 li { float:left; width:50%; position:relative; }
.main_bn03 img { width:100%;}
.main_bn03 .tit { margin: 10px 0 30px 0; height:auto; }
.main_bn03 .tit .contents_J { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:4.5vw; font-size:3.5vw; color:#7c7c7c; font-weight:500; margin-left:10px; }
.main_bn03 .tit .contents_jn { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:6.5vw; font-size:4.8vw; color:#000; font-weight:600; margin:10px 0 10px 10px; }
.main_bn03 .tit a { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:4.5vw; font-size:3.5vw; color:#000; font-weight:500; margin-left:10px; margin-top:20px; }

.main_bn04 { width:100%; }
.main_bn04 .tit { margin: 10px 0 30px 0; height:auto; }
.main_bn04 .tit .contents_J { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:4.5vw; font-size:3.5vw; color:#7c7c7c; font-weight:500; margin-left:10px; }
.main_bn04 .tit .contents_jn { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:6.5vw; font-size:4.8vw; color:#000; font-weight:600; margin:10px 0 10px 10px; }
.main_bn04 .tit a { font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:4.5vw; font-size:3.5vw; color:#000; font-weight:500; margin-left:10px; margin-top:20px; }
.main_bn04 img { width:100% }

.main_bn05 { width:100%; height:100%; overflow:hidden; }
.main_bn05 li { float:left; width:49.5%; position:relative; }
.main_bn05 .text1 { position:absolute; left:10px; bottom:5%; margin-top:-8px; font-size:3.5vw; line-height:5vw; color:#fff; font-weight:500; text-align:left; }
.main_bn05 img { width:100%; margin-top:4px }
.main_bn05 img.last { width:100%; margin-bottom:0px }


.main_bn06 { margin:1px 0 4px 0; width:100%; overflow:hidden; float:left; position:relative; }
.main_bn06 img { width:100%; }
.main_bn06 .text1 { font-family: Roboto; position:absolute; left:0; top: 45%; width:100%; margin-top:-8px; font-size: 6vw; line-height:9vw;; color:#000; font-weight:700; text-align:center }
.main_bn06 .text2 { font-family: Roboto; position:absolute; left:0; width:100%; bottom:5%; font-size: 3.5vw; line-height:3.5vw;; color:#000; font-weight:700; text-align:center }


.main_pick { text-align:center; padding-top:4px; padding-bottom:20px }
.main_pick .tit { font-family: Roboto; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:auto; line-height:15vw; font-size:8vw; color:#000; font-weight:700; padding: 10px 0 10px 0; margin-bottom: 10px; }
.main_pick ul {width:95%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0; margin: 0 auto; }
.main_pick li {width:49%; margin:2% 0.5% 0 0.5%; display:inline-block; vertical-align: top; text-align:left;  box-sizing: border-box; }
.main_pick li a {display: block; }
.main_pick li img.listPic {width:100%;}
.main_pick figure {position:relative;}
.main_pick .list_shoppingInfo { position:relative; bottom:0; width:100%; height:130px; background:rgba(255,255,255,0.5); font-size:12px; box-sizing: border-box; padding:6px 10px 8px; border-top: 1px solid #ececec; }


.btn_more_bk  {color:#7c7c7c; background-color:#fff; width:100%;height:30px; line-height:4.5vw; font-size:3.5vw; font-weight:500}

/* 큐레이팅배너 */
.main_spot { position:relative; width:100%; height:0; overflow:hidden; border-bottom: 1px solid #ddd; }
.main_spot .text { z-index: 10; position:absolute; left:2.5%; top:4.5vw; line-height:4.5vw; font-size: 5.5vw; color:#fff; font-weight:500; }
.main_spot .contents_q { width: 95%; display: inline-block; text-align: left; line-height:6.5vw; font-size:4.8vw; margin-top:10px; margin-left:10px; font-weight:600; }

.main_spot p { width: 95%; display: inline-block; text-align: left; font-size: 3.5vw; line-height:5.5vw; margin: 20px 0 20px 10px; }
.main_spot .tx {font-family: Roboto; width:95%; display:inline-block; text-align:left; height:auto; line-height:4.5vw; font-size:3.5vw; color:#000; font-weight:500; margin:20px 0 30px 10px;}

.main_spot ul li img { width:100%; margin-bottom:4px }

.main_spot .bx-pager { position:absolute; bottom:5px; left:0; width:100%; text-align:center; z-index:10 }
.main_spot .bx-pager .bx-pager-item { display:none; margin:0 3px }
.main_spot .bx-pager .bx-pager-item a { display:block; width:7px; height:7px; text-indent:-9999em; border-radius:4px; background:#4b4b4b; border:1px solid #a3a3a3 }
.main_spot .bx-pager .bx-pager-item a.active { background:#c1c1c1; border:1px solid #fff }
.main_spot .bx-controls-direction { margin-top:-15px; position:absolute; top:50%; left:0; width:100% }
.main_spot .bx-controls-direction a { position:absolute; top:0; display:block; width:20px; height:30px; font-size:0px }
.main_spot .bx-controls-direction .bx-prev { left:4%; background:url(/design/zooyork77/2021/mo/arr01.png) no-repeat 0 0; background-size:20px 30px; }
.main_spot .bx-controls-direction .bx-next { right:4%; background:url(/design/zooyork77/2021/mo/arr02.png) no-repeat 0 0; background-size:20px 30px; }
.main_spot ul .rolling_bt {position:absolute; bottom:37%; right:35px; z-index:99;}
.main_spot ul .rolling_bt a { display:inline-block; padding:10px 0; width:100px; margin-left:5px;text-align:Center;  background:#000; color:#fff; border-radius:30px;}

.main_spot .curate{ color:#7c7c7c; display: inline-block; text-align: left; font-size: 3.5vw; line-height:4.5vw; margin: 10px 0 0 10px; }


/* BASIC css end */