/* BASIC css start */
/* 롤링배너 */
#event{position:relative; width:100%;}
#event .MS_img-wrap { position: relative; width:100%; overflow: hidden;  padding-bottom:15px; background:#ececec; height:300px;}
#event .event-imgs { position:absolute; width:100%; overflow: hidden; }
#event .MS_img-area {float:left}
#event .event_last_box{float:left}
#event .MS_img-area img { width: 100%; height:100%;}
#event #pagination { position: absolute; left: 0; bottom:30px;; text-align: center; width: 100%;  z-index:10; height}
#event #pagination span{ display:inline-block; margin: 0 2px; text-indent: -9999px;  width: 13px; height: 13px;  border:2px solid #fff;  border-radius:10px;}
#event #pagination span.on{background:#fff;}

/* //롤링배너 */

#contents{padding-bottom:30px;}
#contents h3 {font-size:1.7rem; font-weight:600; line-height:200%; padding-top:5px; margin-bottom:3px; overflow:hidden;}.contents h3 a{float:right; font-size:1.1rem; font-weight:normal; color:#666666;}
#contents h3 a img{margin-left:5px;}

#contents .topBanner {margin-top:15px;}
#contents .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
#contents .topBanner .topBannerRight {width:49%; float:right; position:relative;}
#contents .topBanner img {width:100%; vertical-align:top;}
#contents .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_cont{padding:0 3%;}

