/* BASIC css start */ #header {margin-bottom:0px !important;} #main { position: relative; } /* 커튼팝업 관련 스타일 */ #cu_pop { position:absolute; display:none; z-index:500; top:0px; width:1100px; top:0px; left:50%; margin-left:-550px;} #cu_pop .cont {position:relative;} #cu_pop img { border:0px; } #check {position:absolute; top:0px; 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/envital/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);}} /* 메인 팝업 */ .mpopup { width:502px;} .xans-mpopup {position:absolute;display:none;z-index:100; top:11px; left:25px;} .mpopup img { border:0px; } .mpopup .showarea { width:500px; border:1px solid #dedede; border-bottom:0px; height:502px; background-color:#fff;} .contentslider-pop .sliderkit-btn-inner {width:500px; position:relative; text-align:center; margin:0 auto; } .contentslider-pop .sliderkit-nav {position:absolute; top:500px; width:500px; } .contentslider-pop .sliderkit-nav-clip ul {display:inline-block; text-align:center;} .contentslider-pop .sliderkit-nav-clip li a {text-decoration:none; width:95px; height:93px; border:1px solid #dedede; background-color:#fff; cursor:pointer; float:left; border-left:0px; border-bottom:0px; } .contentslider-pop .sliderkit-nav-clip li a span {vertical-align:middle; display:table-cell; font-size:12px; text-align:center; width:96px; height:93px; color:#888; } .contentslider-pop .sliderkit-nav-clip li.sliderkit-selected a span {color:#000; } .contentslider-pop .sliderkit-nav-clip li.sliderkit-selected a {box-shadow:0 1px 0 0 rgba(0,0,0,1) inset;} .contentslider-pop .sliderkit-nav-clip li a.bdrn {border-right:0px;} .contentslider-pop {width:500px; height:500px; margin:0px; padding:0px; } .contentslider-pop .sliderkit-panels{width:500px; height:500px; overflow:hidden; padding:0px; margin:0px; } .contentslider-pop .sliderkit-panel{width:500px; height:500px; overflow:hidden; padding:0px;margin:0px;} .mpopup .todayopen {clear:both; height:27px; line-height:27px; text-align:right; font-size:11px; display:block; background:#999;} .mpopup .todayopen .mpopupnottoday {float:left; height:13px; width:13px; margin-top:8px; margin-left:11px;} .mpopup .closetxt { cursor:pointer;color:#fff; float:left;} .mpopup .closex { cursor:pointer; color:#fff; margin-right:11px;} /* 메인 팝업 */ /* 메인이미지 관련 */ .contentslider-main {width:100%; height:549px; margin:0px auto; padding:0px; border-bottom:1px solid #dedede; } .contentslider-main .sliderkit-go-btn{ position:absolute; top:0px; z-index:10;} .contentslider-main .sliderkit-btn-inner {width:1100px; position:relative; text-align:center; margin:0 auto;} .contentslider-main .sliderkit-go-prev{right:59px; top:500px; } .contentslider-main .sliderkit-go-next{right:30px; top:500px; } .contentslider-main .sliderkit-go-prev a { position:absolute; width:28px; height:48px; border:1px solid #e9e9e9; cursor:pointer; background:url("/design/envital/0745universe/main_left.png") no-repeat;} .contentslider-main .sliderkit-go-next a { position:absolute; width:28px; height:48px; border:1px solid #e9e9e9; cursor:pointer; background:url("/design/envital/0745universe/main_right.png") no-repeat;} .contentslider-main .sliderkit-go-prev a:hover {background:url("/design/envital/0745universe/main_left_on.png") no-repeat;} .contentslider-main .sliderkit-go-next a:hover {background:url("/design/envital/0745universe/main_right_on.png") no-repeat;} .contentslider-main .sliderkit-go-btn span{display:none;} .contentslider-main .sliderkit-nav {position:absolute; top:500px; width:100%; font-size:0px;} .contentslider-main .sliderkit-nav-clip {float:left; width:1042px; background-color:#fff; border:1px solid #e9e9e9; border-bottom:0px;} .contentslider-main .sliderkit-nav-clip li a{height:46px; line-height:46px; width:208px; text-align:center; background-color:#fff; color:#222; cursor:pointer; font-size:14px; letter-spacing:-0.7px; background:url("/design/envital/0745universe/main_slide_bg.gif") no-repeat; background-position:left 16px;} .contentslider-main .sliderkit-nav-clip li:first-child a {background:none !important;} .contentslider-main .sliderkit-nav-clip li.sliderkit-selected a{color:#6a8d00; border-top:2px solid #6a8d00;} .contentslider-main .sliderkit-panels{width:100%; height:549px; overflow:hidden; padding:0px; margin:0px; text-align:center; background-color:#fff;} .contentslider-main .sliderkit-panel {width:100%; height:549px; overflow:hidden; padding:0px;margin:0px;} .contentslider-main .sliderkit-panel a {width:100%; height:549px; display:block;} /* 메인이미지 관련 */ /* 메인중앙롱배너 관련 */ .contentslider-long {width:100%; height:130px; padding-top:80px; } .contentslider-long .sliderkit-go-btn{ position:absolute; top:0px; z-index:10; } .contentslider-long .sliderkit-btn-inner {width:1100px; position:relative; margin:0 auto;} .contentslider-long .sliderkit-nav {position:absolute; top:15px; right:15px; width:100%; font-size:0px; text-align:right !important;} .contentslider-long .sliderkit-nav-clip ul { display:inline-block; } .contentslider-long .sliderkit-nav-clip li a { text-align:center; margin:0px 2px; width:16px; height:16px; line-height:16px; background-color:#fff; border-radius:16px; color:#555; cursor:pointer; font-size:12px; letter-spacing:-0.3px;} .contentslider-long .sliderkit-nav-clip li.sliderkit-selected a{ cursor:pointer; background-color:#222; color:#fff;} .contentslider-long .sliderkit-panels{width:100%; height:130px; overflow:hidden; padding:0px; margin:0; } .contentslider-long .sliderkit-panel {width:100%; height:130px; overflow:hidden; padding:0px;margin:0px; text-align:center;} /* 브랜드스토어 관련*/ .brand_title {text-align:center; letter-spacing:-0.5px; padding:30px 0px 40px;} .brand_title .txt01 {font-size:24px; color:#222; font-weight:800; line-height:1; position:relative;} .brand_title .btn_more {position:absolute; top:1px; right:0px;} .brand_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;} .brand_store ul li {float:left; margin-left:20px; text-align:center;} .brand_store ul li:first-child {margin-left:0px !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;} /* 메인 카테고리별 인기상품 타이틀 관련*/ .main_cate_title {text-align:center; letter-spacing:-0.5px; padding:50px 0px;} .main_cate_title .txt01 {font-size:24px; color:#222; font-weight:800; line-height:1;} .main_cate_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;} /* 메인 상품 타이틀 관련*/ .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:400; padding-top:10px;} /* 메인 베스트 기획전 관련*/ .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;} .main_best_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;} .swiperbest .swiper-button-prev {width:36px; height:37px; background:url("/design/envital/0745universe/best_left.gif"); background-repeat:no-repeat; right:38px !important; left:auto !important; top:65px; border:1px solid #e3e5e8;} .swiperbest .swiper-button-prev:hover {background:url("/design/envital/0745universe/best_left_on.gif"); background-repeat:no-repeat;} .swiperbest .swiper-button-next {width:36px; height:37px; background:url("/design/envital/0745universe/best_right.gif"); background-repeat:no-repeat; right:1px; top:65px; border:1px solid #e3e5e8; } .swiperbest .swiper-button-next:hover {background:url("/design/envital/0745universe/best_right_on.gif"); background-repeat:no-repeat;} /* 투데이 추천상품 관련*/ .today_pro_area {position:relative; width:1100px;} .today_pro_area .pro_left {width:825px; height:499px; border:1px solid #dedede; border-top:0px; overflow:hidden; } .today_pro_area .ban_right {width:274px; height:498px; border:1px solid #dedede; position:absolute; top:0px;right:0px;} /* 투데이 추천상품 관련*/ .contentslider-tab { width:823px;} .contentslider-tab .sliderkit-nav { position:relative !important; width:823px; height:40px; } .contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px; } .contentslider-tab .sliderkit-nav-clip li {padding:0px; margin:0px; height:41px; list-style:none; width:274px; } .contentslider-tab .sliderkit-nav-clip li:first-child {width:275px; } .contentslider-tab .sliderkit-nav-clip li a{cursor:pointer; text-align:center; height:39px; color:#777; display:block; line-height:39px; font-size:12px; letter-spacing:-0.3px;background-color:#fbfbfb; border-bottom:1px solid #222 !important; border:1px solid #dedede; border-right:1px solid #fbfbfb;} .contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a {height:40px; line-height:39px; color:#222; background-color:#fff; border:1px solid #222; border-bottom:1px solid #fff; } .contentslider-tab .sliderkit-panels {width:823px; border:1px solid #dedede; border-right:0px; border-top:0px; height:459px; } .contentslider-tab .sliderkit-panel {width:823px; position:relative !important; padding-top:40px;} .contentslider-tab .main_tab_pro3 {padding:0px 28px !important;} .contentslider-tab .main_tab_pro3 .btn_opt {opacity:0; position:absolute; top:0px; left:20px !important;} /* 투데이 추천상품 우측 슬라이드배너 관련*/ .contentslider-tab-ban {width:274px; height:498px; border:1px solid #dedede; } .contentslider-tab-ban .sliderkit-go-btn{ position:absolute; top:0px; z-index:10; } .contentslider-tab-ban .sliderkit-btn-inner {width:274px; position:relative; margin:0 auto;} .contentslider-tab-ban .sliderkit-nav {position:absolute; top:16px; right:20px; text-align:right;} .contentslider-tab-ban .sliderkit-nav-clip ul { display:inline-block; } .contentslider-tab-ban .sliderkit-nav-clip li a { text-align:center; margin:0px 2.5px; width:7px; height:7px; background-color:#d6d6d6; border-radius:7px; cursor:pointer; } .contentslider-tab-ban .sliderkit-nav-clip li.sliderkit-selected a{ cursor:pointer; background-color:#222; } .contentslider-tab-ban .sliderkit-go-prev{left:30px;} .contentslider-tab-ban .sliderkit-go-next{left:48px;} .contentslider-tab-ban .sliderkit-go-prev a{position:absolute; width:14px; height:14px; cursor:pointer; background:url("/design/envital/0745universe/ban_right_left.gif") no-repeat; margin-top:20px; } .contentslider-tab-ban .sliderkit-go-next a{position:absolute; width:14px; height:14px; cursor:pointer; background:url("/design/envital/0745universe/ban_right_right.gif") no-repeat; margin-top:20px; } .contentslider-tab-ban .sliderkit-panels{width:274px; height:498px; overflow:hidden; padding:0px; margin:0;} .contentslider-tab-ban .sliderkit-panel {width:274px; height:498px; overflow:hidden; padding:0px;margin:0px; position:relative !important;} /* 카테고리별 인기상품 탭 관련*/ .contentslider-cate-tab { width:1100px; text-align:left; } .contentslider-cate-tab .sliderkit-nav { position:relative !important; width:1100px; height:108px; } .contentslider-cate-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px; text-align:left; width:1100px;} .contentslider-cate-tab .sliderkit-nav-clip li {padding:0px; margin:0px; height:109px; list-style:none; width:110px; } .contentslider-cate-tab .sliderkit-nav-clip li a {cursor:pointer; text-align:center; height:107px; color:#777; display:block; font-size:12px; letter-spacing:-0.3px; background-color:#fbfbfb; border:1px solid #dedede; line-height:1; border-bottom:1px solid #dedede; border-left:1px solid #f9f9f9; } .contentslider-cate-tab .sliderkit-nav-clip li img {font-size:0px; vertical-align:top; padding-top:6px;} .contentslider-cate-tab .sliderkit-nav-clip li:first-child a {border-left:1px solid #dedede;} .contentslider-cate-tab .sliderkit-nav-clip li.sliderkit-selected a {height:107px; color:#222; background-color:#fff; border-bottom:1px solid #fff; font-weight:700;} .contentslider-cate-tab .sliderkit-panels {width:1098px; border:1px solid #dedede; border-top:0px;} .contentslider-cate-tab .sliderkit-panel {width:1098px; position:relative !important; padding-top:40px;} .contentslider-cate-tab .tab_pro {margin:0px 30px;} .contentslider-cate-tab .prd-list table td { padding-bottom:48px;} .contentslider-cate-tab .btn_opt {opacity:0; position:absolute; top:0px; left:22px;} /* WEEKLY 신규상품 상품사이즈 관련 */ .main_pro_third table .info { width:328px !important;} .main_pro_third .thumb { width:328px !important;} .main_pro_third .btn_opt {opacity:0; position:absolute; top:0px; left:26px;} /* 브랜드소개, 매장안내, 미디어 */ .media_title {text-align:center; letter-spacing:-0.5px; padding:100px 0px 20px;} .media_title .txt01 {font-size:24px; color:#222; font-weight:800; line-height:1; position:relative;} .media_title .btn_more {position:absolute; top:1px; right:0px;} .media_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;} .media_img ul li {float:left; margin-left:14px; text-align:center; padding-top:10px;} .media_img ul li:first-child {margin-left:0px !important;} .media_txt01 {font-size:17px; line-height:1; font-weight:700; color:#222; padding-top:18px; } .media_txt02 {font-size:13px; line-height:1; color:#777; letter-spacing:-0.3px; padding-top:7px;} /* 인스타그램 */ .insta_title {text-align:center; letter-spacing:-0.5px; padding:30px 0px 40px;} .insta_title .txt01 {font-size:24px; color:#222; font-weight:800; line-height:1; position:relative;} .insta_title .btn_more {position:absolute; top:1px; right:0px;} .insta_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;} .insta_img ul li {float:left; margin-left:7px; text-align:center; padding-top:7px;} .insta_img ul li:first-child {margin-left:0px !important;} .insta_ban img {border:1px solid #dedede;} .insta_ban img:hover {border:1px solid #999;} .insta_txt01 {font-size:17px; line-height:1; font-weight:700; color:#222; padding-top:18px; } .insta_txt02 {font-size:13px; line-height:1; color:#777; letter-spacing:-0.3px; padding-top:7px;} /* BASIC css end */