header{display:block;right:auto;left:0;width:100%}
header .menu{display:none}
header{height:0}
header .area{max-width:938px;height:0}
header .area ul{position:absolute;left:0;top:0;width:93px;height:560px;background:url(../image/main/menu.png) no-repeat;-webkit-transform:translateY(-377px);transform:translateY(-377px);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;border-right:0;z-index:9999}
header .area ul:hover,header .area ul.on{-webkit-transform:translateY(0);transform:translateY(0);}


header div ul li{width:100%;text-align:center;color:#fff;background-color:transparent !important}
header div ul li.li1{padding-top:46px}
header div ul li.li2{padding-top:64px}
header div ul li.li3{padding-top:70px}
header div ul li.li4{padding-top:62px}
header div ul li.showing{padding-top:52px}
header .area ul li a{font-size:1.417em;font-weight:700;line-height:normal;height:auto}
header div ul li.showing .logo{display:block;width:65px;height:70px;margin:38px auto 0;font-size:0;background:none}
header div ul li.showing .login{display:block;width:40px;margin:20px auto 0; font-size:13px;border-bottom:1px solid #71cfdf}
header div ul li.showing .sns{padding-top:7px}
header div ul li.showing .sns a{display:inline-block;font-size:0;width:20px;height:19px;background:url(../image/main/sns.png) no-repeat}
header div ul li.showing .sns a.is{background-position:-20px 0}


footer .bottom ul{padding-left:160px}
footer .bottom ul li{float:left;width:auto;padding-top:0;padding-left:30px}
footer .bottom ul li:first-child{padding-left:0}

/*main*/
/*¸ÞÀÎ visual*/
.main_wrap .visual{height:960px;background:#fff}
.main_wrap .visual .title{z-index:10;top:150px;}
.main_wrap .visual .title h1{margin:0 auto;font-size:0;}
.main_wrap .visual .title p strong{font-size:3.083em;}
.main_wrap .visual .title p span{font-size:2em;}



.main_wrap .visual .cloude-back{display:block;width:100%;height:801px;background-size:100%}
.main_wrap .visual .building{display:block;left:0;top:247px;height:545px}
.main_wrap .visual .fruits-01{display:block;top:550px;width:100%;height:340px}
.main_wrap .visual .clude-01{display:block;top:540px;width:100%;height:851px}


/*Ư¡*/
.main_wrap .character .cont{padding-left:96px}
.main_wrap .character .cont .f_r{padding-top:0}

.main_wrap .character .cont .f_r ul{max-width:100%}
.main_wrap .character .cont .f_r ul li{width:25%;padding-top:0}


/*¾ÆÀÌÅÛ¸®½ºÆ®*/
.main_wrap .goods_list{padding-left:96px}
.main_wrap .goods_list .lists ul{overflow-x:visible;white-space: normal}
.main_wrap .goods_list .lists ul li{width:25%;padding:2px}



/*¾î¹Ù¿ô*/
.main_wrap .about{height:1123px}

.main_wrap .about .title{padding-bottom:35px}

.main_wrap .about .area .slider_nav button{display:block;position:absolute;top:250px;width:47px;height:47px;font-size:0;background:url(../image/main/slider_nav.png) no-repeat}
.main_wrap .about .area .slider_nav button.next{right:-81px;background-position:-47px 0;margin-left:0;left:auto}
.main_wrap .about .area .slider_nav button.prev{left:-81px;margin-left:0}

.main_wrap .about .clude-01{display:block;height:240px;background-size:cover;}
.main_wrap .about .about-back{display:block;height:1023px;bottom:0}

/* ±¸¸Å ¹× ÄÁÅà */
.main_wrap .buy .cont,.main_wrap .contact .cont{padding-left:96px;padding-right:0}
.main_wrap .map .area{padding-left:96px}

/*·Î±×ÀÎ ¸ð´Þ*/
#login_modal{overflow:auto;padding-bottom:123px}
#login_modal .area{margin-top:123px}


/*»óÇ°¸®½ºÆ® ¸ð´Þ*/
#goods_modal .cont{position:relative}
#goods_modal .cont img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
#goods_modal .cont .pc_img{display:block}
#goods_modal .cont .m_img{display:none}