/* BASIC css start */
#sunny_header .utill_area .h_left .btn_bmark3,
#sunny_header .utill_area .h_left .btn_bmark4{font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-weight:500 !important;}
#sunny_header .utill_area .h_left .btn_bmark3{background-position:20px 19px !important;}
#sunny_header .utill_area .h_left .btn_bmark4{background-position:20px 19px !important;}

#sunny_header .header_top .maingohome_box{font-family: 'Spoqa Han Sans Neo', 'sans-serif';line-height:48px !important;background-position:22px 16px !important;font-weight:500 !important;}

#contentWrap.bg_sub{background:#f3f1e9;}

.gnb_m2 .gnb_m2_menu > li > a{font-family: Spoqa Han Sans Neo, Nunito, sans-serif !important;font-weight:500 !important;}


.subtopban_area{position:relative;min-width:1300px;width:100%;height:730px;}
.subtopban_area.bg_real{background:url("http://sd1206.img3.kr/images/bg_subtop1.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}
.subtopban_area.bg_story{background:url("http://sd1206.img3.kr/images/bg_subtop2.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}
.subtopban_area.bg_guide{height:400px;background:url("http://sd1206.img3.kr/images/bg_subtop3.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}
.subtopban_area.bg_vs{background:url("http://sd1206.img3.kr/images/bg_subtop4.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}
.subtopban_area.bg_14days{height:400px;background:url("http://sd1206.img3.kr/images/bg_subtop5.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}

.subtopban_area.bg_event{height:400px;background:url("http://sd1206.img3.kr/images/bg_subtop6.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;}

.subtopban_area dl{padding-top:190px;text-align:center;}
.subtopban_area dt{font-family:'Nunito', sans-serif;color:#fff;font-size:30px;line-height:30px;text-transform:uppercase;margin-bottom:50px;font-weight:700;letter-spacing:1px;}
.subtopban_area .subtopban_bottom{position:absolute;bottom:0;min-width:1300px;width:100%;height:180px;border-radius:180px 180px 0 0;background:#f3f1e9;z-index:1;}

.subtopban_area .ico{position:absolute;bottom:110px;left:50%;margin-left:-75px;z-index:2;}
.subtopban_area .ico img{-webkit-animation: rotate_anime_right 20s linear infinite;animation: rotate_anime_right 20s linear infinite;}


.subpage_box1{min-width:1300px;background:#f3f1e9;/*border-radius:180px 180px 0 0;*/overflow:hidden;}
.subpage_box1 > div{width:1300px;margin:0 auto;}
.subpage_box1 > div.first{position:relative;margin:-170px auto 0;z-index:1;}

@-webkit-keyframes rotate_anime_right {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

@keyframes rotate_anime_right {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

.fade{opacity: 0;
    /* will-change: transform, scale, opacity; */
    transform: translateY(2rem);
    transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.fade.active{opacity: 1;
    transform: translateY(0);}


#sunny_header .utill_area .h_left .mbeecon_area{display:none;}
#sunny_header .utill_area .h_left #MS_beecon_area{}

/*evt new icon*/
.gnb_m2 > ul > li.last .ico_evt_new { position:absolute; top:65px; left:10; width:31px; height:16px; background:url(//www.healingpet.co.kr/design/sd1206/evt/new.png) 0 0 no-repeat }


/* 상품분류상단배너 */
.mfind_box2{overflow:hidden;}
.mfind_box2 dt{float:left;width:217px;height:98px;border:1px solid #8ca15a;background:#8ca15a url("/design/sd1206/skin1/images/ico_healthclass.png") no-repeat 183px center;background-size:7px 12px;}
.mfind_box2 dt a{display:block;width:188px;height:98px;padding:0 0 0 29px;}
.mfind_box2 dt .tit{display:block;color:#fff;font-size:18px;line-height:22px;font-weight:300;padding-top:27px;letter-spacing:-1px;}
.mfind_box2 dt .tit span{display:block;font-weight:400;}
.mfind_box2 dd{float:left;width:1079px;border:1px solid #f3f1e9;}
.mfind_box2 dd ul{overflow:hidden}
.mfind_box2 dd li{width:214px;height:98px;float:left;border-left:1px solid #f3f1e9;}
.mfind_box2 dd li a{position:relative;display:block;width:100%;height:58px;padding:40px 0 0 29px;}
.mfind_box2 dd li .img{position:absolute;left:129px;top:20px;width:57px;height:57px;}
.mfind_box2 dd li .img img{width:100%;}
.mfind_box2 dd li .tit{display:block;width:100px;color:#463b37;font-size:20px;line-height:20px;letter-spacing:-2px;}

.tprolist_area2{margin-bottom:90px;}
.tprolist_area2 .tprolist_box{position:relative;height:205px;padding:68px 0 0 60px;background:url("/design/sd1206/skin1/images/bg_tprolist.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box.bg1{background:url("/design/sd1206/skin1/images/bg_healthclass1.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box.bg2{background:url("/design/sd1206/skin1/images/bg_healthclass2.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box.bg3{background:url("/design/sd1206/skin1/images/bg_healthclass3.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box.bg4{background:url("/design/sd1206/skin1/images/bg_healthclass4.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box.bg5{background:url("/design/sd1206/skin1/images/bg_healthclass5.jpg") no-repeat 0 0;}
.tprolist_area2 .tprolist_box dt{margin-bottom:30px;}
.tprolist_area2 .tprolist_box dt img{height:35px;}
.tprolist_area2 .tprolist_box dd.txt{font-size:16px;line-height:28px;color:#908987;letter-spacing:-1px;}
.tprolist_area2 .tprolist_box dd.btn_plistmore{position:absolute;right:60px;bottom:60px;}
.tprolist_area2 .tprolist_box dd.btn_plistmore a{font-size:16px;color:#fff;display:inline-block;height:64px;line-height:61px;letter-spacing:-1px;padding:0 28px;background:#8ca15a;border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius: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;}
.tprolist_area2 .tprolist_box dd.btn_plistmore a span{padding-left:40px;}
.tprolist_area2 .tprolist_box dd.btn_plistmore a:hover{background:#463b37;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;}


/* BASIC css end */