/* BASIC css start */
/*부분리뉴얼 추가 start*/
.mainleftfixban_area{position:fixed;left:0;top:50%;margin-top:-135px;z-index:99999;}
.mainleftfixban_area .img a{display:block;}
.mainleftfixban_area .btn_close{padding:10px;cursor:pointer;}
.mainleftfixban_area .btn_close img{display:inline-block;width:14px;}

.btn_mainmore{padding-top:15px;}

.mainvisual_banarea{width:100%;min-width:1300px;height:600px;overflow:hidden;z-index:1;}
.mainvisual_banarea .flexslider{position:relative;}
.mainvisual_banarea .slides{overflow:hidden;}
.mainvisual_banarea .img_slider{width:100%;min-width:1300px;height:600px;}
.mainvisual_banarea .box{display:block;width:1300px;height:600px;margin:0 auto;cursor:pointer;}
.mainvisual_banarea .flex-control-nav{width:100%;position:absolute;bottom:40px;left:0;text-align:center;}
.mainvisual_banarea .flex-control-nav li{display:inline-block;}
.mainvisual_banarea .flex-control-nav li a{display: inline-block;width:10px;height:10px;margin:0 6px;background:#fff;border-radius:10px;text-indent:-999em;opacity:0.2;filter:alpha(opacity=20);}
.mainvisual_banarea .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter:alpha(opacity=100);}
.mainvisual_banarea .flex-direction-nav{display:none;}
.mainvisual_banarea .flex-prev{position:absolute;left:50px;top:50%;width:15px;height:30px;transform:translateY(-50%);background:url("/sunny/images/ico_tbleft.png") no-repeat 0 0;background-size:15px 30px;text-indent:-999em;}
.mainvisual_banarea .flex-next{position:absolute;right:50px;top:50%;width:15px;height:30px;transform:translateY(-50%);background:url("/sunny/images/ico_tbright.png") no-repeat 0 0;background-size:15px 30px;text-indent:-999em;}

.mainvisualban_area{padding:100px 0;}
.mainvisualban_box{}
.mainvisualban_box > ul{overflow:hidden;margin-left:-31px;}
.mainvisualban_box > ul > li{float:left;width:412px;margin:0 0 0 31px;}
.mainvisualban_box > ul > li > a{display:block;}
.mainvisualban_box > ul > li > a:hover{}

.mainvisualban_box .img_box{position:relative;width:412px;height:275px;overflow:hidden;}
.mainvisualban_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;z-index:2;}

.mainvisualban_box .img_box .thumb{position:relative;z-index:1;}
.mainvisualban_box .img_box .thumb img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.mainvisualban_box > ul > li:hover .bg{
background:rgba(0,0,0, .3);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}