.main_prod{background:#fff; padding:0 3%;}
.main_prod ul{overflow:hidden;}
.main_prod li{float:left; width:23.5%; margin-left:2%; text-align:center; line-height:120%; padding-bottom:5px; font-size:1.2rem;}
.main_prod li img{margin-bottom:3px; display:block;}
.main_prod li:nth-child(4n+1){margin-left:0;}

/*메인 배너*/
.m_banner_num01{padding-bottom:15px; background:#ececec;}
.m_banner_num02{padding:15px 0; background:#ececec;}
.m_banner_num03{padding:15px 0; background:#ececec;}
.m_banner_num04{padding-bottom:15px; background:#ececec;}
.m_banner_num05{padding-bottom:15px; background:#ececec;}


/*맘스네 소식지*/
.main_noti { background:#fff;}
.main_noti h3 a{float:right; font-size:1.1rem; font-weight:normal; color:#666666;}
.main_noti ul li{border-top:1px solid #e5e5e5; padding:5px 0;}
.main_noti ul li .main_date{font-size:1.1rem; color:#828b1b; font-weight:normal; line-height:170%;}
.main_noti ul li dt{font-size:1.2rem; color:#222222 !important; font-weight:600; line-height:170%;}
.main_noti ul li dt *{ font-weight:600; color:#222;}


/*베스트 상품*/
.main_best h3 span{display:inline-block; font-size:1.1rem; color:#666666;}
.main_best ul{overflow:hidden; width:100%;}
.main_best ul li{float:left; width:48.5%; margin-right:3%; margin-bottom:10px;}
.main_best ul li:nth-child(2n){margin-right:0;}
.main_best ul li .img_area{width:100%;}
.main_best ul li .img_area{width:100%; position:relative;}
.main_best ul li .img_area img{width:100%;}
.main_best ul li div.best_num{width:50px; height:43px; background:url("/design/dahlia06/renew2017/img/bast01.png"); background-size:cover; position:absolute; left:0; top:0; text-align:center; color:#fff; line-height:120%; padding-top:5px; font-size:1rem;}
.main_best ul li+li div.best_num{background:url("/design/dahlia06/renew2017/img/bast02.png"); background-size:cover;}
.main_best ul li span.best_num:after{content:"1"; display:block; height:10px; text-align:center; position:relative;}
.main_best ul li+li span.best_num:after{content:"2";}
.main_best ul li+li+li span.best_num:after{content:"3";}
.main_best ul li+li+li+li span.best_num:after{content:"4";}
.main_best ul li+li+li+li+li span.best_num:after{content:"5";}
.main_best ul li+li+li+li+li+li span.best_num:after{content:"6";}
.main_best ul li+li+li+li+li+li+li span.best_num:after{content:"7";}
.main_best ul li+li+li+li+li+li+li+li span.best_num:after{content:"8";}

.main_best ul li .icon_area{overflow:hidden; padding-top:5px;}
.main_best ul li .icon_area .main_best{float:left; padding:0 5px; background:#838c1d; color:#fff; font-size:1.1rem; height:25px; line-height:25px;}
.main_best ul li .icon_area .icons{float:right;}

.main_best ul li dl{}
.main_best ul li dl dt{font-size:1.3rem; color:#222222; font-weight:500; padding:5px 0 0 0; line-height:140%;}
.main_best ul li dl dd{font-size:1.2rem; color:#222222; font-weight:normal;padding:0 0 5px 0; line-height:140%;}
.main_best ul li dl dd span{font-size:1.8rem; color:#222222; font-weight:600;margin-right:5px; }


/*맘스 이벤트 베너*/
.main_event{background:#ececec; padding-bottom:15px;}
.main_event_box{overflow:hidden; margin-bottom:15px; background:#fff; }
.main_event_box + .main_event_box{margin-bottom:0;}
.main_event_box > div{float:left; width:50%; border-right:0; padding:0 3% 10px 10px; background:#fff; }
.main_event_box > div:first-child{border-right:1px solid #e4e4e4; padding:0 10px 10px 3%;}
.main_event_box > div h3{font-size:1.1rem; border-bottom:1px solid #e4e4e4; margin-bottom:3px;}
.main_event_box > div h3 span{float:right; font-size:1.1rem; font-weight:normal; color:#666666;}
.main_event_box > div dl{margin-top:5px; padding-bottom:10px; background:#fff;}
.main_event_box > div dt{font-size:1.1rem; color:#222; line-height:170%;}
.main_event_box > div dd{font-size:0.9rem; color:#666666; line-height:120%;}


/* sns 링크*/
.main_sns{overflow:hidden; padding-bottom:15px; background:#ececec;}
.main_sns ul{overflow:hidden; padding:10px 2%; background:#fff;}
.main_sns ul li{width:25%; padding:0 10px ; border-left:1px solid #e4e4e4; float:left;}
.main_sns ul li:first-child{border-left:0;}


/*맘스 정보*/
.main_info{overflow:hidden; background:#fff;}
.main_info > div{float:left; text-align:Center; width:50%; padding-top:20px;}
.main_info > div .info_title img{display:block; width:30%; margin:0 auto 10px auto;}
.main_info > div > div{width:80%; margin:0 auto; text-align: justify;}
.main_info > div span.line{background:#b2b2b2; width:10%; margin:10px auto; height:1px; display:block;}
.main_info .tel_box{border-right:1px solid #e4e4e4;}
.main_info .info_title{color:#404654; font-size:1.5rem; font-weight:600; text-align:center;}
.main_info .tel_box .info_cont1{font-size:1rem; line-height:150%; border-bottom:1px dotted #222; padding-bottom:5px; margin-bottom:5px; }
.main_info .tel_box .info_cont2{font-size:0.9rem; line-height:150%;}
.main_info .tel_box .info_cont1 a{font-size:2rem; font-weight:600; display:block; line-height:150%;}

.main_info .tel_box .info_cont2 a{font-size:1.5rem; font-weight:600; display:block; line-height:150%;}
.main_info .bank_box img{display:block;}
.main_info .bank_box .info_cont1{font-size:1.5rem; border-bottom:1px dotted #222; font-weight:600; margin-bottom:15px; padding-bottom:10px; line-height:200%;}
.main_info .bank_box .info_cont2{font-size:1.5rem; font-weight:600; line-height:200%;}
.main_info .bank_box .info_cont1 span{ display:block; text-align:center; line-height:100%;}
.main_info .bank_box .info_cont2 span{display:block; text-align:center; line-height:100%;}

#powerAPP div.powreAPP_bt{top:150px !important;}

@media screen and (min-width:500px) and (max-width:960px) {
.main_event_box > div{height:360px;}
.main_best ul li div.best_num{width:96px; height:81px;}
}


/* BASIC css end */