/* BASIC css start */
#header {margin-bottom:0px !important;}<!-- 메인페이지에서 상단간격 삭제 -->
#main { position: relative; }

/* 메인 : 커튼 팝업 */
#cu_pop { position:absolute; display:none; z-index:500; width:1100px; top:0; left:0; right:0; margin:0 auto;} 
#cu_pop .cont {position:relative;}
#cu_pop img { border:0; }
#check {position:absolute; top:0; width:200px; right:58px; }
#cu_pop .close {position:absolute; top:15px; right:15px; height:50px; line-height:50px; text-align:right; font-size:11px; cursor:pointer;}
#cu_pop input[type="checkbox"]{ width:1px; height:1px; padding:0; border:0 none; margin:0; overflow:hidden; clip:rect(0 0 0 0);}
#cu_pop label{height:19px; line-height:17px; padding-left:20px; display:inline-block; background:url('/design/lilu2012/0745universe/checkbox1.png') no-repeat 0 0; vertical-align:middle; cursor:pointer; font-size:14px; letter-spacing:-0.3px;}
#cu_pop input[type="checkbox"]:checked + label{ background-position: 0 -19px;}
#cu_pop {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 0.5s; animation-duration:0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
@-webkit-keyframes fadeInUp2 { 0% { opacity:0; -webkit-transform:translateY(-80px); transform:translateY(-80px);}
100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}}
@keyframes fadeInUp2 { 0% {opacity:0; -webkit-transform:translateY(-80px); -ms-transform:translateY(-80px); transform:translateY(-80px);}
100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}}

