@charset "utf-8";

/* top_banner */

.h_slide {background:url(/images/header/h_slide_bg.gif) repeat-x;}
.h_slide .hs_wrap { max-width: 1200px; width: 100%; margin:0 auto;}
.h_slide a.link_2 {margin-left:34px;}
.h_slide a.link_3 {margin-left:34px;}
.h_pop_close {position:absolute; top:21px; right:22px;}

/* container */

/* #container {background:#d8d8d8;} */
.c_wrap {position:relative; max-width:1200px; width: 100%;  margin:0 auto;}
.c_wrap:after {display:block; clear:both; content:"";}

.con_middle_bg {
	background:#fff; 
}
.c_wrap_2 {
	width: 100%;
	max-width: 1200px; 
	margin:0 auto; 
}
.c_wrap_2:after {display:block; clear:both; content: '';}
.c_wrap_2 h3 {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 8px;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    padding: 78px 0;
    box-sizing: border-box;
}
.c_wrap_2 h3 span { font-weight: 400; }
.c_wrap_2 h3 span:last-child, 
.best_container h3 span:last-child,
.all_container span:last-child {
	font-size: 16px;
    font-weight: 400;
    padding-bottom: 16px;
    border-bottom: 1px solid #555;
}
.c_wrap_3 {
	width: 100%;
	max-width:1200px;
	 padding: 0 20px 40px;
	 margin:0 auto;
	 box-sizing: border-box;
}


/* main banner */
.main_banner {
	height: 100%;
	min-height: 300px;
    background: url(/images/banner/banner_14.png) no-repeat;
    background-size: 100%;
}


/* nw_box */
.news_line {
	width: 100%;
	overflow:hidden; 
	margin-top:19px;
}

