/* BASIC css start */
/* 롤링배너 */
#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:5%;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; width:13px; height:13px; background-color:#e5beb7;border-radius:13px;-ms-border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;}
#event .pagination .swiper-active-switch {  background-color:#fff;  }
/* //롤링배너 */

.main .topBanner {margin: 4px 2px 0;}
.main .topBanner a { display: block; margin: 0 2px ;}
.main .topBanner .topBannerLeft {width: 50%;float:left;position:relative;}
.main .topBanner .topBannerRight {width: 50%;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;}

.main{padding-bottom:5%;}
.title_main{position:relative;margin-bottom:7%;}
.title_main h3{font-size:18px;color:#282b30;font-family:'Montserrat', sans-serif;font-weight:600;text-transform:uppercase;text-align:center;}

.mainbox_area{padding:15% 0 10%;background:#f1f1f1;}
.mainbox_area .inner{position:relative;overflow:hidden;padding:0 1%;}
.mainbox_area ul{overflow:hidden;}
.mainbox_area li{float:left;width:48%;padding:0 1% 3% 1%;}
.mainbox_area dl{position:relative;width:100%;min-height:250px;background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);overflow:hidden;}
.mainbox_area.breview{padding-top:5%;}
.mainbox_area.breview dl{min-height:335px;}
.mainbox_area dt{position:relative;padding:5%;font-size:16px;line-height:20px;color:#282b30;letter-spacing:-1.5px;}
.mainbox_area dt span{font-weight:700;}
.mainbox_area dt span.txt{display:inline-block;font-size:11px;line-height:11px;color:#f4745a;text-transform:uppercase;letter-spacing:0;margin-bottom:7px;}
.mainbox_area dt #icohit{position: absolute;z-index:9;left:20px;height:31px;width:122px;
-webkit-animation: icohitanimation 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.mainbox_area dd{padding:0 5% 5% 5%;}
.mainbox_area dd.txt{font-size:11px;line-height:16px;color:#888;letter-spacing:-1px;}
.mainbox_area dd.txt_line{font-size:13px;line-height:13px;color:#888;letter-spacing:-1px;padding-top:5px;}
.mainbox_area dd.txt_line span{border-bottom:1px solid #888;}
.mainbox_area dd.btn_readmore{position:absolute;bottom:0;left:0;padding-bottom:5%;}
.mainbox_area dd.btn_readmore span{color:#888;font-size:9px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.mainbox_area dd.img{padding:0;}
.mainbox_area dd.img img{width:100%;}
.mainbox_area .btn_more{display:block;width:80%;color:#232f47;font-size:11px;height:30px;line-height:30px;border:1px solid #8c8e90;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:-1px;background:#fff;margin:3% auto 0;text-align:center;}
.mainbox_area .btn_more span{padding-left:10px;}

.mainbox_area2{display:none !important;}

.products_area{padding:0 1% 8%;background:#f1f1f1;}
.products_area.padd{padding:10% 1%;}
.products_area .inner{overflow:hidden;}
.products_area .title_main.titbox{padding:14% 0;background-image:url("/design/samtopia/skin1/images/bg_mainb2.jpg");background-size:cover;background-position:center top;margin-bottom:4%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.products_area .title_main.titbox h3{font-size:20px;line-height:20px;color:#fff;text-align:center;}
.products_area .title_main.titbox h3 span{border-bottom:1px solid #fff;}
.products_area .title_main.titbox p{font-size:12px;line-height:16px;color:#aaa8a8;text-align:center;margin-top:10px;letter-spacing:-1px;}
.products_area.list_relate{margin:5% 0 0 0;}
.products_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:32.9%;margin:0 0.4% 1% 0;}
.products_area li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:5%;z-index:1;padding-left:0;}
.products_area li .img img{display:block;width:100%;height:120px;}
.products_area li .ico_probest{position:absolute;left:-5px;top:-5px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:40%;/*height:30%;*/padding:6% 0 5%;background-image:url("/design/samtopia/mobile/skin1/images/bg_micobest2.png");background-repeat:repeat;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;z-index:9;}
.products_area li .ico_probest span{display:block;font-size:16px;line-height:20px;font-weight:600;}
.products_area li .ico_probest.best1, .products_area li .ico_probest.best2, .products_area li .ico_probest.best3{background-image:url("/design/samtopia/mobile/skin1/images/bg_micobest1.png");}
.products_area li dl{padding:5%;min-height:194px;background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/*box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area li dt{overflow:hidden;margin-bottom:2%;text-overflow:ellipsis;}
.products_area li dt .tit{color:#282b30;font-size:11px;line-height:16px;letter-spacing:-1px;}
.products_area li dd{}
.products_area li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:11px;line-height:14px;color:#f4745a;}
.products_area li .won{font-size:11px;line-height:12px;text-transform:lowercase;}
.products_area li .icon{display:block;}
.products_area li .icon .MK-product-icons img{padding:0;}
.products_area li .price_discount{color:#999;padding-right:5px;}

.products_area .btn_more{display:block;width:80%;color:#232f47;font-size:11px;height:30px;line-height:30px;border:1px solid #8c8e90;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:-1px;background:#fff;margin:5% auto 0;text-align:center;}
.products_area .btn_more span{padding-left:10px;}

.bannerroll_area{background:#f1f1f1;padding:0 1% 10%;}
.bannerroll_area dl{width:100%;border:1px solid #e7e7e7;box-shadow: 0 3px 6px rgba(0,0,0,0.1);overflow:hidden;}
.bannerroll_area dt{display:none;}
.bannerroll_area .flexslider{position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bannerroll_area .flexslider li img{width:100%;}
.bannerroll_area .flex-control-nav{display:none;}
.bannerroll_area .flex-nav-prev{position:absolute;left:0;top:50%;margin-top:-20px;z-index:99;}
.bannerroll_area .flex-nav-prev a{display:inline-block;width:13px;height:24px;padding:10px;text-indent:-999999em;overflow:hidden;background:url("/design/samtopia/skin1/images/btn_mleft1.png") no-repeat 50% 50%;}
.bannerroll_area .flex-nav-next{position:absolute;right:0;top:50%;margin-top:-20px;z-index:99;}
.bannerroll_area .flex-nav-next a{display:inline-block;width:13px;height:24px;padding:10px;overflow:hidden;text-indent:-999999em;background:url("/design/samtopia/skin1/images/btn_mright1.png") no-repeat 50% 50%;}


.main_listroll{padding:10% 0;overflow:hidden;background-image: url("/design/samtopia/skin1/images/bg_mwhy.jpg");background-position:50% 50%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
.main_listroll .title_main{text-align:center;}
.main_listroll .title_main h3{font-size:20px;color:#f4745a;}
.main_listroll .title_main h3 span{border-bottom:1px solid #f4745a;}
.main_listroll .title_main p{font-size:12px;line-height:20px;color:#aaa8a8;text-align:center;margin-top:10px;letter-spacing:-1px;}

.main_listroll .pview{z-index:0 !important;}
.main_listroll ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0;  text-align:left; font-size:0;}
.main_listroll li{width:152px;/*width:10.5%;*/display:inline-block; vertical-align: top; text-align:left;margin-left:8px;}
.main_listroll li a {display: block;}

.main_listroll dl{position:relative;width:100%;height:310px;background:#fff;border:1px solid #282b30;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);overflow:hidden;}
.main_listroll dl:first-child{margin-left:0;}
.main_listroll dt{position:relative;padding:5%;font-size:14px;line-height:18px;color:#282b30;letter-spacing:-1.5px;}
.main_listroll dt span{font-weight:700;}
.main_listroll dt span.txt{display:inline-block;font-size:11px;line-height:11px;color:#f4745a;text-transform:uppercase;letter-spacing:0;margin-bottom:7px;}
.main_listroll dd{padding:0 5% 5% 5%;}
.main_listroll dd.txt{font-size:11px;line-height:16px;color:#888;letter-spacing:-1px;}
.main_listroll dd.txt_line{font-size:12px;line-height:13px;color:#888;letter-spacing:-1px;padding-top:5px;}
.main_listroll dd.txt_line span{border-bottom:1px solid #888;}
.main_listroll dd.btn_readmore{position:absolute;bottom:2%;left:5%;padding:0;}
.main_listroll dd.btn_readmore span{color:#888;font-size:9px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.main_listroll dl:hover dd.btn_readmore span{color:#f4745a;}
.main_listroll dd.img{padding:0;}
.main_listroll dd.img img{width:100%;}

.notice_area{padding:11% 1%;overflow:hidden;}
.notice_area .inner{padding:5%;background:#f9f9f9;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.notice_area li{line-height:26px;border-bottom:1px solid #e7e7e7;}
.notice_area li a{display:block;font-size:11px;color:#888;}
.notice_area .btn_more{display:block;width:80%;color:#232f47;font-size:11px;height:30px;line-height:30px;border:1px solid #8c8e90;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:-1px;background:#fff;margin:5% auto 0;text-align:center;}
.notice_area .btn_more span{padding-left:10px;}


/* flex스크립트css */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom:5%;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #4d4f4f;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #fff;
  
}
.flex-control-paging li a.flex-active {
  background: #fff; 
  cursor: default;
}


/* BASIC css end */