/* 메인 : 6단 멀티 팝업 */
.main_floating {position:absolute;top:22px;left:50px;z-index:1000;display:none;}
.floating {width:288px; border:1px solid #dedede;}
.floating .swiper-wrapper {height:auto;}
.floating .swiper-pagination_floating {display:none;}
.floating .swiper-slide {background-color:#fff;}
.floating_text {display:inline-block; text-align:center;}
.floating_text li {display:inline;}
.floating_text li a {text-decoration:none; width:96px; height:93px; border:1px solid #dedede; border-left:0; border-bottom:0; box-sizing:border-box; background-color:#fff; cursor:pointer; float:left;}
.floating_text li a span {vertical-align:middle; display:table-cell; font-size:12px; text-align:center; width:96px; height:93px; color:#888;}
.floating_text li:hover a,
.floating_text li.swiper_over a {box-shadow:0 1px 0 0 rgba(0,0,0,1) inset;}
.floating_text li:hover a span,
.floating_text li.swiper_over a span {color:#000;}
.floating .todayopen {display:block; height:27px; margin-top:-4px; line-height:27px; text-align:right; font-size:11px; background:#999; clear:both;}
.floating .todayopen .mpopupnottoday {float:left; height:13px; width:13px; margin-top:8px; margin-left:11px;}
.floating .closetxt { cursor:pointer; color:#fff; float:left;}
.floating .closex { cursor:pointer; color:#fff; margin-right:11px;}

/* 메인 영역 01 : 메인 슬라이드 */
.swiper3 .swiper-slide a { display:block; height:100%; background-repeat:no-repeat; background-position:center top;} /* { display:block; height:550px; background-repeat:no-repeat; background-position:center top;} */
.swiper3 .swiper-slide a img { display:block; margin:0 auto; width: 100%;}
.swiper3 .swiper-pagination3 { display:none; }

/* 메인 영역 01 : 메인 슬라이드 탭 텍스트 */
.swiper3_text {width:100%; font-size:0; text-align:center; position:absolute; bottom:0; z-index:1;}
.swiper3_text .inner {width:1100px; margin:0 auto; position:relative !important;}
.swiper3_text li {float:left; width:208px; height:46px; line-height:46px; background-color:#fff; border:1px solid #e1e1e1; border-left:0; border-top:2px solid transparent;}
.swiper3_text li:first-child {border-left:1px solid #e1e1e1;}
.swiper3_text li a {color:#222; line-height:46px; display:block; border-left:0px; font-size:13px; text-align:center;}
.swiper3_text li.swiper_over a {color:#f72222;}
.swiper3_text li.swiper_over {border-top:2px solid #f72222;}

.swiper3 .swiper-button-prev {width:30px; height:50px; background-color:#f2f2f2; border:1px solid #e5e5e5; background-image:url('/design/lilu2012/0745universe/main_left.png'); right:31px; margin-top:0px; left: auto;}
.swiper3 .swiper-button-next {width:30px; height:50px; background-color:#f2f2f2; border:1px solid #e5e5e5; background-image:url('/design/lilu2012/0745universe/main_right.png'); right:0px; margin-top:0px; left: auto;}
.swiper3 .swiper-button-prev:hover {background-color:#f2f2f2;}
.swiper3 .swiper-button-next:hover {background-color:#f2f2f2;}

/* 메인 */
#main {width:1100px; margin:0 auto;}

/* 메인 타임세일 관련 */
.timesale_area { width:100%; height:350px; position:relative; }
#time_count {display:flex; margin-left:7px;}
.mtime_0 { position:absolute; right:425px; }
.mtime_0 { position:absolute; right:290px; }
.mtime_0 { position:absolute; right:155px; }
.mtime_0 { position:absolute; right:22px; }


/* 메인 상품 공통 타이틀 */
.main_pro_title {text-align:center; letter-spacing:-0.5px; padding:30px 0px;}
.main_pro_title .txt01 {font-size:24px;  color:#222;  font-weight:700; line-height:1; position:relative;}
.main_pro_title .btn_more {position:absolute; top:1px; right:0px;}
.main_pro_title .txt02 { font-size:15px; color:#777;  line-height:1;  font-weight:400; padding-top:10px;}

/* 메인 영역 02 : 메뉴컨셉별 맞춤상품 */
.brand_store ul li {float:left; margin-left:20px; text-align:center;}
.brand_store ul li:first-child {margin-left:0 !important;}
.brand_ban img {border:1px solid #dedede;}
.brand_ban img:hover {border:1px solid #999;}
.brand_txt01 {font-size:17px; line-height:1; font-weight:700; color:#222; padding-top:18px; }
.brand_txt02 {font-size:13px; line-height:1; color:#777; letter-spacing:-0.3px; padding-top:7px;}

/* 메인 영역 03 : MONTHLY 추천상품 */
.tab-prd-area {position:relative; width:1100px; margin-bottom:80px; overflow:hidden; border:1px solid #dedede; border-top:0;}
.tab-prd-area .tab-prd {width:825px; height:499px; overflow:hidden;}
.tab-prd-area .ban_right {width:274px; height:499px; position:absolute; top:0; right:0;}

.tab-prd {width:100%; max-width:825px; margin:0px auto; background-color:#fff;}
.tab-prd .tab-prd-text {width:100%; height:40px; margin:0 auto;}
.tab-prd .tab-prd-text li {float:left; width:33.3333%; color:#777; font-size:12px; text-align:center; line-height:39px; letter-spacing:-0.3px; background-color:#fbfbfb; border:1px solid transparent; border-right:1px solid #dedede; border-bottom:1px solid #222; box-sizing:border-box; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor:pointer;}
.tab-prd .tab-prd-text li.current { background-color:#fff; border:1px solid #222; border-bottom:1px solid #fff; }
.tabcontent01 {display:none; padding-top:50px; border-right:1px solid #dedede; }
.tabcontent01.current {display:block;}

.contentslider-tab-ban {width:274px; height:498px;}
.contentslider-tab-ban .swiper-wrapper{width:274px; height:498px; overflow:hidden; padding:0; margin:0;}
.contentslider-tab-ban .swiper-slide {width:274px; height:498px; overflow:hidden; padding:0;margin:0;}
.contentslider-tab-ban .swiper-button-prev4 {position:absolute; left:30px; top:0; width:14px; height:14px; cursor:pointer; background:url("/design/lilu2012/0745universe/ban_right_left.gif") no-repeat; margin-top:20px;}
.contentslider-tab-ban .swiper-button-next4 {position:absolute; left:48px; top:0; width:14px; height:14px; cursor:pointer; background:url("/design/lilu2012/0745universe/ban_right_right.gif") no-repeat; margin-top:20px;}
.contentslider-tab-ban .swiper-pagination4 { display:table; width:auto !important; top:18px !important; right:18px !important; bottom:auto !important; left:auto !important; }
.contentslider-tab-ban .swiper-pagination4 .swiper-pagination-bullet {margin:0 3px !important;}
.contentslider-tab-ban .swiper-pagination4 .swiper-pagination-bullet-active {background-color:#000;}


/* 메인 영역 04 : 중앙 이벤트 롱 배너(메인 롤링 아래 띠배너) */
#slider01 {
  margin: 0 auto;
  width: 1100px;
  max-width: 100%;
  text-align: center;
}

#slider01 input[type=radio] {
  display: none;
}

#slider01 label {
  cursor: pointer;
  text-decoration: none;
}

#slides01 {
  position: relative;
  z-index: 1;
}
#overflow01 {
  width: 100%;
  overflow: hidden;
}

#slide11:checked ~ #slides01 .inner01{
  margin-left: 0;
}
#slide12:checked ~ #slides01 .inner01{
  margin-left: -100%;
}
#slide13:checked ~ #slides01 .inner01{
  margin-left: -200%;
}
#slide14:checked ~ #slides01 .inner01{
  margin-left: -300%;
}
#slide15:checked ~ #slides01 .inner01{
  margin-left: -400%;
}

#slides01 .inner01 {
  transition: margin-left 800ms cubic-bezier(0.0770, 0.000, 0.175, 1.000);
  width: 500%;
  line-height: 0;
  height: 130px;
} 

#slides01 .slide {
  width: 20%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.slide-content01 {
  padding: 10px;
  
}


/* 메인 영역 04 : 중앙 이벤트 롱 배너(메인 롤링 아래 띠배너) */
.slide-inner {width:1100px; height:130px; position:relative; text-align:left; font-size:25px;}
.slide-inner img {height:98px; left:320px; top:20px; position:absolute;}
.slide-inner p1 {position:absolute; left:420px; top:30px; font-weight:700;}
.slide-inner p2 {position:absolute; left:420px; top:65px;}
#slides01 .slide_13 .slide-content01 .slide-inner {background-color:#ffe1bd;}
#slides01 .slide_14 .slide-content01 .slide-inner {background-color:#ffe19a;}
#slides01 .slide_15 .slide-content01 .slide-inner {background-color:#ffe9e9;}


#controls01 {
  margin: -130px 0 0 0;

  position: relative;
  z-index: 10;
}
#controls01 label {
  transition: opacity 0.2s ease-out;
  display: none;
  width: 31px;
  height: 127px;
  opacity: .4;
  z-index: 10;
}
#controls01 label:hover {
  opacity: 1;
  z-index: 10;
}

#slide11:checked ~ #controls01 label:nth-child(2),
#slide12:checked ~ #controls01 label:nth-child(3),
#slide13:checked ~ #controls01 label:nth-child(4),
#slide14:checked ~ #controls01 label:nth-child(5),
#slide15:checked ~ #controls01 label:nth-child(1)
{
  background: url(images/right.png) no-repeat;
  float: right;
  margin: 0 20px 0 0;
  display: block;
  z-index: 10;
}
#slide11:checked ~ #controls01 label:nth-child(5),
#slide12:checked ~ #controls01 label:nth-child(1),
#slide13:checked ~ #controls01 label:nth-child(2),
#slide14:checked ~ #controls01 label:nth-child(3),
#slide15:checked ~ #controls01 label:nth-child(4)
{
  background: url(images/left.png) no-repeat;
  float: left;
  margin: 0 0 0 20px;
  display: block;
  z-index: 10;
}

.btn_left01 {
  position: relative;
  float: left;
  left: -30px;
  top: 50px;
  z-index: 5;
}
.btn_right01 {
  position: relative;
  float: right;
  right: -30px;
  top: 50px;
  z-index: 5;
}

.nav-dots01 {
	width: 120px;
	top: 110px;
	height: 11px;
	display: block;
	position: relative;
	text-align: center;
  z-index: 10;
  margin: 0 auto;
}

.nav-dots01 .nav-dot01 {
	top: 0px;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: #bebebe;
}

.nav-dots01 .nav-dot01:hover {
	cursor: pointer;
	background-color: white;
}

input#slide11:checked ~ .nav-dots01 label#img-dot-11,
input#slide12:checked ~ .nav-dots01 label#img-dot-12,
input#slide13:checked ~ .nav-dots01 label#img-dot-13,
input#slide14:checked ~ .nav-dots01 label#img-dot-14,
input#slide15:checked ~ .nav-dots01 label#img-dot-15 {
	background: white;
}

#slider02 {
  margin: 0 auto;
  width: 1100px;
  max-width: 100%;
  text-align: center;
}

#slider02 input[type=radio] {
  display: none;
}

#slider02 label {
  cursor: pointer;
  text-decoration: none;
}

#slides02 {
  position: relative;
  z-index: 1;
}
#overflow02 {
  width: 100%;
  overflow: hidden;
}

#slide21:checked ~ #slides02 .inner02{
  margin-left: 0;
}
#slide22:checked ~ #slides02 .inner02{
  margin-left: -100%;
}
#slide23:checked ~ #slides02 .inner02{
  margin-left: -200%;
}
#slide24:checked ~ #slides02 .inner02{
  margin-left: -300%;
}
#slide25:checked ~ #slides02 .inner02{
  margin-left: -400%;
}

#slides02 .inner02 {
  transition: margin-left 800ms cubic-bezier(0.0770, 0.000, 0.175, 1.000);
  width: 500%;
  line-height: 0;
  height: 130px;
} 

#slides02 .slide {
  width: 20%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.slide-content02 {
  padding: 10px;
  
}

#controls02 {
  margin: -130px 0 0 0;

  position: relative;
  z-index: 10;
}
#controls02 label {
  transition: opacity 0.2s ease-out;
  display: none;
  width: 31px;
  height: 127px;
  opacity: .4;
  z-index: 10;
}
#controls02 label:hover {
  opacity: 1;
  z-index: 10;
}

