/* BASIC css start */
.bg{background:url('http://petplant.godohosting.com/petplant/images/petplant.png') no-repeat center center fixed;width:100%;height:100%;position:fixed;top:0;left:0;}

#bg{opacity: 1;}
#bg.scroll{opacity: 0;transition:1s;}

#bg.scroll.rescroll{opacity: 1;transition:1s;}



#wrap{width:1400px;margin:0 auto}
#contents{width:1200px;margin:0 auto}
#contents_1400{width:1400px;margin:0 auto;position:absolute;top:0;left:0;right:0;height:1170px;z-index:100}
#contents_1400:after{}


#main > div:nth-child(2) > div > div:nth-child(1) > dl:nth-child(1){margin:450px 125px 0 0}
#main > div:nth-child(2) > div > div:nth-child(2){margin-top:-200px}

#main > div:nth-child(2) > div > div:nth-child(2) > dl:nth-child(1){margin:450px 125px 0 0}





/* 메인 롤링이미지 */


.swiper-pagination-bullet{width:50px; height:10px;}

.main_banner {}
.main_banner img{width:100%;}
.main_txt{position:absolute;top:250px;left:50%;font-family: 'Noto Serif', serif;width:1200px;margin-left:-600px}

.main_txt h1{color:#000;font-size:80px;}
.main_txt p{color:#000;font-size:30px;margin-top:20px;}
.main_txt a{width:140px;height:40px;display:inline-block;background-color:#fff;color:#000;font-size:15px;font-weight:300;line-height:40px;text-align:center;margin-top:40px;}
.main_txt a:hover{background-color:#00ab84;color:#fff;}
#slides { display: none; }

#slides .slidesjs-navigation { margin-top:5px; }
#slides .slidesjs-pagination { position: absolute; right: 30px; bottom: 10%; z-index: 10; }
#slides .slidesjs-pagination li { float: left; height: 6px; margin: 0 1px; width: 44px; }
#slides .slidesjs-pagination li a { background-color: #555555; display: block; width: 44px; height: 6px; font-size: 0; }
#slides .slidesjs-pagination li a.active { background-color: #fff; color: #9a1212; }
.main_banner .btn-left { position: absolute; top: 250px; left: 30px; z-index: 10; }
.main_banner .btn-right { position: absolute; top: 250px; right: 30px; z-index: 10; }

#preview_wrap{display:none}
#see{float:right;padding:50px 20px;font-size:12px;}
#see a{color:#5a8a69;}
#see a:hover{text-decoration:underline;}
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }


#main .item-wrap .item-cont .item-list{width:280px;margin-right:26px;}
#main .item-wrap .item-cont .item-list:last-child{margin-right:0px;}

.thumb{width:100%}
.thumb a{width:280px;height:360px;display:block;overflow:hidden}

#main .item-wrap .item-cont .item-list .thumb img{width:280px;height:360px!important}

.thumb a:hover img{transform:scale(1.1);transition:all 0.1s ease-in-out}


#main .item-wrap .item-cont:nth-child(3){margin-top:80px}


.item-wrap .item-cont .item-list li.prd-name{margin-top:20px;margin-bottom:5px;color:#000;font-weight:400;font-size:13px;}
.item-wrap .item-cont .item-list li.prd-price{font-weight:400;color:#000;font-size:13px;margin-top:5px;}



#wrap:before{display:block;clear:both;content:''}

#wrap h2{font-size:35px;color:#000;display:inline-block;padding-bottom:5px;letter-spacing:-2px;font-weight:600;margin:50px 0;font-family: 'Nanum Myeongjo', serif;}
#editer_etc{font-size:18px;color:#5a8a69;border-bottom:1px solid #5a8a69;padding-bottom:5px;letter-spacing:3px;font-weight:600;margin:50px 0}
#editer_etc:after{display:block;clear:both;content:''}    


 
#main .section5 {margin: 200px 0 110px;}
#main .section5 .ban {float: left;box-sizing: border-box;width: 600px;   position:relative}
#main .section5 .ban:nth-child(1) {padding: 0 20px 0 0;}
#main .section5 .ban:nth-child(2) {	padding: 0 0 0 20px;}
#main .section5 .ban > div {cursor: pointer;}

#main .section5 .ban .thumb {margin: 0 0 40px;}
#main .section5 .ban .thumb img{width:100%}
#main .section5 .ban a{position:absolute;top:0;left:0;width:580px;height:600px;opacity:0;  transition:opacity .3s ease-in-out;line-height: 1; color: #000; font-weight: 700;}
#main .section5 .ban a:hover{opacity:1;}
#main .section5 .ban a .text{background-color:#fff;width:500px;height:250px;margin:170px auto 0}

#main .section5 .ban .text span{display:inline-block}

#main .section5 .ban .text span:nth-child(1){font-size:40px;font-family: 'Noto Serif', serif;padding: 0 40px;margin:40px 0 27px 0;font-weight:300;}
#main .section5 .ban .text span:nth-child(3){font-size:13px; font-family: 'Noto Sans KR', sans-serif;padding:0 40px;font-weight:300;line-height:160%;}
#main .section5 .ban .text span:nth-child(5){font-size:13px;font-family: 'Noto Serif', serif;width:100px;height:35px;margin-left:40px;line-height:35px;text-align:center;background-color:#00ab84;color:#fff;font-weight:400;margin-top:30px}



#main .section5 .ban .text:hover{opacity:1;}

#main .section5 .ban .btn {font-size: 13px; line-height: 33px; color: #000; font-weight: 700;position: relative;display: inline-block;}
#main .section5 .ban .btn:after {	content: '';	position: absolute; bottom: 0; left: 0; right: 0;height: 3px;background: #000;}
 
    
    

    
/*식물연구소*/
#plant_wrap{width:1200px; margin:0 auto}
#plant_wrap  #plant_wrap_left{width:60%;float:right;margin:0px 0 100px;}
#plant_wrap  #plant_wrap_right{width:35%;float:left;padding:100px 0 0 50px}
#plant_wrap  #plant_wrap_right h3 a{font-size:50px;font-weight:400;line-height:110%}

#plant_wrap  #plant_wrap_right p{padding-left:20px;line-height:160%;font-size:15px;font-weight:300;color:#000}
#plant_wrap  #plant_wrap_right span a{margin-left:20px;width:145px;height:50px;display:inline-block;background-color:#00ab84;color:#fff;font-size:16px;font-weight:300;line-height:50px;text-align:center;margin-top:30px;font-family: 'Noto Serif', serif;}
#plant_wrap  #plant_wrap_right span a:hover{background-color:#007b5f}






#main h2 {font-size: 48px; line-height: 50px; color: #000;margin: 40px 0 20px;letter-spacing:-1px}
#main h2 p {display: inline-block;	position: relative;font-family: 'Noto Serif', serif; font-weight:500;}

#main h2 span {	font-size: 14px; line-height: 14px; color: #a3a3a3; font-weight: 400;	display: block;	margin: 10px 0 0 0;}



/*회사소개*/
.about {height:250px;text-align:center;margin:0 auto;}
.about .intro_h {margin-top:100px;width:1200px;}
.about .intro_h h2 {font-size:53px;font-weight:400;}
.about .intro_h p {font-size:15px;line-height:160%;font-weight:300;color:#000;margin-top:35px;}
.about .intro_h span a{margin-left:20px;width:145px;height:50px;display:inline-block;background-color:#00ab84;color:#fff;font-size:16px;font-weight:300;line-height:50px;text-align:center;margin-top:50px;font-family: 'Noto Serif', serif;}
.about .intro_h span a:hover{background-color:#007b5f}



/*상품소개*/
.product {margin-top:180px;overflow:hidden;position:relative;}
.product .recom {float:left;}
.product .recom h2 {position:absolute;transform:rotate(90deg);top:60px;left:435px;margin:0;}
.product .recom p {text-align:center;margin:20px auto 0;font-size:15px;line-height:190%;font-weight:300;color:#000}
.product .recom p span {font-size:15px;}

.product .best {float:right;margin-top:210px;padding-right:35px;}
.product .best h2 {position:absolute;transform:rotate(90deg);margin:0;top:265px;right:-89px;}
.product .best p {text-align:center;margin:20px auto 0;font-size:15px;line-height:190%;font-weight:300;color:#000}
.product .best p span {font-size:17px;}



    
/*에디터리뷰*/

#editor_review{margin-top:20px}
#editor_review li{float:left;width:290px;height:290px;margin-left:13px;margin:50px  0 100px 13px}
#editor_review h4{text-align:center;font-size:16px;color:#5a8a69;margin-top:20px}
#editor_review p{text-align:center;font-size:12px;color:#5a8a69;margin-top:5px}

#editor_review > li:nth-child(2){margin-left:0}

#editor_review img{width:100%;height:356px;}
#editor_review .editor_content{width:100%;height:300px;}


#editor li{width:600px;height:380px;float:left}
#editor #editor_con{float:right;margin-right:30px;width:260px;}
#editor #editor_con h4{font-size:18px;font-weight:500;color:#000;}
#editor #editor_con p{font-size:13px;font-weight:300;color:#000;line-height:20px;margin-top:50px}

#editor #editor_con a{margin:55px 0 0 0px; width:130px;height:35px;line-height:35px;color:#fff;background-color:#00ab84;text-align:center;float:left;font-size:14px;;font-family: 'Noto Serif', serif;}






/* BASIC css end */