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

/* 메인 키비주얼 */
.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; bottom:120px; 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:24px; letter-spacing:-0.020em; padding-top:30px;}
.swiper1 .swiper-button-prev-main {background-image:url('/design/sere0309/0778mayomayo/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/sere0309/0778mayomayo/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/sere0309/0778mayomayo/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; vertical-align:bottom;}
.main_title .top140 {margin-top:140px;}
.main_title .top180 {margin-top:180px;}

/* 메인 3단배너 */
.banner_area {width:1300px; display:flex; justify-content:space-between; gap:24px; margin:180px auto 0; opacity:0;}
.banner_area div {flex:1;}
.banner_area span {display:block; margin-top:24px; font-size:26px; font-weight:700; color:#1a1a1a;}

/* 메인 공통 상품진열 */
.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; 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:#111; font-size:15px; cursor:pointer; position:relative; display:inline-block; margin:0px 0px 0px 16px; padding:8px 26px; background:#eaeaea; border-radius:50px; line-height:1 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;;}
.m_tab02 li.current {background:#111; color:#fff; }

.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/sere0309/0778mayomayo/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/sere0309/0778mayomayo/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:#f9f7f4;}
.pick_area .inner {position:relative; opacity:0;}
.pick_area .swiper-button-prev {background-image: url('/design/sere0309/0778mayomayo/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/sere0309/0778mayomayo/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.5;}
.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;}

/* 타임세일 */
.timesale_box_shell {align-items:center; justify-content:center; position: absolute; bottom: 0; left: 0; z-index:1; width:100%; line-height:48px; background:rgba(255,115,115,0.8); box-sizing:border-box; text-align:center; font-size:16px; color:#fff;}
.timesale_box > div {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 16px; line-height: 48px; color: #fff; box-sizing: border-box; margin: 0 auto;}
.timesale_box > div span  {display: flex; align-items: center; justify-content: center; margin: 0 6px;box-sizing: border-box; line-height: 48px;}
.timesale_box > div span:first-child,
.timesale_box > div span:last-child {margin-right: 0;}


/* 메인 미디어쿼리 */
@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;}
}


/* 파워리뷰 개수 */
.review_count {padding-top:10px; font-size:13px; text-align:left;}


/* 드라마협찬 */
.drama_support {width:1320px; overflow:hidden; margin:0 auto; margin-bottom:180px;}


.moreview {font-szie: 9px; display:block;}
/* BASIC css end */