/* BASIC css start */
ul.items li a{position:relative;}


/*포토리뷰*/
#photo-review{background:#f9f9f9; display: table; margin-bottom: 70px; margin-top: 70px;}
#photo-review .m_title{font-family:"futura-pt"; margin:50px auto 40px; text-align:center;font-size:2.1em;font-weight:600; }
#photo-review li{width: 43%; display: inline-block; vertical-align: top; padding: 1%; margin-bottom: 30px;}     
#photo-review li:nth-child(even){margin-right:4.5% !important;}
#photo-review li:nth-child(odd){margin-left:4.5% !important;}
#photo-review li img{width:100%}
#photo-review li p.tit{text-align:left; padding: 15px 0 8px; 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: 13px; 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;}
#photo-review .ppp{text-align: center; margin: 10px 0 30px;}
#photo-review .ppp li{width: auto !important; margin: 0 !important;}
#photo-review .ppp li.active a{font-weight:bold;color:#000 !important;}
#photo-review .ppp li a{margin: 3px; font-size: 14px; color: #cacaca;}


/*포토리뷰2*/
#photo-review2{background:#f9f9f9; display: table; margin-bottom: 70px;}
#photo-review2 .m_title{font-family:"futura-pt"; margin:50px auto 20px; text-align:center;font-size:2.1em;font-weight:600; }
#photo-review2 li{width: 44%; display: inline-block; vertical-align: top; padding: 4px; margin-bottom: 30px;}     
#photo-review2 li:nth-child(even){margin-right: 15px !important;}
#photo-review2 li:nth-child(odd){margin-left: 15px !important;}
#photo-review2 li img{width:100%}
#photo-review2 li p.tit{text-align:left; padding: 15px 0 8px; 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: 13px; 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;}
#photo-review2 .ppp{text-align: center; margin: 10px 0 30px;}
#photo-review2 .ppp li{width: auto !important; margin: 0 !important;}
#photo-review2 .ppp li.active a{font-weight:bold;color:#000 !important;}
#photo-review2 .ppp li a{margin: 3px; font-size: 14px; color: #cacaca;}