#slide21:checked ~ #controls02 label:nth-child(2),
#slide22:checked ~ #controls02 label:nth-child(3),
#slide23:checked ~ #controls02 label:nth-child(4),
#slide24:checked ~ #controls02 label:nth-child(1),
#slide25:checked ~ #controls02 label:nth-child(0)
{
  background: url(images/right.png) no-repeat;
  float: right;
  margin: 0 20px 0 0;
  display: block;
  z-index: 10;
}
#slide21:checked ~ #controls02 label:nth-child(4),
#slide22:checked ~ #controls02 label:nth-child(1),
#slide23:checked ~ #controls02 label:nth-child(2),
#slide24:checked ~ #controls02 label:nth-child(3),
#slide25:checked ~ #controls02 label:nth-child(0)
{
  background: url(images/left.png) no-repeat;
  float: left;
  margin: 0 0 0 20px;
  display: block;
  z-index: 10;
}

.btn_left02 {
  position: relative;
  float: left;
  left: -30px;
  top: 50px;
  z-index: 5;
}
.btn_right02 {
  position: relative;
  float: right;
  right: -30px;
  top: 50px;
  z-index: 5;
}

.nav-dots02 {
	width: 120px;
	top: 110px;
	height: 11px;
	display: block;
	position: relative;
	text-align: center;
  z-index: 10;
  margin: 0 auto;
}

