.main_title{display:block; line-height:1.5; padding:110px 0 48px 0; text-align:center; font-size:30px; font-family: 'Poppins'; font-weight:600;}
.main_title span{display:block; margin-top:20px; font-size:16px; color:#333; font-weight:400}
.main_title span em{font-family:'Noto Sans KR'; font-style:normal}

/* 占싯억옙 */
.main_popup{position:absolute; top:100px; right:50%; margin-right:-600px; z-index:10; display:none;}
.popup_slide{width:510px;}
.popup_slide .slick-dots{position:absolute; bottom:15px; width:100%; text-align:center}  
.popup_slide .slick-dots{margin:0 5.5px;}
.popup_bottom{position:relative; overflow:hidden; margin-top:10px; padding:15px 26px; background:rgba(0,0,0,0.3); box-sizing:border-box; font-size:15px;}
.popup_bottom a{position:relative; float:left; width:50%; color:#fff} 
.popup_bottom a.closePopup{text-align:right;}
.popup_bottom a.closePopup:after{content:''; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:rgba(255,255,255,0.4)} 
  
/* 占쏙옙占쌨댐옙 */ 
.quick_menu.on{right:-508px; transition:all 0.3s}
.quick_menu{position:fixed; top:50%; right:-508px; z-index:999; overflow:hidden; margin-top:-113px}
.quick_menu dt{float:left; width:46px; height:226px; background:#0f1e48; border-top-left-radius:16px; border-bottom-left-radius:16px; cursor:pointer}
.quick_menu dd{float:left; width:508px; height:226px; background:#2c385c; text-align:center; font-family:'Poppins';}
.quick_menu dd a{display:inline-block; width:82px; margin:58px 15px 0 15px; padding-top:90px; color:#fff; font-size:15px; vertical-align:top}
.quick_menu dd a:first-child{background:url('/resources/img/common/quick_icon06.png') no-repeat top}
.quick_menu dd a:nth-child(2){background:url('/resources/img/common/quick_icon04.png') no-repeat top}
.quick_menu dd a:nth-child(3){background:url('/resources/img/common/quick_icon05.png') no-repeat top}
.quick_menu dd a:nth-child(4){background:url('/resources/img/common/quick_icon01.png') no-repeat top}
.quick_menu dd a:nth-child(5){background:url('/resources/img/common/quick_icon03.png') no-repeat top}
.quick_menu .hamburger{position:absolute; top:15px; right:15px; width:22px; cursor:pointer}
.quick_menu .hamburger .line{width:22px; height:2px; background:#fff; display:block; margin:5px auto; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.quick_menu .hamburger.is-active .line:nth-child(2){opacity:0;}
.quick_menu .hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
.quick_menu .hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg);}

/* visual */
.visual{position:relative; height:100vh;}
.visual .slides, .visual .slides li{height:100vh; overflow:hidden;}
.visual .slides > li{-ms-transition: all 1.0s ease-out;}
.visual ul li .visual_bg{width:100%; height:100%}
.visual ul li .video_bg{position:absolute; top:0; background:rgba(0,0,0,0.3); z-index:9}
.visual ul li .bg0{background:url('/resources/img/main/visual6.jpg') no-repeat center/cover}
.visual ul li .bg1{background:url('/resources/img/main/visual9.jpg') no-repeat center/cover}
.visual ul li .bg2{background:url('/resources/img/main/visual10.jpg') no-repeat center/cover}
.visual ul li .bg3{background:url('/resources/img/main/visual2.jpg') no-repeat center/cover}
/*.visual ul li .bg4{background:url('/resources/img/main/visual4.jpg') no-repeat center/cover}*/
.visual ul li #video1{position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:100%; height:auto; object-fit:cover;}
.visual ul li .skip_btn{position:absolute; bottom:149px; left:50%; margin-left:-220px; padding-right:42px; color:#fff; font-size:14px;}
.visual ul li .skip_btn em{position:absolute; bottom:0; right:7px;}
.visual ul li .skip_btn:hover em{animation-name:right-arrow; animation-duration:.4s; animation-timing-function:ease-in-out; animation-iteration-count:infinite; animation-direction:alternate; -webkit-animation-name:right-arrow; -webkit-animation-duration:.4s; -webkit-animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes right-arrow {
  0%   {right: 7px} 
  100% {right: 0} 
} 
  
/* Standard syntax */
@keyframes right-arrow {
  0%   {right: 7px}
  100% {right: 0} 
}

.visual ul li .skip_btn em img{vertical-align:middle}
.visual ul li .txt0{margin-top:-180px; text-align:right; margin-left: -705px; }
.visual ul li .txt1{margin-top:210px; text-align:left;}
.visual ul li .txt2{margin-top:-190px; text-align:left;}
.visual ul li .txt1_sub{margin-top: 0; margin-left: 12px; text-align: left; font-size: 35px !important;}
@media screen and (max-width: 768px) {
	.visual ul li .txt1_sub {
		font-size: 27px !important;
	}
}

.visual ul li .txt3{margin-top: 260px; text-align:left;}
.visual ul li .txt4{margin-top:145px; text-align:right;}
.visual ul li .visual_txt{position:absolute; top:48%; left:52%; width:1150px; margin-left:-575px; color:#fff; font-family: 'Poppins';}
.visual ul li .visual_txt.txt3 {margin-left:-730px;}
.visual ul li .visual_txt p{line-height:1.5; margin-bottom:10px; font-size:26px; font-weight:400;}
.visual ul li .visual_txt p span{font-size:10px}
.visual ul li .visual_txt h1{font-size:55px; font-weight:500;}
.visual ul li .visual_txt h1 img{display:inline-block; vertical-align:middle}
.visual ul li .visual_txt h1 span{display:inline-block; font-size:26px; font-weight:400}
.visual ul li .txt0 .flex_dicr{display: flex; flex-direction: row; justify-content: flex-end;}
.visual ul li .txt0 p{font-size: 50px; color: #3D2D29; font-weight: 600; font-family: 'Poppins';}
.visual ul li .txt0 h1{font-size: 1.2rem; color: #5A4B40;}
.visual ul li .txt0 h1 .vs_txt{text-align: left; width: 310px; line-height: 2rem;  font-family: 'Poppins';}
#wrapper .visual ul li .txt3 p {font-size: 24px; font-weight:500; margin-top: 1rem;}
#wrapper .visual ul li .txt3 h1{font-size:45px; font-weight: 700;}
.visual ul li.flex-active-slide .visual_txt p{-webkit-animation-delay:1.4s; animation-delay:1.4s; -webkit-animation-duration:1.6s; animation-duration:1.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInLeft; animation-name: fadeInLeft;}
.visual ul li.flex-active-slide .visual_txt h1{-webkit-animation-delay:1.8s; animation-delay:1.8s; -webkit-animation-duration:1.6s; animation-duration:1.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeft {
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}
@keyframes fadeInLeft {
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}

.visual .flex-direction-nav{position:absolute; top:50%; left:50%; width:1435px; margin:-31px 0 0 -717px; z-index:9}
.visual .flex-direction-nav li{width:63px; height:63px; position:absolute;}
.visual .flex-direction-nav li a{display:block; width:63px; height:63px; text-indent:-9999px;}
.visual .flex-nav-prev{left:0; background:url('/resources/img/main/visual_left.png') no-repeat center}
.visual .flex-nav-next{right:0; background:url('/resources/img/main/visual_right.png') no-repeat center}
.visual .flex-nav-prev:hover{background:url('/resources/img/main/visual_lefton.png') no-repeat center}
.visual .flex-nav-next:hover{background:url('/resources/img/main/visual_righton.png') no-repeat center}
/*재생버튼*/
.visual .flex-pauseplay{position:absolute; bottom:97px; left:50%; width:15px; height:15px; margin-left: 50px; z-index:9}
.visual .flex-pauseplay a{display:block; width:15px; height:15px; text-indent:-9999px;}
.visual .flex-pauseplay a.flex-pause{background:url('/resources/img/main/visual_stop.png') no-repeat center;}
.visual .flex-pauseplay a.flex-play{background:url('/resources/img/main/visual_start.png') no-repeat center;}
.visual_pager{position:absolute; bottom:103px; left:50%; margin-left:-310px; text-align:center; z-index:9}
.visual_pager li{position:relative; display:inline-block; float:left; width:88px; padding:0 0 15px 3px; font-size:14px; color:#fff; text-align:left; box-sizing:border-box; cursor:pointer}
.visual_pager li span{opacity:0.5}
.visual_pager li:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,0.5)}
.visual_pager li:after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:rgba(255,255,255,1)}
.visual_pager li.flex-active:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,1); transition:all 0.3s;}
.visual_pager li.flex-active span{opacity:1}

/* .visual_wrap{position:relative;}
.visual{height:100vh}
.visual div{height:100vh; overflow:hidden;}
.visual div .visual_bg{width:100%; height:100vh}
.visual div .video_bg{position:absolute; top:0; background:rgba(0,0,0,0.3); z-index:9}
.visual div .bg1{background:url('/resources/img/main/visual1.jpg') no-repeat center/cover}
.visual div .bg2{background:url('/resources/img/main/visual2.jpg') no-repeat center/cover}
.visual div .bg3{background:url('/resources/img/main/visual3.jpg') no-repeat center/cover}
.visual div .bg4{background:url('/resources/img/main/visual4.jpg') no-repeat center/cover}
.visual div #video1{position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:100%; height:auto; object-fit:cover;}
.visual div .txt1{margin-top:-112px; text-align:right;}
.visual div .txt2{margin-top:-190px; text-align:left;}
.visual div .txt3{margin-top:-190px; text-align:left;}
.visual div .txt4{margin-top:145px; text-align:right;}
.visual div .visual_txt{position:absolute; top:50%; left:50%; width:1150px; height:auto; margin-left:-575px; color:#fff; font-family: 'Poppins';}
.visual div .visual_txt p{line-height:1.5; margin-bottom:10px; font-size:26px; font-weight:400;}
.visual div .visual_txt p span{font-size:10px}
.visual div .visual_txt h1{font-size:55px; font-weight:500;}
.visual div .visual_txt h1 img{display:inline-block; vertical-align:middle}
.visual div .visual_txt h1 span{display:inline-block; font-size:26px; font-weight:400}
#wrapper .visual div .txt3 p span{font-size:55px; font-weight:500}
#wrapper .visual div .txt3 h1{font-size:26px;}
#wrapper .visual div .txt3 h1 span{display:inline-block; font-size:55px;}
.visual div.slick-active .visual_txt p{-webkit-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.visual div.slick-active .visual_txt h1{-webkit-animation-delay: 1.8s; animation-delay: 1.8s; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft {
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}

@keyframes fadeInLeft {
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}
.visual .slick-arrow{position:absolute; top:50%; width:63px; height:63px; margin:-63px 0 0 0; z-index:9; text-indent:-9999px;}
.visual .slick-prev{left:50%; margin-left:-720px; background:url('/resources/img/main/visual_left.png') no-repeat center}
.visual .slick-next{right:50%; margin-right:-720px; background:url('/resources/img/main/visual_right.png') no-repeat center}
.visual .slick-prev:hover{background:url('/resources/img/main/visual_lefton.png') no-repeat center}
.visual .slick-next:hover{background:url('/resources/img/main/visual_righton.png') no-repeat center}
.visual .slick-dots{position:absolute; bottom:103px; left:0; width:100%; text-align:center; z-index:9}
.visual .slick-dots li{position:relative; display:inline-block; width:88px; padding:0 0 15px 3px; margin-right:0; font-size:14px; text-align:left; box-sizing:border-box; cursor:pointer}
.visual .slick-dots li a{opacity:0.5; color:#fff;}
.visual .slick-dots li:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,0.5)}
.visual .slick-dots li:after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:rgba(255,255,255,1)}
.visual .slick-dots li.slick-active:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,1); transition:all 0.3s;}
.visual .slick-dots li.slick-active a{opacity:1}
.visual_wrap .pauseplay{position:absolute; bottom:97px; left:50%; width:15px; height:15px; margin-left:183px; z-index:9}
.visual_wrap .pauseplay button{position:absolute; top:0; left:0; width:15px; height:15px; text-indent:-9999px;}
.visual_wrap .pauseplay .pause{background:url('/resources/img/main/visual_stop.png') no-repeat center;}
.visual_wrap .pauseplay .play{display:none; background:url('/resources/img/main/visual_start.png') no-repeat center;} */
.selector_banner{position:absolute; bottom:0; left:0; width:100%; padding:20px 0 16px 0; text-align:center; background:#f5f5f5; z-index:9; cursor:pointer}
.selector_banner span{display:block; padding-top:17px; color:#0f1e48; background:url('/resources/img/common/matt_selector_arrow.png') no-repeat top}
.selector_banner button{position:absolute; top:50%; right:58px; width:18px; height:18px; margin-top:-9px; text-indent:-9999px; background:url('/resources/img/common/matt_selector_close.png') no-repeat center}

/* 占쏙옙트占쏙옙占쏙옙 */
.main_mattress{position:relative}
.main_mattress ul li{position:relative; float:left; width:455px; height:605px; margin-right:37px;}
.main_mattress ul li:last-child{margin-right:0}
.main_mattress ul li .matt_img{position:absolute; top:0; left:0; width:455px; height:605px; transition:all 0.3s;}
.main_mattress ul li .matt_img:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; transition:all 0.3s;}
.main_mattress ul li .matt_img_over{opacity:0; transition:all 0.8s;}
.main_mattress ul li:hover .matt_img_over{opacity:1;}
.main_mattress ul li:hover .matt_img{-webkit-box-shadow: 12px 12px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 12px 12px 10px 0px rgba(0,0,0,0.12); box-shadow: 12px 12px 10px 0px rgba(0,0,0,0.12);}
.main_mattress ul li:hover .matt_img:before{opacity:1;}
.main_mattress ul li .matt_txt{position:absolute; bottom:31px; width:100%; text-align:center; }
.main_mattress ul li .matt_txt p{width:100%; transition:all 0.3s;}
.main_mattress ul li .matt_txt1 p{height:107px; background:url('/resources/img/main/main_mattress1_txt.png') no-repeat center}
.main_mattress ul li .matt_txt2 p{height:107px; background:url('/resources/img/main/main_mattress2_txt.png') no-repeat center}
.main_mattress ul li .matt_txt3 p{height:107px; background:url('/resources/img/main/main_mattress3_txt.png') no-repeat center}
.main_mattress ul li .matt_txt a{display:inline-block; position:relative; padding-bottom:5px; opacity:0; transition:all 0.3s;}
.main_mattress ul li .matt_txt a:before{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#50c0e3; transition:all 0.3s;}
.main_mattress ul li:hover .matt_txt1 p{background:url('/resources/img/main/main_mattress1_txton.png') no-repeat center;}
.main_mattress ul li:hover .matt_txt2 p{background:url('/resources/img/main/main_mattress2_txton.png') no-repeat center;}
.main_mattress ul li:hover .matt_txt3 p{background:url('/resources/img/main/main_mattress3_txton.png') no-repeat center;}
.main_mattress ul li:hover .matt_txt a{margin:42px 0 27px 0; color:#50c0e3; opacity:1; }
.main_mattress ul li:hover .matt_txt a:before{width:100%; }

/* 침占쏙옙  */
.main_bed{position:relative; height:830px; margin-top:120px; background:#eceef0;}
.main_bed .img_slide .slick-list{width:1002px; margin:0 auto; overflow:visible;}
.main_bed .img_slide .slick-slide{padding:0 75px}
.main_bed .img_slide .slick-slide img{width:852px; height:471px;}
.main_bed .img_slide .bed_img{position:relative;}
.main_bed .img_slide .bed_img:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0.3s;}
.main_bed .img_slide .slick-active .bed_img:before{opacity:0}
.main_bed .text_slide{position:absolute; left:50%; bottom:156px; width:852px; height:471px; margin-left:-426px; text-align:center; color:#fff;}
.main_bed .text_slide .bed_txt{height:471px; padding-top:260px; box-sizing:border-box;}
.main_bed .text_slide .bed_txt:after{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.3s; -webkit-box-shadow: 8px 8px 5px -2px rgba(0,0,0,0.4); -moz-box-shadow: 8px 8px 5px -2px rgba(0,0,0,0.4); box-shadow: 8px 8px 5px -2px rgba(0,0,0,0.4); z-index:-1}
.main_bed .text_slide .bed_txt:hover:after{opacity:1}
.main_bed .text_slide .bed_txt img{display:inline-block !important; width:60px; margin-bottom:20px;}
.main_bed .text_slide .bed_txt h2{display:block; font-size:34px; font-family:'Poppins'; font-weight:500; transition:all 0.3s;}
.main_bed .text_slide .bed_txt:hover h2{-webkit-transform:translateY(-30px); transform:translateY(-30px);}
.main_bed .text_slide .bed_txt div{opacity:0; margin-top:20px; transition:all 0.3s;}
.main_bed .text_slide .bed_txt:hover div{opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
.main_bed .text_slide .bed_txt p{display:inline-block; margin:0 12px; font-family:'Poppins'; font-weight:300; }
.main_bed .text_slide .bed_txt a{position:relative; display:inline-block; padding-bottom:5px; color:#fff;}
.main_bed .text_slide .bed_txt a:hover{color:#50c0e3}
.main_bed .text_slide .bed_txt a:after{content:''; position:absolute; bottom:0; left:0; height:1px; width:0; background:#50c0e3; transition: all 0.5s ease-out 0s; opacity:0}
.main_bed .text_slide .bed_txt a:hover:after{width:100%; opacity:1}
.main_bed .text_slide .bed_txt em{position:relative; transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s; padding-right:15px;}
.main_bed .text_slide .bed_txt em:after{content:''; position:absolute; right:0; top:5px; width:7px; height:13px; background:url('/resources/img/common/more_bt_type2.png') no-repeat right; opacity:0; transition: all 0.5s ease-out 0.4s;}
.main_bed .text_slide .bed_txt p:hover em:after{opacity:1;}
.main_bed .slick-arrow{position:absolute; top:205px; width:63px; height:63px; text-indent:-9999px; z-index:9}
.main_bed .slick-prev{left:50%; margin-left:-532px; background:url('/resources/img/sub/view_left.png') no-repeat; text-indent:-9999px;}
.main_bed .slick-prev:hover{background:url('/resources/img/sub/view_leftOn.png') no-repeat;}
.main_bed .slick-next{right:50%; margin-right:-532px; background:url('/resources/img/sub/view_right.png') no-repeat; text-indent:-9999px;}
.main_bed .slick-next:hover{background:url('/resources/img/sub/view_rightOn.png') no-repeat;}
.main_bed .slick-dots{text-align:center; margin-top:50px;}
.main_bed .btn_area{position:absolute; left:50%; top:125px; width:802px; margin-left:-401px; text-align:right;}

/* 占쏙옙占싸몌옙占� */
.main_promotion{height:674px; margin-bottom:120px;}
.main_promotion a{color:#fff}
.promotion_slide .slick-list{overflow:visible !important;}
.promotion_slide .slick-dots{position:absolute; left:80px; bottom:45px;}
.promotion_box{position:relative; height:424px; padding:73px 80px; background:#0f1e48; box-sizing:border-box;}
.promotion_box .promotion_txt span{font-size:16px; color:#a6865c}
.promotion_box .promotion_txt span em{display:inline-block; width:1px; height:10px; margin:1px 8px; background:#a6865c;}
.promotion_box .promotion_txt h3{display:block; margin:28px 0; line-height:1.3; font-size:28px; font-weight:400}
.promotion_box .promotion_txt > em{display:inline-block; padding-right:26px; margin-top:35px; font-family:'Poppins'; font-weight:200; color:#fff; background:url('/resources/img/main/promotion_arrow.png') no-repeat 99%;}
.promotion_box .promotion_img{position:absolute; right:40px; top:40px; -webkit-box-shadow:12px 12px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 12px 12px 10px 0px rgba(0,0,0,0.12); box-shadow: 12px 12px 10px 0px rgba(0,0,0,0.12);}

/* sns */
.main_sns{overflow:hidden; margin-bottom:110px;}
.sns_list{overflow:hidden}
.sns_list li{float:left; width:340px; height:330px; overflow:hidden; margin-right:26px}
.sns_list li:last-child{margin-right:0;}
.sns_list li img{transition:all 1s;}
.sns_list li:hover a img{transform: scale(1.1) rotate(.001deg);}
.sns_cont{float:right; margin-top:38px;}
.sns_cont .btn_area{display:inline-block; vertical-align:middle}
.sns_cont ul{display:inline-block; vertical-align:middle}

/* sheep */
.main_sheep{overflow:hidden; margin-bottom:110px; font-family:'Poppins';}
.main_sheep li{position:relative; float:left; width:50%; height:251px; box-sizing:border-box; border:1px solid #cbcaca;}
.main_sheep li:first-child{background:#353b51 url('/resources/img/main/sheep_bg01.gif') no-repeat right; border-right:none}
.main_sheep li:last-child{background:#7e8b9b url('/resources/img/main/sheep_bg02.gif') no-repeat right; border-left:none}
.main_sheep li div{position:absolute; left:63px; bottom:65px;}
.main_sheep li h4{line-height:1.3; font-size:24px; font-weight:500; color:#fff}
.main_sheep li a{display:inline-block; position:relative; padding-bottom:5px; opacity:0; transition:all 0.3s; color:#fff}
.main_sheep li a:before{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#fff; transition:all 0.3s;}
.main_sheep li:hover a{margin-top:30px; color:#fff; opacity:1; }
.main_sheep li:hover a:before{width:100%; }

/* shop */
.shop{position:relative; padding:0 0 80px 0; text-align:center; background:url('/resources/img/main/shop_bg.gif') no-repeat center/cover; }
.shop_list{position:relative; display:inline-block;}
.shop_list .btn_area{width:100%; margin-top:40px;}
.shop_tab{display:none; position:absolute; top:35px; left:50%; width:260px; padding:10px 0; margin-left:-130px; text-align:left; border-top:1px solid #000; background:#fff; z-index:9; -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);}
.shop_tab li{padding:5px 24px; font-size:15px; cursor:pointer; color:#666}
.shop_tab li span{position:relative;}
.shop_tab li span:after{content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:#000; transition: all 0.5s ease; }
.shop_tab li span:hover{color:#000}
.shop_tab li span:hover:after{width:100%} 
.shop_cont > div{position:relative; display:inline-block; padding:0 40px 10px 0; margin-bottom:25px; font-size:18px; font-weight:400; border-bottom:1px solid #000; cursor:pointer}
.shop_cont > div strong{margin-right:10px;}
.shop_cont > div.on em{webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.shop_cont > div em{position:absolute; top:12px; right:0; width:12px; height:6px; background:url('/resources/img/main/shop_btn.png') no-repeat right; transition:all 0.3s; -webkit-transition:all 0.3s;}
.shop_cont ul li{position:relative; display:inline-block; padding-left:30px; line-height:1.5; font-size:18px; vertical-align:middle; font-weight:300}
.shop_cont ul li.layer{margin-right:20px; padding-right:24px; /* background:url('/resources/img/main/shop_layer4.png') no-repeat left; */}
.shop_cont ul li.layer:after{content:''; position:absolute; top:3px; right:0; width:1px; height:22px; background:#000}
.shop_cont ul li.tell{background:url('/resources/img/main/shop_tell.png') no-repeat left 6px;}