/* BASIC css start */
/*** main_category(ºê·£µå½ºÅä¾î / Àü±¹¸ÅÀå¾È³») ***/
.main_category {float:left;}
.main_category > a {color: #555; font-size: 13px; font-weight: 400; margin-right: 30px;}


:is(#header,.section) :is(*)::-webkit-scrollbar { width: 5px; } 
:is(#header,.section) :is(*)::-webkit-scrollbar-thumb { background-color: rgb(184, 184, 184); } 
:is(#header,.section) :is(*)::-webkit-scrollbar-track { background-color: rgb(233, 233, 233); } 


/* »ó´Ü ¿µ¿ª À§·Î ¸Þ´º */
#header .header_cont .head_inner ul.cate_m>li.roll {display: flex; align-items:center;}
#header .header_cont .head_inner ul.cate_m>li.roll .menuBox {overflow:hidden; height:27px;}
#header .header_cont .head_inner ul.cate_m>li.roll .menuBox #menuSlide { list-style: none; margin: 0; padding: 0; position: relative; top: 0; text-align:center; }
#header .header_cont .head_inner ul.cate_m>li.roll .menuBox #menuSlide p { line-height: 26px; font-weight: 600; color: #4627ff; font-size:15px; }



/* °Ë»öÅ°¿öµå¿Ï¼º */
.MS_search_word_best { border: 1px solid #fff; width: 230px;  height: 40px;  padding: 0px 20px; background-color: #f7f7f7;}

#suggestArea>.gray-box {background-color:#fff!important;}
#suggestArea .suggest .suggest-list { 
    clear: both; width: 252px!important; height: 200px!important; background-color: #FFF!important;border: 1px solid #C4C4C4 transparent!important;  
    padding: 8px!important; z-index: 50!important; overflow-y: auto!important;}


#suggestArea .suggest .suggest-list li {list-style: none!important; height: 20px!important; border: 1px solid blue!important;}
#suggestArea * { margin: 0;  padding: 0; font-size: 13px!important;  line-height: 16px; /* font-family: Gulim, "±¼¸²"; */  position: relative;}





/* »ó´Ü ¿µ¿ª */
#header {margin:0 auto; background-color:#fff; width: 100%; position:relative;}

/* ÃÖ»ó´Ü¹è³Ê ¿µ¿ª */
.swiper_top_banner {width:100%;height:35px;background-color:#000; z-index:999!important; min-width: 1280px; }
.swiper_top_banner .swiper-button-next_top_banner {position:absolute;top:2px;right:10px;width:12px;height:8px;padding:10px 9px;z-index:10;cursor:pointer;opacity:1;}
.swiper_top_banner .swiper-button-prev_top_banner {position:absolute;top:21px;right:10px;width:12px;height:8px;padding:10px 9px;z-index:10;cursor:pointer;opacity:1;}
.swiper_top_banner .swiper-slide a {width:100%;margin:0 auto;display:block;text-align:center;font-size:12px;height:35px;line-height:35px;color:#fff;}
.swiper_top_banner .swiper-slide a img {vertical-align:middle;padding:0 5px;}
.swiper_top_banner .swiper-slide a b {font-weight:600;color:#ffe200;}


/* »ó´Ü¼½¼Ç02 */
#header .h_sec01 {border:1px solid #eee;  position:relative; z-index: 999!important;}
#header .h_sec01 .top_wrap {background:#90959b;}
#header .h_sec01 .top{height:40px; max-width: 1200px; margin: 0 auto; position: relative; /*padding: 0 20px 0 20px;*/}
#header .h_sec01 .top > li {position: absolute;line-height: 40px;}


#header .h_sec01 .top .topMenu {z-index:999;}
#header .h_sec01 .top .topMenu a {text-decoration:none; color:#555;}
#header .h_sec01 .top .topMenu .d1 {position:relative;color: #fff;float:left; margin-left: 20px;}
#header .h_sec01 .top .topMenu .d1:first-child { background:none; }
#header .h_sec01 .top .topMenu .d1 > a {transition: all .3s ease;-webkit-transition: all .3s ease; font-size: 13px; font-weight:400;}
#header .h_sec01 .top .topMenu .d1.on > a { }
#header .h_sec01 .top .topMenu .d1 .count { margin:0 0 0 3px; padding:3px 5px; background:#777; border-radius:4px; text-align:center; color:#fff; font-size:10px; font-weight:400; }


#header .h_sec01 .top .topMenu .d1.my_btn{position: relative;}
#header .h_sec01 .top .topMenu .d1.my_btn:hover>ul.my_ul{display:flex}
#header .h_sec01 .top .topMenu .d1.my_btn ul.my_ul{width: 100px; position: absolute; z-index: 10; top: 78%; background-color: transparent; left: 50%; transform: translateX(-50%); display: none; flex-direction: column; gap: 2px; }
#header .h_sec01 .top .topMenu .d1.my_btn ul.my_ul li{width: 100%;}
#header .h_sec01 .top .topMenu .d1.my_btn ul.my_ul li a{height:15px; line-height:15px;font-size:12px; padding: 5px 0; display: block;color:#222; width: 100%; text-align: center; border: 1px solid #000; background:#fff}
#header .h_sec01 .top .topMenu .d1.my_btn ul.my_ul li:first-child a{ background:#222; color:#fff}

/****»õ°Å ****/

#header .header_cont {background-color: #fff; margin:0 auto; position:relative; z-index:100; font-size:0px; height:70px; background-color: #fff; border-bottom: 1px solid rgb(229, 229, 229); border-top: 1px solid rgb(229, 229, 229); max-width: 1920px; min-width: 1280px;}
#header .header_cont .head_inner{display: flex; justify-content: space-between;  align-items: center; width: 1200px; margin: 0 auto;}
#header .header_cont .head_inner .hb_left{ display: flex;  gap: 30px; align-content: flex-start; line-height: 20px; align-items: center; }
#header .header_cont .head_inner .hb_left .ham{}

#header .header_cont .head_inner .hb_left .ham:hover a{}
#header .header_cont .head_inner .hb_left .ham svg { width: 16px; height: 16px; margin-left: 6px; margin-top: 2px;}
#header .header_cont .head_inner .hb_left .ham a{font-size: 15px; font-weight:600;display: flex; }
#header .header_cont .head_inner .hb_left .ham a.active-1 svg {transform:rotate(-180deg);}  

/*
#header .header_cont .head_inner .hb_left .ham a span:nth-of-type(1) {top: 0;}     
#header .header_cont .head_inner .hb_left .ham a span:nth-of-type(2) {top: 6.5px;}      
#header .header_cont .head_inner .hb_left .ham a span:nth-of-type(3) {bottom: 0;}
#header .header_cont .head_inner .hb_left .ham a.active-1 span:nth-of-type(1) {transform: translateY(6.5px) rotate(-45deg);}     
#header .header_cont .head_inner .hb_left .ham a.active-1 span:nth-of-type(2) {opacity: 0;}      
#header .header_cont .head_inner .hb_left .ham a.active-1 span:nth-of-type(3) {transform: translateY(-6.5px) rotate(45deg);}*/


#header .header_cont .head_inner .hb_left ul.cate_m{ display: flex; gap: 25px; align-items: center; margin-left: 36px;}
#header .header_cont .head_inner .hb_left ul.cate_m li:hove {color:#f00;}
#header .header_cont .head_inner .hb_left ul.cate_m li { display:inline-block; position:relative; vertical-align: middle;}
#header .header_cont .head_inner .hb_left ul.cate_m li a {font-size:15px; font-weight:500; color:#1a1a1a;  transition: color .1s; height:70px; line-height:70px;  display:block;}

#header .header_cont .head_inner .hb_left ul.cate_m li a:hover { font-weight: 800;}

#header .header_cont .head_inner .hb_left ul.cate_m li a .txt_label {display: inline-block; margin: 0 0px 2px 3px; padding: 0 5px; border-radius: 9px; font-weight: 700;font-size: 9px;line-height: 16px; color: #fff;background-color: #ff5252;vertical-align: middle;}
#header .header_cont .head_inner .hb_left ul.cate_m li a .ico_new {display: inline-block;margin: 2px 0 0 3px;width: 4px;height: 4px;border-radius: 50%;background-color: #fc363c;vertical-align: text-top;}

#header .header_cont .head_inner .hb_left ul.cate_m li a:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 20px; height: 2px; z-index: -1;  -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
#header .header_cont .head_inner .hb_left ul.cate_m li a:hover:before  { left:0; right:0; }
#header .header_cont .head_inner .hb_left ul.cate_m li.roll a:hover {color:#f00!important;}
#header .header_cont .head_inner .hb_left ul.cate_m li.roll a:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: -2px; height: 2px; z-index: -1; background: #f00; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
#header .header_cont .head_inner .hb_left ul.cate_m li.roll a:hover:before  { left:0; right:0; }
#header .header_cont .head_inner .hb_left ul.cate_m li.now a{color:#f00!important;}
#header .header_cont .head_inner .hb_left ul.cate_m li.now a:before{left:0; right:0;}
#header .header_cont .head_inner .hb_left ul.cate_m li a .subtit2 {color: #fa2239;position: absolute;bottom: 18px; left: 48%;transform: translateX(-50%); display: flex; flex-wrap: nowrap;white-space: nowrap; font-size: 12px; font-weight: 700;}



#header .header_cont .head_inner ul{/*display: flex; gap: 35px; align-items: center;*/}
#header .header_cont .head_inner h1.logo{margin-top: 3px; }
#header .header_cont .head_inner h1.logo a{display: block;}
#header .header_cont .head_inner h1.logo a img{ width:140px;}

#header .header_cont .head_inner ul.search {position:relative; margin-left:70px;}
#header .header_cont .head_inner ul.search .MS_search_word { border: 1px solid #fff;  width: 230px;  height: 40px; padding: 0px 20px;  background-color: #f7f7f7;}   
#header .header_cont .head_inner ul.search .search .btn-sch { margin-left: -38px; position: absolute; top: 12px;}


#header .header_cont .head_inner ul.user_m{display: flex; gap:10px; align-items: center }
#header .header_cont .head_inner ul.user_m>li{}
#header .header_cont .head_inner ul.user_m>li>a{display: block;}
#header .header_cont .head_inner ul.user_m>li>a>img{}
#header .header_cont .head_inner ul.user_m>li.li_cart{}
#header .header_cont .head_inner ul.user_m>li.li_cart a{position: relative; padding-right: 10px;}
#header .header_cont .head_inner ul.user_m>li.li_cart a span{display: inline-block; background-color: #f00; color: #fff; width: 20px; height: 20px; text-align: center; border-radius: 50%; line-height: 20px; font-size: 13px; position: absolute; top: -4px; right: 4px;}
#header .header_cont .head_inner ul.user_m>li.my_btn{position: relative;}
#header .header_cont .head_inner ul.user_m>li.my_btn:hover>ul.my_ul{display:flex}
#header .header_cont .head_inner ul.user_m>li.my_btn ul.my_ul{width: 100px; padding-top:20px; position: absolute; z-index: 10; top: 98%; background-color: transparent; left: 50%; transform: translateX(-50%); display: none; flex-direction: column; gap: 4px; }
#header .header_cont .head_inner ul.user_m>li.my_btn ul.my_ul li{width: 100%;}
#header .header_cont .head_inner ul.user_m>li.my_btn ul.my_ul li a{padding: 5px 0; display: block; width: 100%; text-align: center; border: 1px solid #000; background:#fff}
#header .header_cont .head_inner ul.user_m>li.my_btn ul.my_ul li:first-child a{ background:#222; color:#fff}



/* »ó´Ü¼½¼Ç02 : FIXED */
#header .header_cont.fixed {position:fixed;  margin:0px; width:100%; top:0px; background-color:#fff; z-index:100; border-bottom:1px solid #e5e5e5; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 1%), 0 12px 20px 0 rgb(0 0 0 / 2%);  max-width: 100%; min-width: 1280px;}
#header .header_cont.fixed #cate_m {top:70px;}



#asi{width: 100%; background-color: #fff; height: 430px; position: absolute; top: 90%; padding: 40px 0; box-shadow: 0px 50px 50px 0 rgb(185 185 185 / 12%); z-index:15 ;display: none;transition: opacity .5s, top .4s; opacity: 0;z-index:40 }
#asi.show1{display: block;}
#asi.show2{top:100%; opacity: 1;border-top:1px solid #eee}
#asi.show2 .asi_inner{opacity: 1;}

#asi .asi_inner{width: 1200px; margin: 0 auto; padding: 0 50px;height: 95%;opacity: 0;transition: opacity 1.4s;}
#asi .asi_inner a{display: block;}
#asi .asi_inner nav{ height: inherit;position: relative;}
#asi .asi_inner nav>ul.cate1_m{ height: inherit; overflow-y: auto;display: flex; flex-direction: column; width: 160px;overflow-x: hidden;}
#asi .asi_inner nav>ul.cate1_m>li{}
#asi .asi_inner nav>ul.cate1_m>li.clicked>a{color:#f00; /*background-color: #000;*/ font-weight: 600;  }
#asi .asi_inner nav>ul.cate1_m>li.clicked>.cate_wrap{display: block;}
#asi .asi_inner nav>ul.cate1_m>li>a{letter-spacing:-.5px;font-size: 16px; font-weight: 600; max-width: 145px; display: inline-block;margin-bottom: 15px;padding: 5px 10px; border-radius: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap{ display: none;  position: absolute; top: 0; left: 198px; height: 450px; overflow-y: auto; width: max-content; max-width: 1010px; margin-left: -7px;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m{display: flex;flex-wrap: wrap;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m>li{width: 135px; border-right: 1px solid #f3f3f3;padding: 0 25px;overflow-y: auto; margin-bottom: 30px; position:relative}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m>li:last-child{ border-right: none;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m>li>a{font-size: 15px; font-weight: 500;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m>li::after{content: ""; display: block; position: absolute; width: 5px; height: 5px; background-color: #ff2800; border-radius: 50%; top: 5px; left: 24px; transform: translateX(-50%); opacity: 0; transition: all .3s;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap>ul.cate2_m>li:hover::after{ left: 22px; top:0px; opacity: 1;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap ul.cate3_m{padding-top: 25px;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap ul.cate3_m>li{margin-bottom: 7px;}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap ul.cate3_m>li>a{font-size: 14px;color: #6d6d6d; font-weight: 400; transition:color .2s}
#asi .asi_inner nav>ul.cate1_m>li .cate_wrap ul.cate3_m>li>a:hover{color:#ff2800}
#asi :is(*)::-webkit-scrollbar{width: 3px;background-color: transparent;}
#asi :is(*)::-webkit-scrollbar:hover{width: 10px;}
#asi :is(*)::-webkit-scrollbar-thumb{background-color: #333; border-radius: 20px; }
#asi :is(*)::-webkit-scrollbar-track{background-color: rgb(243, 243, 243);border-radius: 20px; }
#asi .asi_close{position: absolute; bottom: 0;right: 15%;}
#asi .asi_close a{background-color: #000; color: #fff; display: block; font-size: 12px; padding: 15px; font-weight: 400;}





/* BASIC css end */