@charset "utf-8";

/* container */
#main_visual {width:100%;position:relative; height:580px; overflow:hidden;}
#main_visual .multiple{position:relative;width:100%; zoom:1;margin:0;padding:0; height:580px;}
#main_visual .multiple li{width:100%;margin:0; height:580px; position:relative; text-align:center;}
#main_visual .multiple li .link{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0);}
#main_visual .bx-pager{position:absolute; bottom:40px; text-align:center; left:0; width:100%; z-index:999;}
#main_visual .bx-pager .bx-pager-item{display:inline; margin:0 7px;}
#main_visual .bx-pager a{display:inline-block; font-size:0px; line-height:0px; margin:0px; width:20px; height:20px; z-index:999; background:url("../shop/images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.active{background-position:0 -20px;}
#main_visual .bx-start{display:none;}
#main_visual .bx-stop{display:none;}
#main_visual .active{display:none;}
#main_visual .bx-prev{background:url("../shop/images/main_product_left.png") no-repeat 0 0;position:absolute; top:50%; margin-top:-32px; font-size:0px; line-height:0px;  left:25px; display:block; height:65px; width:34px; z-index:1000;}
#main_visual .bx-next{background:url("../shop/images/main_product_right.png") no-repeat 0 0;position:absolute; top:50%; margin-top:-32px; font-size:0px; line-height:0px;  right:25px; display:block; height:65px; width:34px; z-index:1000;}

#main_greeting{width:100%; height:655px;padding-top:150px; background:url("../shop/images/main_greeting_bg.jpg") center 0 no-repeat; position:relative; overflow:hidden;}
#main_greeting .in_greeting{width:1200px; margin:0 auto; position:relative;}
#main_greeting .in_greeting .greeting_txt{}
#main_greeting .in_greeting .more{margin-top:25px;}

#main_product{padding:70px 0 80px;; background-color:#fafafa; overflow:hidden;}
#main_product h3{text-align:center;}
#main_product .ment{text-align:center; margin-top:10px}
#main_product .product_rolling{width:1200px; margin:0 auto; position:relative; margin-top:50px;}
#main_product .product_rolling .more{position:absolute; top:-70px; right:0;}
#main_product .product_rolling #rolling_slider{}
#main_product .product_rolling #rolling_slider .slide{width:220px; height:320px;}
#main_product .product_rolling #rolling_slider .slide a{display:block; width:220px; height:320px; position:relative;}
#main_product .product_rolling #rolling_slider .slide a .pic{}
#main_product .product_rolling #rolling_slider .slide a .pic img{width:220px; height:220px;}
#main_product .product_rolling #rolling_slider .slide a .tit{font-size:21px; line-height:24px; color:#000; font-weight:bold; margin-top:30px; text-overflow:ellipsis; overflow:hidden;  white-space:nowrap;}
#main_product .product_rolling #rolling_slider .slide a .txt{font-size:16px; line-height:24px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#main_product .product_rolling #rolling_slider .slide a .more{position:absolute; top:0; right:0;}
#main_product .product_rolling .bx-pager{display:none;}
#main_product .product_rolling .bx-start{display:none;}
#main_product .product_rolling .bx-stop{display:none;}
#main_product .product_rolling .bx-prev{position:absolute; top:100px; left:-60px; width:29px; height:56px; background: url("../shop/images/main_product_left.png") no-repeat 0 0; display:block; z-index:999999999; font-size:0px;}
#main_product .product_rolling .bx-next{position:absolute; top:100px; right:-60px; width:29px; height:56px; background: url("../shop/images/main_product_right.png") no-repeat 0 0;display:block; z-index:9999999999; font-size:0px;}

#main_video{width:100%; height:596px; padding-top:78px; background:url("../shop/images/main_video_bg.jpg") center 0  no-repeat;}
#main_video .video_box{cursor:pointer; width:780px; margin:0 auto; position:relative;}
/* #main_video .video_box .play{position:absolute; top:50%; left:50%; margin-top:-73px; margin-left:-72px; opacity:0;} */
#main_video .video_box .play{position:absolute; top:50%; left:50%; margin-top:-58px; margin-left:-60px; opacity:0;}
#main_video .video_box:hover .play{ opacity:1; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
#main_video .video_box:hover .play img{width:118px}
#main_video .video_box:hover .box{background-color:rgba(0,0,0,0.5); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}

#main_news{width:1200px; margin:0 auto; padding:120px 0 100px; position:relative;}
#main_news h3{text-align:center;}
#main_news .ment{text-align:center; margin-top:10px}
#main_news .list{margin-top:50px; height:380px;}
#main_news .list li{float:left; margin-left:30px;}
#main_news .list li:first-child{margin-left:0;}
#main_news .list li a{display:block; position:relative; width:380px; height:380px;}
#main_news .list li a .pic{position:relative; overflow:hidden; width:380px; height:260px;}
#main_news .list li a .pic .pic_box{width:420px; height:300px; position:absolute; top:50%; left:50%; margin-left:-210px; margin-top:-150px; line-height:300px; text-align:center;}
#main_news .list li a .pic .pic_box img{width:380px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#main_news .list li a:hover .pic .pic_box img{width:400px;}
#main_news .list li a .pic .pic_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(86,179,62,0.7); opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#main_news .list li a:hover .pic .pic_bg{opacity:1;}
#main_news .list li a .tit{font-size:24px; line-height:30px; color:#000; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; margin-top:20px; font-weight:bold;}
#main_news .list li a .txt{font-size:21px; line-height:30px; color:#000; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; margin-top:5px;}
#main_news .list li a .date{font-size:16px; line-height:20px; color:#8e8e8e; margin-top:10px;}
#main_news .list li a .list_more{position:absolute; top:285px; right:0}
#main_news .more{position:absolute; top:160px; right:0;}


#main_customer{width:1200px; margin:0 auto; padding:120px 160px 100px 0; position:relative; min-height:720px;}
#main_customer h3{text-align:center; padding-left:330px;}
#main_customer .ment{text-align:center; margin-top:10px; padding-left:330px;}
#main_customer .customer_quick{position:absolute; top:0px; right:0; width:142px;}
#main_customer .customer_quick li{float:left; margin-left:10px; margin-bottom:12px;}
#main_customer .more{margin-top:10px;}

/* 비디오 뷰 */
#video_view_bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:99999999999999999; display:none;}
#video_view{position:fixed; top:50%; left:50%; z-index:999999999999999999; display:none;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);​
}
#video_view .view_close{position:absolute; top:-70px; right:0; cursor:pointer;}
