/* BASIC css start */
																									 																						 /* 메인 레이아웃 */
#contentWrapper {width:100% !important;}

.left_fixed {display:none;}

/* FIXED : 메인팝업 */
.fixed_pop { width:560px; position:fixed; bottom:30px; left:40px; z-index:101; opacity:0; }
.fixed_pop .showarea {width:560px; border-bottom:0px;  background-color:transparent;}
.fixed_pop .pop_more	  {clear:both; display:block; background-color:#1a1a1a; height:48px; margin-top:0px;text-align:center;}
.fixed_pop .pop_more	 a {color:#fff;font-size:16px;line-height:48px;text-align:center;} 
.fixed_pop .todayopen {clear:both;  font-size:0px; display:block; background-color:#fff; height:48px; margin-top:0px;}
.fixed_pop .todayopen .mpopupnottoday {height:13px; width:13px; position:absolute;left:78px;top:18px;;}
.fixed_pop .closetxt { cursor:pointer; color:#1a1a1a; float:left; width:50%;text-align:center;; font-size:14px; line-height:48px;position:relative;border-left:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box} 
.fixed_pop .closex { cursor:pointer; color:#1a1a1a; float:right; width:50%;text-align:center; font-size:14px; line-height:48px;border-left:1px solid #dedede;;border-right:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box} 


/* 메인 키비주얼 */
.swiper1.swiper-container {width:100%; margin-top:15px; opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} 
.swiper1.delay {opacity:1;} 
.swiper1 .swiper-slide {width:auto;}
.swiper1 .swiper-slide img {opacity:1;}
.swiper1 .swiper-slide .back_bg {position:absolute; top:0px; left:0px; z-index:2; height:100%; width:100%; background:rgba(26,26,26,0.4); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.swiper1 .swiper-slide-active .back_bg {background:rgba(26,26,26,0);}
.swiper1 .swiper-slide-active .main_txt {left:100px; opacity:1; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.swiper1 .main_txt {position:absolute; z-index:1; top:100px; left:140px; font-size:0px; text-align:left; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.swiper1 .main_txt .t1 {font-size:45px; font-weight:700; color:#fff; line-height:56px; letter-spacing:-0.020em;}
.swiper1 .main_txt .t2 {font-size:18px; font-weight:400; color:#fff; line-height:1.3; letter-spacing:-0.020em; padding-top:30px;}
.swiper1 .swiper-button-prev-main {background-image:url('/design/nubizio777/2023_02_mayomayo/m_a_l.png'); left:20px; width:64px; height:64px; background-size:64px 64px; margin-top:-32px; top:50%; opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.swiper1 .swiper-button-next-main {background-image:url('/design/nubizio777/2023_02_mayomayo/m_a_r.png'); right:20px; width:64px; height:64px; background-size:64px 64px; margin-top:-32px; top:50%; opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.swiper1:hover .swiper-button-prev-main {opacity:0.8;}
.swiper1:hover .swiper-button-next-main {opacity:0.8;}

/* 메인타이틀 */
.main_title {position:relative; width:1300px; font-size:0px; margin:0 auto 50px; text-align:center;}
.main_title a {float:right; font-size:15px; font-weight:400; color:#1a1a1a; background:url('/design/nubizio777/2023_02_mayomayo/title_ar.png') no-repeat; background-position:center right; position:absolute; bottom:0px; right:0px; padding-right:15px;}
.main_title span {font-weight:300; font-size:15px; color:#888; padding-left:12px;}
.main_title .title_txt {color:#111; font-size:26px; font-weight:700; text-align:left; line-height:1.3; vertical-align:bottom;}
.main_title .top140 {margin-top:140px;}
.main_title .top180 {margin-top:180px;}

/* 메인 공통 상품진열 */
.main_prd {position:relative; width:1320px; margin:0 auto;}
.main_prd_delay {opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.main_prd_delay.delay {opacity:1;} 
.main_prd.fadeIn {opacity:0;}
.main_btn_more {text-align:center;}
.main_btn_more a {display:inline-block; width:210px; padding:16px 0; color:#1a1a1a; font-size:16px; font-weight:400; text-align:center; border:2px solid #1a1a1a; box-sizing:border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main_btn_more a:hover {color:#fff; background-color:#1a1a1a;}

/* 메인 탭 상품진열 01 */
.m_tab01 {font-size:0; text-align:center; position:absolute; top:0px; right:0px;}
.m_tab01 li {color:#aaa; font-size:15px; cursor:pointer; position:relative; display:inline-block;  font-weight:300; margin:0px 0px 0px 40px;  height:30px; line-height:1;}
.m_tab01 li.current {color:#111; font-weight:400; }
.m_tab01 li::before { content: ""; position: absolute; left: 50%; right: 50%;  bottom:5px; height: 2px; z-index: -1; background: #fff; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.m_tab01 li.current::before  {left:0; right:0; background:#1a1a1a;}

.tabcontent01 {display:none; position:relative; overflow:hidden;}
.tabcontent01.current {display: block;}

/* 메인 공통 이벤트배너 01 02 */
.event_area01_area {text-align:center; font-size:0px;}
.event_area01 {width:100%; max-width:1790px; margin:0 auto; padding-top:100px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.event_area01 .sub_ban {position: relative; width:calc(50% - 10px); opacity:0;}
.event_area01 .sub_ban img {display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.event_area01 .sub_ban:hover img {opacity:0.7}

.event_area02_area {text-align:center; font-size:0px;}
.event_area02 {width:100%; max-width:1790px; margin:180px auto 0; display:flex; justify-content: space-between; flex-wrap: wrap; opacity:0;}
.event_area02 .sub_ban {position: relative; width:calc(33% - 8px); overflow:hidden;}
.event_area02 .sub_ban img {display:block; width:100%; -webkit-transition: all 0.4s; -moz-transition: all 0.3s; -ms-transition: all 0.4s; -o-transition: all 0.3s; transition: all 0.4s;}
.event_area02 .sub_ban:hover img {transform:scale(1.05);}

.event_area_txt {font-size:0px;}
.event_area_txt .t1 {font-size:30px; line-height:1; color:#1a1a1a; font-weight:700; padding-top:50px;}
.event_area_txt .t2 {font-size:16px; line-height:1.3; color:#909090; font-weight:400; padding-top:20px;}
.event_area_txt .t3 {font-size:0px; width:130px; height:40px; margin:40px auto 0px;}
.event_area_txt .t3 a {font-size:16px; color:#1a1a1a; line-height:1; display:block; width:130px; padding:10px 0; box-sizing:border-box; border:2px solid #1a1a1a; border-radius:20px; font-weight:400; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.event_area_txt .t3:hover a {color:#fff; background-color:#1a1a1a;}


/* 메인 탭 상품진열 02 */
.m_tab02 {font-size:0; text-align:center; position:absolute; top:0px; right:0px;}
.m_tab02 li {color:#aaa; font-size:15px; cursor:pointer; position:relative; display:inline-block; font-weight:300; margin:0px 0px 0px 40px;  height:30px; line-height:1;}
.m_tab02 li.current {color:#111; font-weight:400; }
.m_tab02 li::before {content: ""; position: absolute; left: 50%; right: 50%;  bottom:5px; height: 2px; z-index: -1; background: #fff; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.m_tab02 li.current::before  {left:0; right:0; background:#1a1a1a;}

.tabcontent02 {display:none; position:relative; overflow:hidden;}
.tabcontent02.current {display: block;}

/* 메인 롤링 상품진열 */
.swiper_roll.swiper-container {padding-bottom:95px;}
.swiper_roll .swiper-slide {padding:0;}
.main_prd .swiper-button-prev-roll {background-image: url('/design/nubizio777/2023_02_mayomayo/left_ar.png'); left:-98px; top:35%; width:58px; height:58px; background-size:58px 58px; margin-top:0px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main_prd .swiper-button-next-roll {background-image: url('/design/nubizio777/2023_02_mayomayo/right_ar.png'); right:-98px; top:35%;width:58px; height:58px; background-size:58px 58px; margin-top:0px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main_prd .swiper-button-next-roll:hover,
.main_prd .swiper-button-prev-roll {opacity:0.6;}
.main_prd .swiper-pagination {bottom:0px !important;}
.main_prd .swiper-pagination-bullet {width:10px; height:10px; margin:0px 7px !important;}
.main_prd .swiper-pagination-bullet-active {opacity:1; background: #1a1a1a !important;}

/* 메인 PICK */
.pick_area {margin-top:100px; padding:100px 0px 100px; background-color:#f9f9f9;}
.pick_area .inner {position:relative; opacity:0;}
.pick_area .swiper-button-prev {background-image: url('/design/nubizio777/2023_02_mayomayo/left_ar.png'); left:-108px; top:40%; width:58px; height:58px; background-size:58px 58px; margin-top:0px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.pick_area .swiper-button-next {background-image: url('/design/nubizio777/2023_02_mayomayo/right_ar.png'); right:-108px; top:40%;width:58px; height:58px; background-size:58px 58px; margin-top:0px; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.pick_area .swiper-button-prev:hover,
.pick_area .swiper-button-next:hover {opacity:0.6;}

.pick_area .p_info {padding:0 0px; font-size:0px;}
.pick_area .t1 {font-size:16px; color:#1a1a1a;  padding-top:30px; font-weight:400; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-right:5%; line-height:1;}
.pick_area .t2 {font-size:15px; color:#888;  padding-top:15px; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-right:5%; line-height:1.3;}
.pick_area .t3 a {font-size:14px; color:#1a1a1a;  padding-top:25px; font-weight:400; line-height:1;display:block;}


/* 메인 인스타그램 배너 */
.insta_area {opacity:0;}
.insta_area ul li:first-child {margin-left:0px;}
.insta_area ul li {float:left; margin-left:8px; margin-bottom:8px; font-size:0px;}
.insta_area ul li img {border:1px solid #e9e9e9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.insta_area ul li img:hover {opacity:0.7;}

#content {margin-bottom: -50px;}


/* 메인 미디어쿼리 */
@media screen and (max-width: 1599px){
	/* 롤링 상품진열 */
	.item_slide_horizontal .slick-prev {left:82px;}
	.item_slide_horizontal .slick-next {right:82px;}

	/* 메인 PICK */
	.pick_area .swiper-button-prev {left:-18px;}
	.pick_area .swiper-button-next {right:-18px;}
}


/* BASIC css end */