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_membership { background:#f5f5f5; padding:5px 0; display:flex; justify-content:center; }
.top_membership .top_membership_menu { display:flex; justify-content:right; width:610px;  }
.top_membership .top_membership_menu li a { font-size:13px; display:block; padding:10px 0; }
.top_membership .top_membership_menu li { margin-left:15px; }
.top_membership .event_list { display:flex;  width:610px;  }
.top_membership .event_list li { margin-right:5px; position:relative; }
.top_membership .event_list li a { font-size:13px;display:block; padding:0px 10px; font-weight:bold; color:#333; 
border:1px solid #aaa; border-radius:15px; height:30px; line-height:28px; background:#fff; }
.top_membership .event_list li a span { font-size:15px; margin-right:4px; }

/* 상단영역2 로고 */
.top_logo_area { padding:30px 0; }
.top_logo_area img { max-height:70px; }
.top_logo_area .top_logo { margin-right:50px; height:70px; display:flex; justify-content:center; align-items:center; flex-grow:1; }
.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 { width:300px; flex-shrink:0; }
.top_search .form_search { background:#fff; border:0; border:2px solid #555; width:300px;
height:45px; border-radius:23px; overflow:hidden;}
.top_search fieldset { border:0; padding:0 0 0 20px; }
.top_search legend { display:none; }
.top_search input[type="text"]  { width:240px; height:42px; border:0; font-size:14px; color:#222; background:#fff; }
.top_search input[type="image"] { width:20px; background:#ff0000; }
.top_search input:focus {  outline: none;  }
.top_site_tel { width:300px; flex-shrink:0; }
.top_site_tel p { margin-top:5px; }
.top_site_tel img { width:18px; margin-right:10px; background:#ff0000; }
.top_site_tel:after { position:absolute; left:0; top:5px; content:""; height:14px; width:1px; background:#aaa; }
.top_site_tel a { font-size:25px; font-weight:bold; color:#ff0000; }



/* 상단영역3 카테고리 */
.top_category { width:1250px; margin:0px auto; min-height:50px; }
.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:0 10px; white-space:nowrap; color:#222; }
.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:#ff0000; 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; }






#footer { background:#f1f1f1; margin-bottom:70px; padding:50px 0; }
#footer > div { width:1400px; margin:0 auto; }
#footer .footer_in_1 { width:270px; flex-shrink:0; } 
#footer .footer_in_2 { padding:0px; } 
#footer .footer_in_3 { width:300px; flex-shrink:0; text-align:right; } 
#footer .footer_in_1 h3 { font-size:14px; margin-bottom:10px; }
#footer .footer_in_1 p { font-size:14px; color:#666; line-height:20px; }
#footer .footer_in_1 p.tel_no { font-size:30px; line-height:30px; margin-bottom:10px; }
#footer .footer_in_1 p.tel_no a { font-size:30px; }
#footer .bottom_menu { display:flex; padding:15px 0; }
#footer .bottom_menu li { position:relative; margin-right:15px; }
#footer .bottom_menu li a { padding:5px 0; font-size:13px; display:block; }
#footer .bottom_menu li a:hover { color:#999; }
#footer .bottom_menu li::after { position:absolute; top:6px; left:-7px; width:1px; height:12px; background:#ccc; content:""; }
#footer .bottom_menu li:first-child { padding-left:0; }
#footer .bottom_menu li:first-child::after { display:none; }
#footer .bottom_info {  }
#footer .bottom_info span { font-size:12px; color:#777; display:inline-block; white-space:nowrap; margin-right:10px;line-height:18px; padding:2px 0;  }
#footer .escrow { font-size:11px; color:#777;  line-height:20px }
#footer .escrow a { display:inline-block; padding:1px 10px 0 10px; line-height:18px; border:1px solid #ddd; background:#fff; margin-top:10px }
#footer .escrow a:hover { background:#555; color:#fff; border:1px solid #555; }
#footer .footer_in_3 .bottom_logo { width:100%; }  
#footer .footer_in_3 .bottom_logo img { max-width:200px; }
#footer .bottom_sns { display:flex; margin-top:20px; justify-content:flex-end; }
#footer .bottom_sns li { width:34px; height:34px; border-radius:17px; overflow:hidden; margin-left:7px; border:1px solid #ddd; }
#footer .bottom_sns img { width:100%; }
.mt20 { margin-top:20px; }

/* 하단 */
#bottom { width:100%; border-top:1px solid #ddd; margin-top:100px; margin-bottom:70px; }
.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(255,0,0,0.9); position:fixed; bottom:0px; left:0px; width:100%; height:90px;
z-index:99999; }
.fixed_bottom .fixed_bottom_inner { width:1280px; margin:0 auto; display:flex; color:#fff; }
.fixed_bottom .title_phone { position:relative; padding-left:50px; display:flex; align-items:center; }
.fixed_bottom .title_phone img { width:18px; margin:0 10px; }
.fixed_bottom .title_phone p { font-size:25px; color:#fff; font-weight:bold; }
.fixed_bottom .title_phone p .site_tel { font-size:25px; font-weight:bold; color:#FFD800; }
.fixed_bottom .input_date { margin-left:20px; }
.fixed_bottom .input_date p { font-size:25px; color:#fff; font-weight:bold; }

.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:transparent; background:#313131; border:0; color:#fff; height:40px;
line-height:42px; border-radius:10px; padding:0 10px; font-size:16px; }
.fixed_bottom .input_box select  option { background:#313131; color:#fff; border:1px solid #111; }
.fixed_bottom .input_box .input_name { width:130px; }
.fixed_bottom .agree_check { font-size:13px;  }
.fixed_bottom .agree_check input[type="checkbox"] { width:20px; height:20px; color:#fff; }
.fixed_bottom input::placeholder  { color:#fff; }
.fixed_bottom .agree_check .btn_detail { }
.fixed_bottom .agree_check a { color:#fff; border-bottom:1px solid #fff; }
.fixed_bottom .btn_area .button { width:110px; height:40px; line-height:42px;  font-size:18px; border:0;cursor:pointer;
border-radius:10px; margin-left:10px; background:#FFD800; color:#222; } 


.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; }