.nav-dots02 .nav-dot02 {
	top: 0px;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: #bebebe;
}

.nav-dots02 .nav-dot02:hover {
	cursor: pointer;
	background-color: #white;
}

input#slide21:checked ~ .nav-dots02 label#img-dot-21,
input#slide22:checked ~ .nav-dots02 label#img-dot-22,
input#slide23:checked ~ .nav-dots02 label#img-dot-23,
input#slide24:checked ~ .nav-dots02 label#img-dot-24,
input#slide25:checked ~ .nav-dots02 label#img-dot-25 {
	background: #white;
}


/* 메인 영역 05 : 카테고리별 인기상품 */
.contentslider-cate-tab { width:1100px; text-align: center;}
.contentslider-cate-tab .tabs cboth {text-align: center;}
.contentslider-cate-tab .tabs li {display : inline-block;}
.contentslider-cate-tab .tabs li a {display:block; float:left; font-size:14px; text-align:center; background-color:#f1f2f2; height: 20px; border-radius: 22px; margin:0px 5px 20px; padding:10px 20px; cursor:pointer; line-height: 1.3;}
.contentslider-cate-tab .tabs li:first-child a {border-left:1px;}
.contentslider-cate-tab .tabs li.active a {background-color:#f95959; height: 20px; border-radius: 22px; margin:0px 5px 20px; padding:10px 20px; color:white; font-weight:700;}
.contentslider-cate-tab .tab_container {width:1098px; margin-top:-2px;}
.contentslider-cate-tab .tab_content {width:1098px; position:relative; padding-top:15px;}
.contentslider-cate-tab .tab_pro {margin:0px 30px;}

/* 메인 영역 06 : HOT-ITEM */
.pro_week .prd-list .thumb { width:330px; }
.pro_week .prd-list table .info { width:330px; }


/* 메인 영역 07 : 마켓오지상 영상 */
.y_movie li {width:100%; margin-left:2%; text-align:center; float:center;}
.y_movie li:first-child {margin-left:0;}
.y_movie li .y_img_wrap {width:540px; height:200px;}
.y_movie li .y_img_wrap .y_img img {width:100%;}
.y_movie li .y_img_wrap .y_movie_ico img {position: absolute; top: 50%; left: 50%;}

.y_movie li .y_txt01 {font-size:20px; font-weight:700; margin-bottom:10px; line-height:50px; } /* bottom은 아래 영상이랑 간격 , line-height가 텍스트 줄 간격 */
.y_movie li .y_txt02 {font-size:18px; font-weight:700; margin-top:25px; margin-bottom:30px;}


/* 메인 영역 08 : 역시 마켓오지상! */
.main_best_title {text-align:center; letter-spacing:-0.5px; padding:50px 0px;}
.main_best_title .txt01 {font-size:24px; color:#222; font-weight:700; line-height:1;}
.swiper6 .swiper-button-prev6 {position:absolute; right:38px !important; left:auto !important; top:65px; width:36px; height:37px; background:url("/design/lilu2012/0745universe/best_left.gif") no-repeat; border:1px solid #e3e5e8; cursor:pointer;}
.swiper6 .swiper-button-prev6:hover {background:url("/design/lilu2012/0745universe/best_left_on.gif") no-repeat;}
.swiper6 .swiper-button-next6 {position:absolute; right:1px; top:65px; width:36px; height:37px; background:url("/design/lilu2012/0745universe/best_right.gif") no-repeat; border:1px solid #e3e5e8; cursor:pointer;}
.swiper6 .swiper-button-next6:hover {background:url("/design/lilu2012/0745universe/best_right_on.gif") no-repeat; }

/* 메인 영역 09 :포토리뷰*/
<ul class="main_power_review_list">
<!--/loop_power_review_photo(16)/-->
<li><a href="<!--/power_review_photo@link_view_popup/-->">
<img src="<!--/power_review_photo@attach_square/-->"/></a></li>
<!--/end_loop/-->
</ul>
.main_power_review_list { width:700px; }
.main_power_review_list li { float : left; padding:5px; }
.main_power_review_list li img { width:125px; }
.main_power_review_list:after { content: ''; display: block; clear: both; }


/* 메인 영역 :숏츠쇼핑*/
.main_pro_title .txt01 img {height:24px; margin-right:7px;}
.shorts_wrap {display:flex;}
.shorts-prd-list .shorts_ban {width:100%;}
.shorts-prd-list .shorts_ban img {width:100%; border-radius:5px;}
.shorts-prd-list {margin:10px}
.shorts-prd-list .thumb {width:76px;}
.shorts-prd-list .thumb img {width:100%; border-radius:5px;}
.shorts-prd-list .tb-center {display:flex; text-align:left; margin-top:10px; align-items:center; padding:0;}
.shorts-prd-list .tb-center .info {margin-left:10px;}
.shorts-prd-list .tb-center .info .fleft {display:flex;}
.shorts-prd-list .tb-center .info .fleft .price {font-weight:700;}
.shorts-prd-list .tb-center .info .fleft .consumer {margin-left:10px;}
.shorts-prd-list .tb-center .dsc {margin-bottom:3px; font-weight:700;}
.shorts-prd-list .tb-center .subname {margin-bottom:3px;}


/* 메인 영역 :레시픽*/
.recipick_wrap {position:relative; width:100%; display:flex;}
.recipick_wrap .recipick_inner {width:50%;}
.recipick_wrap .recipick_inner img {border-radius:10px; margin-bottom:10px;}
.recipick_wrap .recipick_inner p1 {font-size:19px; font-weight:700;}
.recipick_wrap .recipick_inner p2 {font-size:15px; line-height:30px;}


/* 메인 영역 :타임세일*/
.timesale_warp {display:flex;}
.timesale_warp .time_head_title_wrap {width:320px;}
.timesale_warp .time_head_title_wrap .m_title {font-size:24px; font-weight:700;}
.timesale_warp .time_head_title_wrap .s_title {font-size:15px; color:#999999; margin-top:6px;}
.timesale_warp .time_head_title_wrap .m_timer { font-size:32px; line-height:50px; font-weight:700; margin-top:20px; color:#F25544; display:flex; align-items:center;}
.timesale_warp .time_head_title_wrap .m_timer img {width:25px;}
.timesale_warp .time_head_title_wrap .more_btn {font-size:15px; color:#99999; margin-top:20px;}
.mtime_02 {margin-left:10px;}
.timesale_warp .goods_list_wrap {width:780px; display:flex;}
.timesale_warp .goods_list_wrap .goods_list {width:260px;}
.timesale_warp .goods_list_wrap .goods_list .time_thum {width:230px; height:230px; background-color:#999999;}
.timesale_warp .goods_list_wrap .goods_list .time_thum img {width:230px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box {margin-top:15px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box .time_prd_name {font-size:17px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box .time_price_box {display:flex; margin-top:3px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box .time_price_box .time_per {font-size:20px; font-weight:700; color:#f25544; margin-right:5px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box .time_price_box .time_price {font-size:20px; font-weight:700; margin-right:5px;}
.timesale_warp .goods_list_wrap .goods_list .time_info_box .time_price_box .time_consumer {font-size:15px; color:#999999; line-height:30px;}
/* BASIC css end */