#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%; }



/* ��� */



.top_event_banner { height:37px;; width:100%; position:relative; text-align:center; background:#222 }
.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; }
}



.head_cate { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.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; }


@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:50px;  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:25px; height:25px; margin-left:10px; margin-top:0; }
.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; }
.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-bottom:3px solid #0057a8;  height:45px; 
padding:5px 10px 5px 10px; }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:30px; border:0; line-height:32px; font-size:20px; color:#222; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { width:25px; }


@media(max-width:1000px){
.search_box { flex-grow:1; order:5;width:100%; padding:0; border:10px solid #0057a8; 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:180px; 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:180px;  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:18px; 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:18px; 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:55px; left:0; width:180px; z-index:10; background:rgba(0,0,0,0.9); }
.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:16px; display:flex; padding:0 20px; height:100%; line-height:100%; align-items:center; }
.allcate_list > ul > li.first_cate > a:hover {  background:#003584; }
.allcate_list > ul > li .second_cate {  display:none;  }
.allcate_list > ul > li.first_cate:hover .second_cate { position:absolute; left:178px; top:0;   display:block; width:180px; z-index:20px; }
.allcate_list .second_cate li {  border:2px solid #003584; border-top:0; border-bottom:0;  background:#fff; }
.allcate_list .second_cate li:last-child { border:2px solid #003584; border-top:0; background:#fff; padding-bottom:10px; }
.allcate_list .second_cate li:first-child { border:2px solid #003584; border-bottom:0; background:#fff; padding-top:10px; }
.allcate_list .second_cate li a { display:block; padding:5px 20px; 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; display:flex; align-items:center; }
.left_area .logo_area .logo img { max-height:20px; max-width:120px; }
.left_area .logo_area .myinfo_logout { padding:0 0 0 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; }

.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 .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: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:32%; 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:32%; 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%}
}