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 { border-bottom:1px solid #f3f3f3; height:40px; }
.header_top ul { max-width:1300px; display:flex; justify-content:flex-end; margin:0 auto;  gap:10px }
.header_top ul li {}
.header_top ul li a { padding:11px 5px; display:block; line-height:100% ; font-size:14px; margin-top:1px ; color:#666; }
.header_top ul li a.btn_myoffice { background:#ff6600; color:#fff; border-radius:20px; padding:4px 10px 5px; 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 { height:35px; }
.header_top ul li a { font-size:13px }
.header_top ul li a.myoffice { background:#ff6600; 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:0 auto; }
.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 { display:none; }




@media(max-width:1000px){
.mypage_menu_list .m_myoffice { white-space:nowrap; display:block; width:auto; background: #ff6600; 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; width:30px }
.header h1 { flex-shrink:0; flex-grow:1; display:flex; align-items:center; height:60px;  margin:0 auto;  }
.header h1 img {  max-height:35px;  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; position:absolute; right:0 }
.search_box .search_box_inner { display:flex; align-items:center;  width:250px; background:#fff; }
.search_box fieldset { padding:0; display:flex; align-items:center; background:#fff; justify-content:space-between; border:0; border:2px solid #6dbe5f;  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:768px){
.search_box { flex-grow:1; order:5;width:100%; padding:0;  position:relative; display:none }
.search_box .search_box_inner { display:flex; align-items:center;  width:100%; }
.search_box .form_search { width:100%; }
.search_box fieldset { padding:0; display:flex; align-items:center; background:#fff; justify-content:space-between; border:0; border-top:1px solid #ddd; border-radius:0;  border-radius:0 !important; 
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; }

.btn_search_open { width:30px; flex-shrink:0; flex-grow:0; }
.btn_search_open img { max-width:20px; }

.btn_m_cart { width:40px; flex-shrink:0; flex-grow:0; }
.btn_m_cart img { max-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:768px){
.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:#ff6600; 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:#ff6600; 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:768px){

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


*/
.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:768px){
.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:768px){
.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:768px){
.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: 768px) {
    .woolimi_top_wrap .inner{ width:100%}
}














/* 하단 */
#bottom_area { width:100%;  margin:50px auto 0;   /* border-top:2px solid #222; */ background:#f9f9f9; }
#bottom_area * { color:#444; }
#bottom_area .inner { display:flex; max-width:1280px; MARGIN:0 auto }
#bottom_area .inner > div { padding:40px 0; }
#bottom_area .inner > div h3 { font-weight:bold; font-size:1.1rem; display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; align-items:center; }
#bottom_area .callcenter .number {  font-weight:700; font-size:1.2rem;  }
#bottom_area .callcenter > div { padding-top:30px; }
#bottom_area .callcenter > div:first-child { padding-top:0; }
#bottom_area .callcenter > div.bankinfo h4 { display:block; font-size:1rem; margin-bottom:10px; }
#bottom_area .callcenter > div.bankinfo > div { display:flex; flex-wrap:wrap; gap:10px; }
#bottom_area .callcenter > div.bankinfo span { white-space:nowrap; }
#bottom_area .inner100 { width:100%; background:#f5f6f7; /* border-top:1px solid #eaeaea; */ border-bottom:1px solid #e1e1e1; }
#bottom_area .bottom_menu { max-width:1280px; margin:0 auto; display:flex; flex-wrap:wrap; }
#bottom_area .bottom_menu .i_menu { flex-grow:1; display:flex; }
#bottom_area .bottom_menu li { position:relative; }
#bottom_area .bottom_menu li.partner { display:flex; }
#bottom_area .bottom_menu li.partner a:first-child { position:relative; margin-left:30px; }
#bottom_area .bottom_menu li.partner a:first-child::after { display:block; width:1px; height:20px; background:#ccc; content:""; position:absolute; top:15px; left:-15px; }
#bottom_area .bottom_menu .snslist { display:flex; flex-wrap:wrap; }
#bottom_area .bottom_menu .snslist li { white-space:nowrap; }
#bottom_area .bottom_menu .snslist a { color:#777; }
#bottom_area .bottom_menu .snslist img { width:20px; margin-right:8px; border-radius:5px; }
#bottom_area .bottom_menu li a { padding:15px 12px; display:block; font-size:0.9rem; }
#bottom_area .bottom_menu li a:hover { color:#000; }

.bottom_copy { width:70%; flex-shrink:0;  }
.bottom_copy .logo { width:220px; flex-shrink:0; }
.bottom_copy .company_info * { font-size:0.8rem; line-height:190%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:10px; }
.bottom_copy .escrow { margin-top:15px; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:0.8rem; 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:0.8rem; letter-spacing:-1px; }

.mobile_bottom{display: none;}



@media (max-width: 768px){

#bottom_area { min-width:0; padding-bottom:40px; }
#bottom_area .inner { display:flex; width:100%; flex-wrap:wrap; }
#bottom_area .inner > div { padding:15px; }
#bottom_area .inner > div h3 { font-weight:bold; font-size:1.1rem; display:flex; gap:10px; flex-wrap:wrap; margin-bottom:5px; align-items:center; }
#bottom_area .callcenter .number {  font-weight:700; font-size:1.2rem;  }
#bottom_area .callcenter > div { padding-top:10px; }
#bottom_area .callcenter > div:first-child { padding-top:0; }
#bottom_area .callcenter > div.bankinfo h4 { display:block; font-size:1rem; margin-bottom:3px;  font-weight:bold; }
#bottom_area .callcenter > div.bankinfo > div { display:flex; flex-wrap:wrap; gap:0px; }
#bottom_area .callcenter > div.bankinfo span { white-space:nowrap; margin-right:10px; }
#bottom_area .inner100 { width:100%; background:#f5f6f7; /* border-top:1px solid #eaeaea; */ border-bottom:1px solid #e1e1e1; }
#bottom_area .bottom_menu { width:100%; padding:10px ; }
#bottom_area .bottom_menu .i_menu { flex-grow:1; display:flex; justify-content:space-around; flex-wrap:wrap; width:100% }
#bottom_area .bottom_menu .i_menu li, 
#bottom_area .bottom_menu .i_menu a {  }
#bottom_area .bottom_menu li { position:relative; }
#bottom_area .bottom_menu li.partner { display:flex; flex-grow:1; width:100%; justify-content:space-around; ; padding:0; gap:5px; }
#bottom_area .bottom_menu li.partner a { background:rgba(0,0,0,0.1); flex-grow:1; text-align:center; display:block; margin:5px 0; }
#bottom_area .bottom_menu li.partner a:first-child { position:relative; margin-left:0px; }
#bottom_area .bottom_menu li.partner a:first-child::after { display:none; }
#bottom_area .bottom_menu .snslist { display:flex; flex-wrap:wrap; }
#bottom_area .bottom_menu .snslist li { white-space:nowrap; }
#bottom_area .bottom_menu .snslist a { color:#777; }
#bottom_area .bottom_menu .snslist img { width:20px; margin-right:8px; border-radius:5px; }
#bottom_area .bottom_menu li a { padding:5px 10px; display:block; font-size:0.9rem; white-space:nowrap; }
#bottom_area .bottom_menu li a:hover { color:#000; }

.bottom_copy { width:100%; flex-shrink:0;  border:1px solid #e1e1e1 }
.bottom_copy .company_info * { font-size:0.8rem; line-height:150%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:10px; }
.bottom_copy .escrow { margin-top:15px; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:0.8rem; 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:5px; border:1px solid #aaa; background:#f3f3f3; padding:2px 6px 2px; white-space:nowrap; border-radius:3px; font-size:0.8rem; letter-spacing:-1px; }

.mobile_bottom{display: block;}

.m_flex_order { display:flex; flex-direction:column; }
.bottom_copy { order:2; }
.callcenter { order:1; }

}





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

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

}


@media (max-width: 768px){

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


.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:768px){
  .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; }










.gnb{background:#ff9a2e;margin-bottom:20px;position:relative;}
.gnb .inner{display:flex;align-items:flex-start;max-width:1300px;width:100%;margin:0 auto;}

.gnb_scroll{
    flex:1;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.gnb_scroll::-webkit-scrollbar{display:none;}

.gnb_menu{
    display:flex;
    flex-wrap:nowrap;
    max-height:60px;
    white-space:nowrap;
}

.gnb_menu.open{
    flex-wrap:wrap;
    max-height:none;
}

.gnb_menu>li{
    position:relative;
    flex-shrink:0;
}

.gnb_menu>li>a{
    display:block;
    padding:18px 22px;
    font-size:16px;
    color:#fff;
    white-space:nowrap;
    text-decoration:none;
}

.depth2{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    min-width:180px;
    background:#fff;
    border:1px solid #e5e5e5;
    z-index:99999;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.depth2 li{
    list-style:none;
}

.depth2 li a{
    display:block;
    padding:12px 15px;
    font-size:14px;
    color:#333;
    text-decoration:none;
}

.depth2 li a:hover{
    background:#f8f8f8;
}

.gnb_menu>li:hover>.depth2{
    display:block;
}

.more_category{
    width:90px;
    height:60px;
    border:0;
    background:#ffaf59;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    flex-shrink:0;
}

@media (max-width:768px){

    .gnb{
        margin-bottom:0;
    }

    .gnb_scroll{
        overflow-x:auto;
    }

    .gnb_menu{
        flex-wrap:nowrap !important;
        max-height:none !important;
    }

    .gnb_menu>li>a{
        padding:15px;
        font-size:14px;
    }

    .more_category{
        display:none;
    }

    .depth2{
        display:none!important;
    }

}


.scroll_btns{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;}
.scroll_btns .scroll_btn{width:52px;height:52px;padding:0;border:1px solid #eee;border-radius:50%;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.2s;}
.scroll_btns .scroll_btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.scroll_btns img { max-width:100%; }
@media (max-width:768px){
.scroll_btns{right:10px;bottom:55px; gap:5px }
.scroll_btns .scroll_btn{width:40px;height:40px;}
}