/* 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 .cont .pop_title {position:absolute;top:70px;margin:0 auto;text-align:center;width:100%;display:inline-block;}
#cu_pop .cont .pop_title .txt01 {font-size:28px;color:#4a4a4a;line-height:1;text-align:center;}
#cu_pop .cont .pop_title .txt02	 {font-size:40px;color:#333;line-height:1;text-align:center;margin-top:70px;font-weight:700}
#cu_pop .cont .pop_title .txt03	  {font-size:22px;color:#333;line-height:1.4;text-align:center;margin-top:90px;}

#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/raphaels03/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:550px; background-repeat:no-repeat; background-position:center top;}
.swiper3 .swiper-slide a img { display:block; margin:0 auto;}
.swiper3 .swiper-pagination3 { display:none; }

.swiper3 .inner_txt {position:absolute;top:calc(50% - 25px);left:50%;transform:translate(-450px,-50%);line-height:normal;}
.swiper3 .inner_txt .t01 {display:inline-block; padding:6px 0; margin:0 0 30px; font-size:18px; font-weight:400; color:#000; letter-spacing:-0.035em; border-top:1px solid #000; border-bottom:1px solid #000;}
.swiper3 .inner_txt .t02 {font-size:36px; margin:0; color:#088A29; line-height:1; letter-spacing:-0.075em;}
.swiper3 .inner_txt .t03 {font-size:60px; margin:0px 0 45px; font-weight:700; color:#000; letter-spacing:-0.05em;}
.swiper3 .inner_txt .t04 {font-size:18px; margin:0 0 10px; color:#222; letter-spacing:-0.025em;}


/* 메인 영역 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:218px; 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/raphaels03/0745universe/main_left.png'); right:31px; margin-top:0px; left: auto;top: -255px;}
.swiper3 .swiper-button-next {width:30px; height:50px; background-color:#f2f2f2; border:1px solid #e5e5e5; background-image:url('/design/raphaels03/0745universe/main_right.png'); right:0px; margin-top:0px; left: auto;top: -255px;}
.swiper3 .swiper-button-prev:hover {background-color:#f2f2f2;}
.swiper3 .swiper-button-next:hover {background-color:#f2f2f2;}

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

/* 메인 상품 공통 타이틀 */
.main_pro_title {text-align:center; letter-spacing:-0.5px; border-bottom:1px solid #e9e9e9; padding:30px 0px;}
.main_pro_title .txt01 {font-size:24px;  color:#222;  font-weight:800; 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:300; 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 : 투데이 추천상품 */
.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; min-height:500px;}
.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;position:relative;background:#fff;}
.contentslider-tab-ban .swiper-slide img {position:absolute;left:0;bottom:-1px;}
.contentslider-tab-ban .swiper-button-prev4 {position:absolute; left:30px; top:0; width:14px; height:14px; cursor:pointer; background:url("/design/raphaels03/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/raphaels03/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;}

.contentslider-tab-ban .inner_txt {position:absolute;top:75px;left:30px;line-height:normal;}
.contentslider-tab-ban .inner_txt .t01 {display:inline-block; position:relative; padding:20px 0 0; font-size:25px; font-weight:700; color:#222; letter-spacing:-0.05em;}
.contentslider-tab-ban .inner_txt .t01:after {content:""; position:absolute; top:0; left:0; width:10px; height:2px; background:#000;}
.contentslider-tab-ban .inner_txt .t02 {font-size:13px; margin:10px 0 10px; color:#999;}


/* 메인 영역 04 : 중앙 이벤트 롱 배너 */
.swiper5 {width:100%; height:130px; overflow:hidden; padding:0; margin:0;}
.swiper5 .swiper-slide {display:block; width:100%; height:130px; text-align:center;background:#f9f9f9}
.swiper5 .swiper-pagination.swiper-pagination5 {display:table; left:auto; right:50%; bottom:90px; width:auto; margin-right:-550px;}
.swiper5 .swiper-pagination.swiper-pagination5 .swiper-pagination-bullet {width:16px; height:16px; margin:0 3px; color:#555; text-align:center; line-height:16px; background-color:#fff; opacity:1;}
.swiper5 .swiper-pagination.swiper-pagination5 .swiper-pagination-bullet-active {color:#fff; background-color:#000;}

.swiper5 .inner_txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;line-height:normal;text-align:center;}
.swiper5 .inner_txt .t01 {margin:0 0 5px; font-size:16px; font-weight:700; color:rgba(0,0,0,0.5); letter-spacing:-0.05em;}
.swiper5 .inner_txt .t02 {font-size:32px; font-weight:700; color:#000; letter-spacing:-0.05em;}

/* 메인 영역 05 : 카테고리별 인기상품 */
.contentslider-cate-tab { width:1100px; text-align:left;}
.contentslider-cate-tab .tabs li {float:left; width:110px; height:109px; margin:0; padding:0;}
.contentslider-cate-tab .tabs li a {display:block; height:107px; color:#777; font-size:12px; text-align:center; line-height:1; letter-spacing:-0.3px; background-color:#fbfbfb; border:1px solid #dedede; border-bottom:1px solid #dedede; border-left:0; border-top:0; cursor:pointer;}
.contentslider-cate-tab .tabs li:first-child a {border-left:1px solid #dedede;}
.contentslider-cate-tab .tabs li.active a {height:107px; color:#222; background-color:#fff; border-bottom:1px solid #fff; font-weight:700;}
.contentslider-cate-tab .tabs li a > img {margin:5px 0;}
.contentslider-cate-tab .tab_container {width:1098px; margin-top:-2px; border:1px solid #dedede;}
.contentslider-cate-tab .tab_content {width:1098px; position:relative; padding-top:40px;}
.contentslider-cate-tab .tab_pro {margin:0px 30px;}

/* 메인 영역 06 : WEEKLY 신규상품 */
.pro_week .prd-list .thumb { width:330px; }
.pro_week .prd-list table .info { width:330px; }

/* 메인 영역 07 : 베스트 기획전 */
.main_best_title {text-align:center; letter-spacing:-0.5px; padding:50px 0px;}
.main_best_title .txt01 {font-size:24px; color:#222; font-weight:800; line-height:1;}
.swiper6 {margin-top:100px;}
.swiper6 .swiper-button-prev6 {position:absolute; right:38px !important; left:auto !important; top:65px; width:36px; height:37px; background:url("/design/raphaels03/0745universe/best_left.gif") no-repeat; border:1px solid #e3e5e8; cursor:pointer;}
.swiper6 .swiper-button-prev6:hover {background:url("/design/raphaels03/0745universe/best_left_on.gif") no-repeat;}
.swiper6 .swiper-button-next6 {position:absolute; right:1px; top:65px; width:36px; height:37px; background:url("/design/raphaels03/0745universe/best_right.gif") no-repeat; border:1px solid #e3e5e8; cursor:pointer;}
.swiper6 .swiper-button-next6:hover {background:url("/design/raphaels03/0745universe/best_right_on.gif") no-repeat; }

.swiper6 .inner_txt {text-align:center;line-height:normal;padding-top:30px;}
.swiper6 .inner_txt .t01 {margin:0 0 10px; font-size:22px; font-weight:700; line-height:25px; color:000; letter-spacing:-0.025em;}
.swiper6 .inner_txt .t02 {font-size:14px; font-weight:700; color:#999999; letter-spacing:-0.025em;}

.swiper6 .swiper-slide {height:120px;}

.swiper6 .swiper-slide.bg01 {background:#eceae2;}
.swiper6 .swiper-slide.bg02 {background:#eaeaea;}
.swiper6 .swiper-slide.bg03 {background:#e2e5ec;}
.swiper6 .swiper-slide.bg04 {background:#ece6e2;}
.swiper6 .swiper-slide.bg05 {background:#ebf0e1;}
.swiper6 .swiper-slide.bg06 {background:#f6f4f9;}

/* pc더보기 버튼 추가 영역 */
.product-wrap .more { text-align:center; margin: 24px 0px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}

/* BASIC css end */