/* BASIC css start */
.visual_wrap{width:100%;}
.visual_img{width:100%;margin:0 auto;}
.visual_img img{width:100%;}

.vi_right{position:relative}



/*메인텍스트*/
.main_txt{position:absolute;top:150px;left:20px;font-family: 'Noto Serif', serif;}
.main_txt h1{color:#000;font-size:45px;}
.main_txt p{color:#000;font-size:18px;margin-top:40px;font-family: 'Noto Serif', serif;}
.main_txt a{width:140px;height:40px;display:inline-block;background-color:#fff;color:#000;font-size:12px;font-weight:300;line-height:40px;text-align:center;margin-top:30px;}
.main_txt a:hover{background-color:#00ab84;color:#fff;}


/* 롤링배너 */ 
#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: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }


/* //롤링배너 */
.main {width:90%;margin:0 auto}
.main h3 {font-size:30px;font-weight:400;color:#000;font-family: 'Noto Serif', serif;margin:0 0 20px 0;border-bottom:0;letter-spacing:-1px}
.main .topBanner {margin-top:15px;}
.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;}







    
/*에디터리뷰*/
#editor_review{width:100%}
#editor_review  #editor_review_left{margin:60px 0 30px}
#editor_review  #editor_review_right{margin-bottom:80px;}


#editor_review  #editor_review_right p{line-height:160%;font-size:13px;font-weight:300;color:#000}
#editor_review  #editor_review_right span a{width:120px;height:40px;display:inline-block;background-color:#00ab84;color:#fff;font-size:13px;font-weight:400;line-height:40px;text-align:center;margin-top:30px;font-family: 'Noto Serif', serif;}
#editor_review  #editor_review_right span a:hover{background-color:#007b5f}

.main .listName{color:#000}
.main .listPrice{margin-top:3px;color:#000}

.btn_moreGray {width:100%; height:35px; line-height: 35px; border:1px  solid #000; font-weight:bold; display: block; margin: 0 auto;border:none}


/*식물연구소 DIY*/ 

.section5{width:100%}   
.section5 .ban{position:relative;}
.section5 .ban img{width:100%}
.section5 .ban a{position:absolute;top:20%;left:0;width:85%;right:0;margin:0 auto;line-height: 1; color: #000; font-weight: 700;background-color:#fff}
.section5.clear .ban:nth-child(1){margin:60px 0 10px}
.section5 .ban .text{width:80%;margin:10px auto 15px}
.section5 .ban .text span:nth-child(1){font-size:30px;font-family: 'Noto Serif', serif;margin:20px 0 10px 0;font-weight:300;display:inline-block}
.section5 .ban .text span:nth-child(3){font-size:11px; font-family: 'Noto Sans KR', sans-serif;font-weight:300;line-height:160%;}
.section5 .ban .text span:nth-child(5){font-size:12px;font-family: 'Noto Serif', serif;width:80px;height:25px;;line-height:25px;text-align:center;background-color:#00ab84;color:#fff;font-weight:400;margin:10px 0;display:inline-block}



/* BASIC css end */