@charset 'UTF-8';

* { /* font-family:'NanumSquareNeo'; */font-family:'pretendard' !important; font-weight:400; color:#282828; }
.auto { width:1082px; margin:0 auto; }

/*인기검색어*/

.pu_order { display:none; width:1024px; margin:0 auto; transition:all 0.3s; opacity:0; } 
.pu_order.on { display:block; opacity:1; } 

.hotorder { position:fixed; z-index:5000; background-color:#fff; width:260px; border:1px solid #ea5404; overflow:hidden; top:14px; margin-left:789px; }
.hotorder .order_tit { overflow:hidden; padding:20px 20px 5px; }
.hotorder .order_tit h2 { font-size:18px; font-weight:bold; float:left; }
.hotorder .order_tit p { float:right; cursor:pointer; }

.hotorder .hot_tab { }
.hotorder .hot_tab ul { overflow:hidden; }
.hotorder .hot_tab ul li { float:left; width:129px; text-align:center; background-color:#fafafa; font-size:13px; font-weight:300; padding:10px 0; border-bottom:1px solid #000; }
.hotorder .hot_tab ul li:first-child { border-right:1px solid #000; }
.hotorder .hot_tab ul li.on { background-color:#fff; border-top:2px solid #ea5404; border-bottom:none; }
.hotorder .hot_tab ul li.on p { font-weight:bold; color:#ea5404; }
.hotorder .hot_tab ul li p { transition:all 0.3s; }

.hotorder .hot_tab ul li.add p { font-weight:bold; color:#ea5404; }

.hotorder .hot_list { display:none; }
.hotorder .hot_list.on { display:block; }
.hotorder .hot_list ul { padding:20px; }
.hotorder .hot_list ul li { overflow:hidden; padding:5px 0; }
.hotorder .hot_list ul li h4 { float:left; margin-right:10px; font-weight:700; text-align:center; width:18px; }
.hotorder .hot_list ul li h4.on { color:#ea5404; }
.hotorder .hot_list ul li p { float:left; }
.hotorder .hot_list ul li img { float:right; }

.hotorder>p { font-size:13px; float:right; padding:0 15px 15px; font-weight:300; }


/*header*/

#header .realtime_order { position:absolute; left:45%; transform:translate(-50%,0); }
#header .realtime_order .realtimeSwiper { height:20px; overflow:hidden; }
#header .realtime_order .realtimeSwiper .swiper-wrapper {  }
#header .realtime_order .realtimeSwiper .swiper-wrapper .swiper-slide { }
#header .realtime_order .realtimeSwiper .swiper-wrapper .swiper-slide .orderlist { font-size:14px; overflow:hidden; }
#header .realtime_order .realtimeSwiper .swiper-wrapper .swiper-slide .orderlist h3 { float:left; font-weight:bold; margin-right:10px; }
#header .realtime_order .realtimeSwiper .swiper-wrapper .swiper-slide .orderlist p { float:left; max-width:150px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
#header .realtime_order .realtimeSwiper .swiper-wrapper .swiper-slide .orderlist img { float:left; margin-top:3px; }

#header { height:212px; position:fixed; top:0; background-color:#fff; z-index:1000; width:100%; }
#header .top_banner { width:1920px; height:50px; margin:0 auto; }
#header .header {  }

#header .header .head_top { overflow:hidden; margin-top:15px; }
#header .header .head_top ul { float:right; overflow:hidden; }
#header .header .head_top ul li { float:left; border-right:2px solid #E8E8E8; padding:0 16px; }
#header .header .head_top ul li:last-child { border:none; padding-right:0; }
#header .header .head_top ul li a { font-size:12px; }

#header .header .head_bottom { overflow:hidden; padding:15px 0; }
#header .header .head_bottom .head_logo { float:left; }
#header .header .head_bottom .head_logo a {  }
#header .header .head_bottom .search { position:absolute; margin:0 auto; width:460px; height:40px; lefT:50%; transform:translate(-50%,0); }
#header .header .head_bottom .search .barcode { position:absolute; left:20px; margin-top:10px; }
#header .header .head_bottom .search .barcode img {  }
/* #header .header .head_bottom .search input { width:100%; height:100%;  border:1px solid #EA5404; border-radius:10px; padding:5px 50px; font-size:14px; } */
#header .header .head_bottom .search input { width: 410px;  border:1px solid #EA5404; border-radius:10px; padding: 10px 0px 10px 50px; font-size:14px; }
#header .header .head_bottom .search .magnifying_glass { position:absolute; right:20px; margin-top:-30px; }
#header .header .head_bottom .head_list { float:right; }
#header .header .head_bottom .head_list ul { overflow:hidden; }
#header .header .head_bottom .head_list ul li { float:left; text-align:center; width:48px; margin-left:40px; }
#header .header .head_bottom .head_list ul li a { font-size:12px; }
#header .header .head_bottom .head_list ul li a img { width:30px; height:43px; }
#header .header .head_bottom .head_list ul li a img p {  }
#header .header .head_bottom .head_list ul li.buylist { position:relative; }
#header .header .head_bottom .head_list ul li.buylist .count { position:absolute; right:0; width:20px; height:20px; background-color:#Ea5404; border-radius:25px; }
#header .header .head_bottom .head_list ul li.buylist .count span { color:#fff; font-size:12px; line-height:20px; }
#header .header .head_bottom .head_list ul li.list_heart a img { transition:all 0.3s; }
#header .header .head_bottom .head_list ul li.list_heart:hover a img { background-color:#f00028; }

#header .header .category { border-top:1px solid rgba(234,84,4,0.18); border-bottom:1px solid rgba(234,84,4,0.18); }
#header .header .category ul { overflow:hidden; }
#header .header .category ul li {
    float: left;
    padding: 10px 0;
    border-right: 1px solid rgba(234, 84, 4, 0.18);
    width: 137px;
    text-align: center;
}#header .header .category ul li a { font-size:14px; display:inline-block; }
#header .header .category ul li a span { position:relative; top:2px; }
#header .header .category ul li a img { margin-right:10px; }
#header .header .category ul li.cate_btn {
    border-left: 1px solid rgba(234, 84, 4, 0.18);
    border-right: 1px solid rgba(234, 84, 4, 0.18);
    padding: 12px 0;
    width: 110px;
}
#header .header .category ul li.cate_btn a { color:#ea5404; }


/*#mainContents*/

.wing { position:fixed; left:50%; transform:translate(-50%,0); z-index:5; opacity:0; visibility:hidden; transition:all 0.3s; }
.wing.on { opacity:1; visibility:visible; }
.wing ul {  }
.wing ul li { margin-bottom:10px; }
/* .left_wing ul { width:155px; left:-175px; position:relative; float:left; } */

.right_wing {  }
.right_wing .auto {  }
/* .right_wing .all_right { width:90px; float:right; position:relative; right:-110px; } */
.right_wing .fix_ban { width:90px; }
.right_wing .fix_ban li { text-align:center; }
.right_wing .fix_ban li:last-child { margin-bottom:15px; }
.right_wing .fix_ban li a { overflow:hidden; }
.right_wing .fix_ban li a img { margin-bottom:5px; }
.right_wing .fix_ban li a p { font-size:12px; }

.right_wing .recent_ban { padding: 10px 5px; border:1px solid #e3e3e3; border-radius:15px; text-align:center; background-color:#fff; width:80px; }
.right_wing .recent_ban h4 { font-size:12px; font-weight:bold; display:inline-block; margin-bottom:10px; }
.right_wing .recent_ban .inner { overflow:hidden; text-align:center; margin:0 auto; position:relative; z-index:10; }
.right_wing .recent_ban .inner .recentSwiper { overflow:hidden; }
.right_wing .recent_ban .inner .recentSwiper .swiper-wrapper { height:80px; display:-webkit-inline-box; }
.right_wing .recent_ban .inner .recentSwiper .swiper-wrapper .swiper-slide {  }
.right_wing .recent_ban .inner .recentSwiper .swiper-wrapper .swiper-slide img { width:80px; height:80px; overflow:hidden; border-radius:15px; }
.right_wing .recent_ban .inner .swiper-pagination.swiper-pagination-fraction { margin-top:10px; font-weight:bold; font-size:12px; }
.right_wing .recent_ban .inner .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { font-size:14px; font-weight:bold; color:#FF8E51; }
.right_wing .gowarp { text-align:center; margin-top:15px; width:90px; }
.right_wing .recent_ban .inner .recentSwiper .swiper-button-next { position:absolute; right:0px; bottom:-2px; }
.right_wing .recent_ban .inner .recentSwiper .swiper-button-prev { position:absolute; left:0px; bottom:-2px; }
.right_wing .recent_ban .inner .recentSwiper .swiper-button-next img { width:12px; }
.right_wing .recent_ban .inner .recentSwiper .swiper-button-prev img { width:12px; }
.right_wing .recent_ban .recentPage { margin-bottom: -10px;font-weight:bold; font-size:12px; }
.right_wing .recent_ban .recentPage .swiper-pagination-current { font-size:14px; font-weight:bold; color:#FF8E51; }




#mainContents { margin-top:170px; position:relative; }
#mainContents .main_banner { width:1082px; overflow:hidden; margin:0 auto; position:relative; z-index:10; }
#mainContents .main_banner .mySwiper {  }
#mainContents .main_banner .mySwiper .swiper-wrapper { display:-webkit-inline-box; }
#mainContents .main_banner .mySwiper .swiper-wrapper .swiper-slide { overflow:hidden; width:100%; border-radius:20px; }

#mainContents .main_banner .mySwiper .swiper-button-next { position:absolute; top: 50%; right:40px; filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.3)); cursor:pointer; opacity:0.9;z-index:1999;     height: 50px;}
#mainContents .main_banner .mySwiper .swiper-button-next img { width:25px; }
#mainContents .main_banner .mySwiper .swiper-button-prev { position:absolute; top: 50%; left:40px; filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.3)); cursor:pointer; opacity:0.9;z-index:1999;     height: 50px;}
#mainContents .main_banner .mySwiper .swiper-button-prev img { width:25px; }

#mainContents .sub_banner { margin:20px 0 0px; }
#mainContents .sub_banner img {  }

#mainContents .cont { padding:50px 0 0; }
#mainContents .cont .tit { font-size:22px; font-weight:bold; padding:0 0 20px; }
/*#mainContents .cont .swiper { width:1082px; overflow:hidden; }*/
#mainContents .cont .swiper .swiper-wrapper { display:-webkit-inline-box; }
#mainContents .cont .swiper .swiper-wrapper .swiper-slide { text-align:center; }
#mainContents .cont .swiper .swiper-wrapper .swiper-slide a {  }
#mainContents .cont .swiper .swiper-wrapper .swiper-slide a img {  }
#mainContents .cont .swiper .swiper-wrapper .swiper-slide a p { font-size:14px; padding-top:15px; }

#mainContents .pop_charc .chaSwiper { width:1082px; overflow:hidden; position:relative; z-index:10; } 

#mainContents .pop_Brand { background-color:#F9F9F9; margin-top:50px; padding-bottom:50px; position:relative; }
#mainContents .pop_Brand .pb_swiper { width:1082px; position:relative; left:50%; transform:translate(-50%,0); z-index:10; }
#mainContents .pop_Brand .pb_swiper .brandSwiper { width:1000px; margin:0 auto; position:relative;  overflow:hidden; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper { position:relative; /* overflow:hidden; */ display:-webkit-inline-box; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide { width:1082px; overflow:hidden; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul { overflow:hidden; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul li { float:left; margin:0 20px; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul li:first-child { margin-left:0; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul li:last-child { margin-right:0; }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul li img {  }
#mainContents .pop_Brand .pb_swiper .brandSwiper .swiper-wrapper .swiper-slide ul li p {  }
#mainContents .pop_Brand .pb_swiper .swiper-button-next { display:inline-block; position:absolute; top:65px; right:0; cursor:pointer; z-index:10; }
#mainContents .pop_Brand .pb_swiper .swiper-button-prev { display:inline-block; position:absolute; top:65px; left:0; cursor:pointer; z-index:10; width:102px; }

#mainContents .sub_banner2 { margin:50px 0; }

#mainContents .Item .auto { position:relative; z-index:10; }
#mainContents .Item .auto { position:relative; z-index:10; }
#mainContents .Item .tit { font-weight:bold; font-size:22px; }
#mainContents .Item .list { text-align:center; margin:20px 0; }
#mainContents .Item .list ul { overflow:hidden; display:inline-block; }
#mainContents .Item .list ul li { float:left; font-size:14px; border:1px solid #D1D1D1; border-radius:10px; text-align:center; width:100px; padding:15px 0; margin-right:40px; transition:all 0.3s; }
#mainContents .Item .list ul li:last-child { margin-right:0; }
#mainContents .Item .list ul li.on { background-color:#EA5404; border:1px solid #EA5404; color:#fff; }
#mainContents .Item .list ul li:hover { background-color:#ea5404; color:#fff; border:1px solid #ea5404; }
#mainContents .Item .list ul li.on p{color:#fff; }
#mainContents .Item .list ul li:hover p{ color:#fff; }

#mainContents .Item .prod {  }
#mainContents .Item .prod .product_list { margin-bottom:50px; }
#mainContents .Item .prod .product_list img {  }
#mainContents .prod .moreview { font-size:14px; border:1px solid #E3E3E3; border-radius:10px; width:260px; margin:0 auto; padding:15px 0; transition:all 0.3s; text-align:center; margin-top: 50px}
#mainContents .prod .moreview:hover { background-color:#ea5404; color:#fff; cursor:pointer; }
#mainContents .prod .moreview:hover a{ color:#fff;}


#mainContents .event { background-color:#F9F9F9; padding:40px 0; margin:50px 0; }
#mainContents .event .tit { font-weight:bold; font-size:22px; }
#mainContents .event .event_swiper { position:relative; width:1082px; margin:20px auto 0; z-index:10; }
#mainContents .event .event_swiper .eventSwiper { width:1082px; margin:0 auto; overflow:hidden; }
#mainContents .event .event_swiper .eventSwiper .swiper-wrapper { display:-webkit-inline-box; }
#mainContents .event .event_swiper .eventSwiper .swiper-wrapper .swiper-slide {  }
#mainContents .event .event_swiper .eventSwiper .swiper-wrapper .swiper-slide a {  }
#mainContents .event .event_swiper .swiper-button-next { position:absolute; right:-55px; top:110px; }
#mainContents .event .event_swiper .swiper-button-prev { position:absolute; left:-55px; top:110px; }


/*footer*/

/*footer*/

#footer { color:#fff; background-color:#000; padding:50px 0; margin-top:50px; }
#footer .foot_top { overflow:hidden; }
#footer .foot_top .foot_left { float:left; margin-right:60px; }
#footer .foot_top .foot_left .foot_logo { margin-bottom:40px; opacity:0.9; }
#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:#ea5404; }
#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; }



/*center.html*/

#mainContents .wrapper_fix { width:1082px; margin:0 auto; }
#mainContents .path_field { padding:0 0 20px; }
#mainContents .path_field ul { overflow:hidden; height:25px; }
#mainContents .path_field ul li { line-height:220%; float:left; }
#mainContents .path_field ul li a { font-size:14px; }
#mainContents .path_field ul li.home { padding-left:18px; background:url(../img/sub_path_ico.gif) no-repeat 0 8px; }

#mainContents .customer { overflow:hidden; position:relative; z-index:1; }
#mainContents .customer .left_menu { float:left; width:150px; }
#mainContents .customer .left_menu h4 { color:#EA5404; font-size:22px; font-weight:bold; padding-bottom:15px; }
#mainContents .customer .left_menu>ul { border-top:1px solid #ea5404; border-bottom:1px solid #F3F3F3; }
#mainContents .customer .left_menu ul li { cursor:pointer; }
#mainContents .customer .left_menu ul li .menu_subtit.on { background-color:#ea5404; }
#mainContents .customer .left_menu ul li .menu_subtit.on p { color:#fff; }
#mainContents .customer .left_menu ul li .menu_subtit { overflow:hidden; padding:10px 0 10px 15px; cursor:pointer; transition:all 0.3s; }
#mainContents .customer .left_menu ul li .menu_subtit.on:hover p { color:#fff; }
#mainContents .customer .left_menu ul li .menu_subtit:hover p { color:#ea5404; }
#mainContents .customer .left_menu ul li .menu_subtit p { float:left; transition:all 0.3s; }
#mainContents .customer .left_menu ul li .menu_subtit span { background:url('../img/dots.png') no-repeat; float:right; margin-right:15px; width:9px; height:1px; margin-top:7px; }
#mainContents .customer .left_menu ul li .menu_subtit.on span { background:url('../img/arrow.png') no-repeat; width:9px; height:5px; margin-top:5px; }
#mainContents .customer .left_menu ul li .sub_menu { background-color:#FFF9F9; display:none; }
#mainContents .customer .left_menu ul li .sub_menu.on { display:block; }
#mainContents .customer .left_menu ul li .sub_menu li { padding:10px 0 10px 15px; }
#mainContents .customer .left_menu ul li .sub_menu li:hover a { color:#ea5404; transition:all 0.3s; }
#mainContents .customer .left_menu ul li .sub_menu li.on>a { font-weight:700; color:#ea5404; }
#mainContents .customer .left_menu ul li .sub_menu li a { font-size:13px; }

#mainContents .customer .right_cont { float:left; margin-top:35px; margin-left:40px; }
#mainContents .customer .right_cont .top_img { margin-bottom:35px; }



/*center_order.html*/

#mainContents .customer .right_cont .order_notice {  }
#mainContents .customer .right_cont .order_notice .ordno_tabmenu {  }
#mainContents .customer .right_cont .order_notice .ordno_tabmenu ul { overflow:hidden; padding-bottom:5px; }
#mainContents .customer .right_cont .order_notice .ordno_tabmenu ul li { float:left; font-size:14px; padding:10px 20px; border-radius:20px; background-color:#f9f9f9; margin-right:15px; transition:all 0.3s; cursor:pointer; }
#mainContents .customer .right_cont .order_notice .ordno_tabmenu ul li:hover { background-color:#ea5404; color:#fff; font-weight:bold; }
#mainContents .customer .right_cont .order_notice .ordno_tabmenu ul li.on { background-color:#ea5404; color:#fff; font-weight:bold; box-shadow:0px 2px 4px rgba(0,0,0,0.1); }

#mainContents .customer .right_cont .order_notice .ordno_cont {}
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont {}
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul {}
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li { margin:15px 0; }
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_question { overflow:hidden; padding:30px 0; border:1px solid #EAEAEA; border-radius:15px; background-color:#fff; position:relative; cursor:pointer; }
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_question h3 { float:left; font-size:14px; font-weight:bold; color:#ea5404; text-align:center; width:95px; }
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_question p { float:left; font-size:12px; font-weight:bold; }
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_question img { float:right; padding:0 50px; margin-top:5px; }

#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_answer { padding:50px 100px 30px; background-color:#fcfcfc; border:1px solid #eaeaea; border-radius:15px; position:relative; top:-20px; z-index:-1; display:none; }
#mainContents .customer .right_cont .order_notice .ordno_cont .ordnocont ul li .ord_answer p { font-size:12px; line-height:23px; }





/* @media all and (min-width:480px) and (max-width:767px) {
	body { width:100%; overflow:hidden; }
	.auto { width:100%; }
} */


/* 250507 yjkim */
#header{height:auto;z-index: 9000;}
.wing  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.left_wing {
 	position: fixed;
	top: auto;
	width: 155px;
	margin-left: -640px;
}
.right_wing {
	position: fixed;
	top: auto;
	width: 95px;
	margin-left: 610px;
}	
.right_wing ul li {
	width: auto;
}	
#header .realtime_order {
	transform: translate(-15%, 0);
} 
.swiper-button-disabled {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer;
}
.cate_btn .btnAllMenu .open,
.cate_btn .btnAllMenu .close{
	display:none;
}
.cate_btn .btnAllMenu img.on{
	display:inline-block;
}