/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute; left: 0; text-align: center; width: 100%;bottom:30px; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background-color:rgba(0,0,0, 0.2); width: 25px; height: 5px; }
#event .pagination .swiper-active-switch { background-color:rgba(249,176,155, 1.0); }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin:15px 0 50px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.rollbn { margin:15px 0 10px; }
.rollbn img { width:100%; }
.rollbn .swiper-container-horizontal>.swiper-pagination-progressbar { bottom:15px;top:auto;margin:0 auto;width:20%;right:0; }
.rollbn .swiper-pagination-progressbar {background:#ededed; }
.rollbn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#222222; }
.m_title { font-family:"futura-pt"; margin:50px auto 20px; text-align:center;font-size:2.1em;font-weight:600; }


#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:10px 5px;}
#tabs li.tab a { color:#393939;background:#fff;font-size:1em;padding:5px 15px;border-radius:20px;border:1px solid #e5e5e5; }
#tabs ul li.active { }
#tabs ul li.active a {color: #fff;background:#f9b09b;border:1px solid #f9b09b;}
#tabs .tab_div { position:relative; background: #fff;clear: both;margin:20px auto;width:100%; }
#tabs .tab_div h3 {margin-bottom: 12px;}
#tabs .tab_div p {line-height: 150%;}

.btn_moreNew {width:190px; height:40px; line-height: 40px; display: block; margin: 0 auto;border:1px solid #e5e5e5;border-radius:25px;background-image:url('/design/storia0720/mk/img/m/more_bg.png');background-color:#fff;background-position:160px;background-repeat:no-repeat;
box-shadow: 0px 2px 8px 0 #f5f5f5; }
.btn_moreNew span {color:#f9b09b;margin-right:5px;}
.btn_moreNew span em {color:#f1191f;}
.btn_moreNew2 {width:50px; height:40px; line-height: 40px; display: block; margin: 0 auto;border:1px solid #e5e5e5;border-radius:20px;background-color:#fff;background-repeat:no-repeat;box-shadow: 0px 2px 8px 0 #f5f5f5;text-align:center; }
.btn_moreNew2 span {color:#f9b09b;margin-right:5px;}
.btn_moreNew2 span em {color:#f1191f;}
.btn_moreNew2 img { display:inline-block!important;}
.discount_p { position:absolute; right:2px;font-size:12px;top:0px;display:block;width:40px;height:40px;line-height:40px;background:#f9b09b;color:#fff;text-align:center; }

.MK_block_new_product .discount_p{top:2px}

.list_shopping3x li { position:relative; }
.listPrice strike { margin-left:5px;color:#9b9b9b;font-size:11px; }




.list_shopping3x {position:relative;margin-top:20px;}
.line-cols-btns * { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.line-cols-btns { text-align:left;padding:10px 2px; }
.line-cols-btns > a {display: inline-block;margin: 0 2px;width: 20px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%;}
.line-cols-btns > a.col-btn-1 {background-image: url('/design/storia0720/mk/img/m/col1_off.png');}
.line-cols-btns > a.col-btn-1.on {background-image: url('/design/storia0720/mk/img/m/col1_on.png');}
.line-cols-btns > a.col-btn-2 {background-image: url('/design/storia0720/mk/img/m/col2_off.png');}
.line-cols-btns > a.col-btn-2.on {background-image: url('/design/storia0720/mk/img/m/col2_on.png');}
.line-cols-btns > a.col-btn-3 {background-image: url('/design/storia0720/mk/img/m/col3_off.png');}
.line-cols-btns > a.col-btn-3.on {background-image: url('/design/storia0720/mk/img/m/col3_on.png');}

.MK_block_add5_product.cols-1 ul > li {position: relative;width: 100% !Important;}
.MK_block_add5_product.cols-2 ul > li {position: relative;width: 50% !Important;}
.MK_block_add5_product.cols-3 ul > li {position: relative;width: 33.33% !Important;}

.MK_block_add6_product.cols-1 ul > li {position: relative;width: 100% !Important;}
.MK_block_add6_product.cols-2 ul > li {position: relative;width: 50% !Important;}
.MK_block_add6_product.cols-3 ul > li {position: relative;width: 33.33% !Important;}

.rollbn_2 { margin:30px 0;padding:0 0 0 10px;}
.rollbn_2 .swiper-slide img { width:100%; }
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:90%; }
.video_wrap { margin:50px 0 ;background:#fcf1ed;padding:10px; }
.video_wrap dd { text-align:center; }
.video_wrap dd img { width:70%;}
.sns { color:#f9b09b; }

#container { margin-top:0px!important; }
.swiper-container2 { overflow:hidden; }

.sns_title_img { text-align:center;margin-bottom:20px;}
.sns_title_img img { width:150px; }

.sub_cate::after{clear: both;display: block;content: ''}
.sub_cate li{width:25%; height: 42px; line-height:42px;text-align: center; border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;box-sizing:border-box;float:left}
.sub_cate li:nth-of-type(4){border-right:0px solid #dedede;}
.sub_cate li a{display: block;font-weight: normal;font-size: 12px;color: #383838;}
.sub_cate li:nth-of-type(1) a span{font-weight: bold;color: #f81b1b}
.sub_cate li:nth-of-type(3) a{font-weight: bold;color: #ff8a97}

.sub_cate li a img{width:20px;margin:-5px 0 0 3px}
.items .rev {color:#ff8181; font-weight:bold; }


.items > li > a > figure{;position: relative}



.sale_per{background-color:#ff8181;position: absolute;top:1px;right:0;width:38px;height:38px;z-index:9}
.sale_per p{color:#fff;font-weight:bold;line-height:36px !important;text-align: center;font-family: sans-serif;font-size: 14px}

.cols-1 .sale_per{width:50px;height:50px;top: 0px;}
.cols-1 .sale_per p{line-height:48px !important;font-size: 16px}

.cols-3 .sale_per{top: 0px;}



/* BASIC css end */

