/* BASIC css start */
/* ºÎºÐ¸®´º¾óÃß°¡ start */
.maintext_box2{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:#dedacf;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:50px;
  position: relative;
}

#scrollingText div.scrollableArea p {
font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  display: block;
  float: left;
  margin: 0;
  font-size: 13px;
height:50px;
  line-height:50px;
  color: #908987;
  white-space: nowrap;
  letter-spacing:-1px;
  font-weight:600;
margin:0 50px;
}
#scrollingText div.scrollableArea p .txt1{font-family:'Nunito', sans-serif;display:inline-block;height:20px;line-height:20px;font-size:10px;color:#908987;border:1px solid #d0ccc5;border-radius:20px;padding:0 10px;margin:14px 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;
}


.mvban_box{padding:13% 0;}
.mvban_box .title_main{padding-left:2%;}
/*.mvban_box > ul{overflow:hidden;}
.mvban_box > ul > li{float:left;width:32.33%;margin:0 0.5% 1%;}
.mvban_box > ul > li.last{width:99%;}*/
.mvban_box > ul > li > a{display:block;border:1px solid #f3f1e9;}

.mvban_box ul{position:relative; overflow-y:hidden !important; overflow-x:auto !important;padding:0 2% 0 0;font-size:0;white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.mvban_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mvban_box ul li {position:relative;width:70%; margin-left:1%;display:inline-block;vertical-align:top;}

.mvban_box ul li:first-child{margin-left:1.8%;}

.mvban_box .mvban_box1{/*min-height:201px;*/padding-bottom:7%;}
.mvban_box .mvban_box1 dd.img{position:relative;margin-bottom:10%;}
.mvban_box .mvban_box1 dd.img img{width:100%;}
.mvban_box .mvban_box1 dd.img .ico{position:absolute;left:50%;bottom:-20px;width:40px;height:40px;margin-left:-20px;}
.mvban_box .mvban_box1 dd.img .ico img{width:100%;}
.mvban_box .mvban_box1 dt{padding:0 0 5%;text-align:center;}
.mvban_box .mvban_box1 dt img{display:inline-block;height:35px;}
.mvban_box .mvban_box1 dd.txt{color:#908987;font-size:13px;line-height:20px;letter-spacing:-0.5px;text-align:center;padding:0 2%;white-space:normal;}

.mcoltips_area{padding:13% 0; border-top: 1px solid #f3f1e9;}
.mcoltips_area .title_main{padding-left:2%;}
.mcoltips_area .sunny_inner{}
/*.mcoltips_area ul{overflow:hidden;border-top:1px solid #f3f1e9;border-left:1px solid #f3f1e9;}
.mcoltips_area li{float:left;width:50%;min-height:105px;border:1px solid #f3f1e9;border-left:0;border-top:0;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mcoltips_area li.bornone1{}
.mcoltips_area li.bornone2{}*/
.mcoltips_area ul{position:relative; overflow-y:hidden !important; overflow-x:auto !important;padding:0 2% 0 0;font-size:0;white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.mcoltips_area ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mcoltips_area ul li {position:relative;width:70%;border:1px solid #f3f1e9;display:inline-block;vertical-align:top;border-left:0;}
.mcoltips_area ul li:first-child{border-left:1px solid #f3f1e9;margin-left:2%;}
.mcoltips_area li a{display:block;width:100%;}
.mcoltips_area dl{padding:8%;white-space:normal;}
.mcoltips_area dt img{height:20px;}
.mcoltips_area dt span{color:#463b37;font-size:15px;line-height:20px;padding-left:6px;letter-spacing:-1px;}
.mcoltips_area dd{margin-top:5%;font-size:12px;line-height:18px;color:#908987;letter-spacing:-1px;}

.products_area.bg{background:#f4f6ee;padding-bottom:4%;}
.products_area dd.price_box{/*margin-top:0;*/}

.mfind_area{padding:13% 0.5%;background:#fff;}
.mfind_area dl{overflow:hidden;background:#fff;}
.mfind_area dt{display:none;}
.mfind_area dd{border:1px solid #f3f1e9;}
.mfind_area dd ul{overflow:hidden}
.mfind_area dd li{float:left;width:20%;border-left:1px solid #f3f1e9;text-align:center;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mfind_area dd li:first-child{border-left:0;}
.mfind_area dd li a{display:block;width:100%;}
.mfind_area dd li .img{margin:0 auto;padding:20% 0 15%;}
.mfind_area dd li .img img{width:70%;}
.mfind_area dd li .tit{display:block;color:#463b37;font-size:12px;line-height:12px;letter-spacing:-1px;padding:0 0 20%;}

.mainpethistory_area{position:relative;height:548px;overflow:hidden;}
.mainpethistory_box{position:absolute;left:0;top:0;width:100%;z-index:2;}
.mainpethistory_box .title_main{position:relative;padding:13% 0 0 2%;}
.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%;background-size:25px 1px;}
.mainpethistory_box .title_main .txt2{display:block;color:#fff;opacity:0.5;filter:alpha(opacity=50);padding-top:10px;}

.mainpethistory_box ul{overflow:hidden;padding:0 3%;margin-top:-5%;padding-bottom:13%;}
.mainpethistory_box li{position:relative;width:100%;margin:5% 0 0;padding:9% 0 8%;}
.mainpethistory_box dl{position:relative;z-index:2;text-align:center;}
.mainpethistory_box dt{color:#a3a09b;font-size:14px;line-height:14px;letter-spacing:-1px;}
.mainpethistory_box .txt_num{color:#fff;padding:20px 0 0;}
.mainpethistory_box .txt_num .txt1{display:inline-block;font-size:30px;line-height:30px;font-weight:600;}
.mainpethistory_box .txt_num .txt2{display:inline-block;font-size:12px;line-height:12px;font-weight:600;padding-left:2px;}
.mainpethistory_box li:nth-child(2) .txt2{font-size:30px;line-height:30px;font-weight:600;}

.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:100vh;overflow:hidden;position:relative;top:50%;transform:translateY(-56%);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;}}

.mainpethistory_area .vimeo{height:118vh;}
.mainpethistory_area .vimeo .vimeo_box{left:65%;}
.mainpethistory_area .vimeo .vimeo_box::before{padding-top:75%;}

.vimeo {
position: relative;
height:100vh;
background-color: #fff;
overflow: hidden;
z-index:1;
}

.vimeo .vimeo_box {
  width:1200px;
  background:#fff;
  position: absolute;
  left: 50%;
  margin-left: calc(1200px / -2);
  top:-20%;
  /*top: 50%;*/
  /*margin-top: calc(2560px * 9 / 16 / -2);*/
}

.vimeo .vimeo_box::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 70%;
}
.vimeo .vimeo_box::after{content: "";  display: block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0);z-index:2;}


.vimeo .player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
}

.subban_area{*zoom:1;background:#f4f6ee;}
.subban_area:after{content:"";display:block;clear:both;}
.subban_area .left_box{position:relative;width:100%;padding:13% 0;text-transform:uppercase;}
.subban_area .right_box{position:relative;width:100%;}
.subban_area .text_box{/*position:absolute;top:50%;right:0;transform:translate(0,-50%);width:650px;text-align:left;*/padding:0 5%;}
.subban_area .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:13px;line-height:13px;letter-spacing:0;margin-bottom:6%;font-weight:700;letter-spacing:1px;}
.subban_area .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:23px;line-height:30px;padding-bottom:5%;}
.subban_area .text_box .txt1 span{display:inline-block;font-size:13px;}
.subban_area .text_box .txt2{color:#908987;font-size:13px;line-height:20px;letter-spacing:-0.5px;}
.subban_area .flexslider .flex-viewport{/*position:static !important;*/z-index:1;}
.subban_area .flexslider .slides li img{width:100%;}

.subban_area .flex-control-nav{width:100%;position:absolute;bottom:20px;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 3px;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;}

.subban_area2{background:#f4f6ee;}
.subban_area2 .box{display:block;*zoom:1;}
.subban_area2 .box:after{content:"";display:block;clear:both;}
.subban_area2 .left_box{position:relative;}
.subban_area2 .left_box img{width:100%;}
.subban_area2 .right_box{position:relative;text-transform:uppercase;}
.subban_area2 .text_box{padding:13% 5%;text-align:left;}
.subban_area2 .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:13px;line-height:13px;letter-spacing:0;margin-bottom:5%;font-weight:700;letter-spacing:1px;}
.subban_area2 .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:23px;line-height:30px;padding-bottom:5%;}
.subban_area2 .text_box .txt2{color:#908987;font-size:14px;line-height:22px;letter-spacing:-1px;margin-bottom:6%;}
.subban_area2 .text_box .txt3{color:#c2bfba;font-size:11px;line-height:13px;letter-spacing:-1px;}
.subban_area2 .text_box .btn_go{font-family:'Nunito', sans-serif;color:#fff;position:absolute;right:7%;bottom:12%;font-size:13px;width:45px;height:45px;line-height:45px;text-align:center;background:#8ca15a;border-radius:45px;font-weight:700;}

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

.subban_area3 .box{*zoom:1;display:block;background:#f4f6ee;}
.subban_area3 .box:after{content:"";display:block;clear:both;}
.subban_area3 .left_box{position:relative;width:100%;padding:13% 0;text-transform:uppercase;}
.subban_area3 .right_box{position:relative;width:100%;height:280px;}
.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;*/padding:0 5%;}
.subban_area3 .text_box .title1{font-family:'Nunito', sans-serif;display:inline-block;color:#8ca15a;font-size:13px;line-height:13px;letter-spacing:0;margin-bottom:6%;font-weight:700;letter-spacing:1px;}
.subban_area3 .text_box .txt1{font-family:'Nunito', sans-serif;color:#463b37;font-size:23px;line-height:30px;padding-bottom:5%;}
.subban_area3 .text_box .txt1 span{display:inline-block;font-size:13px;}
.subban_area3 .text_box .txt2{color:#908987;font-size:13px;line-height:20px;letter-spacing:-0.5px;}
.subban_area3 .text_box .txt3{color:#8ca15a;font-size:13px;line-height:20px;letter-spacing:-0.5px;padding-top:5%;}
.subban_area3 .text_box .btn_go{font-family:'Nunito', sans-serif;color:#fff;position:absolute;right:7%;bottom:18%;font-size:13px;width:45px;height:45px;line-height:45px;text-align:center;background:#8ca15a;border-radius:45px;font-weight:700;}


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

.mainrealreview_box{overflow:hidden;margin:-1% 0 0 -1%;padding:0 1%;}
.mainrealreview_box .best_review {float:left; width:49%; border: 1px solid #f3f1e9; margin:1% 0 0 1%;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 10px 15px 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:200px;background:url("http://sd1206.img3.kr/images/bg_mainpetban.jpg") no-repeat center center;background-size:100% auto;/*background-attachment:fixed;*/}


.mainreal_area{padding:13% 0;background:#f9f8f4;}
.mainreal_area .title_main .txt{margin-left:0;margin-top:5px;}
.mainreal_area .btn_mainmore{padding:0;}
.mainreal_box{}
.mainreal_box ul{position:relative; overflow-y:hidden !important; overflow-x:auto !important;padding:0 4% 0 0;font-size:0;white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.mainreal_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.mainreal_box ul li {position:relative;width:70%; margin-left:1%;display:inline-block;vertical-align:top;}

.mainreal_box ul > li .box{display:block;}
.mainreal_box .img_box{position:relative;overflow:hidden;}
.mainreal_box .img_box .bg{display:none;}

.mainreal_box .img_box .thumb{position:relative;z-index:1;}
.mainreal_box .img_box .thumb img{width:100%;}

.mainreal_box dl{padding:7% 5%;background:#fff;border:1px solid #f3f1e9;border-top:0;}
.mainreal_box dt{margin-bottom:5%;}
.mainreal_box dt img{height:40px;}
.mainreal_box .text1{font-size:12px;line-height:16px;color:#908987;letter-spacing:-1px;}
.mainreal_box .text2{padding-top:6%;margin-top:5%;border-top:1px solid #f3f1e9;*zoom:0;}
.mainreal_box .text2:after{content:"";display:block;clear:both;}
.mainreal_box .text2 > div{font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size:12px;color:#908987;width:100%;height:45px;line-height:45px;background:#fcfbf9;padding-left:14px;margin-top:5px;border:1px solid #f3f1e9;border-radius:10px;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 > div:first-child{margin-top:0;}
.mainreal_box .text2 .ico{width:15px;height:15px;border-radius:15px;margin-right:10px;background:#d8c0be;margin-top:14px;}
.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{position:relative;height:548px;overflow:hidden;}

.mainrecom_area{padding:13% 0;}
.mainrecom_area .sunny_inner{position:relative;}

.mainrecom_area .tab{width:auto !important;margin:0 10% 3%;padding-top:4%;text-align:center;}
.mainrecom_area .tab li.swiper-pagination-bullet{position:relative;display:inline-block;margin:0 12px 7px;width:auto;height:auto;border-radius:0;opacity:1;background:none;}
.mainrecom_area .tab li.swiper-pagination-bullet > span{
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height:16px;
    color: #908987;
    vertical-align: top;
    cursor:pointer;letter-spacing:-0.5px;
padding-top:10px;}
.mainrecom_area .tab li.swiper-pagination-bullet > span:before{display: none;
    content: "";
    position: absolute;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: #8ca15a;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;}

.mainrecom_area .tab li.swiper-pagination-bullet-active > span{color: #8ca15a;}
.mainrecom_area .tab li.swiper-pagination-bullet-active > span:before{display:block;}


.mainrecom_area .item{overflow:hidden;}
.mainrecom_area .item .left_box{position:relative;margin:0 1% 1%;}
.mainrecom_area .item .left_box .img img{width:100%;}
.mainrecom_area .item .left_box dl{position:absolute;bottom:0;left:0;right:0;padding:6%;}
.mainrecom_area .item .left_box dt{color:#fff;font-size:30px;line-height:30px;letter-spacing:-1px;margin-bottom:10px;font-weight:600;}
.mainrecom_area .item .left_box dd{color:#fff;font-size:15px;line-height:20px;letter-spacing:-1px;}
.mainrecom_area .item .left_box .img img{width:100%;}

.mainrecom_area .item .mproduct_box1{padding:0 1%;}
.mproduct_box1 ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin-left:-1%;}
.mproduct_box1 li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:49%;margin:0 0 1% 1%;overflow:hidden;}
.mproduct_box1 li a{display:block;}

.mproduct_box1 .img{position:relative;overflow:hidden;z-index:1;}
.mproduct_box1 .img img{width:100%;}

.mproduct_box1 .info_box{padding:8% 5%;}

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

.mainrecom_area .btn_mainmore{margin-top:5%;}
.mainrecom_area .btn_mainmore .Button{width:62%;}

.maintextban_area{background:#f9f8f4;}
.maintextban_area .flexslider{position:relative;}
.maintextban_area .flexslider .slides li img{width:140%;margin-left:-20%;}
.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:2%;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:2%;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;}


/* ºÎºÐ¸®´º¾óÃß°¡ end */



/* ·Ñ¸µ¹è³Ê */
#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:12px; height:12px; background-color:#fff;border-radius:12px;-ms-border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
#event .pagination .swiper-active-switch {  background-color:#8ca15a;  }
/* //·Ñ¸µ¹è³Ê */

.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;}


.title_main{margin:0 0 6%;padding-left:1%;}
.title_main h2{display:inline-block;font-family:'Nunito', sans-serif;font-size:15px;line-height:16px;color:#463b37;text-transform:uppercase;font-weight:bold;}
.title_main h3{display:inline-block;font-family:'Nunito', sans-serif;font-size:15px;line-height:16px;color:#463b37;text-transform:uppercase;font-weight:bold;}
.title_main .txt{color:#908987;font-size:13px;line-height:15px;display:inline-block;margin-left:10px;padding-left:34px;background:url("http://www.healingpet.co.kr/design/sd1206/skin1/images/line_title.png") no-repeat 0 50%;background-size:25px 1px;vertical-align:top;letter-spacing:-1px;}

.btn_mprogo{text-align:center;margin-top:5%;}
.btn_mprogo a{width:60%;font-size:14px;color:#fff;display:inline-block;line-height:14px;letter-spacing:-1px;padding:10px 0;background:#8ca15a;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.btn_mprogo a span{display:inline-block;padding-left:5%;line-height:13px;vertical-align:top;}

.mainvisual_area{position:relative;}
.mainvisual_area .slides li img{width:100%;}
.mainvisual_area .flex-control-nav {position:absolute;width:100%;bottom:20px;text-align:center;}
.mainvisual_area .flex-control-nav li {display:inline-block;}
.mainvisual_area .flex-control-nav li a{display:inline-block;width:10px;height:10px;margin:0 1px;background:#fff;border-radius:10px;text-indent:-999em;opacity:0.2;filter:alpha(opacity=20);}
.mainvisual_area .flex-control-nav li a.flex-active {background:#fff;opacity:1;filter:alpha(opacity=100);}
.mainvisual_area .flex-direction-nav{display:none;}

.mainyoutube_area{padding:13% 0;}
.movie_play{display:none;position:relative;width:98%;margin:0 auto;overflow:hidden;}
.movie_play .play_thumb{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;background:url("/design/sd1206/skin1/images/thumb_youtube.jpg") no-repeat center center;background-size:cover;z-index:2;}
.movie_play iframe{position:relative;width:100% !important;z-index:1;}


.mhealpet_area{padding:13% 0.5%;background:#f4f6ee;}
.mhealpet_area .title_main h2{letter-spacing:-0.5px;}
.mhealpet_area ul{overflow:hidden;}
.mhealpet_area li{float:left;width:33.333%;}
.mhealpet_area li:first-child{margin-left:0;}
.mhealpet_area dl{border:1px solid #f3f1e9;background:#fff;padding:10%;margin:0 0.5%}
.mhealpet_area dt{color:#8ca15a;font-size:13px;line-height:13px;padding:5% 0 7%;}
.mhealpet_area dd.txt{color:#463b37;font-size:12px;line-height:16px;padding-bottom:10%;letter-spacing:-1px;}
.mhealpet_area dd.img{position:relative;}
.mhealpet_area dd.img img{width:100%;}
.mhealpet_area dd.img .btn_healgo{position:absolute;top:5%;left:4%;font-family:'Lato', sans-serif;display:inline-block;/*border:1px solid #908987;*/width:24px;height:24px;color:#908987;font-size:11px;line-height:22px;text-align:center;border-radius:24px;-ms-border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;letter-spacing:0;background-color:rgba( 255, 255, 255, 0.8 );}


.mhealpettv_area{padding:13% 0.5%;background:#fff;}

.mhealpettv_area ul{overflow:hidden;}
.mhealpettv_area li{float:left;width:33.333%;}
.mhealpettv_area li:first-child{margin-left:0;}
.mhealpettv_area dl{border:1px solid #f3f1e9;background:#fff;padding:7% 6%;margin:0 0.5%;}
.mhealpettv_area dt{position:relative;padding:18% 0 7%;color:#463b37;font-size:12px;line-height:12px;letter-spacing:-1px;text-align:center;background:url("/design/sd1206/skin1/images/ico_healpettv.png") no-repeat center 0;background-size:18px 12px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mhealpettv_area .img{position:relative;}
.mhealpettv_area .img img{width:100%;}
.mhealpettv_area .img .btn_healgo{position:absolute;bottom:5%;right:4%;font-family:'Lato', sans-serif;display:inline-block;width:24px;height:24px;color:#908987;font-size:11px;line-height:22px;text-align:center;border-radius:24px;letter-spacing:0;background-color:rgba( 255, 255, 255, 0.8 );}



.mcenban_area{padding:0 0.5% 10%;overflow:hidden;}
.mcenban_area a{float:left;width:49%;margin:0 0.5%;border:1px solid #f3f1e9;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mcenban_area a img{width:100%;}






.mstore_area{padding:10% 2%;background:url("http://www.healingpet.co.kr/design/sd1206/skin1/images/bg_mstore.jpg") no-repeat center 0;background-size:cover;}
.mstore_area dl{position:relative;padding:30% 2% 10%;background:#fff url("http://www.healingpet.co.kr/design/sd1206/skin1/images/bg_mstore3.png") no-repeat center 14%;background-size:72%;text-align:center;}
.mstore_area dt{}
.mstore_area dt img{height:15px;}
.mstore_area dd.txt1{font-size:20px;line-height:26px;color:#463b37;margin:6% 0 4%;letter-spacing:-2px;}
.mstore_area dd.txt1 span{display:block;color:#8ca15a;}
.mstore_area dd.txt2{font-size:12px;line-height:16px;color:#908987;margin-bottom:8%;}
.mstore_area dd.btn_stmore{text-align:center;}
.mstore_area dd.btn_stmore a{width:55%;font-size:13px;color:#fff;display:inline-block;line-height:13px;letter-spacing:-1px;padding:3% 0;background:#8ca15a;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mstore_area dd.btn_stmore a span{padding-left:5%;}
.mstore_area dd.ico_st{position:absolute;right:3%;bottom:6%;width:60px;height:63px;}
.mstore_area dd.ico_st img{width:100%;}



.mcoltips_area2{display:none;padding:0 1% 10%;}
.mcoltips_area2 img{width:100%;}

.mforspac_area{padding:10% 1%;background:#f4f6ee;}
.mforspac_area dt{font-family:'Nunito', sans-serif;font-size:16px;color:#463b37;padding:60px 0 0;text-align:center;background:url("http://www.healingpet.co.kr/design/sd1206/skin1/images/ico_mspday.png") no-repeat 50% 0;background-size:37px 40px;letter-spacing:4px;font-weight:bold;}
.mforspac_area dd.txt{font-size:24px;line-height:28px;color:#463b37;padding:3% 0 8%;;text-align:center}
.mforspac_area dd.txt span{display:block;color:#8ca15a;}
.mforspac_area ul{overflow:hidden;}
.mforspac_area li{float:left;width:32.33%;padding:0 0.5%;}
.mforspac_area li img{width:100%;}
.mforspac_area dd.btn_fsmore{text-align:center;margin-top:10%;}
.mforspac_area dd.btn_fsmore a{width:50%;font-size:14px;color:#fff;display:inline-block;line-height:14px;letter-spacing:-1px;padding:4% 0;background:#8ca15a;border-radius:20px;-ms-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.mforspac_area dd.btn_fsmore span{padding-left:5%;}

.mspc_area{padding:10% 1%;border-top:1px solid #f3f1e9;}
.mspc_area ul{overflow:hidden;}
.mspc_area li{margin-top:2%;border:1px solid #f3f1e9;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mspc_area li:first-child{margin-top:0;}
.mspc_area li .img img{width:100%;}
.mspc_area dl{padding:6% 5%;letter-spacing:-1px;}
.mspc_area dt{font-size:20px;line-height:20px;color:#8ca15a;margin:1% 0 5%;}
.mspc_area dd{font-size:13px;line-height:18px;}
.mspc_area dd.txt1{color:#908987;margin-bottom:4%;}
.mspc_area dd.txt2 span{color:#463b37;}

.mphreview_area{padding:13% 1% 6%;background:#f4f6ee;}
.mphreview_area ul{font-size:0;letter-spacing:-5px;overflow:hidden;}
.mphreview_area li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:49%;margin:0 0.5%;overflow:hidden;}
.mphreview_area li a{display:block;}
.mphreview_area li .img{border:1px solid #eaeaea;}
.mphreview_area li .img img{width:100%;}
.mphreview_area li .infobox{color:#666;font-size:13px;padding:5% 2% 12%;text-align:center;}
.mphreview_area .btn_mprogo{margin-top:2%;}

.mainboard_area{padding:10% 1%;}
.mainboard_area .sunny_inner{overflow:hidden;}
.mainboard_area .mb_box{margin-top:2%;}
.mainboard_area .mb_box:first-child{margin-top:0;}
.mainboard_area .mb_box dl{position:relative;border:1px solid #eaeaea;background:#fff;}
.mainboard_area .mb_box dt{font-family:'Nunito', sans-serif;font-size:14px;line-height:14px;color:#463b37;padding:5%;border-bottom:1px solid #eaeaea;text-transform:uppercase;font-weight:bold;}
.mainboard_area .mb_box dd.list_con{padding:5%;}
.mainboard_area .mb_box dd.list_con ul{}
.mainboard_area .mb_box dd.list_con li{}
.mainboard_area .mb_box dd.list_con li a{display:block;color:#666;line-height:24px;}
.mainboard_area .mb_box dt .btn_bmore{display:inline-block;position:absolute;right:6%;line-height:14px;}
.mainboard_area .mb_box dt .btn_bmore a{font-size:11px;line-height:14px;color:#91949b;letter-spacing:-1px;font-weight:400;}


.mcscenter_area{padding:10% 1% 10%;}
.mcscenter_area .sunny_inner{overflow:hidden;}
.mcscenter_area .mcs_box{margin-top:2%;}
.mcscenter_area .mcs_box:first-child{margin-top:0;}
.mcscenter_area .mcs_box dl{position:relative;border:1px solid #eaeaea;background:#fff;}
.mcscenter_area .mcs_box dt{font-family:'Nunito', sans-serif;font-size:14px;line-height:14px;color:#463b37;border-bottom:1px solid #eaeaea;padding:5%;text-transform:uppercase;font-weight:bold;text-align:center;letter-spacing:2px;}
.mcscenter_area .mcs_box dd{padding:6% 5%;}
.mcscenter_area .mcs_box dd.pdnone{position:relative;padding:0;}
.mcscenter_area .mcs_box dd h3{color:#463b37;font-size:16px;line-height:16px;margin-bottom:7%;letter-spacing:-1px;}
.mcscenter_area .mcs_box dd h3 span{border-bottom:1px solid #666;}
.mcscenter_area .mcs_box .num1{font-family:'Nunito', sans-serif;color:#463b37;font-size:24px;line-height:24px;padding:3% 0;letter-spacing:-1px;font-weight:bold;}
.mcscenter_area .mcs_box .num2 li{}
.mcscenter_area .mcs_box .num2 li span{display:inline-block;color:#463b37;font-size:14px;line-height:14px;margin-bottom:2%;}
.mcscenter_area .mcs_box .num2 li span.t2{font-family:'Nunito', sans-serif;font-weight:700;letter-spacing:2px;padding-left:10px;}

.mcscenter_area .mcs_box .txt1{font-family:'Nunito', sans-serif;color:#908987;font-size:11px;line-height:17px;font-weight:600;}
.mcscenter_area .mcs_box .txt2{color:#666;font-size:12px;line-height:17px;letter-spacing:-1px;}
.mcscenter_area .mcs_box .txt3{color:#666;font-size:14px;line-height:14px;letter-spacing:-1px;padding-top:5%;}

.mcscenter_area .mcs_box .btn_mcs{padding:0;margin-top:5%;}
.mcscenter_area .mcs_box .btn_mcs a{font-size:13px;color:#fff;width:30%;display:inline-block;line-height:13px;letter-spacing:-1px;padding:3% 0;background:#8ca15a;border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;}
.mcscenter_area .mcs_box .btn_mcs span{padding-left:10%;}
.mcscenter_area .mcs_box .txt_csdog{padding:0;position:absolute;right:15%;bottom:10%;width:45px;height:48px;background:url("http://www.healingpet.co.kr/design/sd1206/skin1/images/ico_csdog.png") no-repeat 0 0;background-size:45px 48px;}
.mcscenter_area .mcs_box .txt_csdog .ico_mcsball{position:absolute;left:-17px;top:-55px;width:110px;}
.mcscenter_area .mcs_box .txt_csdog .ico_mcsball img{width:100%;}

.mcscenter_area .mcs_box .play_feat .play_thumb{position:absolute;left:0;top:0;z-index:2;cursor:pointer;width:100%;height:210px;}
.mcscenter_area .mcs_box .play_feat iframe{position:relative;z-index:1;}


/* 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 */