/* BASIC css start */
/* 성물방 PC 메인 전용. 공통 CSS와 기존 Swiper CSS를 유지합니다. */
#header {margin-bottom:0!important;}
#main {position:relative;width:1100px;margin:0 auto;}
/* 커튼 팝업 */
#cu_pop {position:absolute;display:none;z-index:500;width:1100px;top:0;left:0;right:0;margin:0 auto;animation:fadeInUp2 .5s;backface-visibility:hidden;}
#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 .pop_title .txt01 {font-size:28px;color:#4a4a4a;line-height:1;text-align:center;}
#cu_pop .pop_title .txt02 {font-size:33px;color:#333;line-height:1.3;text-align:center;margin-top:70px;font-weight:700;}
#cu_pop .pop_title .txt03 {font-size:22px;color:#333;line-height:1.4;text-align:center;margin-top:60px;}
#cu_pop img {border:0;}
#cu_pop #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"] {position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
#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:-.3px;}
#cu_pop input[type="checkbox"]:checked+label {background-position:0 -19px;}
#cu_pop input:focus-visible+label {outline:2px solid #088a29;outline-offset:3px;}
@keyframes fadeInUp2 {from {opacity:0;transform:translateY(-80px);}to {opacity:1;transform:translateY(0);}}
/* 6단 멀티 팝업: 현재 HTML은 비어 있으나 재사용 스타일 보존 */
.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:#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:#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 #000 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;}
/* 메인 슬라이드 */
.swiper3 {position:relative;}
.swiper3 .swiper-slide>a {position:relative;display:block;height:550px;background-repeat:no-repeat;background-position:center top;cursor:pointer;}
.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:-.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.8em;letter-spacing:.075em;}
.swiper3 .inner_txt .t03 {font-size:60px;margin:0 0 45px;font-weight:700;color:#000;letter-spacing:-.05em;}
.swiper3 .inner_txt .t04 {font-size:18px;margin:0 0 10px;color:#222;letter-spacing:-.025em;}
.swiper3_text {width:100%;font-size:0;text-align:center;position:absolute;bottom:0;z-index:3;pointer-events:none;}
.swiper3_text .inner {width:1100px;margin:0 auto;position:relative!important;}
.swiper3_text ul {display:flex;width:100%;}
.swiper3_text li {flex:1;min-width:0;box-sizing:border-box;height:49px;line-height:46px;background:#fff;border:1px solid #e1e1e1;border-left:0;border-top:2px solid transparent;cursor:pointer;pointer-events:auto;}
.swiper3_text li:first-child {border-left:1px solid #e1e1e1;}
.swiper3_text li a {color:#222;line-height:46px;height:46px;display:block;font-size:13px;text-align:center;background:none;pointer-events:auto;}
.swiper3_text li.swiper_over a {color:#f72222;}
.swiper3_text li.swiper_over {border-top-color:#f72222;}
.swiper3 .swiper-button-prev,.swiper3 .swiper-button-next {width:30px;height:50px;background-color:#f2f2f2;border:1px solid #e5e5e5;margin-top:0;left:auto;top:-255px;pointer-events:auto;}
.swiper3 .swiper-button-prev {background-image:url('/design/raphaels03/0745universe/main_left.png');right:31px;}
.swiper3 .swiper-button-next {background-image:url('/design/raphaels03/0745universe/main_right.png');right:0;}
/* Fade 겹침에서 비활성 배너는 클릭하지 않음 */
.swiper3 .swiper-slide:not(.swiper-slide-active),.swiper4 .swiper-slide:not(.swiper-slide-active),.swiper5 .swiper-slide:not(.swiper-slide-active) {pointer-events:none;}
.swiper3 .swiper-slide-active,.swiper4 .swiper-slide-active,.swiper5 .swiper-slide-active {pointer-events:auto;}
/* 공통 제목 */
.main_pro_title {text-align:center;letter-spacing:-.5px;border-bottom:1px solid #e9e9e9;padding:30px 0;}
.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:0;}
.main_pro_title .txt02 {font-size:15px;color:#777;line-height:1;font-weight:300;padding-top:10px;}
/* 브랜드 */
.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-color:#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:-.3px;padding-top:7px;}
/* 추천상품: 오른쪽 배너는 원래 높이, 왼쪽은 내용만큼 확장 */
.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;min-height:499px;height:auto;overflow:visible;}
.tab-prd-area .ban_right {width:274px;height:499px;position:absolute;top:0;right:0;}
.tab-prd {width:100%;max-width:825px;margin:0 auto;background:#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:-.3px;background:#fbfbfb;border:1px solid transparent;border-right-color:#dedede;border-bottom-color:#222;box-sizing:border-box;transition:.2s ease-in-out;cursor:pointer;}
.tab-prd .tab-prd-text li.current {background:#fff;border:1px solid #222;border-bottom-color:#fff;}
.tabcontent01 {display:none;padding:50px 0 24px;border-right:1px solid #dedede;min-height:459px;box-sizing:border-box;}
.tabcontent01.current {display:block;}
.contentslider-tab-ban {width:274px;height:498px;}
.contentslider-tab-ban .swiper-wrapper {width:274px;height:498px;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>a {display:block;width:100%;height:100%;}
.contentslider-tab-ban .swiper-slide img {position:absolute;left:0;bottom:-1px;}
.contentslider-tab-ban .swiper-button-prev4,.contentslider-tab-ban .swiper-button-next4 {position:absolute;top:0;width:14px;height:14px;cursor:pointer;margin-top:20px;}
.contentslider-tab-ban .swiper-button-prev4 {left:30px;background:url('/design/raphaels03/0745universe/ban_right_left.gif') no-repeat;}
.contentslider-tab-ban .swiper-button-next4 {left:48px;background:url('/design/raphaels03/0745universe/ban_right_right.gif') no-repeat;}
.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:#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:-.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;color:#999;}
/* 중앙 이벤트 */
.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-pagination5 .swiper-pagination-bullet {width:16px;height:16px;margin:0 3px;color:#555;text-align:center;line-height:16px;background:#fff;opacity:1;}
.swiper5 .swiper-pagination5 .swiper-pagination-bullet-active {color:#fff;background:#000;}
.swiper5 .inner_txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:normal;}
.swiper5 .inner_txt .t01 {margin:0 0 5px;font-size:16px;font-weight:700;color:rgba(0,0,0,.5);letter-spacing:-.05em;}
.swiper5 .inner_txt .t02 {font-size:32px;font-weight:700;color:#000;letter-spacing:-.05em;}
/* 카테고리 */
.contentslider-cate-tab {width:1100px;text-align:left;}
.contentslider-cate-tab .tabs li {float:left;width:110px;height:109px;margin:0;padding:0;cursor:pointer;}
.contentslider-cate-tab .tabs li a {display:block;height:107px;color:#777;font-size:12px;text-align:center;line-height:1;letter-spacing:-.3px;background:#fbfbfb;border: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:#fff;border-bottom-color:#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 {display:none;width:1098px;position:relative;padding-top:40px;}
.contentslider-cate-tab .tab_content:first-child {display:block;}
.contentslider-cate-tab .tab_pro {margin:0 30px;}
/* 신규상품: 4열 안에서 이미지 크기 제한, 기존 상품 공통 스타일 존중 */
.pro_week .prd-list .thumb {max-width:100%;}
.pro_week .prd-list .thumb_img img {max-width:100%;height:auto;}
/* 기획전 */
.main_best_title {text-align:center;letter-spacing:-.5px;padding:50px 0;}
.main_best_title .txt01 {font-size:24px;color:#222;font-weight:800;line-height:1;}
.swiper6 {margin-top:100px;}
.swiper6 .swiper-button-prev6,.swiper6 .swiper-button-next6 {position:absolute;left:auto!important;top:65px;width:36px;height:37px;border:1px solid #e3e5e8;cursor:pointer;}
.swiper6 .swiper-button-prev6 {right:38px!important;background:url('/design/raphaels03/0745universe/best_left.gif') no-repeat;}
.swiper6 .swiper-button-prev6:hover {background:url('/design/raphaels03/0745universe/best_left_on.gif') no-repeat;}
.swiper6 .swiper-button-next6 {right:1px;background:url('/design/raphaels03/0745universe/best_right.gif') no-repeat;}
.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:-.025em;}
.swiper6 .inner_txt .t02 {font-size:14px;font-weight:700;color:#999;letter-spacing:-.025em;}
.swiper6 .swiper-slide {height:120px;}
.swiper6 .swiper-slide>a {display:block;width:100%;height:100%;}
.swiper6 .bg01 {background:#eceae2;}.swiper6 .bg02 {background:#eaeaea;}.swiper6 .bg03 {background:#e2e5ec;}.swiper6 .bg04 {background:#ece6e2;}.swiper6 .bg05 {background:#ebf0e1;}.swiper6 .bg06 {background:#f6f4f9;}
/* 더보기 */
.product-wrap .more,.more.new_product_more {text-align:center;margin:24px 0;}
.btn_moreGray {width:224px;height:35px;line-height:35px;background:#efefef;border:0;font-weight:bold;display:block;margin:0 auto;}
.btn_moreGray span {color:#aaa;}.btn_moreGray span em {color:#f1191f;}
.more[aria-busy="true"] {opacity:.6;cursor:wait;}
.smb-load-message {text-align:center;color:#666;font-size:13px;margin:12px 0;}
.m_tab01 li:focus-visible,.contentslider-cate-tab .tabs li:focus-visible,#cu_pop #close:focus-visible {outline:2px solid #088a29;outline-offset:-2px;}
@media (prefers-reduced-motion:reduce) {#cu_pop {animation:none;}.tab-prd .tab-prd-text li {transition:none;}}

/* BASIC css end */

