/* visual */
.area_visual{position:relative;}
.area_visual .list li a{display:block;}
.area_visual .list .web{display:block; overflow:hidden; position:relative; height:450px;}
.area_visual .list .web img{position:absolute; left:50%; top:0px; height:100%; transform:translateX(-50%);}
.area_visual .list .mob{display:none;}
.area_visual .bx-controls .bx-next,
.area_visual .bx-controls .bx-prev{display: none;}
.area_visual .bx-controls .bx-pager{position:absolute; left:50%; bottom:45px; z-index:70; transform:translateX(-50%);}
.area_visual .bx-pager-item{display:inline-block; padding:0 10px;}
.area_visual .bx-pager-link{display:inline-block; width:11px; height:11px; background:#dfdfdf; border-radius:100%; font-size:0px; transition:0.3s ease;}
.area_visual .bx-pager-link.active{background:#232323;}
.area_visual .bx-controls .bx-next:hover,
.area_visual .bx-controls .bx-prev:hover{background-color:rgba(255,255,255,0.8);}
.area_visual .bx-controls .bx-next:hover:before,
.area_visual .bx-controls .bx-next:hover:after,
.area_visual .bx-controls .bx-prev:hover:before,
.area_visual .bx-controls .bx-prev:hover:after{background:#777;}
.area_visual .visual_cate{position: absolute; z-index: 80; top:0px; left:50%; margin-left:-600px;}
.area_visual .visual_cate .inr{box-sizing: border-box; display:block; width:220px; height: auto; background-color: #fff; border:1px solid #dedede;}
.area_visual .visual_cate .inr > li{display:block; width:100%; border-bottom:1px solid #f2f2f2;}
.area_visual .visual_cate .inr > li > ul > li > a{box-sizing:border-box; display: block; padding:17px 20px; width:100%; border-top:1px solid #eee;}
.area_visual .visual_cate .inr > li:nth-child(n+10),
.area_visual .visual_cate .inr > li > ul > li > ul{display: none;}
.area_visual .visual_cate .btn_more{position:relative; box-sizing: border-box; display: block; padding: 15px 15px 14px 62px; width:220px; color: #fff; background-color: #252525;}

.area_visual .visual_cate .btn_more:before{content:''; position:absolute; top:24px; left:35px; width:10px; height:2px; background-color: #fff;}
.area_visual .visual_cate .btn_more:after{content:'';  position:absolute;  top:20px; left:39px; width:2px; height:10px; background-color: #fff;}


/* 제품리스트 */
.area_shopList h2{float:right; width: -webkit-calc(100% - 230px); width: calc(100% - 230px); margin-left:0; padding:60px 0 20px; font-size:35px; text-align: center; color:#222;}
*[data-shop-list="default"] > li > a .percent{opacity:1; line-height:40px; visibility: inherit; background:#ee3124; margin-top:0;}
*[data-shop-list="default"] > li > a .price i{display:block;}
.area_shopList{overflow:hidden;}
.area_shopList .default{}
.area_shopList *[data-shop-list="default"]{float:right; width: -webkit-calc(100% - 230px); width: calc(100% - 230px); margin-left:0;}
*[data-shop-list="default"] > li{width:33.3%;}
*[data-shop-list="default"] > li:nth-child(3n+1){clear:left;}
*[data-shop-list="default"] > li:nth-child(4n+1){float:left;clear: inherit;}
.area_shopList .btn_more{clear: both; display:block; text-align:center;}
.area_shopList .btn_more a{display: inline-block; border:1px solid #333; padding:15px 60px; border-radius:30px; transition:0.3s}
.area_shopList .btn_more a:hover{background:#daa33e; border:1px solid #daa33e; color:#fff; transition:0.3s}

/* 배너 */
.area_banner{clear: both; overflow:hidden; margin:75px 0;}
.area_banner ul li{float:left; width:50%;}
.area_banner ul li a{display:block; padding:30px;}
.area_banner ul li a p{margin:10px 0; font-size:22px; font-weight:bold;}
.area_banner ul li a b{border-bottom:1px solid #333;}
.area_banner ul li:first-child a{background:#f0f0f0 url(/images/main/icon_banner01.svg) no-repeat 90% 50%; background-size:58px 60px;}
.area_banner ul li:last-child a{background:#f1e7d1 url(/images/main/icon_banner02.svg) no-repeat 90% 50%; background-size:67px 58px;}

.area_info {overflow: hidden; clear: both; border-top:1px solid #ededed;}
.area_info h2{margin-bottom:10px;}
.area_info >.wrapper > div{position:relative; float:left; box-sizing:border-box; padding:45px;}
.area_info >.wrapper > div:before{content:''; display:inline-block; position:absolute; left:0; top:30px; width:1px; height:150px; background:#ededed; }
.area_info .wrapper .customer{width:360px; padding-left:0;}
.area_info .customer:before{display:none !important;}
.area_info .customer p a{display:inline-block; padding-left:15px; font-size:22px; font-weight:600; line-height:1.3em; color:#ddac55;}
.area_info .customer ul li i,
.area_info .customer ul li span{display:inline-block; vertical-align:middle; color:#666;}
.area_info .customer ul{margin-top:10px;}
.area_info .customer ul li i{color:#111;}
.area_info .customer ul li span{margin-left:7px;}
.area_info .bank{width:505px;}
.area_info .bank em{display:block; font-size:35px; font-weight:600; line-height:1.3em; color:#ddac55;}
.area_info .bank ul{margin-top:10px;}
.area_info .bank ul li i,
.area_info .bank ul li span{display:inline-block;}
.area_info .bank ul li span{margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
.area_info .category{width:335px;}
.area_info .category .site{width:70%;}
.area_info .category li{margin-bottom:5px;}
.area_info .category li > a{display:inline-block; color:#666;}
.area_info .category li > a:hover{color:#d71820;}
.area_info .category li ul{display:none;}


@media screen and (max-width:1280px){
	.area_visual .visual_cate .btn_more, .area_visual .visual_cate .inr{display:none;}
	.area_info .wrapper .customer{width:30%;}
	.area_info .bank{width:45%;}
	.area_info .category{width:25%;}

	.area_shopList *[data-shop-list="default"],
	.area_shopList h2{width:100%;}

}

@media screen and (max-width:1180px){

	.area_banner ul li:first-child a,
	.area_banner ul li:last-child a{background-size:50px; background-position:95% 50%;}

	.area_visual .list .mob img{width:100%;}
	.area_visual .bx-pager-item{padding:0 5px;}
	.area_visual .list .web img{transform: translateX(-50%);}


}

@media screen and (max-width:959px){
	.area_visual .list .web{display:none;}
	.area_visual .list .mob{display:block;}

	.area_banner ul li{width:100%;}

	.area_info >.wrapper > div{padding:25px;}
}


@media screen and (max-width:860px){
	.area_info .bank em{font-size:25px;}
	.area_info .category{display:none;}
	.area_info .wrapper .customer{width:40%;}
	.area_info .bank{width:60%;}
}

@media screen and (max-width:767px){
	.area_info .wrapper .customer{width:100%; text-align:center; border-bottom:1px solid #ededed}
	.area_info .bank{width:100%; text-align:center;}

	.area_banner ul li a p{font-size:18px;}

	.area_shopList h2{font-size:25px;}

	.area_visual .bx-controls .bx-pager{bottom:10px;}
}


@media screen and (max-width:620px){
	*[data-shop-list="default"]{margin-left:0;}
  .area_shopList > div:not(.best) *[data-shop-list="default"] > li{width:calc(100% / 2 - 8.1px); padding-left:0; margin:0 4px 60px 4px;}
}


@media screen and (max-width:500px){

	.area_banner ul li a{padding:20px;}
	.area_banner ul li:first-child a, .area_banner ul li:last-child a{background-size:30px;}

	.area_shopList .btn_more a{font-size:14px; padding:13px 50px;}
}

@media screen and (max-width:400px){
	.area_info .bank ul li span{border-left:0; padding-left:0; margin-left:0;}
	.area_banner ul li:first-child a, .area_banner ul li:last-child a{background-image:none;}

	.area_banner ul li a p{font-size:16px;}
}