/*# sourceURL=../css/main.css */
/*@ sourceURL=../css/main.css */
@charset "utf-8";

#max_container {width:100%; min-width:1382px; height:auto; position:relative;}

/* top banner */
.max_top_ad {display:block; width:100%; min-width:1382px; height:48px; line-height:48px; background-color:#000; color:#fff; text-align:center; font-size:14px;}
.max_top_ad button {position:absolute; top:14px; right:50%; margin-right:-684px;}

/* main visual */
#main_visual {width:100%; height:663px;}
#main_visual .bn_wrap {width:inherit; height:inherit; position:relative; overflow:hidden;}
#main_visual .bn_wrap .inner {width:inherit; height:inherit; position:relative;}
#main_visual .bn_wrap .inner .slider-item { position:absolute; width:100%; height:600px; text-align:center; overflow:hidden; left:0; transition:all .5s ease; }
#main_visual .bn_wrap .inner .slider-item a {display:block; width:100%; height:100%;}
#main_visual .bn_wrap .inner .slider-item img {position:absolute; top:0; left:50%; margin-left:-960px;}

#main_visual .bn_wrap .inner .roll_navi {width:100%; text-align:center; position:absolute; bottom:24px; left:0;}
#main_visual .bn_wrap .inner .roll_navi button {display:inline-block; width:15px; height:15px; background:#b9b9b9; border-radius:100%; margin:0 6px;}
#main_visual .bn_wrap .inner .roll_navi button.active{background:#000;}

/* main product common */
.prod_wrap {width:1382px; height:auto; margin:96px auto 0; position:relative;}
.prod_wrap:after {content:''; display:block; clear:both;}
.prod_wrap .max_tt {padding-left:6px; text-transform:uppercase; font-family:'Raleway', 'Malgun Gothic'; letter-spacing:0;}
.prod_wrap .max_tt span {display:block; padding-top:14px; font-size:15px; font-family:'Verdana','Malgun Gothic'; color:#797979; letter-spacing:-1px;}
.prod_wrap .inner {}
.prod_wrap .inner .tabmenu {width:100%; height:auto; padding-left:8px; margin-top:32px; box-sizing:border-box; text-align:center;}
.prod_wrap .inner .tabmenu li {display:inline-block;}
.prod_wrap .inner .tabmenu li:not(:nth-child(1)) {margin-left:48px;}
.prod_wrap .inner .tabmenu li a {display:block; width:100%; height:auto; position:relative; color:#797979;}
.prod_wrap .inner .tabmenu li .active {font-weight:bold; color:#181818;}
.prod_wrap .inner .tabmenu li .active:after {content:''; display:block; width:6px; height:6px; border-radius:100%; background-color:#000; position:absolute; bottom:-14px; left:50%; transform:translateX(-50%);}

.prod_wrap .tabcont {float:left; width:100%; height:auto; overflow:hidden;}
.prod_wrap .tabcont .bt_control.prev {right:57px;}
.prod_wrap .tabcont .bt_control.next {right:10px;}
.prod_wrap .tabcont .max_prd_lst {margin-top:32px; position:relative; }
.prod_wrap .bt_more {display:block; width:128px; padding:14px 0; margin:0 auto; border:1px solid currentColor; box-sizing:border-box; font-size:14px; margin-top:32px;}


#best_prod {margin-bottom:0;}
#best_prod mark {width:32px; height:32px; line-height:32px; text-align:center; background-color:#252525; color:#fff; position:absolute; top:0; left:0; z-index:1; font-weight:bold; font-size:12px;}
#best_prod .scroll_bar_wrap {width:100%; height:436px; overflow:hidden;}
#best_prod .scroll_bar_wrap .max_prd_lst li:nth-child(1) mark {background-color:#ed145b;}
#best_prod .scroll_bar_wrap .scroll_bar {width:1366px; height:4px; border-radius:50px; margin:0 auto; background-color:#eee; position:relative;}
#best_prod .scroll_bar_wrap .scroll_bar button {height:4px; border-radius:50px; background-color:#252525; position:absolute; top:0; left:0; font-size:0;}

#popular_prod {}

#popular_prod .max_prd_lst {margin-top:32px;}

#good_prod .max_tt {font-weight:400; letter-spacing:-2px;}
#good_prod .max_prd_lst {margin-top:32px;}


/* edit brand */
#edit_brand {width:1382px; height:auto; margin:96px auto 0; position:relative; text-align:center; overflow:hidden;}
#edit_brand:after {content:''; display:block; clear:both;}
#edit_brand .max_tt {text-transform:uppercase; font-family:'Raleway', 'Malgun Gothic'; letter-spacing:0;}
#edit_brand .bt_control.prev {right:57px;}
#edit_brand .bt_control.next {right:10px;}
#edit_brand .inner {margin-top:32px; position:relative; overflow:hidden;}
#edit_brand .inner ul {width:100%; height:auto; position:absolute; z-index:2;}
#edit_brand .inner ul:after {content:''; display:block; clear:both;}
#edit_brand .inner ul li {float:left; width:260px; margin:8px; height:auto; color:#fff;}
#edit_brand .inner ul li a {display:block; width:260px; height:100%; box-sizing:border-box; position:relative; overflow:hidden;}
#edit_brand .inner ul li a .thumb {display:block; font-size:0; background:#000;}
#edit_brand .inner ul li a .thumb img {opacity:.8;}
#edit_brand .inner ul li a > p {width:100%; height:auto; padding:24px; position:absolute; bottom:24px; left:0; box-sizing:border-box;}
#edit_brand .inner ul li a p {font-size:13px; letter-spacing:0;}
#edit_brand .inner ul li a p strong {display:block; font-weight:bold; font-size:18px; text-transform:uppercase; padding-bottom:8px;}
#edit_brand .inner ul li a .box_over {opacity:0; transition:all .3s ease; width:100%; height:100%; padding:128px 24px 0; box-sizing:border-box; position:absolute; top:130px; left:0; z-index:1;}
#edit_brand .inner ul li a .box_over:after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.65); position:absolute; top:0; left:0; z-index:-1;}
#edit_brand .inner ul li a .box_over span {display:inline-block; padding:14px 24px; border:1px solid #fff; box-sizing:border-box; font-size:12px; margin-top:24px;}
/* hover */
#edit_brand .inner ul li a:hover > p {opacity:0;}
#edit_brand .inner ul li a:hover .box_over {opacity:1; top:0; color:#fff;}
#edit_brand .bt_more {display:inline-block; padding:14px 24px; border:1px solid currentColor; box-sizing:border-box; font-size:14px; margin-top:32px;}

/* issue item */
.issue_wrap {}
.issue_wrap .bn_wrap {height:524px;}
.issue_wrap .bn_wrap ul {width:100%; height:auto; position:absolute; left:-225px; z-index:2;}
.issue_wrap .bn_wrap ul:after {content:''; display:block; clear:both;}
.issue_wrap .bn_wrap ul li {float:left; width:442px; margin:0 10px; height:auto;}
.issue_wrap .bn_wrap ul li a {display:block; width:442px; height:100%; box-sizing:border-box; position:relative; overflow:hidden;}
.issue_wrap .bn_wrap ul li a .thumb {display:block; font-size:0;}
.issue_wrap .bn_wrap ul li a strong {display:block; font-weight:300; font-size:24px; padding:21px 0 15px;}
.issue_wrap .bn_wrap ul li a em {display:block; font-size:20px;}
.issue_wrap .bt_control {top:230px; z-index:3;}
.issue_wrap .bt_control.prev {left:50%; margin-left:-683px;}
.issue_wrap .bt_control.next {right:50%; margin-right:-683px;}

/* middle banner */
.middle_banner {width:100%; height:326px; margin:100px 0; position:relative; overflow:hidden;}
.middle_banner .banner-item {position:absolute; top:0; left:50%; transform:translateX(-50%);}