/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; object-fit: cover; }

/* common */
html { overflow-x: hidden; font-family: "Malgun Gothic", "맑은 고딕"; }
html.fix { overflow: hidden; }
.wrap { width:1200px; margin:0 auto; position: relative; }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fld { flex-direction: column; }
.ait { align-items:flex-start; }
.spb { justify-content: space-between; }
.fl:after { display:none; }
/* .dn { display:none !important; } */

.swiper-container { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; background-position: center;  background-size: cover; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.cp { color:#ab3e55; }
.cb { background: #ab3e55; color:#fff; }
.blind { position: absolute; left: -9999px; width: 0; height: 0; font-size:0; overflow: hidden; }

.f60 { font-size:60px; line-height:1.3; }
.f50 { font-size:50px; line-height:1.3; }
.f42 { font-size:42px; line-height:1.2; }
.f40 { font-size:40px; line-height:1.3; }
.f36 { font-size:36px; line-height:1.4; }
.f32 { font-size:32px; line-height:1.4; }
.f30 { font-size:30px; line-height:1.4; }
.f28 { font-size:28px; line-height:1.4; }
.f24 { font-size:24px; line-height:1.4; }
.f22 { font-size:22px; }
.f20 { font-size:20px; }
.f18 { font-size:18px; line-height:1.6; }
.f16 { font-size:16px; line-height:1.6; }

@media screen and (min-width: 801px) {


/* header  & footer */
#w_header { position: relative; z-index:99; }
#w_header .tnb { border-bottom:1px solid #ddd; }
#w_header .tnb .wrap { justify-content: space-between; }
#w_header .tnb .news { width: 350px; justify-content: space-between; }
#w_header .tnb .news .news_frame { height: 26px; width:calc(100% - 44px); overflow: hidden; }
#w_header .tnb .news .news_frame ul { position: relative; line-height:26px; top: 0; }
#w_header .tnb .news .news_frame ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
#w_header .tnb .news .news_frame .empty_list, #w_header .tnb .news .news_frame .empty_li { padding:0 !important;  text-align: left !important;}
#w_header .tnb .news .slideBtn li { float:left; margin-left: 3px; }

#w_header .tnb .wrap > ul { line-height: 46px; font-size:11px; color:#888; }
#w_header .tnb .wrap > ul > li { float:left; position: relative;}
#w_header .tnb .wrap > ul > li:after { content:"|"; margin:0 10px; font-size:10px; position: relative; top: -1px; }
#w_header .tnb .wrap > ul > li:last-child:after { display: none; }
#w_header .tnb .wrap > ul > li a strong { color:#ab3e55;}
#w_header .tnb .wrap > ul > li i { font-size:9px; margin-left: 10px; margin-right: -4px;  }
#w_header .tnb .wrap > ul > li ul { position: absolute; border:1px solid #ddd; background: #fff; width:100%; left: -10px; line-height:24px; z-index: 99; padding:2px 0; display: none; }
#w_header .tnb .wrap > ul > li ul a { padding-left: 10px; display: block; } 
#w_header .tnb .wrap > ul > li ul a:hover { background: #ab3e55; color:#fff; } 
#w_header .tnb .wrap > ul > li:hover ul { display: block; }
#w_header .tnb .wrap > ul > li:hover i { transform: rotate(180deg); }

#w_header .mid { display:flex; align-items: center; justify-content: center; height: 114px; }
#w_header .mid img { height: 60px; }
#w_header .mid #schBox { position: absolute; right: 0; top: 40px; width: 340px; border:1px solid #ddd; height: 40px; }
#w_header .mid #schBox input { border:none; background: #fff; padding:0 10px; box-sizing: border-box; width:calc(100% - 40px); height: 38px; outline:none; }
#w_header .mid #schBox button { width: 39px; height: 38px; border:none; border-left:1px solid #ddd; background: #fff; color:#000; font-size:18px; }
#w_header .mid #schBox button i { position: relative; top: -2px;  }


#w_header .bot { border-top:1px solid #ddd; border-bottom:1px solid #bbb; height: 50px; }
#w_header .bot #nav_btn { position:absolute; left:0; top:-1px; width: 50px; height: 50px; background: #333; display:flex; align-items: center; justify-content: center; flex-direction: column;}
#w_header .bot #nav_btn .line{  width: 24px; height: 2px; background-color: #fff; display: block; margin: 3px auto; transition: all 0.3s ease-in-out;}
#w_header .bot #nav_btn:hover{ cursor: pointer;}
#w_header .bot #nav_btn.act .line:nth-child(2){ opacity: 0;}
#w_header .bot #nav_btn.act .line:nth-child(1){ transform: translateY(8px) rotate(45deg);}
#w_header .bot #nav_btn.act .line:nth-child(3){ transform: translateY(-8px) rotate(-45deg);}   

#w_header .bot nav.gnb { border:1px solid #333; padding:40px 20px; position: absolute; left: 0; top: 48px; width: 100%; height: 400px; box-sizing: border-box; background: #fff; overflow-y: auto; z-index:9; display: none; }
#w_header .bot nav.gnb .cate,
#w_header .bot nav.gnb .cate li { display: block; }
#w_header .bot nav.gnb .cate ul a:hover { text-decoration: underline !important; }
#w_header .bot nav.gnb .cate > li { width:20%; padding:0 20px; float:left; box-sizing: border-box; margin-bottom: 50px;  }
#w_header .bot nav.gnb .cate > li:nth-child(5n+1) { clear: both; }
#w_header .bot nav.gnb .cate > li > a { font-size:16px; padding:8px 0 7px; border-bottom:1px solid #ddd; font-weight: bold; display: block; }
#w_header .bot nav.gnb .cate > li > ul > li > a { display: block; padding:8px 0 7px; font-size:14px; }
#w_header .bot nav.gnb .cate > li > ul > li > ul > li > a { display: block; padding:8px 0 7px; font-size:12px; }
#w_header .bot .swiperMenu { overflow:visible; overflow-x: clip; }
#w_header .bot #w_category { margin-left: 60px; margin-right: 0;}
#w_header .bot #w_category .cate { justify-content: flex-start; }
#w_header .bot #w_category .swiper-slide { display: block; width:auto !important; }
#w_header .bot #w_category .swiper-slide > a { padding:0 25px; line-height:48px; font-size:14px; display: block; box-sizing: border-box; font-weight: bold; }
#w_header .bot #w_category .swiper-slide > ul { border:1px solid #bbb; display: none; background: #fff; position: absolute; white-space: nowrap; }
#w_header .bot #w_category .swiper-slide:hover > ul { display: block; }
#w_header .bot #w_category .swiper-slide > ul > li > a { padding:0 25px; line-height:30px; font-size:12px; display: block; }
#w_header .bot #w_category .swiper-slide > ul > li > a:hover { background: #ab3e55; color:#fff; }
#w_header .bot #w_category .swiper-slide > ul ul.sub_cate2 { border:1px solid #bbb; display: block; background: #fff; position: absolute; white-space: nowrap; min-width: 100%; left:100%; top: -1px; display: none; width:auto; }
#w_header .bot #w_category .swiper-slide ul .cate_li_2:hover ul.sub_cate2 { display: block; }
#w_header .bot #w_category .swiper-slide ul .cate_li_2:hover:has(ul.sub_cate2) > a { background: #ab3e55; color:#fff; }

#w_header .bot #w_category .swiper-slide ul .cate_li_2 { position: relative; }

#w_header .bot #w_category .swiper-slide > ul ul.sub_cate2 li > a { padding:0 25px; line-height:30px; font-size:12px; display: block; }
#w_header .bot #w_category .swiper-slide > ul ul.sub_cate2 li > a:hover { background: #ab3e55; color:#fff; }

#w_header .bot #w_category .swiper-button-next, 
#w_header .bot #w_category .swiper-button-prev { top:2px; margin-top: 0; color:#666; width: 44px; display: none; }
#w_header .bot #w_category .swiper-button-prev { left:60px; }
#w_header .bot #w_category .swiper-button-next { right:360px; }
#w_header .bot #w_category .swiper-button-next:after,
#w_header .bot #w_category .swiper-button-prev:after { font-size: 18px; }
#w_header .mall { margin-right: 10px; }
#w_header .mall a { background:#1f305e; color:#fff; padding:6px 10px; border-radius: 4px; }
#w_header .mall:after { display: none;}



#w_footer { border-top:1px solid #ddd; }
#w_footer .top { padding:40px 0 ;}
#w_footer .top article { width: 370px; }
#w_footer .top article h2 { font-size:14px; line-height:30px; padding-bottom: 5px;}
#w_footer .top article strong { margin-bottom: 7px; font-size:18px; display: block; line-height:30px; }
#w_footer .top article p { color:#666; line-height:1.6; }
#w_footer .top article p b { color:#000; }

#w_footer nav { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#w_footer nav ul li { float:left; line-height:40px;}
#w_footer nav ul li:after { content:"|"; position: relative; top: -2px; }
#w_footer nav ul li:last-child:after { display: none; }
#w_footer nav ul li a { padding:0 10px; }

#w_footer .bot { padding:40px 0; }
#w_footer .bot > img { height: 40px; }
#w_footer .bot address { width:calc(100% - 270px); font-style: normal; line-height:1.8; color:#666; }
#w_footer .bot address span { margin-right: 20px; }
#w_footer .news_frame ul { position: relative; line-height:26px; top: 0; }
#w_footer .news_frame ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* index */
#main { height: 540px; }
#main .swiper-button-next, #main .swiper-button-prev { color:#fff; }
#main .swiper-pagination-bullets { bottom:30px; }
#main .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; opacity: 0.5; width: 10px; height: 10px; }
#main .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff; opacity: 1; }

#fav { text-align: center; padding:100px 0 30px;}
#fav h2 { font-size:22px; font-weight: bold; }
#fav ul { justify-content: center; margin-top: 40px;}
#fav ul li { width: 200px; margin:0 20px; }
#fav ul li figure { width: 100%; border-radius: 1000px; overflow: hidden;}
#fav ul li figure img { width: 100%; aspect-ratio: 1 / 1; }
#fav ul li p { margin-top: 10px; font-size:16px; font-weight: bold; }



#bnr { margin-top: 70px; }
#bnr a { float:left; margin-left: 1px;  }
#bnr a:first-child { margin-left: 0; }
#bnr a:nth-child(2) { margin-bottom: 1px; } 

.sct_wrap { width:1200px; margin:70px auto 0;}
.sct_wrap header h2 { display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #ddd; padding-bottom: 10px; font-size:22px; width: 100%; }
.sct_wrap header h2:after { display: none; }
.sct_wrap header h2 a { border:1px solid #ddd; padding:1px 5px 0; font-size:11px; }
.sct_wrap:last-of-type { margin-bottom: 70px; }

#evtBnr { margin-top: 70px; }
.smt { margin:0 -10px; }
.smt > .sct_li .sct_img { border:1px solid #ebebeb; display: inline-block; }
#evtBnr img { width: 100%; height: 380px; }
.smt .sct_ct_wrap { padding-top: 20px; }
.smt .sct_cost { display: block; padding:7px 0 5px 0; font-size:14px; color:#ab3e55; margin-top: 0; line-height:1;}
.smt .sct_txt { border:none; margin-bottom: 0; }
.smt .sct_txt a { padding:5px 0 0; font-size:13px; font-weight: bold; }
.sct_cust { color:#888; line-height:1; }
.it_brand { display: block; color:#888; }

/* 상품목록 */ 
#sct_location { float: none; position:static; display:inline-flex; align-items: center; justify-content: flex-start; }
.shop_select_to_html { margin-left: 10px; width: 150px; position: relative; }
.shop_select_to_html .category_title { display: block; padding:3px 32px 3px 9px; font-size:11px; border:1px solid #999; color:#333;   }
.is_right .shop_select_to_html .menulist { right:auto; left:0; width: 100%; border:1px solid #999; border-radius: 0; margin-top: 0;top: 22px; padding:6px 0; box-shadow: none; }

.shop_select_to_html .option { line-height:normal; min-height: auto; }
.shop_select_to_html .option a { padding:0; display: block; padding:4px 5px 5px 10px; font-size:11px; color:#333; }
.shop_select_to_html .option.selected, .shop_select_to_html .option.selected a { color:#333; background: none; font-weight: normal; }
.shop_select_to_html .option:hover a { color:#fff; background: #ab3e55; }
.shop_select_to_html:hover .category_title, .shop_select_to_html:hover .category_title i { color:#333; }
.shop_select_to_html .category_title i { position: absolute; right: 10px; top:49%; transform: translateY(-50%); }

.smt > .sct_li .sct_img a img { width: 100%; }

#sct { padding-top: 20px; }
.category-title { margin:10px 0 60px; font-size:21px; }
.sct_ct { border-top:1px solid #999; }
#sct_ct_1 li { border-right:none; }
#sct_ct_1 li a { line-height: normal; padding:10px; line-height:normal; font-weight: normal; color:#414141; } 
#sct_ct_1 li a:hover { background: none; color:inherit; text-decoration: underline !important; color:#414141; } 
#sct_sortlst { margin-top: 80px;}

#sct_sortlst { border:none; border-top:1px solid #999; border-bottom:1px solid #dbdbdb; padding-left: 10px; }
#ssch_sort li:after { display: none !important; }
#ssch_sort li a { color:#333 !important; border:none; padding-left: 20px; padding-right: 0; margin-right: 20px;}

.sct.lists-row { margin-left:0; margin-right: 0;  }
.sct .sct_img { text-align: left; display: block; border:1px solid #ebebeb;  }
.sct .sct_img a { display: block; }
.sct .sct_img a img { width: 100%; }

.sct .sct_li { margin-top: 40px; }
.sct .sct_ct_wrap { padding-top: 20px; }
.sct .sct_cost { display: block; padding:7px 0 5px 0; font-size:14px; color:#ab3e55; margin-top: 0; line-height:1;}
.sct .sct_txt { border:none; margin-bottom: 0; margin-top: 5px;}
.sct .sct_txt a { padding:5px 0 0; font-size:13px; font-weight: bold; }
.sct_cust { color:#888; line-height:1; }
.it_brand { display: block; color:#888; }

/* 상품 디테일 */
#sct_location.view_location { width: 1200px; margin:0 auto; padding:20px 0; display:flex; align-items: center; justify-content: flex-start; border:none; }
#sit_ov_wrap { border-top:none; padding:0;  }

#sit_pvi_big { border:1px solid #eee; width: 600px; height: 600px; display: flex; align-items: center; justify-content: center; float:none; position: relative;}
#sit_pvi_big #popup_item_image { right: -1px; bottom: -1px; }
.th_slide { margin-top: 20px; width: 600px; padding:0 46px; }
.th_slide .swiper-button-next, .th_slide .swiper-button-prev { color:#999; background: #fff; width: 36px; height: 72px; top: 0; margin-top: 0; font-size:20px; }
.th_slide .swiper-button-next { right: 0; }
.th_slide .swiper-button-prev { left: 0; }
.th_slide .swiper-button-next:after, .th_slide .swiper-button-prev:after { font-size:30px; }
#sit_pvi_thumb { float:none; }
#sit_info { display: block; width: 1200px; margin:0 auto; }
.sit_admin { top:220px; }
#sit_pvi_thumb li { margin:0; width:auto;}

#sit_title { font-size:18px; }
#sit_ov { width: 556px; }
#sit_ov_btn:after { display: none; }
#sit_ov_btn button { margin-right: 0; }
#sit_ov_btn button.sit_btn_cart { width: 152px; }
#sit_ov_btn a { width: 152px; }
#sit_ov_btn button.sit_btn_buy { width: 230px; color:#fff; background: #ab3e55; border-color:#ab3e55;}
#sit_ov_btn * { font-size:16px; color:#333; }

#sit_info { margin-top: 60px; border:none; }
#sit_buy { display: none; }
#sit_tab { width:auto; display: block; }
#sit_tab .tab_tit { text-align: center; display: flex; align-items: end; justify-content: center; border-color:#bbb;}
#sit_tab .tab_tit li { float:none; margin-left: -1px; width: 174px; } 
#sit_tab .tab_tit li button:after { display: none !important; } 
#sit_tab .tab_tit li button { padding:10px 0 12px; line-height:normal; font-size:13px; border:1px solid #eee; border-bottom:none; }
#sit_tab .tab_tit li button.selected { padding-top: 18px; border-color:#bbb; }
#sit_tab .item_use_count, #sit_tab .item_qa_count { height:auto; background: none; color:#ab3e55; line-height:normal; font-size:13px; font-weight: bold; }
#sit_tab .item_use_count:before, #sit_tab .item_qa_count:before { content:"(";}
#sit_tab .item_use_count:after, #sit_tab .item_qa_count:after { content:")";}
#sit_tab .tab_con { padding:40px 0; }
#sit_use_wbtn a.btn02, #sit_qa_wbtn a.btn02 { background: #ab3e55; }

/* 고객센터 */
.shop_wrap { width: 1200px; margin:0 auto; position: relative; padding-top: 40px; }
.shop_wrap:after { content:""; clear: both; display: block; }
.shop_wrap .shop_lnb { width: 200px; float:left; padding-bottom: 40px; }
.shop_wrap .shop_lnb h2 { padding:0 0 14px 10px; font-size:18px; border-bottom:1px solid #ddd;  }
.shop_wrap .shop_lnb ul { margin-top: 7px; margin-bottom: 60px;  }
.shop_wrap .shop_lnb ul li { margin-top: 1px; }
.shop_wrap .shop_lnb ul li a { display: block; padding:7px 0 9px 10px; font-size:14px; }
.shop_wrap .shop_lnb ul li a:hover,
.shop_wrap .shop_lnb ul li.select a { color:#ab3e55; font-weight: bold; background: #f8f8f8; }
.shop_wrap .shop_lnb article { padding-left: 10px; margin-top: 40px; line-height:1.6; }
.shop_wrap .shop_lnb article:before { content:""; width: 30px; border-top:1px solid #666; display: block; margin-bottom: 10px;  }
.shop_wrap .shop_lnb article h3 { font:14px; font-weight:bold; padding:8px 0 10px; }
.shop_wrap .shop_lnb article .red { color:#ab3e55; font-weight: bold; font-size:14px;  }



.shop_wrap .shop_cont { width: 960px; float:right; }
.shop_wrap .shop_cont .b_title { font-size:24px; margin-bottom: 20px; }
.shop_wrap .shop_cont .tbl_head01 td { border-bottom:1px solid #f3f3f3; }

/* 주문페이지 */
#forderform { width: 1200px; margin:0 auto; padding-top: 40px; }

.register, #smb_my, #sod_ws, #sod_bsk, #ssch { width: 1200px; margin:100px auto; }

#sct_location i.dividing-line { margin-left: 10px; }
#sct_location > i:first-of-type { margin-left: 0; }

/* faq */
ul.faq { margin-bottom: 100px; }
ul.faq li { border-bottom:1px solid #ddd; padding:20px 0; }
ul.faq li:last-child { border-bottom:none; }
ul.faq li .title { font-size:16px; font-weight: bold; cursor: pointer; position: relative; padding-left: 24px; line-height:1.5; }
ul.faq li .title:before { content:"Q)"; position: absolute; left: 0; top: -1px; }
ul.faq li .content { display:none; background: #f9f9f9;  padding:24px;  margin-top: 10px; }
ul.faq li div { font-size:16px; line-height:1.6;}

.td_numbig { width: 140px; }

#sit_ov_from, #sit_rel, #sit_siblings { width: 1200px; margin-left: auto; margin-right: auto;}


}