* { font-family:'Pretendard'; color:#333; }
/* .wrap { width:1082px; margin:0 auto; } */

.gray { background-color:#fafafa; }

#header { border-bottom:1px solid #ddd; position:fixed; width:100%; background-color:#fff; z-index:1000; top:0;min-width: 0px;}
#header .head_top { overflow:hidden; padding:50px 0 30px; transition:all 0.2s; }
#header .head_top.scroll { padding:20px 0 15px; }
#header .head_top .logo { float:left; }
#header .head_top .logo ul { overflow:hidden; }
#header .head_top .logo ul li { float:left; margin-right:10px; }
#header .head_top .logo ul li.logo_link { margin-top:13px; }
#header .head_top .logo ul li:first-child {margin-top: 0px;margin-right:20px; max-width: 196px;}
#header .head_top .logo ul li a {  }

#header .head_top .search { float:left; margin-left:40px; }
#header .head_top .search .searchbox { position:relative; z-index:1002; }
#header .head_top .search .searchbox input { margin:0; padding:0; box-sizing:border-box; border:1px solid #e8e8e8; font-family:'Pretendard'; vertical-align:middle; }
#header .head_top .search .searchbox input { width:360px; font-size:14px; font-weight:400; caret-color:#cb000b; border:1px solid #cb000b; padding:10px 50px 10px 25px; border-radius:50px; }
#header .head_top .search .searchbox input.on { border:1px solid #fff; border-bottom:1px solid #f6f6f6; }
#header .head_top .search .searchbox input:focus { outline: none; }
#header .head_top .search .searchbox img { position:absolute; right:25px; top:10px; }

.menu_01 {  }
.menu_01>li>.menutit p { font-size:15px; color:#212121; font-weight:600; }
.menu_02 .menutit p { font-size:13px; width: 120px; height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_03 .menutit p { font-size:13px; }

.menutit { width:140px; overflow:hidden; padding:0 20px; }
.menutit p { float:left; line-height:34px; display:inline-block; transition:all .3s;}
.menutit img { float:right; margin-top:6px; opacity:0; visibility:hidden; transition:all .3s; }
.menutit img { }
.head_sub_menu .menu_01 li.on>.menutit p {  color:#ff0000; font-weight:600;width: 120px; height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.head_sub_menu .menu_01 li.on>.menu_02>li.on>.menutit p { color:#ff0000; font-weight:600; }
.head_sub_menu li:hover >.menutit p { color:#ff0000; font-weight:600; }
.head_sub_menu .menu_03 li.on>.menutit p { color:#ff0000; font-weight:600; }

.head_sub_menu.on { opacity:1; visibility:visible; }
.head_sub_menu::-webkit-scrollbar { background-color:rgba(0,0,0,0); width:8px; border-radius:10px; position:relative;}
.head_sub_menu .wrap { position:relative; height:100%; }
.head_sub_menu::-webkit-scrollbar-thumb { background-color:#ff0000; border-radius:10px; }
.head_sub_menu .menu_01 { position:absolute; padding-bottom:10px; }
.head_sub_menu .menu_01 li { cursor:pointer; }
.head_sub_menu .menu_01 li:hover {}
/*.head_sub_menu .menu_01 li:hover .menutit img { opacity:1; visibility:visible; }*/
.head_sub_menu .menu_01 li.on>.menutit img { opacity:1; visibility:visible; }
.head_sub_menu .menu_01 li.on>menu_02>li.on .menutit img { opacity:1; visibility:visible; }
.head_sub_menu .menu_02 { position:absolute; top:0; left:180px; padding-bottom:10px; opacity:0; visibility:hidden; }
.head_sub_menu .menu_02.on { opacity:1; visibility:visible; }
.head_sub_menu .menu_02 li { cursor:pointer; }
.head_sub_menu .menu_01 li.on .menu_02>li.on { background-color:rgba(255,0,0,0.06); }
.head_sub_menu .menu_03 { position:absolute; top:0; left:180px; padding-bottom:10px; display:none; opacity:0; visibility:hidden; }
.head_sub_menu .menu_03.on { opacity:1; visibility:visible; }
.head_sub_menu .menu_03 li { cursor:pointer; }

.head_sub_menu .menu_02 li.on .menu_03 { display:block; }

.head_sub_menu .menuline { position:absolute; }
.head_sub_menu .menuline ul { display:inline-block; }
.head_sub_menu .menuline ul li { position:fixed; width:1px; height:405px; background:#F6F6F6; }
.head_sub_menu .menuline ul li.h_line_01 { left:200px; }
.head_sub_menu .menuline ul li.h_line_02 { left:380px; }

.realtime_up { display:inline-block; margin-left:20px; margin-top:8px; }
.realtime_up .retimeSwiper { height:20px; }
.realtime_up .retimeSwiper .swiper-wrapper { display:flex; flex-direction:column; }
.realtime_up .retimeSwiper .swiper-wrapper .swiper-slide { display:inline-block; }
.realtime_up .retimeSwiper .swiper-wrapper .swiper-slide ul { overflow:hidden; width:100px; }
.realtime_up .retimeSwiper .swiper-wrapper .swiper-slide ul li.sequ { color:#fff; background-color:#E60012; width:20px; height:20px; text-align:center; line-height:20px; border-radius:5px; float:left; }
.realtime_up .retimeSwiper .swiper-wrapper .swiper-slide ul li.prod { font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:50px; background-color:#F6F6F6;border-radius:5px; border-radius:5px; padding:0 10px; line-height:20px; float:left; margin-left:5px; }

.search_recent { position:fixed; text-align:center; opacity:0; visibility:hidden; transition:all 0.3s; z-index:1001; }
.search_recent.on { opacity:1; visibility:visible; }
.search_recent .chrecnt { width:308px; text-align:center; background-color:#fff; position:relative; padding:40px 25px 0px; border-radius:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.2); margin:-40px 0 10px; overflow:hidden; border:1px solid #fafafa; }
.search_recent .chrecnt.on {  }
.search_recent .norecent { }
.search_recent .norecent .serecent { padding:40px 0; }
.search_recent .okrecent { }
.search_recent .okrecent .serecent { padding:20px 0; }


.search_recent .serecent { border-bottom:1px solid #f6f6f6; }
.search_recent .serecent li { margin-bottom:5px; }
.search_recent .serecent li:last-child { margin-bottom:0px; }
.search_recent .serecent li p { font-size:13px; font-weight:300; color:#B3B3B3; }
.search_recent .serecent li .prod_li { overflow:hidden; }
.search_recent .serecent li .prod_li p { float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; width:270px; }
.search_recent .serecent li .prod_li button { font-size:13px; font-weight:300; color:#B3B3B3; float:right; }

.search_recent .reclose { position:relative; overflow:hidden; cursor:pointer; }
.search_recent .reclose p { display:inline-block; float:right; font-size:13px; font-weight:300; color:#B3B3B3; margin:15px 0; }

.chrecnt .recent_tit { padding:15px 0px 0px; overflow:hidden; }
.chrecnt .recent_tit li {  }
.chrecnt .recent_tit li p { font-size:13px; color:#B3B3B3; font-weight:300; }
.chrecnt .recent_tit li.tit_l { float:left; }
.chrecnt .recent_tit li.tit_r { float:right; }

.realtimeList { position:fixed; text-align:center; opacity:0; visibility:hidden; transition:all 0.3s; z-index:1001; }
.realtimeList.on { opacity:1; visibility:visible; }
.realtimeList .chrecnt .recent_tit li p {font-size: 15px;font-weight: 800;text-align: left;color:black;}
.realtimeList .chrecnt { width:200px; text-align:center; background-color:#fff; position:relative; padding:20px; border-radius:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.2);overflow:hidden; border:1px solid #fafafa; }
.realtimeList .chrecnt.on {  }
.realtimeList .okrecent { }
.realtimeList .okrecent .serecent { padding:20px 0; display:flex;}
.realtimeList .serecent ul li {margin-bottom: 8px;line-height: 25px;}
.realtimeList .serecent .left {width: 50%;text-align: left;}
.realtimeList .serecent .right {width: 50%;text-align: left;}
.realtimeList .serecent .seq {float: left;font-size: 15px;padding-right: 15px;font-weight: bold;}
.realtimeList .reclose p{text-align: right;color:#B3B3B3;font-size: 13px;font-weight: 800;}
.realtimeList .serecent .prod { font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:60px; float:left; margin-left:5px; }

#header .head_top .top_sidemenu { float:right; }
#header .head_top .top_sidemenu ul { overflow:hidden; }
#header .head_top .top_sidemenu ul li { float:left; text-align:center; margin-left:10px; }
#header .head_top .top_sidemenu ul li p { font-size:13px; padding-top:4px; }

#header .head_bottom { overflow:hidden; padding-bottom:20px; }
#header .head_bottom.scroll { padding-bottom:15px; }
#header .head_bottom .bottom_menu { float:left; }
#header .head_bottom .bottom_menu ul { overflow:hidden; }
#header .head_bottom .bottom_menu ul li:first-child { margin:0 15px 0 0; }
#header .head_bottom .bottom_menu ul li.category_btn { margin-top:1px; position:relative; width:16px; height:12px; cursor:pointer; }
#header .head_bottom .bottom_menu ul li.category_btn img { position:absolute; opacity:0; visibility:hidden; transition:all .3s; }
#header .head_bottom .bottom_menu ul li.category_btn img.on { opacity:1; visibility:visible; } 
#header .head_bottom .bottom_menu ul li { float:left; margin:0 15px; }
#header .head_bottom .bottom_menu ul li a { font-size:16px; font-weight:400; } 

#header .head_bottom .bottom_menu ul li.category_btn {  }

#header .head_bottom .bottom_sidemenu { float:right; }
#header .head_bottom .bottom_sidemenu ul { overflow:hidden; }
#header .head_bottom .bottom_sidemenu ul li { float:left; margin:0 10px; }
#header .head_bottom .bottom_sidemenu ul li:last-child { margin-right:0px; }
#header .head_bottom .bottom_sidemenu ul li a { color:#767676; font-size:13px; }

.cont .mainBanner { margin-top:185px; }
.cont .mainBanner .mySwiper {  }
.cont .mainBanner .mySwiper .swiper-wrapper { width:1082px; margin:0 auto; height: 380px;}
.cont .mainBanner .mySwiper .swiper-wrapper  img{height: 380px; width:1082px;max-width:none;border-radius:20px;}
.cont .mainBanner .mySwiper .swiper-wrapper .swiper-slide {  }
/* .cont .mainBanner .mySwiper .swiper-pagination { bottom:20px; left:50%; } */
.cont .mainBanner .mySwiper .swiper-pagination .swiper-pagination-bullet { margin:0 3px; background-color:#e8e8e8; opacity:1; }
.cont .mainBanner .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#cb000b; }

.cont .main_info {  }
.cont .main_info .info { overflow:hidden; }
.cont .main_info .info .chklog { float:left; width:845px; display:none; }
.cont .main_info .info .chklog.on { display:block; }
.cont .main_info .info .recent_review { float:left; width:222px; margin-left:15px; }

.cont .main_info .info .info_top { overflow:hidden; padding-top:50px; }
.cont .main_info .info .info_top h2 { float:left; font-size:24px; font-weight:800; padding-bottom:20px; }

.cont .main_info .info .info_top .top_left { float:left; padding-top:4px; }
.cont .main_info .info .info_top .top_left h2 { font-size:24px; font-weight:800; }
.cont .main_info .info .info_top .top_left h2 span { font-size:15px; font-weight:400; }
.cont .main_info .info .info_top .top_left .find_place { float:left; border:1px solid #DBDBDB; border-radius:10px; margin-left:15px; margin-top:-4px; }
.cont .main_info .info .info_top .top_left .find_place a { font-size:13px; color:#767676; }

.cont .main_info .info .info_top .infotop { border:1px solid #DBDBDB; border-radius:10px; margin-left:15px; }
/*.cont .main_info .info .info_top .infotop:hover { border:1px solid #e60012; }*/
.cont .main_info .info .info_top .infotop a { padding:8px 35px; display:inline-block; font-size:13px; color:#767676; }
.cont .main_info .info .info_top .infotop a span { color:#FF0000; font-weight:600; text-decoration:underline; }
.cont .main_info .info .info_top .infotop a img { margin-right:5px; }

.cont .main_info .info .info_top .top_right { float:right; }
.cont .main_info .info .info_top .top_right ul {  }
.cont .main_info .info .info_top .top_right ul li { float:right; }

.main_info .info_tit { overflow:hidden; width:100%; }
.main_info .info_tit li { float:left; font-size:16px; font-weight:600; text-align:center; background-color:#fafafa; border-radius:10px; padding:15px 0; cursor:pointer; transition:all 0.3s; border:1px solid #dbdbdb;}
.main_info .info_tit li.on { background-color:#E60012; color:#fff; }
.main_info .info_tit li:last-child { margin-right:0 !important; }

.nolog .info_tit li { width:418px; margin-right:5px; }
.oklog .info_tit li { width:273px; margin-right:10px; }

.main_info .info_cont .deliver { display:none; }
.main_info .info_cont .deliver.on { display:block; }
.main_info .info_cont .main_cart { display:none; }
.main_info .info_cont .main_cart.on { display:block; }
.main_info .info_cont .like { display:none; }
.main_info .info_cont .like.on { display:block; }

.moreview {  }
.info_cont .moreview a { display:inline-block; background-color:#fff; width:42px; height:42px; text-align:center; border-radius:50%; border:1px solid #dbdbdb; transition:all .2s; }
.moreview a:hover { transform:rotate(360deg); transition-timing-function:ease; background-color:#666; border:1px solid #666; }
.moreview a:hover img { filter:invert(100%); }
.moreview a img { margin-top:6px; margin-left:1px; transition:all .2s; }

.main_info .info_cont { background-color:#fafafa; padding:44px 73px; margin-top:15px; border-radius:10px; border:1px solid #dbdbdb;}
.main_info .nolog .info_cont { height:140px; }
.main_info .oklog .info_cont { padding:30px 50px; margin-top:15px; border-radius:10px; height:162px; }
.main_info .info_cont .login_bonus { overflow:hidden; display:none; }
.main_info .info_cont .login_bonus.on { display:block; }
.main_info .info_cont .login_bonus .left_ban { float:left; }
.main_info .info_cont .login_bonus .left_ban ul li:first-child { margin-bottom:10px; }

.main_info .info_cont .login_bonus .right_ban { float:left; margin-left:15px; }
.main_info .info_cont .login_bonus .right_ban ul { overflow:hidden; }
.main_info .info_cont .login_bonus .right_ban ul li { text-align:center; border-radius:10px; background-color:#fff; }
.main_info .info_cont .login_bonus .right_ban ul li:first-child { margin-bottom:10px; }
.main_info .info_cont .login_bonus .right_ban ul li a { padding:60px 0; width:257px; display:inline-block; }
.main_info .info_cont .login_bonus .right_ban ul li.red { background-color:#E60012; }
.main_info .info_cont .login_bonus .right_ban ul li.red a { color:#fff; }

.main_info .info_cont .order_check { display:none; text-align:center; }
.main_info .info_cont .order_check.on { display:block; }
.main_info .info_cont .order_check h4 { font-size:20px; font-weight:800; margin-bottom:15px;text-align: center;}
.main_info .info_cont .order_check  {  }
.main_info .info_cont .order_check fieldset { border:none; }
.main_info .info_cont .order_check fieldset .inputbox { overflow:hidden; display:inline-block; padding-bottom:20px; border-bottom:1px solid rgba(112,112,112,0.3); }
.main_info .info_cont .order_check fieldset .inputbox input { float:left; font-size:16px; padding:15px 30px; border:none; border-radius:10px; width:395px; }
.main_info .info_cont .order_check fieldset .inputbox input:focus { outline: none; }
.main_info .info_cont .order_check fieldset .inputbox input::placeholder { color:rgba(0,0,0,0.3); }
.main_info .info_cont .order_check fieldset .inputbox a { float:left; font-size:16px; font-weight:700; color:#fff; padding:15px 50px; background-color:#E60012; color:#fff; border-radius:10px; margin-left:15px; }

.main_info .info_cont .order_check p { color:#767676; font-size:16px; padding: 30px 0;}
.main_info .info_cont .order_check p a { color:#333; font-weight:800; text-decoration:underline !important; }

.main_info .info_cont .no { text-align:center; padding:30px 0; }
.main_info .info_cont .no h3 { font-size:16px; margin-bottom:35px;text-align: center; }
.main_info .info_cont .no a { font-size:13px; display:inline-block; background-color:#fff; padding:8px 30px; border-radius:10px; border:1px solid #dbdbdb; color:#767676; }

.main_info .info_cont .deliver .deliv { overflow:hidden; margin-top:18px; }
.main_info .info_cont .deliver .deliv .deliv_left { float:left; width:560px;}
.main_info .info_cont .deliver .deliv .deliv_left .deliv_tit { overflow:hidden; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_tit h2 { font-size:18px; font-weight:700; float:left; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_tit p { float:left; font-size:13px; color:#E60012; margin-top:3px; margin-left:15px; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_sum { overflow:hidden; margin-top:20px; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_sum img { width:85px; height:85px !important; border-radius:10px; border:1px solid #DBDBDB; float:left; margin-right:20px; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_sum p { font-size:16px; float:left; text-overflow:ellipsis; overflow:hidden; width:calc(100% - 160px); white-space:nowrap; margin-top:23px; }
.main_info .info_cont .deliver .deliv .deliv_left .deliv_sum p span { font-weight:700; }
.main_info .info_cont .deliver .deliv .deliv_right { float:right;border-left: 1px solid #DBDBDB;padding-left: 30px;}
.main_info .info_cont .deliver .deliv .deliv_right ul { text-align:center; }
.main_info .info_cont .deliver .deliv .deliv_right ul li { padding:8px 30px; border-radius:10px; border:1px solid #dbdbdb; display:inline-block; background-color:#fff; margin-bottom:10px; transition:all 0.2s; }
.main_info .info_cont .deliver .deliv .deliv_right ul li:last-child { margin-bottom:0px; }
.main_info .info_cont .deliver .deliv .deliv_right ul li:hover { background-color:#666; border:1px solid #666; }
.main_info .info_cont .deliver .deliv .deliv_right ul li:hover a { color:#fff; }
.main_info .info_cont .deliver .deliv .deliv_right ul li a { color:#767676; font-size:13px; text-align:center; }

.main_info .info_cont .main_cart { position:relative; }
.main_info .info_cont .main_cart .macart { overflow:hidden; }
.main_info .info_cont .main_cart .macart .macart_left { float:left; width:630px; }
.main_info .info_cont .main_cart .macart .macart_left ul { overflow:hidden; }
.main_info .info_cont .main_cart .macart .macart_left ul li { float:left; width:168px; background-color:#fff; margin:0 5px; border:1px solid #DBDBDB; border-radius:50px; padding:10px 15px; margin-bottom:5px; transition:all .2s; }
.main_info .info_cont .main_cart .macart .macart_left ul li:hover { border:1px solid #333; }
.main_info .info_cont .main_cart .macart .macart_left ul li a { overflow:hidden; display:inline-block; }
.main_info .info_cont .main_cart .macart .macart_left ul li a img { float:left; width:50px; height:50px !important; border-radius:50%; }
.main_info .info_cont .main_cart .macart .macart_left ul li a p { float:left; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-left:5px; width:105px; margin-top:10px; font-size:13px; color:#767676; }
.main_info .info_cont .main_cart .macart .macart_right { float:left; margin-left:60px; }
.main_info .info_cont .main_cart .macart .macart_right .moreview { position:absolute; top:50%; transform:translate(0,-50%);}

.main_info .info_cont .like { position:relative; }
.main_info .info_cont .like .malike { overflow:hidden; }
.main_info .info_cont .like .malike .malike_left { float:left; }
.main_info .info_cont .like .malike .malike_left ul { overflow:hidden; }
.main_info .info_cont .like .malike .malike_left ul li { float:left; width:127px; margin:0 5px; }
.main_info .info_cont .like .malike .malike_left ul li a { text-align:center; }
.main_info .info_cont .like .malike .malike_left ul li a img { width:125px; height:125px !important; border:1px solid #dbdbdb; border-radius:10px; transition:all .2s; }
.main_info .info_cont .like .malike .malike_left ul li:hover a img { border:1px solid #333; }
.main_info .info_cont .like .malike .malike_left ul li a p { font-size:13px; color:#767676; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 10px; margin-top:10px; }
.main_info .info_cont .like .malike .malike_right { float:left; margin-left:30px; }
.main_info .info_cont .like .malike .malike_right .moreview { position:absolute; top:50%; transform:translate(0,-50%);}

.main_info .info .recent_review {  }
.main_info .info .recent_review .rec_review {  }
.main_info .info .recent_review .rec_review .revSwiper {  }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper {  }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide { background-color:#fafafa; width:220px; height:284px; border-radius:10px; overflow:hidden;border:1px solid #dbdbdb; margin-right: 4px;}
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_text { padding:40px 30px 0;width: auto;height: 244px;}
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_phot {  }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_phot .rev_img { height:107px; background:url('/images/nex/review.png') no-repeat center center; background-size:cover; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_phot .rev_cont { padding:25px 30px; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_phot .rev_cont .rev_text p { -webkit-line-clamp:2; }

.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont {  }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_prof { overflow:hidden; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_prof h3 { font-size:13px; font-weight:700; float:left; margin-right:10px; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_prof ul.star { overflow:hidden; float:left; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_prof ul.star li { float:left; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_text {  }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_text h4 { font-size:13px; font-weight:700; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:10px 0 5px; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .rev_cont .rev_text p { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; font-size:13px; line-height:20px; }

.main_info .info .recent_review .rec_review .revSwiper .swiper-wrapper .swiper-slide .review_text .rev_cont .rev_text p { -webkit-line-clamp:6; }

.main_info .info .recent_review .rec_review .revSwiper .swiper-pagination { bottom:20px; left:50%; transform:translate(-50%,0);}
.main_info .info .recent_review .rec_review .revSwiper .swiper-pagination .swiper-pagination-bullet { width:6px !important; height:6px !important; background-color:#E8E8E8; opacity:1; margin:0 3px; }
.main_info .info .recent_review .rec_review .revSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#E60012; }

.cont_tit { text-align:center; padding:60px 0 45px; }
.cont_tit h2 { font-size:24px; font-weight:800; text-align: center;}
.cont_tit p { font-size:16px; margin-top:20px; }

.service {  }
.service .main_service { text-align:center; overflow:hidden; }
.service .main_service ul { display:inline-block; text-align:center; }
.service .main_service ul li { float:left; margin-right:55px; text-align:center; position:relative; }
.service .main_service ul li:last-child { margin-right:0px; }
.service .main_service ul li:hover img { box-shadow:5px 5px 5px rgba(0,0,0,0.2); top:3px; }
.service .main_service ul li img { border-radius:20px; position:relative; width:103px; height:103px; overflow:hidden; top:0px; transition:all .2s; }
.service .main_service ul li p { margin-top:14px; font-size:14px; }

.service .event_ban { margin-top:40px; text-align:center; margin-bottom:60px; }
.service .event_ban ul { overflow:hidden; }
.service .event_ban ul li { float:left; width:520px; height:125px; }
.service .event_ban ul li:first-child { margin-right:40px; }
.service .event_ban ul li a {  }
.service .event_ban ul li a img {  }

.lowprice { padding-bottom:60px; }
.lowprice .main_lowprice {  }
.lowprice .main_lowprice .lowSwiper {  }
.lowprice .main_lowprice .lowSwiper .swiper-wrapper {  }
.lowprice .main_lowprice .lowSwiper .swiper-wrapper .swiper-slide {  }
.lowprice .main_lowprice .lowSwiper .swiper-wrapper .swiper-slide img { width:200px; height:190px !important; }
.lowprice .moreview { font-size:13px; color:#767676; padding:8px 30px; margin-top:40px; background-color:#fff; border:1px solid #dbdbdb; display:inline-block; border-radius:10px; position:relative; left:50%; transform:translate(-50%,0); cursor:pointer; transition:.2s; }
.lowprice .moreview:hover { background-color:#e60012; color:#fff; border:1px solid #fff; }

.prod_detail { width:190px; margin:0 auto; }
.prod_detail h3 { font-size:15px; font-weight:800; padding-top:13px; }
.prod_detail h5 { font-size:13px; padding:5px 0 10px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.prod_detail .price {  }
.prod_detail .price ul { overflow:hidden; }
.prod_detail .price ul li { float:left; }
.prod_detail .price ul li.percent { font-size:16px; font-weight:600; color:#FF0000; overflow:hidden; margin-right:5px;}
.prod_detail .price ul li.percent::after { content:'↓'; display:block; float:right; }
.prod_detail .price ul li.low { font-size:16px; font-weight:600; color:#282828; }
.prod_detail .price ul li.orig_price { font-size:14px; float:right !important; text-decoration:line-through; color:#AFAFAF; }

.popular_category { padding-bottom:60px; }
.popular_category .popuSwiper {  }
.popular_category .popuSwiper .poputit { position:relative; }
.popular_category .popuSwiper .poputit .swiper-pagination { overflow:hidden; position:relative; left:63%; transform:translate(-50%,0); display:inline-block; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet { opacity:1; float:left; padding:10px 0; text-align:center; margin:0 30px; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet .pagination-img { position:relative; width:39px; height:39px; margin:0 auto; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet .pagination-img img { transition:all .3s; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet .pagination-img img.main {  }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet .pagination-img img.hover { opacity:0; left:0; position:absolute; visibility:hidden; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet p { font-size:16px; padding-top:5px; transition:all .3s; }

.popular_category .popuSwiper .poputit .swiper-pagination .swiper-pagination-custom-bullet-active .pagination-img img.main { visibility:hidden; opacity:0; }
.popular_category .popuSwiper .poputit .swiper-pagination .swiper-pagination-custom-bullet-active .pagination-img img.hover { visibility:visible; opacity:1; }
.popular_category .popuSwiper .poputit .swiper-pagination .swiper-pagination-custom-bullet-active p { font-weight:600; color:#ea0012; }

.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet:hover p { font-weight:600; color:#ea0012; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet:hover img.main { opacity:0; visibility:hidden; }
.popular_category .popuSwiper .poputit .swiper-pagination .custom_bullet:hover img.hover { opacity:1; visibility:visible; }

.popular_category .popuSwiper .swiper-wrapper {  }
.popular_category .popuSwiper .swiper-wrapper .swiper-slide {  }
.popular_category .popuSwiper .swiper-wrapper .swiper-slide>ul { overflow:hidden; display:inline-block; }
.popular_category .popuSwiper .swiper-wrapper .swiper-slide ul li { float:left; }

.popular_category .popuSwiper .swiper-wrapper .swiper-slide>ul>li { margin:0 7px; }

.thumbsup { padding-bottom:60px; }
.thumbsup .thums_prod>ul { overflow:hidden; position:relative; left:50%; transform:translate(-50%,0); }
.thumbsup .thums_prod>ul>li { float:left; margin-right:19px; }
.thumbsup .thums_prod>ul>li:last-child { margin:0px; }

.bestprod { overflow:hidden; padding:60px 0; }
.bestprod>.wrap { overflow:hidden; position:relative; }
.bestprod .left_tit { float:left; }
.bestprod .left_tit h2 { font-size:24px; font-weight:800; margin-bottom:20px; }
.bestprod .left_tit p { font-size:16px; margin-bottom:20px; }
.bestprod .left_tit .more_view { display:inline-block; background-color:#fff; border-radius:10px; border:1px solid #dbdbdb; transition:all .3s; }
.bestprod .left_tit .more_view a { display:inline-block; font-size:13px; color:#767676; padding:8px 30px; transition:all .3s; }

.bestprod .left_tit .more_view:hover { background-color:#666; border:1px solid #666; }
.bestprod .left_tit .more_view:hover a { color:#fff; }

.bestprod .right_cont { float:right; width:820px; }
.bestprod .right_cont .left_slid { float:left;width: 247px; background-color:#fff; border-radius:10px; overflow:hidden; display:inline-block; padding:40px; margin-left:63px; }
.bestprod .right_cont .left_slid h3 {font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px; }
.bestprod .right_cont .left_slid img { text-align:center; margin-top:80px; }
.bestprod .right_cont .left_slid .price {  }
.bestprod .right_cont .left_slid .price ul { overflow:hidden; }
.bestprod .right_cont .left_slid .price ul li { float:left; }
.bestprod .right_cont .left_slid .price ul li.percent { font-size:16px; font-weight:600; color:#FF0000; overflow:hidden; margin-right:5px;}
.bestprod .right_cont .left_slid .price ul li.percent::after { content:'↓'; display:block; float:right;}
.bestprod .right_cont .left_slid .price ul li.low { font-size:16px; font-weight:600; color:#282828; }
.bestprod .right_cont .left_slid .price ul li.orig_price { font-size:14px; !important; text-decoration:line-through; color:#AFAFAF; margin-left:20px; }

.bestprod .right_cont .right_slid { float:left; margin-left:20px; }
.bestprod .right_cont .right_slid ul {  }
.bestprod .right_cont .right_slid>ul>li { padding:30px; background-color:#fff; border-radius:10px; margin-bottom:20px; width:286px; }
.bestprod .right_cont .right_slid ul li h3 {font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bestprod .right_cont .right_slid ul li .prod_cont { overflow:hidden; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price { float:left; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price .orig_price { font-size:14px; !important; text-decoration:line-through; color:#AFAFAF; margin-top:20px; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price ul { overflow:hidden; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price ul li { float:left; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price ul li.percent { font-size:16px; font-weight:600; color:#FF0000; overflow:hidden; margin-right:5px;}
.bestprod .right_cont .right_slid ul li .prod_cont .left_price ul li.percent::after { content:'↓'; display:block; float:right; }
.bestprod .right_cont .right_slid ul li .prod_cont .left_price ul li.low { font-size:16px; font-weight:600; color:#282828; }
.bestprod .right_cont .right_slid ul li .prod_cont .right_thum { float:right; width:60px; height:80px; text-align:center; }
.bestprod .right_cont .right_slid ul li .prod_cont .right_thum { float:right; width:60px; height:60px; text-align:center; margin-left:60px; }
.bestprod .right_cont .right_slid ul li .prod_cont .right_thum img { display:inline-block; position:relative; top:50%; transform:translate(0, -50%);}


.bestprod .bestSwiper .swiper-button-next { background-image:url('/images/nex/next.png'); width:43px !important; height:43px !important; background-size: 43px 43px;}
.bestprod .bestSwiper .swiper-button-next:after { content:none; }
.bestprod .bestSwiper .swiper-button-prev { background-image:url('/images/nex/prev.png'); width:43px !important; height:43px !important; background-size: 43px 43px;}
.bestprod .bestSwiper .swiper-button-prev:after { content:none; } 

.mainBrand { padding:60px 0; }
.mainBrand .brand_tit { text-align:center; }
.mainBrand .brand_tit h3 { font-size:24px; font-weight:800; text-align: center;}
.mainBrand .brand_cont {  }
.mainBrand .brand_cont .brand_top { margin:20px 0; }
.mainBrand .brand_cont .brand_top .bdtopSwiper { width:720px; }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper {  }
.mainBrand .brand_cont .brand_top .swip_button { position:relative; }
.mainBrand .brand_cont .brand_top .swiper-button-prev { background-image:url('/images/nex/prev.png'); width:43px !important; height:43px !important; position:absolute; left:106px; top:27px; background-size: 43px 43px;}
.mainBrand .brand_cont .brand_top .swiper-button-prev:after { content:none; } 
.mainBrand .brand_cont .brand_top .swiper-button-next { background-image:url('/images/nex/next.png'); width:43px !important; height:43px !important; position:absolute; right:106px; top:27px; background-size: 43px 43px;}
.mainBrand .brand_cont .brand_top .swiper-button-next:after { content:none; }
.mainBrand .brand_cont .brand_top .swiper-wrapper .swiper-slide { width:55px; height:55px; background-color:#F1F4F6; border-radius:10px; transition:all .3s; }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide:hover { background-color:#f8f9fa; }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide:hover img { filter:grayscale(0.5); }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide img { filter:grayscale(1); transition:.3s; }

.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide-active { background-color:#fff; }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide-active img { filter:grayscale(0); }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide-active:hover { background-color:#fff; }
.mainBrand .brand_cont .brand_top .bdtopSwiper .swiper-wrapper .swiper-slide-active:hover img { filter:grayscale(0) !important; }

.mainBrand .brand_cont .brand_bottom .bdbottSwiper {  }
.mainBrand .brand_cont .brand_bottom .bdbottSwiper .swiper-wrapper {  }
.mainBrand .brand_cont .brand_bottom .bdbottSwiper .swiper-wrapper .swiper-slide { border-radius:10px; overflow:hidden; }

.notice { padding:15px 0; border-top:1px solid #dbdbdb; }
.notice .not_cont { overflow:hidden; position:relative; }
.notice .not_cont .not_tit{ font-size:18px; font-weight:700; margin-right:40px; float:left;color:#333  }
.notice .not_cont .not_tit a{color:#333  }
.notice .not_cont .notice_cont { width:calc(100% - 120px); float:left; }
.notice .not_cont .notice_cont .noticeSwiper { height:21px; }
.notice .not_cont .notice_cont .noticeSwiper .swiper-wrapper { display:flex; flex-direction:column; }
.notice .not_cont .notice_cont .noticeSwiper .swiper-wrapper .swiper-slide {  }
.notice .not_cont .notice_cont .noticeSwiper .swiper-wrapper .swiper-slide .slidwrap { overflow:hidden; }
.notice .not_cont .notice_cont .noticeSwiper .swiper-wrapper .swiper-slide p { white-space:nowrap; text-overflow:ellipsis; float:left; font-size:16px; width:810px; overflow:hidden; line-height:21px; }
.notice .not_cont .notice_cont .noticeSwiper .swiper-wrapper .swiper-slide .not_date { font-size:14px; color:#ddd; float:right; line-height:19px; }


#footer { color:#fff; background-color:#000; padding:50px 0; }
#footer .foot_top { overflow:hidden; }
#footer .foot_top .foot_left { float:left; margin-right:60px; }
#footer .foot_top .foot_left .foot_logo {width: 140px; margin-bottom:20px; }
#footer .foot_top .foot_left .foot_center {  }
#footer .foot_top .foot_left .foot_center h4 { font-size:13px; color:#dbdbdb; font-weight:300; }
#footer .foot_top .foot_left .foot_center p { font-size:13px; font-weight:700; margin:25px 0;  font-weight:300; color:#dbdbdb; }
#footer .foot_top .foot_left .foot_time {  }
#footer .foot_top .foot_left .foot_time ul {  }
#footer .foot_top .foot_left .foot_time ul li {  }
#footer .foot_top .foot_left .foot_time ul li p { font-size:13px; color:#dbdbdb; }
#footer .foot_top .foot_left .sns { margin-top:25px; }
#footer .foot_top .foot_left .sns ul { overflow:hidden; }
#footer .foot_top .foot_left .sns ul li { float:left; margin-right:10px; }
#footer .foot_top .foot_left .sns ul li a {  }
#footer .foot_top .foot_right { float:left; margin-top:14px; }
#footer .foot_top .foot_right .top_list {  }
#footer .foot_top .foot_right .top_list ul { overflow:hidden; }
#footer .foot_top .foot_right .top_list ul li { float:left; margin-right:25px; }
#footer .foot_top .foot_right .top_list ul li:hover a { color:#ea0012; }
#footer .foot_top .foot_right .top_list ul li:last-child { float:left; margin-right:25px; }
#footer .foot_top .foot_right .top_list ul li a { font-size:13px; color:#dbdbdb; transition:all 0.3s; }
#footer .foot_top .foot_right .fot_cont { font-size:13px; color:#dbdbdb; margin-top:30px; line-height:25px; }
#footer .foot_top .foot_right .fot_cont a { font-size:10px; background-color:#444; padding:0px 10px; border-radius:5px; color:#dbdbdb; display:inline-block; margin-left:5px;line-height:20px; }
.foot_bottom { text-align:center; }
.foot_bottom ul { overflow:hidden; display:inline-block; }
.foot_bottom ul li { float:left; margin-right:30px; padding:20px 0; margin:0 20px; }
.foot_bottom ul li:last-child { margin-right:0px; }

.gotop { position:fixed; right:20px; bottom:20px; visibility:hidden; opacity:0; transition:all .3s; }
.gotop.scroll { opacity:1; visibility:visible; }