﻿@charset "utf-8";

/*layout*/
.area__header .hmenu{padding:9px 20px;}
.area__header [class*="btn_t_"], .area__header .bi{height:32px;}
.area__header .box__btn_t{width:52%;}
.area__header .searchcsstd{height:32px;padding:0 29px 0 15px;border-radius:2px;background:#efefef;}
.area__header .searchcsstd .headIcon_search{border-right-width:8px;top:8px;width:16.5px;}
.area__header .top_menu_title{height:40px;padding:0 20px;border-bottom:1px solid #D5D5D5;}
.area__header .top_menu_title .swiper-slide{line-height:40px;padding:0;margin-right:23px;}
.area__header .top_menu_title .swiper-slide:last-child{margin-right:0;}
.area__header .top_menu_title .swiper-slide a{position:relative;color:#202020;font-size:14px;font-weight:500;}
.area__header .top_menu_title .swiper-slide.on{color:#2b579f;}
.area__header .top_menu_title .swiper-slide.on a:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:3px;background:#2b579f;border-radius:2px 2px 0 0;}

.gate_footer{display:flex;flex-direction:column;align-items:center;padding:21px 20px 22px;border-top:1px solid #dfdfdf;}
.gate_footer .gate_footer_logo a{display:inline-block;width:81px;}
.gate_footer .gate_footer_logo a img{width:100%;}
.gate_footer .gate_footer_util{margin:0 0 22px;line-height:1;}
.gate_footer .gate_footer_util a{font-size:12px;color:#858585;font-family: 'Noto Sans KR', sans-serif;}
.gate_footer .gate_footer_util a b{font-weight:600;}
.gate_footer .gate_footer_util .bar{margin:0 15px;color:#bbb;font-size:11px;vertical-align:1px;}
.gate_footer .footer_info_txt{margin-top:13px;}
.gate_footer .footer_info_txt p{font-size:12px;line-height:1;color:#959595;font-family: 'Noto Sans KR', sans-serif;}

/* @하단 tab bar */
.bar__util{position:fixed;bottom:0;left:0;right:0;height:55px;padding:8px 20px 0;border-top:1px solid #dddddd;background:#fff;box-sizing:border-box;z-index:12;-webkit-transform:translate(0, 0);-webkit-transition:-webkit-transform 500ms ease;transform:translate(0, 0);transition:transform 500ms ease;}
.bar__util *{font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.5px;line-height:1.1;}
.bar__util.t_hide{-webkit-transform:translate(0, 69px);transform:translate(0, 69px);}
.bar__util ul{overflow:hidden;display:flex;justify-content:space-between;width:100%;}
.bar__util ul li{width:25%;text-align:center;}
.bar__util ul li a{display:flex;flex-direction:column;align-items:center;grid-gap:8px;}
.bar__util ul li span{display:block;font-size:10px;color:#1a1a1a;font-weight:400;line-height:1;letter-spacing:0;}
.bar__util ul li.fTab_home span{color:#2b579f;}
[class*="i_f_"]{display:inline-block;width:17px;height:17px;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;}
.i_f_cate{background-image:url(/data/g73/mobile/main/ico_foot_cate.png);}
.i_f_home{background-image:url(/data/g73/mobile/main/ico_foot_home.png);}
.i_f_cart{background-image:url(/data/g73/mobile/main/ico_foot_cart.png);}
.i_f_my{background-image:url(/data/g73/mobile/main/ico_foot_my.png);}
.i_f_move{background-image:url(/data/g73/mobile/main/ico_foot_move.png);}

/*카테고리 lnb*/
.layout_catelist{position:fixed;}
.layout_catelist *{font-family: 'Noto Sans KR', sans-serif;}
.BizCateHeadM{height:auto;padding:0 20px;border-bottom:10px solid #f3f3f3;background:none;box-sizing:border-box;}
.box__welcomeUser{display:flex;align-items:center;height:51px;color:#202020;font-size:16px;}
.box__welcomeUser span{color:#4172e6;font-weight:500;}
.box__userPoint{display:flex;align-items:center;height:39px;border-top:1px solid #e5e5e5;color:#656565;font-size:13px;font-weight:500;}
.box__userPoint span{margin-left:11px;color:#6cbc23;}
.BizCateBody li{border-bottom:0;padding-left:20px;height:28px;background:#eaf0f3;}
.BizCateBody li.parentcate{height:43px;background:#ffffff;}
.BizCateBody .parentcate div:first-child{padding-top:0;line-height:43px;color:#202020;font-size:14px;}
.cdepth2{padding-left:2px;line-height:28px;padding-top:0;color:#202020;font-size:13px;}

.extmall_list{height:auto;}
.extmall_list ul li{float:none;height:auto;padding:0 0 0 20px;}
.extmall_list a{line-height:43px;color:#202020;font-size:14px;}

/*main*/
[class*="area__basket"]{position:relative;padding:29.5px 0 33px;}
.line_basket{padding:39.5px 0 33px;}
.line_basket:before{content:'';position:absolute;top:0;display:block;width:100%;height:10px;background:#f3f3f3;}
.box__tit{overflow:initial;padding:0 20px;margin-bottom:18px;}
.basket_tit{position:relative;padding:0 0 0 28.5px;color:#202020;font-size:18px;font-weight:600;}
.basket_tit img{position:absolute;left:0;top:50%;transform:translateY(-50%);}

.area_banner img{width:100%;vertical-align:top;}

/*prdt_list__*/
[class*="prdt_list__"] .item_info{padding-top:12px;}
[class*="prdt_list__"] .item_thumb{border:1px solid #e0e0e0;}
[class*="prdt_list__"] .item_info .item_n{height:36px;color:#656565;font-size:12px;line-height:18px;}
[class*="prdt_list__"] .item_info .item_price{margin-top:13px;}
[class*="prdt_list__"] .item_info .item_price .item_price_n{color:#202020;font-size:12px;}
[class*="prdt_list__"] .item_info .item_price .item_price_n span{font-family:inherit;font-size:15px;}

.prdt_list__grid2{padding:0 20px;}
.prdt_list__grid2 ul{grid-gap:28px 0;}

.prdt_list__hiddenScroll{position:relative;overflow-x:auto;overflow-y:hidden;padding-left:20px;}
.prdt_list__hiddenScroll::-webkit-scrollbar{display:none;}
.prdt_list__hiddenScroll ul{display:flex;flex-wrap:nowrap;grid-gap:15px;}
.prdt_list__hiddenScroll li{display:flex;flex-shrink:0;width:42.98%;}
.prdt_list__hiddenScroll li:last-child{padding-right:20px;box-sizing:content-box;}

button.btn_full{position:relative;display:block;width:calc(100% - 40px);height:38.5px;margin:30px auto 0;background:#e6e8ec;border:0;border-radius:3px;color:#323232;font-size:13px;font-weight:500;}
button.btn_full span{color:#2b579f;}
button.btn_full:after{content:'';position:absolute;display:inline-block;right:13px;top:50%;transform:translateY(-50%);width:5px;height:9px;background:url(/data/mobile/common/btn_arrw_10x18_656565.png) no-repeat 0 0 ;background-size:100%;}

/*탑배너*/
.area_header_bnr{position:relative;}
.area_header_bnr img{width:100%;}
.area_header_bnr .btn_close{position:absolute;top:50%;transform:translateY(-50%);right:19px;width:25px;height:25px;}

/*메인배너*/
.main_visual_bnr .box__fraction{position:absolute;right:4%;bottom:15px;display:inline-block;bottom:10px;left:initial;right:15px;width:auto;height:25px;line-height:26px;font-size:0;z-index:9;}
.main_visual_bnr .swiper-pagination{position:static;display:inline-block;width:45px;min-width:26px;height:100%;font-size:12px;color:#cdcdcd;letter-spacing:-.5px;background:rgba(52, 52, 52, .4);border-radius:10px;text-align:center;}
.main_visual_bnr .swiper-pagination .swiper-pagination-current{color:#ffffff;}
.main_visual_bnr .box__fraction .btn_view_all{display:inline-block;width:25px;height:25px;margin-left:7px;line-height:23px;font-size:21px;vertical-align:top;color:#ffffff;background:rgba(52, 52, 52, .4);border-radius:50%;text-align:center;}
.dim_layer.visual__all_box .pop_layer{background:#fff;}
.dim_layer.visual__all_box .pop_layer .scroll_box{left:0;right:0;top:54px;bottom:0;width:100%;}
.dim_layer.visual__all_box .pop_layer .fullPop_tit{height:54px;text-align:center;line-height:54px;}

/*prdt_list_tab*/
.prdtCate_list_tab{height:33px;padding:0 20px;margin-bottom:11.5px;border-bottom:1px solid #e5e5e5;}
.prdtCate_list_tab .swiper-slide{padding:0;margin-left:22px;border:0;border-radius:0;}
.prdtCate_list_tab .swiper-slide a{height:100%;padding:9px 0 0 0;font-size:13px;color:#959595;font-weight:500;box-sizing:border-box;}
.prdtCate_list_tab .swiper-slide.current{border:0;background:none;}
.prdtCate_list_tab .swiper-slide.current a{position:relative;color:#2b579f;font-weight:600;}
.prdtCate_list_tab .swiper-slide.current a:after{content:'';position:absolute;bottom:0;display:block;width:100%;height:2px;background:#2b579f;}

/*area__boxBnr*/
.area__boxBnr {padding:0;}
.area__boxBnr a{border-radius:0;}

/*box__extmall*/
.box__extmall{display:flex;padding:0 13px;}
.box__extmall a{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:12px;}
.box__extmall .extmall_ico{width:70%;}
.box__extmall .extmall_ico img{width:100%;}
.box__extmall .extmall_name{color:#1a1a1a;font-size:12px;}

/*장비운용 및 유지부품*/
.box__part_cate{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5.5px;padding:0 20px;}
.box__part_cate a{width:100%;height:29px;line-height:29px;background:#eaeef1;font-size:12px;color:#202020;font-weight:500;text-align:center;}