@charset "utf-8";

/* 
File Name : shop_main.css
Description : bokuk_site
Author : kwj (master@dmax.kr)
Date : 2016-7-7
 */

/* visual */
.shop_vis{width:100%; height:auto; /* background:#f3f3f3; */overflow:hidden; text-align:center; position:relative;}
.shop_vis li{width:100%; height:auto;}
.shop_vis li img{max-width:100%;}
.shop_vis .bt_prev{position:absolute; top:45%; left:50px;}
.shop_vis .bt_next{position:absolute; top:45%; right:50px;}

/* shop_point */
.shop_point{width:100%; height:auto; padding:50px 0;}
.shop_point ul{width:100%; height:auto; text-align:center;}
.shop_point ul li{display:inline-block; width:25%;}
.shop_point ul li strong{display:block; font-weight:bold; letter-spacing:-0.05em; padding:33px 0 0 0;}
.shop_point ul li span{display:block; font-weight:100; letter-spacing:-0.03em; color:#777c85; padding:21px 0 0 0; line-height:120%;}

/* shop_banner */
.shop_banner_area{width:100%; height:458px; background:#f5f5f5;}
.shop_banner .ban{float:left; position:relative; text-align:center; width:32.99%;}
.shop_banner .ban dl{position:absolute; top:47px; left:0; width:100%;}
.shop_banner .ban dl dt{font-size:30px; font-weight:300; letter-spacing:-0.05em;}
.shop_banner .ban dl dt span{display:block; font-size:30px; font-weight:300; padding:6px 0 0 0;}
.shop_banner .ban dl dd{font-size:13px; padding:22px 0 0 0;}

.shop_banner .shop_event{float:left; width:auto; position:relative; text-align:center;}
.shop_banner .shop_event h3{font-weight:bold; position:absolute; top:74px; left:71px; font-size:23px;}
.shop_banner .shop_event p a{display:block; background:#b1c1c3 }

@media all and (min-width:1024px) and (max-width:1919px) {
	.shop_banner{width:1280px; margin:0 auto;}
	.shop_banner .ban{width:24.66%;}
}

@media all and (min-width:1441px) and (max-width:1919px) {
	.shop_banner{width:1400px; margin:0 auto;}
	.shop_banner .ban{width:26.92%;}
}

/* shop_new_prd */
.shop_tt{width:100%; height:auto; text-align:center; padding:80px 0;}
.shop_tt h3{font-size:35px; font-weight:400; letter-spacing:-0.05em;}
.shop_tt span{display:block; width:95px; height:1px; background:#ed174b; margin:33px auto;}
.shop_tt p{font-size:20px; color:#777c85; font-weight:300; letter-spacing:-0.05em;}

.shop_prd{width:100%; height:auto; padding-bottom:80px; overflow:hidden;}
.shop_prd .new_prd_aera{width:1280px; height:auto; margin:0 auto;}

.max_prd_lst{width:100%; height:auto;}
.max_prd_lst li{float:left; border:1px solid #d8d8d8; width:24.88%; height:auto; text-align:center; position:relative; padding-bottom:50px; margin:-1px 0 0 -1px;}
.max_prd_lst li .ico{width:68px; height:68px; position:absolute; top:20px; left:20px; background:url("../images/shop_main/bg_best1.png") 0 0 no-repeat; color:#fff; border-radius:100px; font-size:25px; font-weight:600; font-style:italic; line-height:220%; letter-spacing:-0.05em; text-align:center; display:block; text-indent:-5px;}
.max_prd_lst li .ico.first_prd{background:url("../images/shop_main/bg_best2.png") 0 0 no-repeat; font-weight:600; width:88px; height:88px; line-height:230%; font-size:33px; text-indent:-10px;}
.max_prd_lst li a{display:block; width:100%; height:100%; text-decoration:none;}
.max_prd_lst li img{max-width:100%;}
.max_prd_lst li strong{display:block; font-weight:300;}
.max_prd_lst li span{display:block; font-size:15px; color:#777c85; font-weight:300; padding:5px 0;}
.max_prd_lst li u{font-size:20px; color:#ed174b; text-decoration:none; font-weight:400; letter-spacing:-0.05em; display:block; padding:10px 0 40px 0;}
.max_order_btns{float:left; width:100%; height:64px; background:#939497; border:1px solid #818285; border-left:none; margin:30px 0 0 0; position:absolute; bottom:0; left:0; z-index:1; display:none;}
.max_order_btns li{float:left; border:none; border-left:1px solid #818285;  width:33.33%; height:64px; padding:0;}
.max_order_btns img{width:auto;}

.shop_prd .best_prd_aera{width:1280px; height:auto; margin:0 auto;}
.shop_prd .best_prd_aera li{width:33%;}
.shop_prd .max_prd_lst_item_best{width:100%; height:531px;}

/* shop_slogan */
.shop_slogan{width:100%; height:176px; background:url("../images/shop_main/bg_banner.jpg") top right no-repeat #ed174b; text-align:center;}
.shop_slogan h3{font-size:35px; color:#fff; letter-spacing:-0.05em; padding:50px 0 0 0; line-height:130%; font-weight:300;}
.shop_slogan h3 strong{font-size:35px; color:#fff; font-weight:500;}





