select,
input:focus {outline:0; }

.fl_hc { display:flex; align-items:center; }
.fl_wb { display:flex; justify-content:space-between; }
.fl_wc { display:flex; justify-content:center; }

/* 상단영역 레이아웃 */
#top { width:100%; }
#top .top_bn_area { text-align:center; width:100%; background:#222222; }
#top .top_menu_area { border-bottom:1px solid #ddd; }
#top .top_menu_area .top_inner { height:40px; }
#top .top_logo_area { border-bottom:1px solid #ddd; }
#top .top_cate_area { border-bottom:1px solid #ddd; }
#top .top_inner { width:1250px; margin:0px auto; }

/* 상단영역1 메뉴 */
.top_menu_area .top_membership_menu { }


/* 상단영역2 로고 */
.top_logo_area { padding:10px 0; }
.top_logo_area img { max-height:70px; }
.top_logo_area .top_logo { margin-right:50px;  height:70px; display:flex; align-items:center; }
.top_logo_area .top_logo img { max-height:70px; }
.top_logo_area .top_roll_bn { width:280px; overflow:visible;  }
.top_logo_area .top_roll_bn .swiper-slide { padding:0 30px;height:80px;  }
.top_logo_area .top_roll_bn .swiper-slide img { width:220px; height:80px; max-height:80px; }
.top_logo_area .top_roll_bn .swiper-pagination { bottom:0px; width:280px; margin-left:-140px; }
.top_logo_area .top_roll_bn .swiper-pagination-bullet { width:5px; height:5px; }
.top_roll_bn .swiper-button-prev { }
.top_roll_bn .swiper-button-next { }
.top_search { border:2px solid #ddd; width:250px; height:45px; border-radius:23px; overflow:hidden; }
.top_search .form_search { background:#fff; border:0; }
.top_search fieldset { border:0; padding:0 0 0 20px; }
.top_search legend { display:none; }
.top_search input[type="text"]  { width:185px; height:42px; border:0; font-size:14px; color:#222; background:#fff; }
.top_search input[type="image"] { width:20px; }
.top_search input:focus {  outline: none;  }
.top_event { flex-grow:1; text-align:right; }
.top_event .top_membership_menu { display:flex; justify-content:right; margin-bottom:15px; }
.top_event .top_membership_menu li a { font-size:12px; }
.top_event .top_membership_menu li { margin-left:15px; }
.top_event .event_list { display:flex; justify-content:right;margin-bottom:10px;  }
.top_event .event_list li { margin-left:15px; position:relative; }
.top_event .event_list li a { font-size:19px; font-weight:bold; color:#333; }
.top_event .event_list li.top_site_tel { padding-left:15px; }
.top_event .event_list li.top_site_tel img { width:18px; margin-right:10px; }
.top_event .event_list li.top_site_tel:after { position:absolute; left:0; top:5px; content:""; height:14px; width:1px; background:#aaa; }
.top_event .event_list li.top_site_tel a { font-size:22px; }
.top_event .event_list li.jehu_card_menu { position:relative; padding-right:15px; }
.top_event .event_list li.jehu_card_menu:after { position:absolute; right:0; top:5px; content:""; height:14px; width:1px; background:#aaa; }

/* 상단영역3 카테고리 */
.top_category { width:1250px; margin:0px auto; }
.top_category > ul { display:flex; justify-content:center; position:relative; padding-left:80px;  }
.top_category > ul > li { margin:0 0px; flex-grow:1; }
.top_category > ul > li > a { display:block; font-size:16px; line-height:50px; padding:0px; white-space:nowrap; color:#222; text-align:center; }
.top_category .btn_allcate { text-align:center; position:absolute; width:60px; border-left:1px solid #ddd; border-right:1px solid #ddd; 
top:0; left:0; background:#fff; cursor:pointer;}
.top_category .btn_allcate img { max-width:50px; max-height:50px; }
.top_category .btn_close { position:absolute; top:-52px; left:-1px; width:60px; height:52px; background:#444;
cursor:pointer; display:flex; justify-content:center; align-items:center; }
.top_category .btn_close img { }
.top_category .cate_big { position:relative; }
.top_category .cate_big .cate_mid { display:none; position:absolute; z-index:10; left:50%; width:150px; margin-left:-75px; }
.top_category .cate_big:hover .cate_mid { display:block; }
.top_category .cate_big .cate_mid li { padding:0px 12px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff; }
.top_category .cate_big .cate_mid li:first-child { border-top:1px solid #ddd; padding-top:7px; }
.top_category .cate_big .cate_mid li:last-child { border-bottom:1px solid #ddd; padding-bottom:7px; }
.top_category .cate_big .cate_mid li > a { font-size:14px; display:block; white-space:nowrap; line-height:25px;color:#222; padding:4px 0; text-align:center; }
.top_category .cate_big .cate_mid li > a:hover { color:#777; }

.top_category .category_all { width:1250px; background:#fff;  border:1px solid #888;  position:absolute; top:50px; left:-1px;  z-index:99; flex-wrap:wrap; display:flex; padding:10px 20px; }
.top_category .category_all ul.cate_block {  width:240px; margin:30px; }
.top_category .category_all ul li { display:block;  position:relative; text-align:left; }
.top_category .category_all ul li a { display:block; line-height:28px; font-size:15px; color:#2e2e2e; height:28px; white-space:nowrap; }
.top_category .category_all .cate_big_title { border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:5px; }
.top_category .category_all .cate_big_title a { font-weight:bold; font-size:16px; }







/* 전체카테고리 fixed */

.body_fixed { overflow:hidden !important; }
.allmenu_area { background:rgba(0,0,0,0.8); width:100vw; height:100vh; display:none; display:flex; justify-content:center; 
align-items:center; position:fixed; left:0; top:0; z-index:999999; }
.allmenu_inner { position:relative; width:90%; background:#fff;  border-radius:30px; height:90%; padding:3%; }
.allmenu_inner h2 { font-size:27px; text-align:center; font-weight:bold; border-bottom:3px solid #ddd; display:block; padding-bottom:30px; 
margin-bottom:30px; }
.allmenu_close { position:absolute; top:30px; right:30px; height:40px; width:40px; background:#222; border-radius:20px; 
display:flex; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.allmenu_close img { width:30px; }
.allmenu_scroll { display:flex; flex-wrap:wrap; overflow-y:scroll; width:100%; height:90%; }
.allmenu_scroll::-webkit-scrollbar { width: 8px;  /* 스크롤바의 너비 */ }
.allmenu_scroll::-webkit-scrollbar-thumb { background: #aaa; border-radius: 8px; }
.allmenu_scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.1);  /*스크롤바 뒷 배경 색상*/ }
.allmenu_scroll .category_group { width:16.666666%; margin-bottom:50px; margin-top:10px; padding-left:15px; }
.category_group dt {  margin-bottom:10px; }
.category_group dt a { font-size:18px; font-weight:bold; color:#333; }
.category_group dd { margin-bottom:8px; }
.category_group dd a { font-size:18px; color:#888; line-height:20px; }









/* 하단 */
#bottom { width:100%; border-top:1px solid #ddd; margin-top:100px; margin-bottom:100px; }
.bottom_inner * { font-family: 'NanumBarunGothic', sans-serif; }
.bottom_inner { width:1250px; margin:0px auto; }
.bottom_area_1 { border-bottom:1px solid #ddd; }
.bottom_area_1 .bottom_inner { display:flex; justify-content:space-between; align-items:center; }
ul.bottom_menu { display:flex; padding:15px 0; }
ul.bottom_menu li { position:relative; padding:0 10px; }
ul.bottom_menu li a { padding:5px; font-size:13px; display:block; }
ul.bottom_menu li a:hover { color:#999; }
ul.bottom_menu li::after { position:absolute; top:6px; left:0; width:1px; height:12px; background:#ccc; content:""; }
ul.bottom_menu li:first-child { padding-left:0; }
ul.bottom_menu li:first-child::after { display:none; }
ul.bottom_sns { display:flex; }
ul.bottom_sns li { width:27px; height:27px; border-radius:11.5px; overflow:hidden; margin-right:4px; border:1px solid #ddd; }
ul.bottom_sns img { width:100%; }
.bottom_area_2 { border-bottom:1px solid #ddd; padding:30px 0; }
.bottom_area_2 .bottom_inner { display:flex; justify-content:space-between; }
.bottom_area_2 .bottom_inner h3 { font-weight:bold; font-size:12px; margin-bottom:20px; color:#222; }
.bottom_area_2 .bottom_inner p,
.bottom_area_2 .bottom_inner a { font-size:14px; color:#777;   font-family: 'NanumBarunGothic', sans-serif; line-height:25px; }
.bottom_area_2 .bottom_inner p.tel_no { font-size:25px; color:#222; margin-bottom:10px; font-weight:bold; }
.bottom_area_2 .bottom_inner .bank_link { margin-top:10px; border:1px solid #ccc; padding:3px 5px; font-size:13px; }
.bottom_area_2 .guide_btn { margin-top:10px; }
.bottom_area_2 .guide_btn a { display:inline-block; padding:3px 15px 1px; border:1px solid #ccc; font-size:13px; line-height:20px; margin:0 4px 0 0; }
.bottom_area_2 .guide_btn a:hover { border:1px solid #999; }
.bottom_area_3 { background:#f5f5f5; padding:40px 0 80px 0; }
.bottom_area_3 .bottom_inner { display:flex; justify-content:space-between; }
.bottom_area_3 span { font-size:12px; color:#777; display:inline-block; white-space:nowrap; margin-right:10px;line-height:18px; padding:2px 0;  }
.bottom_area_3 .bottom_info { flex-grow:1; }
.bottom_area_3 .escrow { margin-left:30px; font-size:11px; color:#777; width:290px; flex-shrink:0; line-height:20px }
.bottom_area_3 .escrow a { display:inline-block; padding:1px 10px 0 10px; line-height:18px; border:1px solid #ddd; background:#fff; margin-top:10px }
.bottom_area_3 .escrow a:hover { background:#555; color:#fff; border:1px solid #555; }


.fixed_bottom { background:rgba(0,0,0,0.8); position:fixed; bottom:10px; left:10px; width:calc(100% - 20px); height:90px;
z-index:99999; border-radius:15px; }
.fixed_bottom .fixed_bottom_inner { width:1100px; margin:0 auto; display:flex; color:#fff; }
.fixed_bottom .title_phone { position:relative; padding-left:50px; }
.fixed_bottom .title_phone img { position:absolute; left:0; top:5px; width:30px; }
.fixed_bottom .title_phone p { font-size:13px; color:#ddd; }
.fixed_bottom .title_phone p .site_tel { font-size:25px; font-weight:bold; }
.fixed_bottom .input_date {}
.fixed_bottom .input_box { padding-left:10px; }
.fixed_bottom .input_box span.label { display:none; color:#fff; font-size:13px; /* display:block; */ }
.fixed_bottom .input_box input,
.fixed_bottom .input_box select {background:#313131;border:2px solid #999; color:#fff; height:45px; line-height:45px; border-radius:20px; margin:0; padding:0 10px; font-size:16px; }
.fixed_bottom .input_box select  option { background:#333; color:#fff; border:1px solid #111; }
.fixed_bottom .input_box .flex3 input,
.fixed_bottom .input_box .flex3 select { width:80px; margin:0; }
.fixed_bottom .input_box .input_name { width:150px; }
.fixed_bottom .agree_check { font-size:13px;  }
.fixed_bottom .agree_check input[type="checkbox"] { width:20px; height:20px; margin-right:5px;}
.fixed_bottom .agree_check .btn_detail { }
.fixed_bottom .agree_check a { color:#fff; border-bottom:1px solid #fff; }
.fixed_bottom .btn_area .button { width:130px; height:40px; line-height:42px; color:#fff; font-size:18px; border:0; cursor:pointer;
border-radius:20px; } 


.free_shipping { text-align:left !important; }


.top_roll_bn .swiper-button-prev:after,
.top_roll_bn .swiper-button-next:after{display:none}
.top_roll_bn .swiper-button-prev{left:0px;background:#fff url(../image/arrow_prev.png) no-repeat center; }
.top_roll_bn .swiper-button-next{right:0px;background:#fff url(../image/arrow_next.png) no-repeat center; }





.btn_quick { position:fixed; right:20px; bottom:110px; width:50px; transition:opacity ease 0.3s; z-index:9999999; }
.btn_quick a {  background:#fff; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border:1px solid #aaa; border-radius:25px; }
.btn_quick a img { width:60%; opacity:0.7; }