html {
  font-size: 16px; /* 기본 */
}

@media (max-width: 1280px) {
html { font-size: 15px; }
}

@media (max-width: 768px) {
html { font-size: 14px; }
}

@media (max-width: 640px) {
html { font-size: 13px;  }
}

#contents { max-width:1300px; margin:0 auto;  }
.inner_con { max-width:1300px; margin:0 auto; }
#contents img { max-width:100%; }
#wrap { }


.pc_on { display:block; }
.pc_on_f { display:flex; }
.m_on { display:none; }

@media(max-width:1000px){
#wrap { max-width:900px; margin:0 auto; }
.pc_on { display:none !important; }
.m_on { display:block; }
}




#container {  box-sizing:content-box;  width:100%; margin:0 auto; }
@media(max-width:1000px){
#container { padding-left:0px; padding-right:0; }
}
.pc_left_area { position:absolute; top:0; left:0; width:300px; }


.price font b { font-size:15px; font-weight:bold; }


.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }







.header_top { background:#f5f6f7; height:40px; }
.header_top ul { max-width:1300px; display:flex; justify-content:flex-end; margin:0 auto; }
.header_top ul li {}
.header_top ul li a { padding:11px 5px; display:block; line-height:100% ; font-size:14px; margin-top:1px }
.header_top ul li a.myoffice { background:#ee5585; color:#fff; border-radius:20px; padding:5px 10px; margin:8px 5px 0 5px }

.top_event_banner { height:90px;; width:100%; position:relative; text-align:center; }
.top_event_banner img { height:100%;  object-fit:cover; }
#top_bn_1 { display:none; }
.top_event_banner .teb_btn { position:absolute; top:50%; left:50%; margin:-15px 0 0 600px; height:30px; }
/*
.top_event_banner .teb_btn button::after { position:absolute; display:block; content:""; height:10px; width:1px; top:5px; left:-2px; background:rgba(0,0,0,0.3); }
.top_event_banner .teb_btn button:first-child::after {  display:none; }
*/

@media(max-width:1000px){
.top_event_banner { height:50px; min-height:50px; width:100%; }
.top_event_banner img { height:100%;  object-fit:cover;  }
.top_event_banner .teb_btn { position:absolute; top:50%; left:auto; right:10px; margin:-10px 0 0 0px; height:20px; }
.top_event_banner .teb_btn button img { width:20px; }

.header_top { background:#f5f6f7; height:35px; }
.header_top ul li a { font-size:13px }
.header_top ul li a.myoffice { background:#ee5585; color:#fff; border-radius:20px; padding:4px 10px; margin:8px 5px 0 5px }

}



.head_cate { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px; }
.header { display:flex; align-items:center;padding:20px 15px 20px 5px; width:1300px; margin:0 auto; position:relative; }
.header .btn_category { flex-shrink:0; }
.header h1 { margin-right:20px; }
.header h1 img { max-height:70px; margin:0 auto; }
.header h1 a { color:#333; font-weight:600; font-size:20px;  line-height:22px; white-space:nowrap; letter-spacing:-.5px; }

.header .btn_my_menu {  flex-shrink:0;  padding:0 5px 0 0; display:flex; justify-content:right; align-items:center; }
.header .btn_my_menu > ul { display:flex; }
.header .btn_my_menu > ul > li { width:35px; margin-left:25px; height:50px; margin-top:10px; }
.header .btn_my_menu > ul > li > a { display:block; }
.header .btn_my_menu > ul > li > a img { max-width:100%; }
.header .admin_menu { position:absolute; right:0; top:10px; }
.header .admin_menu a { display:inline-block; padding:3px 5px 2px 5px !important; font-family:'Dotum'; font-size:11px; margin:0; }
.mypage_menu_list { position:relative; }
.mypage_menu_list .inner { position:absolute; left:-30px; top:45px; width:100px; background:#0057a8; border-radius:10px; padding:10px 0; z-index:11; display:none; }
.mypage_menu_list .inner ul li a { font-size:13px; display:block; color:#fff; padding:3px 0; text-align:center; }
.mypage_menu_list:hover .inner { display:block; }



.mypage_menu_list .m_myoffice { white-space:nowrap; display:block; width:auto; background: #ee5585; border-radius:10px; color:#fff; font-size:12px; letter-spacing:-0.5px; padding:2px 5px 3px; }










@media(max-width:1000px){






.head_cate { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.header { display:flex; align-items:center;padding:0px 0px; width:100%; margin:0 auto; position:relative;  flex-wrap:wrap; justify-content:space-between; }


.header .btn_category { flex-shrink:0; }
.header h1 { margin-right:20px; flex-shrink:0; flex-grow:1; display:flex; align-items:center; height:60px;  max-width:calc(100% - 126px);  }
.header h1 img {  max-height:45px;  max-width:100%; }
.header h1 a { color:#333; font-weight:600; font-size:20px;  line-height:22px; white-space:nowrap; letter-spacing:-.5px; }
.header .btn_my_menu {  flex-shrink:0; padding:0px 10px 0 0; display:flex; justify-content:right; align-items:center; width:66px; }
.header .btn_my_menu ul { display:flex; }
.header .btn_my_menu ul li { width:22px; height:22px; margin-left:5px; margin-top:0; }
.header .btn_my_menu ul li:first-child { width:auto; }
.header .btn_my_menu a { display:block; }
.header .btn_my_menu a img { max-width:100%; }
.header .admin_menu { position:absolute; right:0; top:10px; display:none; }
.header .admin_menu a { display:inline-block; padding:3px 5px 2px 5px !important; font-family:'Dotum'; font-size:11px; margin:0; }
}

.btn-primary { width:30px; height:30px; display:none; margin-left:15px; background:#fff !important; border:0; }
.btn-primary i { margin:5px auto; height:2px; width:18px; background:#222; display:block; }

@media(max-width:1000px){
.btn-primary { display:block; }
}



.search_box { flex-grow:1; }
.search_box .search_box_inner { display:flex; align-items:center;  width:250px; background:#fff; }
.search_box fieldset { border:0; padding:0; display:flex; align-items:center; background:#fff; justify-content:space-between; border:0; border:1px solid #ee5585;  height:40px; 
padding:3px 15px 5px 15px; border-radius:20px;  }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:30px; border:0; line-height:32px; font-size:16px; color:#222; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { width:20px; }


@media(max-width:1000px){
.search_box { flex-grow:1; order:5;width:100%; padding:0; border:3px solid #ee5585; position:relative; }
.search_box .search_box_inner { display:flex; align-items:center;  width:100%; }
.search_box .form_search { width:100%; }
.search_box fieldset { border:0; padding:0; display:flex; align-items:center; background:#fff; justify-content:space-between; border:0; border-bottom:0;  height:35px; 
padding:4px 10px 4px 10px; width:100%;  }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:30px; border:0; line-height:37px; font-size:14px; color:#222; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { width:20px; }
}




.top_area_category {  width:1300px; margin:0 auto; display:flex; justify-content:space-between; height:55px; }
.top_area_category > ul { display:flex; flex-wrap:wrap; }
.top_area_category > ul.cate_left { padding:0 0px; width:200px; flex-shrink:0; border-left:1px solid #ddd;  }
.top_area_category > ul.cate_center { padding:0 20px; flex-grow:1; }
.top_area_category > ul.cate_right { text-align:right; padding:0 20px; white-space:nowrap; }
.top_area_category > ul > li.btn_allcate_view { border-right:1px solid #ddd; position:relative; width:200px;  flex-shrink:0; flex-grow:0; padding:0;  position:relative; }
.top_area_category > ul > li.btn_allcate_view .btn_line3 { display:block; text-align:center; font-size:16px; line-height:55px;  font-weight:500; letter-spacing:-1px; color:#222; cursor:default; position:relative; padding-left:28px; }
.top_area_category > ul > li.btn_allcate_view .btn_line3 div { position:absolute; top:19px; left:25px; }
.top_area_category > ul > li.btn_allcate_view .btn_line3 div i { width:15px; height:2px; background:#222; display:block; margin:3px auto; }
.top_area_category > ul > li > a { display:block; text-align:center; font-size:18px; line-height:55px; font-weight:500; letter-spacing:-1px; }
.top_area_category > ul.cate_center li {  }
.top_area_category > ul.cate_center a {  padding:0 20px; display:block; text-align:center; font-size:17px; line-height:55px; font-weight:500; letter-spacing:-1px; color:#222;  }
.top_area_category > ul.cate_center a.blue {color:#0057a8; }
.top_area_category > ul.cate_center a.red { color:#d20000; }
.top_area_category > ul.cate_right > li > a { display:block; text-align:center; font-size:15px; line-height:55px; font-weight:400; letter-spacing:-1px; color:#888;  padding:0 10px; }

@media(max-width:1000px){
.top_area_category {  width:100%; margin:0 auto; display:flex; justify-content:space-between; height:40px; overflow-y:hidden; overflow-x:auto; }
.top_area_category > ul { display:flex; flex-wrap:nowrap; }
.top_area_category > ul.cate_left { display:none; }
.top_area_category > ul.cate_center { padding:0 10px; flex-grow:1; justify-content:center; }
.top_area_category > ul.cate_right { display:none;  }
.top_area_category > ul > li.btn_allcate_view { border-right:1px solid #ddd; position:relative; width:180px;  flex-shrink:0; flex-grow:0; padding:0;  }
.top_area_category > ul > li > a { display:block; text-align:center; font-size:14px; line-height:40px; font-weight:500; letter-spacing:-1px; white-space:nowrap; }
.top_area_category > ul.cate_center li {  }
.top_area_category > ul.cate_center a {  padding:0 10px; display:block; text-align:center; font-size:15px; line-height:40px; font-weight:400; letter-spacing:-1px;; white-space:nowrap; }
.top_area_category > ul.cate_right > li > a { display:block; text-align:center; font-size:15px; line-height:40px; font-weight:400; letter-spacing:-1px; color:#888;  padding:0 10px; white-space:nowrap; }
}






.allcate_list { display:none; position:absolute; top:54px; left:0; width:200px; z-index:10; background:rgba(0,0,0,0.8); }
.btn_allcate_view:hover > .allcate_list { display:block; }
.allcate_list > ul { display:flex; flex-direction:column; height:450px; }
.allcate_list > ul > li:first-child { margin-top:10px; }
.allcate_list > ul > li:last-child { margin-bottom:10px; }
.allcate_list > ul > li.first_cate { flex-grow:1; position:relative; }
.allcate_list > ul > li.first_cate > a { color:#fff; font-size:15px; display:flex; padding:0 20px; height:100%; line-height:100%; align-items:center; }
.allcate_list > ul > li.first_cate > a:hover {  background:rgba(0,0,0,0.5); }
.allcate_list > ul > li .second_cate {  display:none;  }
.allcate_list > ul > li.first_cate:hover .second_cate { position:absolute; left:200px; top:0;   display:block; width:180px; z-index:20px; }
.allcate_list .second_cate li {  border:2px solid #aaa; border-top:0; border-bottom:0;  background:#fff; }
.allcate_list .second_cate li:last-child { border:2px solid #aaa; border-top:0; background:#fff; padding-bottom:10px; }
.allcate_list .second_cate li:first-child { border:2px solid #aaa; border-bottom:0; background:#fff; padding-top:10px; }
.allcate_list .second_cate li a { display:block; padding:5px 15px; color:#222; font-size:14px;  }
.allcate_list .second_cate li a:hover { background:#eee; }







/* ���� �����̵� �޴� */
.left_area { padding:15px 0px; }
.left_area .btnClose { position:absolute; right:15px; top:15px; z-index:10; }
.left_area .btnClose img {  height:22px; }
.left_area .logo_area { padding:0 10px 15px 15px; border-bottom:1px solid #eee; }
.left_area .logo_area .logo img { max-height:50px; }
.left_area .logo_area .myinfo_logout { padding:10px 0 0 0px; display:flex; gap:10px; }
.left_area .logo_area .myinfo_logout .user_name { color:#888; text-decoration:underline; }
.left_area .logo_area .myinfo_logout .btn_logout { background:#999; color:#fff; border-radius:5px; padding:0 5px; font-size:15px; }
.left_area .logo_area .myinfo_logout .btn_office  { background:#ed5283; color:#fff; border-radius:5px; padding:0 5px; font-size:15px; }

.left_area .login_out { padding:20px 15px ; }
.left_area .login_out ul { display:flex; }
.left_area .login_out li { margin: 0 5px; flex-grow:1; }
.left_area .login_out a { display:block; background:#eee; border:1px solid #aaa; font-size:14px; text-align:center; width:100%; padding:3px 0 4px; border-radius:4px; }
.left_area .login_out .myo a { background:#ed5283; color:#fff; border-color:#ed5283 }

.left_area .quick_menu { width:100%; padding:10px 0 7px;  }
.left_area .quick_menu ul { display:flex; }
.left_area .quick_menu ul li { width:25%; text-align:center; }
.left_area .quick_menu ul li a { display:block; height:50px; width:100%; padding-top:30px; font-size:13px; }
.left_area .quick_menu .quick_mypage a { background:url('../image/left_icon_mypage.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_delivery a { background:url('../image/left_icon_delivery.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_cart a { background:url('../image/left_icon_cart.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_wishlist a { background:url('../image/left_icon_wishlist.png') no-repeat center top; background-size:30px; }




.cate_area { padding:0 0 20px 0; border-top:10px solid #f5f5f5; }
.cate_area h2 { padding:0px 20px 10px; color:#d93838; }
.cate_area .cate_main { position:relative; background:#fff; position:relative; border-top:1px solid #eee; }
.cate_area .cate_main a { padding:10px 10px 10px 20px;  color:#373537; font-size:14px; line-height:1.25; display:block; }
.cate_area .cate_sub {display: none; }
.cate_area .cate_sub li { background:#f2f2f2; }
.cate_area .cate_sub li:first-child { border-top:10px solid #f2f2f2; }
.cate_area .cate_sub li:last-child { border-bottom:10px solid #f2f2f2; }
.cate_area .cate_sub li a { padding:5px 0 5px 25px; font-size:13px; }
.cate_area .cate_main a.btn_cate_go { position:absolute; top:10px; right:15px; display:block; font-size:11px; 
background:#f5f5f5; border:1px solid #ddd; border-radius:10px; height:18px; line-height:17px; padding:0 5px; z-index:999; }


.board_area { padding:0px 0; border-top:10px solid #f5f5f5; }
.board_area li { position:relative; background:#fff; position:relative; border-bottom:1px solid #eee; }
.board_area li a { padding:10px 10px 10px 20px;  color:#373537; font-size:14px; line-height:1.25; display:block; }









/* �ϴ� */



.bottom_con { margin-top:100px; }
.bottom_con_inner { width:1300px; margin:0 auto; display:flex; justify-content:space-between; }
.bottom_con_inner .bottom_bbs { width:55%; }
.bottom_con_inner .bottom_cs { width:40%; }

.bottom_bbs h1 { display:flex; justify-content:space-between; font-size:20px; border-bottom:1px solid #333; padding-bottom:10px; color:#222; }
.bottom_bbs h1 .btn_more { border:1px solid #ccc; color:#777; font-size:13px; padding:3px 10px; }
.bottom_bbs ul li { border-bottom:1px solid #ddd; display:flex ; justify-content:space-between; align-items:center; color:#888; }
.bottom_bbs ul li span { font-size:14px; }
.bottom_bbs ul li a { display:block; padding:13px 0; color:#222; font-size:15px; }

.bottom_cs { border:1px solid #ddd; padding:30px; }
.bottom_cs h1 { font-size:25px; font-weight:bold;  text-align:center; margin-bottom:20px;  color:#222; }
.bottom_cs .tel_no { font-size:34px; color:#ff0000; }
.bottom_cs .tel_time { font-size:16px; color:#888; }
.bottom_cs ul { margin-top:30px; display:flex; justify-content:space-between;}
.bottom_cs ul li { width:48%; flex-shrink:0; flex-grow:0; white-space:nowrap; }
.bottom_cs ul li a { border:1px solid #aaa; display:block; text-align:center; padding:10px 0 9px; line-height:27px; }
.bottom_cs ul li a:hover { border:1px solid #222; background:#222; color:#fff; }


@media(max-width:1000px){

.bottom_con_inner { width:100%; margin:0 auto; display:block; justify-content:space-between; }
.bottom_con_inner .bottom_bbs { width:90%; margin:0 auto; }
.bottom_con_inner .bottom_cs { width:90%; margin:50px auto 0;    }

.bottom_bbs h1 { display:flex; justify-content:space-between; font-size:16px; border-bottom:1px solid #333; padding-bottom:10px; }
.bottom_bbs h1 .btn_more { border:1px solid #ccc; color:#777; font-size:12px; padding:3px 10px; }
.bottom_bbs ul li { border-bottom:1px solid #ddd; display:flex ; justify-content:space-between; align-items:center; color:#888; }
.bottom_bbs ul li span { font-size:12px; }
.bottom_bbs ul li a { display:block; padding:13px 0; color:#222; font-size:14px; }

.bottom_cs { border:1px solid #ddd; padding:25px; }
.bottom_cs h1 { font-size:16px; font-weight:bold;  text-align:center; margin-bottom:20px; }
.bottom_cs .tel_no { font-size:25px; color:#ff0000; }
.bottom_cs .tel_time { font-size:14px; color:#888; }
.bottom_cs ul { margin-top:30px; display:flex; justify-content:space-between; align-items:center;}
.bottom_cs ul li { width:48%; flex-shrink:0; flex-grow:0; }
.bottom_cs ul li a { border:1px solid #aaa; display:block; text-align:center; padding:7px 0 5px; font-size:13px; line-height:24px; }
.bottom_cs ul li a:hover { border:1px solid #222; background:#222; color:#fff; }
}


/*

#bottom { width:100%;margin-top:50px; background:#f1f1f1; padding:40px 0; }
#bottom  .bottom_btn_small { background:#fff; border:1px solid #ddd; font-size:12px; padding:0px 10px; display:inline-block; line-height:22px; height:24px; color:#777;  }
.bottom_inner { width:1300px; margin:0px auto; }
.bottom_area_1 { display:flex; justify-content:space-between; }
.bottom_menu ul {  display:flex; flex-wrap:wrap; padding:10px 0; }
.bottom_menu li { position:relative; padding:0 10px; }
.bottom_menu li a { padding:5px; font-size:14px; display:block; }
.bottom_menu li a:hover { color:#999; }
.bottom_menu li::after { position:absolute; top:10px; left:0; width:1px; height:12px; background:#bbb; content:""; }
.bottom_menu li:first-child { padding-left:0; }
.bottom_menu li:first-child::after { display:none; }
.bottom_sns  ul { display:flex; padding:0px 0 0; }
.bottom_sns li { width:32px; height:32px; border-radius:13.5px; overflow:hidden; margin:0 5px; border:1px solid #ccc; background:#fff; }
.bottom_sns img { width:100%; }
.bottom_area_2 { padding:20px 0; }
.bottom_area_2 .bottom_info { }
.bottom_area_2 .bottom_info span,
.bottom_area_2 .bottom_info span a { font-size:14px; color:#777; display:inline-block; white-space:nowrap; margin-right:5px; line-height:18px ; height:18px ; }
.bottom_area_3 { padding:20px 0 20px 0; background:#f1f1f1; color:#777; font-size:14px;}
.bottom_area_3 .bottom_inner { width:1300px; margin:0 auto; display:block; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.bottom_area_3 .escrow {  font-size:14px;  color:#777; line-height:17px; }
.bottom_area_3 .copyright { padding-top:20px; font-size:14px;   }


@media(max-width:1000px){


#bottom { width:100%;margin-top:50px; background:#f1f1f1; padding:30px 0 50px; }
#bottom  .bottom_btn_small { background:#fff; border:1px solid #ddd; font-size:11px; padding:0px 5px; display:inline-block; line-height:19px; height:21px; color:#777;  }
.bottom_inner { width:95%; margin:0px auto; }
.bottom_area_1 { display:block; justify-content:space-between; }
.bottom_menu ul {  display:flex; flex-wrap:wrap; padding:10px 0; }
.bottom_menu li { position:relative; padding:0 10px; }
.bottom_menu li a { padding:5px; font-size:12px; display:block; }
.bottom_menu li a:hover { color:#999; }
.bottom_menu li::after { position:absolute; top:10px; left:0; width:1px; height:12px; background:#bbb; content:""; }
.bottom_menu li:first-child { padding-left:0; }
.bottom_menu li:first-child::after { display:none; }
.bottom_sns  ul { display:flex; padding:0px 0 0; }
.bottom_sns li { width:32px; height:32px; border-radius:13.5px; overflow:hidden; margin:0 5px; border:1px solid #ccc; background:#fff; }
.bottom_sns img { width:100%; }
.bottom_area_2 { padding:20px 0; }
.bottom_area_2 .bottom_info span,
.bottom_area_2 .bottom_info span a { font-size:12px; color:#777; display:inline-block; white-space:nowrap; margin-right:5px; line-height:15px ; height:15px ; }
.bottom_area_3 { padding:20px 0 20px 0; background:#f1f1f1; color:#777; font-size:12px;}
.bottom_area_3 .bottom_inner { width:100%; margin:0 auto; display:block; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.bottom_area_3 .escrow {  font-size:12px;  color:#777; line-height:14px; }
.bottom_area_3 .copyright { padding-top:20px; font-size:12px;   }


}



*/
.right_fixed_box { background:#fff; display:flex; position:fixed; right:0; top:50%; width:100px; height:400px; margin-top:-200px;
border:1px solid #ddd; border-radius:10px; flex-direction: column; justify-content:space-between; z-index: 99999; overflow:hidden; }
.right_fixed_box > ul > li { border-top:1px solid #ddd; }
.right_fixed_box > ul > li a { display:block; text-align:center; color:#222; font-size:13px; padding:6px 0; }
.right_fixed_box .click_item  {  width:100%; height:300px; overflow:hidden;  }
.right_fixed_box .click_item h3 { display:block; text-align:center; color:#222; font-size:13px; padding:6px 0; }
.right_fixed_box .click_item ul { width:60px; margin:0 auto;  }
.right_fixed_box .click_item ul li { margin-top:7px; height:60px; }
.right_fixed_box .click_item ul li img { width:60px; border:1px solid #ddd; height:60px;  }
.right_fixed_box .kakao_openchat { background:#f9e000; }
.right_fixed_box .kakao_openchat a { display:flex; align-items:center; justify-content:center; padding:8px 0}
.right_fixed_box .kakao_openchat a img { width:25px; margin-right:3px; }
.right_fixed_box .kakao_openchat a span { font-size:13px; line-height:15px; }

/*
.right_fixed_box .kakao_openchat a { padding:8px 0; text-align:center; display:block; }
.right_fixed_box .kakao_openchat a img { width:25px; }
.right_fixed_box .kakao_openchat a span { display:block; font-size:13px; line-height:15px; }
*/
.m_kakao_openchat { display:none; }

@media(max-width:1000px){
.right_fixed_box { display:none !important; }
.m_kakao_openchat { display:block;  position:fixed; bottom:185px; right:10px; margin-left:0;  z-index:999; 
background:#f9e000; border-radius:23px; width:46px; height:46px; overflow:hidden; text-align:center; }
.m_kakao_openchat a { display:block; padding-top:2px; height:100%; }
.m_kakao_openchat a img { width:25px; }
.m_kakao_openchat a span { display:block; font-size:9px; height:12px; line-height:12px; letter-spacing:-0.5px; }
}


/* pc�������� */
.btn_go_pcver { width:96%; margin:20px auto; text-align:center; border:1px solid #aaa; background:#eee; font-size:15px; padding:10px; }











html.slide-out-top {  bottom: initial !important;  top: 0;}
html.slide-out-right {  left: 0;  right: initial !important;}
html.slide-out-bottom {  bottom: 0;  top: initial !important;}
html.slide-out-left {  left: initial !important;  right: 0;}
html.slide-out-panel-static {  position: static !important;  transition: none !important;  width: 100% !important;}
.slide-out-panel-container {  background-color: #fff;  bottom: 0;  box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.3);  height: auto;  max-width: 100vw;  -webkit-overflow-scrolling: touch;  overflow-y: auto;  position: fixed;  top: 0;  transition: top ease, right ease, bottom ease, left ease;  z-index: 9999;}
.slide-out-panel-container * {  box-sizing: border-box; }
.slide-out-panel-container .close-slide-out-panel {  color: #000;  cursor: pointer;  font-size: 12px;  font-weight: bold;  height: auto;  line-height: 12px;  min-height: 12px;  min-width: 12px;  opacity: 0.5;  position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  transition: opacity 0.35s ease;  width: auto;  z-index: 9999;}
.slide-out-panel-container .close-slide-out-panel:hover {  font-weight: bold;  opacity: 1;}
.slide-out-panel-container .slide-out-header,
.slide-out-panel-container .slide-out-content,
.slide-out-panel-container .slide-out-footer {  position: relative;  width: 100%;}
.slide-out-panel-container .slide-out-header {  align-items: center;  background-color: #fff;  border: 1px solid #e5e5e5;  display: flex;  justify-content: center;  text-align: center;}
.slide-out-panel-container .slide-out-header h4 {  margin: 0;  padding: 0;}
.slide-out-panel-container .slide-out-content {  background-color: #fff;}
.slide-out-panel-container .slide-out-content.no-header {  padding-top: 30px;}
.slide-out-panel-container .slide-out-content.no-header .close-slide-out-panel {  display: block;}
.slide-out-panel-container .slide-out-content .close-slide-out-panel {  display: none;  position: absolute;  top: 15px;}
.slide-out-panel-container .slide-out-footer {  background-color: #fff;}

.slide-out-panel {  display: none;}
.slide-out-panel-screen {  height: 100vh;  left: 0;  opacity: 0;  position: fixed;  top: 0;  transition: opacity ease;  width: 100vw;}






.bottom_fixed_menu { width:100%; height:50px; position:fixed; left:0; bottom:0; background:#fff;  z-index:999; border-top:1px solid #eee; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1); }
.bottom_fixed_menu ul { display:flex; width:90%; margin:0 auto; }
.bottom_fixed_menu ul li { height:45px; text-align:center; width:20%; flex-shrink:0; }
.bottom_fixed_menu ul li a { margin:0 auto; display:block; width:100%; height:50px; color:#222; text-align:center;
background-size:auto 37%; background-position:center 8px; padding:32px 0 0 0; font-size:9px; background-repeat:no-repeat; white-space:nowrap; }
    
.bottom_fixed_menu .home { background-image:url('../image/m_bottom_btn_home.png') ;  }
.bottom_fixed_menu .category { background-image:url('../image/m_bottom_btn_category.png') ; }
.bottom_fixed_menu .search { background-image:url('../image/m_bottom_btn_search.png') ;  }
.bottom_fixed_menu .myshopping { background-image:url('../image/m_bottom_btn_myshopping.png') ; }
.bottom_fixed_menu .cart { background-image:url('../image/m_bottom_btn_cart.png') ; }



.btn_quick { position:fixed; right:10px; bottom:10px; width:58px;opacity:0; transition:opacity ease 0.3s; z-index:9999999 }
.btn_quick a { display:block; margin:10px auto; }

@media(max-width:900px){
.btn_quick { position:fixed; right:10px; bottom:60px; width:46px;opacity:0; transition:opacity ease 0.3s; z-index:9999999 }
.btn_quick a { display:block; margin:10px auto; }
}


.pop_search { background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:99999999999999999; padding:0 20px; display:flex; justify-content:center; align-items:center; }
.pop_search_inner { border-radius:20px; padding:0px 0 0 0; width:100%; position:relative;  position:relative; display:flex; flex-direction:column;  justify-content:center;align-items:center;  }
.pop_search h2 { color:#fff; font-size:30px; margin-bottom:20px; text-align:center; }
.pop_search .pop_search_close { width:60px; height:60px; border-radius:30px; background:rgba(255,255,255,0.2); display:flex;  justify-content:center; align-items:center; margin-top:50px; }
.pop_search .pop_search_close img { width:30px; padding:5px; }
.pop_search .search_box_inner {  }
.pop_search fieldset { border:0; padding:0; display:flex; align-items:center; background:transparent; justify-content:space-between; border:0; padding:15px; border:2px solid #fff; }
.pop_search legend { display:none; }
.pop_search #keyword  { flex-grow:1; height:30px; border:0; line-height:32px; font-size:20px; color:#fff; background:transparent; }
.pop_search input:focus { outline: none; }
.pop_search input[type="image"] { width:25px; }


.body_fixed {overflow:hidden; width:100%; height:100%;  }








.free_shipping span { border:1px solid #e70000; color:#e70000; font-size:11px; height:18px; line-height:17px; padding:0 3px; display:inline-block; font-family:'Dotum'; }
.productListArea > ul.category { display:none; }
#sjsp_product { width:98%;  max-width:98%; margin:0 auto;}



/* ���������� ���� �޴� */
.mypage_layout:after { display:block; content:""; clear:both; }
.mypage_layout_left { }
.mypage_layout_right { flex-grow:1;}
.mypage_menu { white-space:nowrap; width:200px; border:1px solid #aaa; padding:0px; box-sizing:border-box; border-radius:10px; padding:10px; margin:50px 50px 0 0; }
.mypage_menu h2 { font-size:14px; padding:10px 15px; }
.mypage_menu ul { border-top:1px solid #ddd; padding:10px 0; }
.mypage_menu ul:first-child { border-top:0; }
.mypage_menu ul li.stitle { color:#222; padding:5px 15px; font-size:16px; font-weight:bold; }
.mypage_menu ul li:first-child { border:0 }
.mypage_menu ul li a { display:block; font-size:15px; padding:4px 15px; color:#666;  }


@media(max-width:1000px){
.mypage_layout:after { display:block; content:""; clear:both; }
.mypage_layout_left { }
.mypage_layout_right { flex-grow:1;}
.mypage_menu { white-space:nowrap; width:200px; border:1px solid #aaa; padding:0px; box-sizing:border-box; border-radius:10px; padding:10px; margin:50px 50px 0 0; }
.mypage_menu h2 { font-size:14px; padding:10px 15px; }
.mypage_menu ul { border-top:1px solid #ddd; padding:10px 0; }
.mypage_menu ul:first-child { border-top:0; }
.mypage_menu ul li.stitle { color:#222; padding:5px 15px; font-size:16px; font-weight:bold; }
.mypage_menu ul li:first-child { border:0 }
.mypage_menu ul li a { display:block; font-size:15px; padding:4px 15px; color:#666;  }
}

.woolimi_top_wrap { position: relative; height: 40px;border-bottom: 1px solid #ddd;background: #f6f6f6;}
.woolimi_top_wrap .top_box{    position: absolute;
    top: 5px;
    right: 0;}
.woolimi_top_wrap .inner{    position: relative; width:1300px;     margin: 0 auto;}   
.woolimi_top_wrap .select_lang ul li {display: inline-block;  font-size: 12px;}
.woolimi_top_wrap .select_lang ul li a{font-size: 12px;}
.woolimi_top_wrap .select_lang ul li img {width:28px; border:1px solid #ccc; vertical-align: middle; }
.woolimi_top_wrap {}


@media (max-width: 1000px) {
    .woolimi_top_wrap .inner{ width:100%}
}












/* 하단 */
#bottom_area { width:100%;  margin:70px auto 0;  max-width:100%; border-top:2px solid var(--main-color); }
#bottom_area .inner { display:flex; width:1200px; margin: 0 auto; }
#bottom_area .inner > div { border-right:1px solid #ddd; flex-grow:1 }
#bottom_area .inner > div:last-child { border-right:0; }
#bottom_area .inner > div h3 { border-bottom:1px solid #ddd; padding:12px 20px; font-weight:bold; font-size:1rem; display:flex; justify-content:space-between; align-items:center; line-height:1.5rem; }
#bottom_area .inner .in {  padding:25px 20px; }
#bottom_area .callcenter .number { color:var(--main-color); font-weight:700; font-size:1.6rem; padding:4px 0 10px; }
#bottom_area .callcenter dl { display:flex; padding:5px 0; line-height:22px; }
#bottom_area .callcenter dt { width:80px; font-weight:bold; }
#bottom_area .notice ul li { display:flex; align-items:center; }
#bottom_area .notice ul li span { font-size:0.8rem; color:#888; }
#bottom_area .notice ul li a { font-size:0.95rem; display:block; white-space:nowrap; padding:2px 0; width:350px; overflow:hidden; text-overflow:ellipsis; }
#bottom_area .notice ul li a:hover { color:var(--main-color); }
#bottom_area .bank li { font-size:1rem;padding:5px 0;  }
#bottom_area .sns { }
#bottom_area .sns li a { display:flex; align-items:center; }
#bottom_area .sns li img { width:35px; border-radius:8px; margin-right:10px; }
#bottom_area .sns li { font-size:0.9rem; line-height:140%; margin-bottom:10px; }
#bottom_area .sns li strong { font-weight:bold; font-size:0.9rem; }
#bottom_area .btn_more_s { color:#888; font-size:0.8rem; border:1px solid #ddd; border-radius:3px; padding:0.2rem 0.3rem 0.1rem; display:block; line-height:0.8rem; }
.inner100 { width:100%; background:var(--bg-gray-color); border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.bottom_menu { width:1200px; margin:0 auto; display:flex; }
.bottom_menu li { position:relative; }
.bottom_menu li:after { position:absolute; width:1px; height:13px; background:#aaa; content:""; top:1.3rem; left:0; }
.bottom_menu li:first-child:after { display:none; }
.bottom_menu li a { padding:15px 20px; display:block; font-size:1rem; }
.bottom_menu li a:hover { color:#000; }
.bottom_menu li.partner { flex-grow:1; text-align:right; }
.bottom_menu li.partner:after { display:none; }
.bottom_menu li.partner a { background:var(--main-color); display:inline-block; color:#fff; padding:15px 30px; }

.bottom_copy { width:1200px; margin:0 auto; display:flex; }
.bottom_copy > div { flex-grow:0; border-right:0; padding:40px 20px; }
.bottom_copy .logo { width:220px; flex-shrink:0; }
.bottom_copy .company_info { flex-grow:1 }
.bottom_copy .company_info * { font-size:0.9rem; line-height:150%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:15px; }
.bottom_copy .escrow { width:310px; flex-shrink:0; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:14px; color:#222; }
.bottom_copy .escrow p { font-size:0.8rem; color:#555; letter-spacing:-0.5px; }
.bottom_copy .escrow a { display:inline-block; margin-top:10px; border:1px solid #aaa; background:#f3f3f3; padding:2px 10px 3px; white-space:nowrap; border-radius:3px; font-size:12px; letter-spacing:-1px; }

.mobile_bottom{display: none;}



/* 좌우 고정 배너 */
.fix_right { position:fixed; left:50%; top:217px; margin-left:670px; width:150px; }
.fix_right > div { margin-bottom:10px; }
.fix_right .best_category { width:130px; border:1px solid #dddddd; padding:0px; border-radius:10px; overflow:hidden; background:#fff }
.fix_right .best_category .title { background:#f8f9fd; color:var(--main-color); font-size:14px; font-weight:bold; text-align:center; padding:10px 0px; }
.fix_right .best_category ul { padding:10px }
.fix_right .best_category li {  }
.fix_right .best_category li a { display:flex; align-items:center; font-size:13px; color:#222;  padding:3px; border:1px solid #fff; border-radius:3px; }
.fix_right .best_category li span { font-size:13px; color:#222; }
.fix_right .best_category li i { font-style:normal; background:var(--main-color); color:#fff; font-size:12px; font-weight:bold; text-align:center; width:17px; height:17px; border-radius:2px; line-height:17px; display:block; margin-right:6px; letter-spacing:-0.5px; }
/*
.fix_right .best_category li span.no { background:#ff9e00; color:#fff; font-size:12px; font-weight:bold; text-align:center; width:17px; height:17px; border-radius:2px; line-height:17px; display:block; margin-right:6px; letter-spacing:-0.5px; }
*/
.fix_right .best_category li a:hover { border:1px solid var(--main-color); background:#fff2f6; }
.fix_right .side_bn li { margin-bottom:5px; }
.fix_left { position:fixed; left:50%; top:217px; margin-left:-800px; width:150px; }
.fix_left > div { margin-bottom:10px; }
.fix_left .side_bn li { margin-bottom:5px; }


@media (max-width: 1200px){

.fix_left, .fix_right, .btn_all_view {display:none}
}
























@media (max-width: 1200px){

#wrap {min-width:340px}  
#top_area {width:100%;} 

.member_menu ul.inner {width:100%;}

.fix_left, .fix_right {display:none}
.cs_info { display:none; /* position:absolute; right:10px; top:20px */} 
.cs_info .no, .cs_info .title {font-size: 1rem;}

#bottom_area {min-width:100%}
#bottom_area .inner, .bottom_menu, .bottom_copy {width:100%}

.logo_area h1 img {max-width: 220px;}

.top_cate p{position:absolute;display: fixed; right:0; top:30%; background-color: #fff; width:}
.horizontal-scroll .item { flex-shrink: 0;scroll-snap-align: start;display: flex; align-items: center;justify-content: center;user-select: none; z-index: 1;}
.horizontal-scroll {display: flex;overflow-x: auto;gap: 12px;padding: 10px;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;cursor: grab;}
.horizontal-scroll:active {cursor: grabbing;}
.horizontal-scroll::-webkit-scrollbar {display: none;}
.horizontal-scroll {-ms-overflow-style: none;  /* IE, Edge */scrollbar-width: none; position:relative}
.top_cate > ul > li > a {line-height: normal;}      

.itemSc_b {position:absolute; right:0; width: 30px; height: 52px;  z-index: 100;   background-image: linear-gradient(90deg, transparent, #ccc);
 line-height: 52px; z-index: 1;}
 .itemSc_b > i {line-height: 52px; font-size: 3rem; color:#ccc}

#gnb2.active{width: calc(100% + 4rem);z-index:auto;right:-2rem;height:100vh;background:rgba(0,0,0,.5)}
#bottom_area .inner {width:100%; display: flex;flex-wrap: wrap;}
#bottom_area .inner > div {width:50%; flex-wrap: wrap;}
.bottom_copy > div {padding:20px 10px}
#bottom_area .inner > div h3 {background: #f8f8f8; padding:10px 10px ; height:auto; } 


}


@media (max-width: 1000px){
.bottom_copy .logo {display: none;}
.bottom_copy{flex-direction: column;}
.bottom_copy .escrow {width:100%}

}

@media (max-width: 860px){

.btn_all_view { display:none; }

.logo_area {padding:10px 0 10px 0; }

.logo_area h1 {width:100%; text-align: center;}
.logo_area {flex-direction: column;gap: 1rem;}
.search_box, .search_box fieldset{width:100%}
.best_keyword {width:100%; padding: 0 15px;}
.search_box fieldset, .search_box #keyword {border-radius: 5px; width:98%; margin:0 auto}


.member_menu ul.inner { display: none; }
  .tab_sc {width: 100%;overflow-x: auto;}

.btn_top_cart { position:absolute; top:17px; right:15px; display:block;}
.btn_top_cart a { display:block; width:25px; height:25px; display:flex; flex-wrap:wrap; justify-content: center; align-items:center; align-content: space-around; }
.btn_top_cart a i { font-size:25px; }
}



@media (max-width: 640px){
  #bottom_area .inner { flex-direction: column;flex-wrap: wrap;}
  #bottom_area .inner > div {width:100%; }

  .bottom_menu {flex-wrap: wrap; padding:5px 0; }
.bottom_menu li:after { display:none }
  .bottom_menu li.partner {flex-basis: 100%; width:100%; display:flex; flex-wrap:wrap; padding:0 10px; }
  .bottom_menu li.partner a { text-align: center;background: var(--main-color);display: inline-block;color: #fff;padding: 5px 10px; margin:5px 0 0; flex-grow:1;; }
  .bottom_menu li a {padding: 5px 6px; }
  .bottom_menu li:after {top:4px; height: 10px;}
  .cs_info {display:none}
  

}




.mobile_quick { padding:10px 10px 0; background:#f5f5f5; display:flex; flex-wrap:wrap; gap:3px; }
.mobile_quick_item { display:flex; align-items:center; justify-content:space-between; padding:5px 5px 5px 10px; background:#fff; border:1px solid #e8e8e8; border-radius:8px; text-decoration:none; box-sizing:border-box; transition:all .2s ease; width:calc(50% - 3px); }
.mobile_quick_txt { font-size:14px; line-height:1.4; color:#222; font-weight:600; letter-spacing:-0.02em; }
.mobile_quick_arrow { display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f3f3f3; color:#777; font-size:16px; line-height:1; flex-shrink:0; padding-bottom:3px; box-sizing:border-box }
.mobile_quick_item:active { background:#fcfcfc; transform:translateY(1px); }
.mobile_quick_item:hover { border-color:#dcdcdc; }