.news_line .nw_box {position:relative; float:left; padding:12px 0 11px 13px; background:#fff; border:1px solid #c2c2c2;}
.news_line h3 {float:left;}
.news_line #notice_roll {width:577px;}
.news_line #notice_roll .roll_box {width:385px;}
.news_line .roll_box {overflow:hidden; float:left; height:14px; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap;}
.news_line .roll_box ul {float:left;}
.news_line .nw_box .roll_box ul li a {
	display:block; 
	width:383px; 
	font-size: 11px;
	font-weight:bold; 
	color:#454545; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	box-sizing: border-box;
}
.news_line .b_control {position:absolute; top:0px; right:0px; z-index:99; width:18px;}
.news_line .b_control span a {display:block; text-indent:-9999px;}
.news_line a.prev {width:18px; height:18px; background:url(/images/container/news_btn_up.gif) no-repeat;}
.news_line a.play {width:18px; height:19px; background:url(/images/container/news_btn_down.gif) no-repeat;}

/* nw_box_2 */

.news_line .nw_box_2 {position:relative; float:right; padding:11px 0 10px 13px; background:#fff; border:1px solid #c2c2c2;}
.news_line .nw_box_2 h3 {margin-top:1px;}
.news_line #new_roll {width:477px;}
.news_line #new_roll .roll_box {width:335px;}
.news_line #new_roll a {display:block; position:relative; width:335px; height:16px; overflow:hidden; color:#454545; font-weight:bold;}
.news_line #new_roll span {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; line-height:16px;}
.news_line #new_roll span.n1 {width:111px; color:#656565;}
.news_line #new_roll span.n2 {width:111px; color:#555; font-weight:normal; margin-left:3px;}
.news_line #new_roll span.n3 {width:25px; color:#7f7f7f; margin-left:3px;}
.news_line #new_roll span.n4 {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:80px; 
	color:#f05d00; 
	font-size:13px; 
	text-align:right; 
	line-height:16px;
}

/* tab_line */

.tab_line {position:relative; overflow:hidden; padding:15px 0 30px 0;}

.event_box {position:relative; float:left; border:1px solid #b4b4b4;}
.event_box span a {position:absolute; width:17px; height:47px; z-index:200; text-indent:-9999px;}
.event_box span a.prev {top:128px; left:0px; background:url(/images/container/tab_roll_left.png) no-repeat;}
.event_box span a.play {top:128px; right:0px; background:url(/images/container/tab_roll_right.png) no-repeat;}

#event_roll li img {width:196px; height:298px;}



.side_btn {position:absolute; top:9px; right:2px;}

/* main_tab */

.main_tab {
	position:relative; 
	width: 100%;
	float:left; 
	overflow:hidden; 
}
.main_tab h4 {position:absolute; left:0; top:0px;}
.main_tab h4 a {display:block;}

.main_tab > div {
	display:none; 
	float:left; 
	overflow:hidden; 
	width: 100%; 
	margin:29px 0 0 0; 
	background:#fff; 
	border-top:1px solid #c2c2c2; 
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	box-sizing: border-box;
}
.main_tab > div > ul {padding-top:18px;}
.main_tab > div > ul > li {overflow:hidden; vertical-align:top; margin-top:8px;}
.main_tab > div > ul > li.first {margin-top:0;}
.main_tab > div > ul > li > a {float:left; width:225px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_tab > div > ul > li > span {float:right; font-size:11px; color:#a1a1a1;}

#tabNav1 h4 {text-indent:-9999px;}
#tabNav1 h4.on {z-index:99 !important;}
#tabNav1 h4#tabNavTitle0101 {left:-1px;}
#tabNav1 h4#tabNavTitle0101 a {z-index:4; width:154px; height:30px; background:url(/images/container/main_tab2_off.png) no-repeat;}
#tabNav1 h4#tabNavTitle0101.on a {background:url(/images/container/main_tab2_on.png) no-repeat;}
#tabNav1 h4#tabNavTitle0102 {left:137px; z-index:3;}
#tabNav1 h4#tabNavTitle0102 a {width:169px; height:30px; background:url(/images/container/main_tab1_off.png) no-repeat;}
#tabNav1 h4#tabNavTitle0102.on a {background:url(/images/container/main_tab1_on.png) no-repeat;}
#tabNav1 h4#tabNavTitle0103 {left:290px; z-index:2;}
#tabNav1 h4#tabNavTitle0103 a {width:224px; height:30px; background:url(/images/container/main_tab3_off.png) no-repeat;}
#tabNav1 h4#tabNavTitle0103.on a {background:url(/images/container/main_tab3_on.png) no-repeat;}
#tabNav1 h4#tabNavTitle0104 {left:498px; z-index:1;}
#tabNav1 h4#tabNavTitle0104 a {width:166px; height:30px; background:url(/images/container/main_tab4_off.png) no-repeat;}
/*#tabNav1 h4#tabNavTitle0104.on a {background:url(/images/container/main_tab4_on.png) no-repeat;}*/
#tabNav1 #tabNav0101 {display:block;}

/* 자주찾는 서비스 */

.main_tab .l_con {float:left; width:414px; height:258px; padding:0 0 0 10px; background:url(/images/container/tab_sub_cut2.gif) no-repeat right 25px;}
.main_tab .l_con ul li {vertical-align:top; padding-left:6px; margin-bottom:11px; line-height:14px; background:url(/images/container/tab_list_icon.gif) no-repeat left 5px;}
.main_tab .l_con ul li a {color:#656565; font-weight:bold;}
.main_tab .l_con h5 {margin-bottom:17px;}

.tab_list_l { margin:0 0 0 20px;  }
.tab_list_l li{float:left; display: block; width: 185px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_list_r {float:left; margin:0 0 0 20px;}

.bottom_line {padding-bottom:120px;}

.main_tab .r_con {float:left; width:447px; padding:0 0 0 29px;}
.main_tab .r_con h5 {margin:22px 0 21px 0;}

.r_con .cb_l {float:left; height:253px; background:url(/images/container/cb_l_cut.gif) no-repeat right 57px; padding:0 22px 1px 0;}
.r_con .cb_l p {height:28px; margin-bottom:10px;}
.r_con .cb_l p.last {margin-bottom:0;}
.r_con .cb_l p.btn {margin-top:15px;}
.r_con .cb_l p select {width:156px; font-size:14px;}

.r_con .cb_r {position:relative; float:right; height:269px;}
.r_con .cb_r ul {width:211px; padding:58px 20px 0 0;}
.r_con .cb_r ul li {vertical-align:top; overflow:hidden; padding-left:8px; margin-bottom:7px; line-height:14px; background:url(/images/container/cb_r_list_icon.gif) no-repeat left 5px;}
.r_con .cb_r ul li a {float:left;}
.r_con .cb_r ul li span {float:right; color:#8d8d8d; font-size:11px; letter-spacing:-1px;}
.r_con .cb_r span.more {position:absolute; top:28px; right:22px;}

/* 부품 상세검색 */

.product_list {padding:20px;}
.product_list p.pl_title {color:#ff6f4c; font-weight:bold;}
.product_list table {width:100%; margin-top:7px; border-top:1px solid #b5b5b5; border-left:1px solid #b5b5b5;}
.product_list table th {padding:9px 0 8px 0; background:#e6e6e6; border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; color:#3b3b3b;}
.product_list table td {border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.product_list .pl_bottom {overflow:hidden; margin-top:10px;}
.product_list p span.cb_1 {float:left; font-size:14px; font-weight:bold; color:#353535; margin:6px 10px 0 0;}
.product_list p span.input_box {margin-right:8px;}
.product_list p.plb_l {float:left;}
.product_list p.plb_l select {width:94px;}
.product_list p.plb_r {float:right;}
.product_list p.plb_r input {width:167px;}

/* 인기 검색어/최근 본 제품 */

.hot_search {float:left; width:180px; padding:22px 1px 0 29px; background:url(/images/container/hot_list_cut.gif) no-repeat right 40px;}
.hot_search h5 {font-size:14px; color:#565656;}
.hot_search h5 strong {color:#d86063;}
.hot_search ol {margin-top:15px;}
.hot_search ol li {padding-left:19px; margin-bottom:5px; line-height:14px;}
.hot_search ol li.num1 {background:url(/images/container/hot_list1.gif) no-repeat left 0px;}
.hot_search ol li.num2 {background:url(/images/container/hot_list2.gif) no-repeat left 0px;}
.hot_search ol li.num3 {background:url(/images/container/hot_list3.gif) no-repeat left 0px;}
.hot_search ol li.num4 {background:url(/images/container/hot_list4.gif) no-repeat left 0px;}
.hot_search ol li.num5 {background:url(/images/container/hot_list5.gif) no-repeat left 0px;}
.hot_search ol li.num6 {background:url(/images/container/hot_list6.gif) no-repeat left 0px;}
.hot_search ol li.num7 {background:url(/images/container/hot_list7.gif) no-repeat left 0px;}
.hot_search ol li.num8 {background:url(/images/container/hot_list8.gif) no-repeat left 0px;}
.hot_search ol li.num9 {background:url(/images/container/hot_list9.gif) no-repeat left 0px;}
.hot_search ol li.num10 {background:url(/images/container/hot_list10.gif) no-repeat left 0px;}
.hot_search ol li a:hover {font-weight:bold; color:#f55d6c;}

/* lately */

.lately {float:left; width:690px;}
.lately_title {overflow:hidden;}
.lately_title h5 {float:left; margin-left:20px;}
.lately_title p {float:right; margin:22px 54px 0 0; color:#454545; font-weight:bold;}
.lately_title p b {color:#f05d00;}

/* lately_roll */

.lately_roll {overflow:hidden;}
.lately_roll > div {position:relative; height:193px;}
.lately_roll > div > p.roll_next {position:absolute; top:36px; right:13px; z-index:90;}
.lately_roll > div > p.roll_prev {position:absolute; top:36px; left:13px; z-index:90;}
.lately_roll > div > div {position:relative; overflow:hidden; width:583px; height:193px; margin:5px 0 0 55px;}
.lately_roll > div > div > ul {position:absolute; left:0px; top:0px; width:20000px;}
.lately_roll > div > div > ul > li {float:left; width:612px; height:193px;}

ul.lately_list li {float:left; width:174px; margin-right:30px;}
ul.lately_list li a {display:block; margin-bottom:1px;}
ul.lately_list li a span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px;}
ul.lately_list li a span.img {margin-bottom:7px; border:1px solid #c5c5c5;}
ul.lately_list li a span.img img {width:172px; height:118px;}
ul.lately_list li a span.text {color:#454545; letter-spacing:-1px;}

/* side_banner */

.side_banner_l {position:absolute; top:15px; left:-118px;}
.side_banner_l ul li {margin-bottom:9px;}
.side_banner_l span#close_l {position:absolute; top:0px; left:-27px;}
.side_banner_r {position:absolute; top:15px; right:-118px;}
.side_banner_r ul li {margin-bottom:9px;}
.side_banner_r span#close_r {position:absolute; top:0px; right:-27px;}


/* proposal_wrap */
.proposal_wrap {
	padding: 80px 0;
	background: #E8EBE8;
	box-sizing: border-box;
}
.proposal_wrap .inner {
	max-width: 1200px;
	width: 100%;
	padding: 0 20px;
	margin: auto;
	box-sizing: border-box;
}
.proposal_wrap h3 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 80px;
	box-sizing: border-box;
}
.proposal_wrap .items_wrap ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 40px;
}
.proposal_wrap .items_wrap ul li {
	width: calc(100% / 3);
	height: 440px;
}
.proposal_wrap .items_wrap ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* brand */
.brand_box {padding:19px 0 0 0;}
.brand_contents {position:relative; }

.brand_contents p.more {position:absolute; top:23px; right:30px;}
.brand_contents p.more span { display: none; }
.brand_contents p.more b.c1 {color:#ed710c;}
.brand_contents .btn_more img {margin-top:-7px;}

/* brand_tab */
.brand_tab {
	position:relative; 
	overflow:hidden; 
	width:100%;
}
.brand_tab > section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 100%;
}
.category_wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.category_wrap p {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.brand_tab .category_tab {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px; 
}
.brand_tab .category_tab li {
	width: calc(100% / 3);
	position: relative;
	text-align: center;
	font-size: 16px;
	padding: 12px;
	background: #fff;
	border: 1px solid #ECECEC;
	border-right: none;
	transition: all .3s ease;
	box-sizing: border-box;
	cursor: pointer;
}
.brand_tab .category_tab li:last-child { border-right: 1px solid #E2E2E2; }
.brand_tab .category_tab li:hover { background: var(--main-color); }
.brand_tab .category_tab li:hover a { color: #fff; }
.brand_tab .category_tab li.active a {
	color: #979C96;
}
.brand_tab .category_tab li a {
	font-family: 'Cafe24Ssurround';
	display: block;
	width: 100%;
	box-sizing: border-box;
	transition: color .3s ease;
}


.brand_tab h4 {position:absolute; left:0; top:0px;}
.brand_tab h4 a {display:block;}

.brand_tab > div {display:none; float:left; overflow:hidden; height:541px; margin:34px 0 0 0; background:#fff;}
.brand_tab > div > ul {padding-top:18px;}
.brand_tab > div > ul > li {overflow:hidden; vertical-align:top; margin-top:8px;}
.brand_tab > div > ul > li.first {margin-top:0;}
.brand_tab > div > ul > li > a {float:left; width:225px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.brand_tab > div > ul > li > span {float:right; font-size:11px; color:#a1a1a1;}

#tabNav2 h4 {text-indent:-9999px; background:url(/images/container/brand_tab_cut.gif) no-repeat right 3px; padding-right:23px;}
#tabNav2 h4.on {z-index:99 !important;}
#tabNav2 h4#tabNavTitle0201 {left:30px;}
#tabNav2 h4#tabNavTitle0201 a {z-index:7; width:29px; height:16px; background:url(/images/container/brand_tab_1_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0201.on a {background:url(/images/container/brand_tab_1_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0202 {left:104px; z-index:6;}
#tabNav2 h4#tabNavTitle0202 a {width:29px; height:16px; background:url(/images/container/brand_tab_2_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0202.on a {background:url(/images/container/brand_tab_2_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0203 {left:178px; z-index:5;}
#tabNav2 h4#tabNavTitle0203 a {width:109px; height:16px; background:url(/images/container/brand_tab_3_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0203.on a {background:url(/images/container/brand_tab_3_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0204 {left:332px; z-index:4;}
#tabNav2 h4#tabNavTitle0204 a {width:28px; height:16px; background:url(/images/container/brand_tab_4_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0204.on a {background:url(/images/container/brand_tab_4_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0205 {left:406px; z-index:3;}
#tabNav2 h4#tabNavTitle0205 a {width:30px; height:16px; background:url(/images/container/brand_tab_5_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0205.on a {background:url(/images/container/brand_tab_5_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0206 {left:474px; z-index:2;}
#tabNav2 h4#tabNavTitle0206 a {width:45px; height:16px; background:url(/images/container/brand_tab_6_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0206.on a {background:url(/images/container/brand_tab_6_on.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0207 {left:566px; z-index:1; background:none;}
#tabNav2 h4#tabNavTitle0207 a {width:138px; height:16px; background:url(/images/container/brand_tab_7_off.gif) no-repeat;}
#tabNav2 h4#tabNavTitle0207.on a {background:url(/images/container/brand_tab_7_on.gif) no-repeat;}
#tabNav2 #tabNav0201 {display:block; max-width: 1200px; width: 100%; box-sizing: border-box; }

/* brand_roll */

.brand_roll {overflow:hidden;}
.brand_roll > div {
	position:relative; 
	width: 100%;
	max-width:1200px; 
	height: 660px;
	margin: auto;
	 transform: translateY(10%);
}
.brand_roll > div > p.roll_next {position:absolute; top:213px; right: 0px; z-index:90;}
.brand_roll > div > p.roll_prev {position:absolute; top:213px; left: 30px; z-index:90;}
.brand_roll > div > div {position:relative; max-width:1320px; width: 100%; }
.brand_roll > div > div > ul {
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 100%;
}
.brand_roll > div > div > ul > li {
	float:left; 
	max-width:1200px; 
	width: 100%;  
	height: 100%;
	min-height: 260px;
}

/* 브랜드별 베스트 상품 */
.best_container .list_wrap {	
	width: 100%;
	max-width: 1200px;
	margin: auto;
	box-sizing: border-box;
}
.best_container h3,
.all_container {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 8px;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    padding: 40px 0 50px;
    box-sizing: border-box;
}
.best_container h3 span,
.all_container span {
	font-weight: 700;
}
.best_container .best_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	gap: 40px 20px;
}
.best_container .best_list li {
	position: relative;
	width: calc((100% / 3) - 40px);
	height: 264px;
	background: #fff;
	cursor: pointer;
}
.best_container .best_list li::before {
	content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    transform: translateX(-50%);
    transition: all 0.35s;
}
.best_container .best_list li:hover::before { width: 100%; }
/* 바로구매 버튼 */
.best_container .best_list li .purchase_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 188px;
	height: 54px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	z-index: 1;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity .3s ease;
}
.best_container .best_list li:hover .purchase_btn {
	opacity: 1;
}
.best_container .best_list .item_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.best_container .best_list .item_info img {
	max-width: 200px;
	margin-top: 30px;
}
.best_container .best_list .item_info .price {
	font-family: var(--font-roboto);
	font-size: 36px;
	font-weight: 700;
	padding: 20px 0 4px 0;
	box-sizing: border-box;
}
.best_container .best_list .item_info .product_name {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.best_container .best_list .cart_icon {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #ECECEC;
	border-radius: 50%;
	z-index: 1;
}


/* brand_list */ 
.brand_list {margin:19px 0 0 30px;}
.brand_list ul {overflow:hidden;}
.brand_list ul li {
	width: calc(100% / 3.2);
	padding:0; 
	margin-bottom: 30px;
	background:#fff; 
	border: 1px solid #ECECEC;
}
.brand_list ul li.m260 { min-height: 450px; }
.brand_list ul li.last {margin:0 0 30px 0;}
.brand_list ul li.bottom_l {margin:0 27px 0 0;}
.brand_list ul li.bottom_l_last {margin:0;}


/* mi_banner*/
.mi_banner { height: 340px; }
.mi_banner div {
	width: 100%;
	height: 100%;
}
.mi_banner div img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.con_bottom_bg { margin-top: 80px; }


/* guide */

.guide {overflow:hidden; height:238px; margin-top:20px; background:#fff; border:1px solid #b0b0b0;}
.guide_1 {float:left;}
.guide_2 {float:left; padding:31px 25px 0 25px; background:url(/images/container/guide_cut.gif) no-repeat right 32px;}
.guide_2 ul {overflow:hidden; width:147px;}
.guide_2 ul li {float:left; margin:0 21px 28px 0;}
.guide_2 ul li.right {margin:0 0 28px 0;}

.guide_3 {position:relative; float:left; width:402px; height:184px; padding:31px 32px 0 30px; background:url(/images/container/guide_cut.gif) no-repeat right 32px;}
.guide_3 ul {margin-top:18px;}
.guide_3 ul li {overflow:hidden; vertical-align:top; padding-left:8px; margin-bottom:11px; line-height:14px; background:url(/images/container/guide_list_icon.gif) no-repeat left 5px;}
.guide_3 ul li a {float:left; width:323px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.guide_3 ul li span {float:right;}
.guide_3 span.more {position:absolute; top:39px; right:33px;}
.guide_4 {float:left; padding:29px 0 0 18px;}

/* popup */
.pop_wrap {position:relative; max-width:1200px; width: 100%;  margin:0 auto; z-index:30000;}
.divpop{position:absolute;left:0;top:0;z-index:15000;visibility:hidden; padding:5px; background:url(/images/container/pop_up_bg.png);}
#divpop_2{position:absolute;left:0;top:150px;z-index:15000;visibility:hidden; }
.divpopa{position:relative; top:0px; left:0px;}
.divpopb{text-align:right; padding:10px 10px 9px 0; background:#fff;}
.divpopc{position:absolute; top:20px; right:20px; }


@media screen and (max-width: 980px) { 
	.main_banner { min-height: 200px; }
	.swiper { display: none; }
	.category_wrap { margin-bottom: 30px; }
	.brand_roll > div { transform: translateY(0%); height: 880px; }
	.brand_roll > div > p.roll_next,
	.brand_roll > div > p.roll_prev { top: 288px; }
	.brand_list { margin: 0; }
	.brand_list ul li { width: 100%; }

	.best_container .best_list li { width: calc((100% / 2) - 20px); }
}

@media screen and (max-width: 780px) {
	.main_banner { min-height: 150px; }
	.best_container .best_list li { width: 100%; }
}

@media screen and (max-width: 480px) {
	.main_banner { min-height: 100px; }
	.brand_tab .category_tab li { 
		width: 100%; 
		border-right: 1px solid #E2E2E2; 
		border-bottom: none;  
	}
	.brand_tab .category_tab li:last-child { border-bottom: 1px solid #e2e2e2; }
}