.mainvisualban_box > ul > li:hover .img_box .thumb img{
transform: scale(1.025);
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
-o-transform: scale(1.025);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.mainvisualban_box dl{position:relative;border:1px solid #f3f1e9;border-top:0;padding:50px 0 45px;}
.mainvisualban_box dd.ico{position:absolute;left:50%;top:-42px;width:88px;height:88px;margin-left:-44px;z-index:3;}
.mainvisualban_box dd.ico img{width:100%;}
.mainvisualban_box dt{padding:0 0 25px;text-align:center;}
.mainvisualban_box dt img{display:inline-block;height:58px;}
.mainvisualban_box dd.txt{color:#908987;font-size:15px;line-height:22px;letter-spacing:-1px;text-align:center;}


.maincoltips_area{padding:100px 0;border-top:1px solid #f3f1e9;}
.maincoltips_area .sunny_inner{overflow:hidden;}

.maincoltips_area ul{overflow:hidden;border:1px solid #f3f1e9;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.maincoltips_area li{float:left;width:25%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #f3f1e9;}
.maincoltips_area li:first-child{border-left:0;}
.maincoltips_area li a{display:block;width:100%;height:164px;}
.maincoltips_area dl{padding:42px 0 0 39px;}
.maincoltips_area dt img{height:30px;}
.maincoltips_area dt span{color:#463b37;font-size:22px;line-height:30px;padding-left:13px;letter-spacing:-1px;}
.maincoltips_area dd{margin-top:15px;font-size:13px;line-height:21px;color:#908987;letter-spacing:-1px;}


.maintext_box2{display:block;min-width:1300px;position:relative;text-align:center;overflow:hidden;z-index:3;background:#f3f1e9;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;cursor:pointer;}
.maintext_box2:hover{background:#ebe8db;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.maintext_box2 #scrollingText{width:100%;overflow:hidden;}

/* text 스크롤 */
#scrollingText {
  width: 4000px;
  height:60px;
  position: relative;
}

#scrollingText div.scrollableArea p {
font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  display: block;
  float: left;
  margin: 0;
  font-size: 16px;
height:60px;
  line-height:58px;
  color: #908987;
  white-space: nowrap;
  letter-spacing:-1px;
  font-weight:600;
margin:0 150px;
}
#scrollingText div.scrollableArea p .txt1{font-family:'Nunito', sans-serif;display:inline-block;height:20px;line-height:20px;font-size:11px;color:#908987;border:1px solid #d0ccc5;border-radius:20px;padding:0 15px;margin:19px 10px 0 0;letter-spacing:0;text-transform:uppercase;vertical-align:top;font-weight:700;}
#scrollingText div.scrollableArea p .txt2{display:inline-block;color:#463b37;}

#scrollingText2 div.scrollableArea2 p {
  display: block;
  float: left;
  margin: 0;
  padding-right: 20px;
  font-family: Georgia,Times, 'Times New Roman', Serif;
  font-size: 45px;
  line-height: 45px;
  font-weight: bold;
  background-color: #fff;
  color: #000;
  white-space: nowrap;
}

/* image 스크롤 */
#makeMeScrollable
{
  width:470px;  /* 보여지는 넓이 */
  height: 330px; /* 보여지는 높이 */
  position: relative;
}

#makeMeScrollable div.scrollableArea *
{
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  /* If you don't want the images in the scroller to be selectable, try the following
      block of code. It's just a nice feature that prevent the images from
      accidentally becoming selected/inverted when the user interacts with the scroller. */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.mainpethistory_area{position:relative;height:510px;overflow:hidden;}
.mainpethistory_box{position:absolute;left:50%;top:0;width:1300px;margin-left:-650px;padding:100px 0;z-index:2;}
.mainpethistory_box .title_main{position:relative;}
.mainpethistory_box .title_main h2{color:#fff;}
.mainpethistory_box .title_main .txt{color:#fff;background:url("/design/sd1206/skin1/images/line_title_w.png") no-repeat 0 50%;}
.mainpethistory_box .title_main .txt2{position:absolute;right:0;top:0;color:#fff;opacity:0.5;filter:alpha(opacity=50);}

.mainpethistory_box ul{overflow:hidden;margin-left:-31px;}
.mainpethistory_box li{position:relative;float:left;width:412px;margin:0 0 0 31px;padding:75px 0 70px;}
.mainpethistory_box dl{position:relative;z-index:2;text-align:center;}
.mainpethistory_box dt{color:#a3a09b;font-size:20px;line-height:20px;letter-spacing:-1px;margin-bottom:;20px}
.mainpethistory_box .txt_num{color:#fff;padding:20px 0 10px;}
.mainpethistory_box .txt_num .txt1{display:inline-block;font-size:50px;line-height:50px;font-weight:700;}
.mainpethistory_box .txt_num .txt2{display:inline-block;font-size:15px;line-height:15px;font-weight:700;}
.mainpethistory_box li:nth-child(2) .txt2{font-size:50px;line-height:50px;font-weight:700;}

.mainpethistory_box li:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;width:100%;background:rgb(70,59,55, .5);z-index:1;}

.mainpethistory_area .video-background{width:100%;height:55vh;overflow:hidden;position:relative;top:50%;transform:translateY(-55%);z-index:1;/*z-index:-99;*/opacity:1;filter:alpha(opacity=100);background:#463b37;}
.mainpethistory_area .video-foreground, .mainpethistory_area .video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;}
.mainpethistory_area .video-foreground, .mainpethistory_area .video-background embed{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;}
@media (min-aspect-ratio:16/9){.mainpethistory_area .video-foreground{height:300%;top:-100%;}}
@media (max-aspect-ratio:16/9){.mainpethistory_area .video-foreground{width:300%;left:-100%;height:104vh;}}

.subban_area{/*position:relative;*/min-width:1300px;*zoom:1;background:#f4f6ee;}
.subban_area:after{content:"";display:block;clear:both;}

.subban_area .box{display:block;*zoom:1;}
.subban_area .box:after{content:"";display:block;clear:both;}

.subban_area .left_box{position:relative;float:left;width:50%;height:600px;text-transform:uppercase;}
.subban_area .right_box{position:relative;float:right;width:50%;height:600px;}
.subban_area .right_box.bg_event{background:url("http://sd1206.img3.kr/images/img_renewaleventban.jpg") no-repeat center center;background-size:cover;}
.subban_area .text_box{position:absolute;top:50%;right:0;transform:translate(0,-50%);width:650px;text-align:left;}
.subban_area .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:20px;line-height:20px;letter-spacing:0;margin-bottom:35px;font-weight:700;letter-spacing:1px;}
.subban_area .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:40px;line-height:60px;padding-bottom:40px;}
.subban_area .text_box .txt1 span{display:inline-block;font-size:30px;}
.subban_area .text_box .txt2{color:#908987;font-size:17px;line-height:30px;letter-spacing:-1px;}
.subban_area .flexslider .flex-viewport{/*position:static !important;*/z-index:1;}
.subban_area .flexslider .slides li{height:600px;}

.subban_area .flex-control-nav{width:100%;position:absolute;bottom:40px;left:0;text-align:center;z-index:2;}
.subban_area .flex-control-nav li{display:inline-block;}
.subban_area .flex-control-nav li a{display: inline-block;width:10px;height:10px;margin:0 6px;background:#fff;border-radius:10px;text-indent:-999em;/*opacity:0.2;filter:alpha(opacity=20);*/}
.subban_area .flex-control-nav li a.flex-active{background:#8ca15a;/*opacity:1;filter:alpha(opacity=100);*/}
.subban_area .flex-direction-nav{display:none;}


@media screen and (max-width:1600px) {
/*.subban_area .text_box{left:0;width:auto;}*/
}


.subban_area2{min-width:1300px;background:#f4f6ee;}
.subban_area2 .box{display:block;*zoom:1;}
.subban_area2 .box:after{content:"";display:block;clear:both;}
.subban_area2 .left_box{position:relative;float:left;width:50%;height:600px;background:url("http://sd1206.img3.kr/images/img_revieweventban.jpg") no-repeat center center;background-size:cover;}
.subban_area2 .right_box{position:relative;float:right;width:50%;height:600px;text-transform:uppercase;}
.subban_area2 .text_box{position:absolute;top:50%;left:100px;transform:translate(0,-50%);width:550px;text-align:left;}
.subban_area2 .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:20px;line-height:20px;letter-spacing:0;margin-bottom:35px;font-weight:700;letter-spacing:1px;}
.subban_area2 .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:40px;line-height:60px;padding-bottom:40px;}
.subban_area2 .text_box .txt2{color:#908987;font-size:17px;line-height:30px;letter-spacing:-1px;margin-bottom:60px;}
.subban_area2 .text_box .txt3{color:#c2bfba;font-size:13px;line-height:17px;letter-spacing:-1px;}
.subban_area2 .text_box .btn_go{font-family:'Nunito', sans-serif;color:#fff;position:absolute;right:0;bottom:0;font-size:20px;width:65px;height:65px;line-height:65px;text-align:center;background:#8ca15a;border-radius:65px;font-weight:700;}


.subban_area3{min-width:1300px;*zoom:1;background:#eaeaea;}
.subban_area3:after{content:"";display:block;clear:both;}

.subban_area3 .box{display:block;*zoom:1;}
.subban_area3 .box:after{content:"";display:block;clear:both;}

.subban_area3 .left_box{position:relative;float:left;width:50%;height:600px;text-transform:uppercase;}
.subban_area3 .right_box{position:relative;float:right;width:50%;height:600px;}
.subban_area3 .right_box.bg_event{background:url("http://sd1206.img3.kr/images/img_renewaleventban.jpg") no-repeat center center;background-size:cover;}
.subban_area3 .text_box{position:absolute;top:50%;right:0;transform:translate(0,-50%);width:650px;text-align:left;}
.subban_area3 .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:20px;line-height:20px;letter-spacing:0;margin-bottom:35px;font-weight:700;letter-spacing:1px;}
.subban_area3 .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:40px;line-height:60px;padding-bottom:40px;}
.subban_area3 .text_box .txt1 span{display:inline-block;font-size:30px;}
.subban_area3 .text_box .txt2{color:#908987;font-size:17px;line-height:30px;letter-spacing:-1px;}
.subban_area3 .text_box .txt3{color:#8ca15a;font-size:14px;line-height:17px;letter-spacing:-1px;margin-top:30px;}
.subban_area3 .text_box .btn_go{font-family:'Nunito', sans-serif;color:#fff;position:absolute;right:8%;bottom:0;font-size:20px;width:65px;height:65px;line-height:65px;text-align:center;background:#8ca15a;border-radius:65px;font-weight:700;}


.mainrealreview_area{padding:100px 0;}
#reviewBoard .review-wrap .tiny a img {width: 200px;}
.best_review_tit {font-size: 32px; text-align: center; margin-top: 50px;}

.mainrealreview_box{width:102%;overflow:hidden;margin:-2% 0 0 -2%;}
.mainrealreview_box .best_review {float:left; width:23%; border: 1px solid #f3f1e9; margin:2% 0 0 2%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mainrealreview_box .best_review .review {padding:15px 0;margin:0 15px; border-bottom: 1px solid #f3f1e9;}
.mainrealreview_box .best_review .review .review_text {height:38px;line-height:18px; padding-top:5px; margin-bottom:10px;overflow:hidden;}
.mainrealreview_box .click {width:240px;}
.mainrealreview_box .count {float:right;}
.mainrealreview_box .write {padding-top:10px;}
.mainrealreview_box .date {float:right;}
.mainrealreview_box .product_img {width: 50px; margin:15px; float:left;}
.mainrealreview_box .product {width:230px; margin:10px}
.mainrealreview_box .product .product_name {padding-top:9px; margin-bottom:5px;}

.mainrealreview_box .best_review_photo img{width:100%;}

.mainpetban_area{height:600px;background:url("http://sd1206.img3.kr/images/bg_mainpetban.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}

.maintextban_area{background:#f9f8f4;}
.maintextban_area .flexslider{position:relative;}
.maintextban_area .flexslider .slides li img{width:1300px;}
.maintextban_area .flex-control-nav{display:none;width:100%;position:absolute;bottom:40px;left:0;text-align:center;}
.maintextban_area .flex-control-nav li{display:inline-block;}
.maintextban_area .flex-control-nav li a{display: inline-block;width:10px;height:10px;margin:0 6px;background:#fff;border-radius:10px;text-indent:-999em;opacity:0.2;filter:alpha(opacity=20);}
.maintextban_area .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter:alpha(opacity=100);}
.maintextban_area .flex-direction-nav{}
.maintextban_area .flex-prev{position:absolute;left:-20px;top:50%;width:11px;height:20px;transform:translateY(-50%);background:url("http://sd1206.img3.kr/images/ico_textbleft.png") no-repeat 0 0;background-size:11px 20px;text-indent:-999em;}
.maintextban_area .flex-next{position:absolute;right:-20px;top:50%;width:11px;height:20px;transform:translateY(-50%);background:url("http://sd1206.img3.kr/images/ico_textbright.png") no-repeat 0 0;background-size:11px 20px;text-indent:-999em;}

.mainreal_area{padding:100px 0;background:#f9f8f4;}
.mainreal_area .btn_mainmore{padding:0;}
.mainreal_box{}
.mainreal_box ul{overflow:hidden;margin-left:-31px;}
.mainreal_box ul > li{float:left;width:412px;height:625px;margin:0 0 75px 31px;}
.mainreal_box ul > li .box{display:block;}
.mainreal_box .img_box{position:relative;width:412px;height:275px;overflow:hidden;}
.mainreal_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;z-index:2;}

.mainreal_box .img_box .thumb{position:relative;z-index:1;}
.mainreal_box .img_box .thumb img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.mainreal_box > ul > li:hover .bg{
background:rgba(0,0,0, .3);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}

.mainreal_box > ul > li:hover .img_box .thumb img{
transform: scale(1.025);
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
-o-transform: scale(1.025);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.mainreal_box dl{padding:50px 30px;background:#fff;border:1px solid #f3f1e9;border-top:0;}
.mainreal_box dt{margin-bottom:25px;}
.mainreal_box dt img{height:58px;}
.mainreal_box .text1{font-size:15px;line-height:20px;color:#908987;letter-spacing:-1px;}
.mainreal_box .text2{padding-top:30px;margin-top:30px;border-top:1px solid #f3f1e9;margin-left:-3%;*zoom:0;}
.mainreal_box .text2:after{content:"";display:block;clear:both;}
.mainreal_box .text2 > div{font-family: 'Spoqa Han Sans Neo', 'sans-serif';float:left;font-size:13px;color:#908987;width:47%;height:50px;line-height:48px;background:#fcfbf9;padding-left:14px;border:1px solid #f3f1e9;border-radius:10px;margin-left:3%;letter-spacing:-1px;font-weight:500;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0, 0, 0, .03);}
.mainreal_box .text2 > div span{display:inline-block;vertical-align:top;}
.mainreal_box .text2 .ico{width:15px;height:15px;border-radius:15px;margin-right:10px;background:#d8c0be;margin-top:16px;}
.mainreal_box .text2 .ico.ico1{background:#d8c0be;}/*기력충전 소고기사료*/
.mainreal_box .text2 .ico.ico2{background:#7c7541;}/*체중관리 다이어트사료*/
.mainreal_box .text2 .ico.ico3{background:#1d203b;}/*튼튼팔팔 관절사료 */
.mainreal_box .text2 .ico.ico4{background:#b7d5cc;}/*원기회복 오리사료 */
.mainreal_box .text2 .ico.ico5{background:#be542c;}/*슈퍼푸드 연어사료 */
.mainreal_box .text2 .txt{line-height: 46px;}

.mainvideo_area{height:930px;overflow:hidden;}
.mainvideo_area .video-background{width:100%;height:100%;overflow:hidden;position:relative;top:50%;transform:translateY(-50%);z-index:1;/*z-index:-99;*/opacity:1;filter:alpha(opacity=100);background:#463b37;}
.mainvideo_area .video-foreground, .mainvideo_area .video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;}
.mainvideo_area .video-foreground, .mainvideo_area .video-background embed{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;}
@media (min-aspect-ratio:16/9){.mainvideo_area .video-foreground{height:300%;top:-100%;}}
@media (max-aspect-ratio:16/9){.mainvideo_area .video-foreground{width:300%;left:-100%;height:104vh;}}

.bestcoll_area{padding:100px 0;}
.bestcoll_area .btn_mainmore{clear:both;padding-top:70px;}
.bestcoll_area .sunny_inner{position:relative;}

.bestcoll_area .tab{position:absolute;right:0;top:3px;}
.bestcoll_area .tab li{position:relative;display:inline-block;margin-left:20px;}
.bestcoll_area .tab li.active{}

.bestcoll_area .tab li > span{
font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #908987;
    padding-top: 5px;
    vertical-align: top;font-weight:500;
    cursor:pointer;letter-spacing:-0.5px;}
.bestcoll_area .tab li > span:before{display: none;
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    background: #8ca15a;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.bestcoll_area .tab li.active{}
.bestcoll_area .tab li.active > span{color: #8ca15a;}
.bestcoll_area .tab li.active > span:before{display:block;}

.bestcoll_area .panel_area{display:none;/*height:640px;*/overflow:hidden;}
.bestcoll_area .panel_area.active{display:block;}

.bestcoll_area .panel_area .left_box{position:relative;float:left;width:640px;height:637px;}
.bestcoll_area .panel_area .left_box dl{position:absolute;bottom:0;left:0;right:0;padding:50px 50px 40px 50px;}
.bestcoll_area .panel_area .left_box dt{color:#fff;font-size:40px;line-height:40px;letter-spacing:-1px;margin-bottom:10px;font-weight:600;}
.bestcoll_area .panel_area .left_box dd{color:#fff;font-size:20px;line-height:20px;letter-spacing:-1px;}
.bestcoll_area .panel_area .left_box .img img{width:100%;}

.bestcoll_area .panel_area .mproduct_box1{float:right;width:660px;}
.mproduct_box1 ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.mproduct_box1 li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:306px;height:306px;margin:0 0 24px 24px;overflow:hidden;}
.mproduct_box1 li a{display:block;}

.mproduct_box1 .img{position:relative;width:306px;height:306px;overflow:hidden;z-index:1;}
.mproduct_box1 .img img{width:306px;height:306px;}

.mproduct_box1 .info_box{color:#fff;padding:0 30px 30px;position:absolute;left:0;right:0;bottom:0;opacity:0;filter:alpha(opacity=0);z-index:3;
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;z-index:2;}

/*.mproduct_box1 li::after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background: url(/design/sd1206/skin1/images/bg_mspe.png) repeat 0 0;opacity:0;filter:alpha(opacity=0);transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;z-index:1;}*/

.mproduct_box1 li:hover .info_box{opacity:1;filter: alpha(opacity=100);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}

/*.mproduct_box1 li:hover::after{opacity:1;filter: alpha(opacity=100);transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}*/

.mproduct_box1 .info_box dt{font-size:18px;line-height:18px;letter-spacing:-1px;margin-bottom:10px;}
.mproduct_box1 .info_box .txt{display:none;}
.mproduct_box1 .info_box .price_box{font-family:'Nunito', sans-serif;font-size:15px;line-height:15px;}
.mproduct_box1 .info_box .price_box .rev{display:none;}


/*부분리뉴얼 추가 end*/


#sunny_mainimage .btn_in li{width:16.66% !important;}


.mainpop_area{display:none;position:fixed;left:20px;bottom:20px;width:0;height:0;/*width:500px;height:250px;*/z-index:999;background:#fff;}
.btn_popfix{position:fixed;left:20px;bottom:20px;z-index:9999;cursor:pointer;width:100px;height:100px;}
.btn_popfix img{width:100px;}

.mainpop_area .pop_flex{width:500px;height:250px;}
.mainpop_area .flex-control-nav{position:absolute;right:10px;bottom:10px;z-index:3;}
.mainpop_area .flex-control-nav li{display:inline-block;}
.mainpop_area .flex-control-nav li a{display:inline-block;width:12px;height:12px;margin:0 2px;text-indent:999em;background:#e1e0e1;border-radius:12px;}
.mainpop_area .flex-control-nav li a.flex-active{background:#aaa;}
.mainpop_area .flex-direction-nav{display:none;}

.mainpop_area ul{z-index:2;}
.mainpop_area li img{width:500px;height:250px;}
.mainpop_area .btn_close{position:absolute;right:20px;top:20px;cursor:pointer;z-index:9;}


.sliderslick_area{padding:100px 0;background:#f4f6ee;}
.sliderslick_area .sslick_outer{position:relative;width:1300px;height:234px;}
.sliderslick_box{width:1300px;font-size:0;letter-spacing:-5px;height:234px;overflow:hidden;}
.sliderslick_box .slick-prev{position:absolute;left:-35px;top:50%;margin-top:-10px;text-indent:-999em;background:url("/design/sd1206/skin1/images/btn_prleft.png") no-repeat 0 0;background-size:11px 20px;width:11px;height:20px;outline:none;}
.sliderslick_box .slick-next{position:absolute;right:-35px;top:50%;margin-top:-10px;text-indent:-999em;background:url("/design/sd1206/skin1/images/btn_prright.png") no-repeat 0 0;background-size:11px 20px;width:11px;height:20px;outline:none;}
.sliderslick_box .slick-list{width:1330px;}
.sliderslick_box .sbox{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;/*width:236px !important;height:236px;margin:0 30px 0 0;*/overflow:hidden;}
.sliderslick_box .slick-slide{margin:0 30px 0 0;}
.sliderslick_box .sbox a{display:block;}
.sliderslick_box .sbox .img{position:relative;width:234px;height:234px;z-index:1;border:1px solid #eaeaea;}
.sliderslick_box .sbox .img img{width:234px;height:234px;}
.sliderslick_box .sbox dl{display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:236px;height:236px;overflow:hidden;padding:90px 10px 0;color:#fff; background:url('/design/sd1206/skin1/images/bg_mspe.png') repeat 0 0;z-index:3;text-align:center;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.sliderslick_box .sbox dt{color:#e7e7e7;font-size:17px;margin-bottom:10px;}
.sliderslick_box .sbox dd{font-family:'Roboto', sans-serif;font-size:16px;line-height:16px;color:#8ca15a}
.sliderslick_box .sbox dd .price_discount{font-size:13px;color:#999;padding-right:5px;}
.sliderslick_box .sbox dd .price_consumer{font-size:13px;color:#999;padding-right:5px;}


.mcoltips_area{display:none;}

.mcoltips_area2{padding:100px 0;border-bottom:1px solid #f3f1e9;}
.mcoltips_area2 .sunny_inner{overflow:hidden;}
.mcoltips_area2 .left{float:left;width:635px;overflow:hidden;}

.mcoltips_area2 .mwhypet_box{position:relative;height:332px;overflow:hidden;}
.mcoltips_area2 .mwhypet_box ul{position:relative;z-index:2;}
.mcoltips_area2 .mwhypet_box .flex-control-nav{position:absolute;left:20px;bottom:16px;z-index:3;}
.mcoltips_area2 .mwhypet_box .flex-control-nav li{display:inline-block;}
.mcoltips_area2 .mwhypet_box .flex-control-nav li a{display:inline-block;width:12px;height:12px;margin:0 6px 0 0;text-indent:999em;background:#fff;border-radius:12px;}
.mcoltips_area2 .mwhypet_box .flex-control-nav li a.flex-active{background:#8ca15a;}
.mcoltips_area2 .mwhypet_box .flex-direction-nav{display:none;}


.mcoltips_area2 .right{float:right;width:635px;}
.mcoltips_area2 .right ul{overflow:hidden;border:1px solid #f3f1e9;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mcoltips_area2 .right li{float:left;width:50%;/*width:315px;height:164px;*/box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #f3f1e9;border-bottom:1px solid #f3f1e9;}
.mcoltips_area2 .right li.bor1{border-left:1px solid #fff;}
.mcoltips_area2 .right li.bor3{border-left:1px solid #fff;border-bottom:0;}
.mcoltips_area2 .right li.bor4{border-bottom:0;}
.mcoltips_area2 .right li a{display:block;width:100%;height:164px;}
.mcoltips_area2 .right dl{padding:42px 0 0 39px;}
.mcoltips_area2 .right dt img{height:30px;}
.mcoltips_area2 .right dt span{color:#463b37;font-size:22px;line-height:30px;padding-left:13px;letter-spacing:-1px;}
.mcoltips_area2 .right dd{margin-top:15px;font-size:13px;line-height:21px;color:#908987;letter-spacing:-1px;}


.mhealpettv_area{padding:100px 0;border-bottom:1px solid #f3f1e9;}
.mhealpettv_area.paddbgnone{padding:0;background:none;margin-bottom:60px;}
.mhealpettv_area ul{overflow:hidden;}
.mhealpettv_area li{float:left;margin-left:30px;}
.mhealpettv_area li:first-child{margin-left:0;}
.mhealpettv_area dl{border:1px solid #f3f1e9;background:#fff;padding:0 29px 30px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mhealpettv_area dl:hover{border:1px solid #8ca15a;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mhealpettv_area dt{position:relative;padding:41px 0 0 57px;color:#463b37;font-size:20px;line-height:20px;height:102px;letter-spacing:-2px;background:url("/design/sd1206/skin1/images/ico_healpettv.png") no-repeat 0 36px;background-size:42px 30px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mhealpettv_area dt .btn_healgo{font-family:'Lato', sans-serif;position:absolute;right:0;top:50%;margin-top:-21.5px;display:inline-block;border:1px solid #f3f1e9;width:43px;height:43px;color:#908987;font-size:15px;line-height:39px;text-align:center;border-radius:43px;-ms-border-radius:43px;-moz-border-radius:43px;-webkit-border-radius:43px;font-weight:bold;letter-spacing:0;}


/* BASIC css end */