/* BASIC css start */ /* 메인 비쥬얼 배너 */ #mainSpot{width:100%; overflow:hidden; min-width:1490px; margin:0 auto; padding-bottom: 37px;} #mainSpot li a{display:block;} /*#mainSpot .spotSlider li ,#mainSpot .spotSlider li a{display:block;}*/ #mainSpot .spotSlider img {width:100%; max-width:100%; display:block; } #mainSpot .bx-controls{position:relative; overflow:hidden; height:30px;} #mainSpot .bx-pager { position:absolute; bottom:0px; left:0; right:0; height:11px; text-align:center } #mainSpot .bx-pager .bx-pager-item { display:inline-block; margin:0 5px } #mainSpot .swiper-slide img{width:100%} *:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */ #mainSpot .bx-pager .bx-pager-item a { display:block; width:29px; height:5px; text-indent:-9999em; background:#ededed;} #mainSpot .bx-pager .bx-pager-item a.active { background:#f9b09b; } #mainSpot .swiper-pagination-bullet{margin: 0 5px !important; width: 29px; height: 5px; background: #ededed; opacity: 1 !IMPORTANT; border-radius: 0 !important;} #mainSpot .swiper-pagination-bullet-active{background: #f9b09b !important} /* 이미지 배너 */ .imgBanner { margin:70px auto 0; position:relative; width:1490px; overflow:hidden } .imgBanner ul { *zoom:1 } .imgBanner ul:after { display:block; clear:both; content:'' } .imgBanner ul li { padding-right:40px; float:left } /* 상품 목록 영역 */ .product-wrap { margin:0 auto; position:relative; width:1490px !important } /* 고정 이미지 배너 */ .fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed } .fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center } .fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px } .p_title { text-align:center;width:1490px;margin:120px auto 50px;position:relative; } .p_title h2 {font-family:"futura-pt";font-weight:500;font-size:42px; } .p_title span { position:absolute;right:0;top:10px; } .p_title2 { text-align:center;width:100%;margin:120px auto 50px; } .p_title2 h2 {font-family:"futura-pt";font-weight:500;font-size:34px;line-height:34px;color:#f9b09b; } .p_title2 h2 img { vertical-align:top; } #tabs {margin: 20px 0;text-align:center;} #tabs ul {background: #fff;width:100%;} #tabs li.tab {list-style: none;} #tabs li.tab { display:inline-block;text-align:center;margin:0 5px;} #tabs li.tab a { color:#393939;background:#f1f1f1;font-size:15px;padding:12px 35px;border-radius:20px;} #tabs ul li.active { } #tabs ul li.active a {color: #fff;background:#f9b09b;} #tabs .tab_div { position:relative; background: #fff;clear: both;margin:60px auto;width:1575px; } #tabs .tab_div h3 {margin-bottom: 12px;} #tabs .tab_div p {line-height: 150%;} #tabs .tab_div .item-list .thumb a{display:block; overflow:hidden; width:100%; height:100%;} #tabs .tab_div .item-list .thumb a img{display:block;} #tabs .tab_div .item-list .thumb a img.basic{display:block;} #tabs .tab_div .item-list .thumb a img.hover{display:none;} #tabs .tab_div .item-list .thumb a:hover img.basic{display:none;} #tabs .tab_div .item-list .thumb a:hover img.hover{display:block;} /*best-review*/ #tabs2 {margin: 20px 0;text-align:center;} #tabs2 ul { width: 1490px; margin: 0 auto; display: table;} #tabs2 ul li.tab2{ margin: 10px !IMPORTANT; width: auto !IMPORTANT;} #tabs2 li.tab {list-style: none;} #tabs2 li.tab { display:inline-block;text-align:center;margin:0 5px;} #tabs2 li.tab a { color:#393939;background:#f1f1f1;font-size:15px;padding:12px 35px;border-radius:20px;} #tabs2 ul li.active { } #tabs2 ul li.active a { font-weight: bold;} #tabs2 .tab_div { position:relative; background: #fff;clear: both;margin:60px auto;width:1575px; } #tabs2 .tab_div h3 {margin-bottom: 12px;} #tabs2 .tab_div p {line-height: 150%;} #tabs2 .tab_div .item-list .thumb a{display:block; overflow:hidden; width:100%; height:100%;} #tabs2 .tab_div .item-list .thumb a img{display:block;} #tabs2 .tab_div .item-list .thumb a img.basic{display:block;} #tabs2 .tab_div .item-list .thumb a img.hover{display:none;} #tabs2 .tab_div .item-list .thumb a:hover img.basic{display:none;} #tabs2 .tab_div .item-list .thumb a:hover img.hover{display:block;} .prd_tab .swiper-container { width:1473px;margin:0 auto;} .prd_tab .swiper-container .item-list { width:100%;position:relative} .prd_tab .swiper-container .item-list .thumb { width:100%; height:360px; overflow:hidden } .prd_tab .swiper-container .item-list .thumb img { width:100%; } .prd_tab .swiper-button-prev {background-image: url('/design/storia0720/mk/img/prev_icon.png');left: 10px;right: auto;} .prd_tab .swiper-button-next {background-image: url('/design/storia0720/mk/img/next_icon.png');} .prd_tab .swiper-button-next, .prd_tab .swiper-button-prev { position: absolute;top: 40%;width: 22px;height: 43px;margin-top: -40px;z-index: 10;cursor: pointer;background-size: 22px 43px;background-position: center;background-repeat: no-repeat;} .prd_tab .item-list { padding-right:14px; float:left; width:286px;text-align:left; } .prd_tab .item-list .thumb { width:286px; height:360px; overflow:hidden;position:relative; } .prd_tab .item-list .thumb span { position:absolute;right:0;top:0;width:67px;height:67px;line-height:67px;color:#fff;background:#f9b09b;text-align:center;font-size:20px; } .prd_tab .item-list .thumb img { width:286px; height:360px } .prd_tab .item-list .prd-info { padding:14px 0 60px; overflow:hidden } .prd_tab .item-list .prd-ico img { margin:2px } .prd_tab .item-list .prd-name { padding:10px 0;font-size:15px;color:#000 } .prd_tab .item-list .prd-name a { display:block; color:#000000;font-size:15px; text-overflow:ellipsis; word-wrap:normal } .prd_tab .item-list .prd-price { font-size:15px;padding-bottom:10px; } .prd_tab .item-list .prd-price strike { color:#a2a2a2;padding-left:10px; } .prd_tab .item-list .prd-price .price { color:#000;font-weight:bold; } .prd_tab .item-list .prd-color { } .prd_tab .item-list .prd-preview { padding-top:5px } .prd_tab .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat } .prd_tab .item-list .prd-subname { margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:left; border-top:1px dashed #c6c6c6 } .prd_tab .item-list .MK-product-icons img { vertical-align: middle } .prd_tab .item-list .prd_size { padding-bottom:5px; } .prd_tab .item-list .prd_in { padding-bottom:5px;color:#ff8765; } .line_bg { height:5px;background:url('/design/storia0720/mk/img/line-bg.png') no-repeat;} .bn_100 { width:100%;margin:50px 0;position:relative; } .bn_100 .swiper-container2 { overflow:hidden; } .bn_100 img { width:100%; } .bn_100 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:-35px;} .bn_100 .swiper-pagination-bullet { width:29px;height:5px;background:#ededed;opacity:1;border-radius:0; } .bn_100 .swiper-pagination-bullet-active { background:#f9b09b; } .video_wrap { width:100%; background:#fcf1ed;padding:54px 0;overflow:hidden; } .video_wrap li { float:left; } .instagram h2 { padding-bottom:20px; } .instagram p { padding:0px 0px 20px;font-size:20px;color:#aaaaaa;font-family:"futura-pt";} .video_wrap li dl { padding:50px 0 0 135px;} /*포토리뷰*/ #photo-review{background:#f9f9f9; padding-top: 20px; padding-bottom: 20px;} #photo-review .p_title{margin: 70px auto 60px !important; width: initial !important;} #photo-review li{width: 287px !important; display: inline-block; margin: 25px 40px !important; vertical-align: top;} #photo-review li img{width:100%} #photo-review li p.tit{text-align:left; padding: 15px 0; display: block; color: #000000; font-size: 15px; text-overflow: ellipsis; word-wrap: normal; font-weight: bold;} #photo-review li p.txt{text-align:left; color: #626262; font-size: 12.4px; line-height: 1.3; letter-spacing: -1px; font-weight: 400; padding-bottom: 7px;} #photo-review li p.user{text-align:left; color: #b4b4b4; font-size: 13px; line-height: 1.3; letter-spacing: -0.5px; font-weight: 400; padding-bottom: 7px;} #photo-review li p.score{text-align:left; border-top: 1px solid #e7e7e7; padding-top: 8px; margin-top: 8px; color: #b4b4b4; font-size: 13px;} #photo-review li p.score em{font-size: 16px;} /* #photo-review .swiper-wrapper{margin: 0 auto !important; position: relative; width: 1490px !important; display: table; text-align: center;padding-bottom: 100px;}*/ #photo-review .swiper-pagination-bullet{background: none !important;} #photo-review .swiper-pagination-bullet-active{background: none !important; font-weight: bold;} #photo-review .swiper-pagination{bottom: 30px !important;} /*포토리뷰test*/ #photo-review2{background:#f9f9f9} #photo-review2 .p_title{margin: 70px auto 60px !important; width: initial !important;} #photo-review2 li{width: 287px !important; display: inline-block; margin: 25px 40px !important; vertical-align: top;} #photo-review2 li img{width:100%} #photo-review2 li p.tit{text-align:left; padding: 15px 0; display: block; color: #000000; font-size: 15px; text-overflow: ellipsis; word-wrap: normal; font-weight: bold;} #photo-review2 li p.txt{text-align:left; color: #626262; font-size: 12.4px; line-height: 1.3; letter-spacing: -1px; font-weight: 400; padding-bottom: 7px;} #photo-review2 li p.user{text-align:left; color: #b4b4b4; font-size: 13px; line-height: 1.3; letter-spacing: -0.5px; font-weight: 400; padding-bottom: 7px;} #photo-review2 li p.score{text-align:left; border-top: 1px solid #e7e7e7; padding-top: 8px; margin-top: 8px; color: #b4b4b4; font-size: 13px;} #photo-review2 li p.score em{font-size: 16px;} /* #photo-review2 .swiper-wrapper{margin: 0 auto !important; position: relative; width: 1490px !important; display: table; text-align: center;padding-bottom: 100px;}*/ #photo-review2 .swiper-pagination-bullet{background: none !important;} #photo-review2 .swiper-pagination-bullet-active{background: none !important; font-weight: bold;} #photo-review2 .swiper-pagination{bottom: 30px !important;} .prd_tab .item-list .rev { color:#ff8181; font-weight:bold;} .sale_per ,.sale_per_2{background-color:#ff8181;position: absolute;top: 0;right: 14px;width: 50px;height: 50px;z-index:9} .sale_per p, .sale_per_2 p{color:#fff;font-weight:bold;line-height:48px !important;text-align: center;font-family: sans-serif;font-size: 17px} .sale_per_2{right:0} .item-list .rev { color:#ff8181; font-weight:bold;} .item-wrap .item-cont .item-list{position:relative} /* BASIC css end */