@charset 'utf-8';
/*header*/
.layout-header{position: fixed; z-index:130; background: #fff; width:100%;}
.layout-header .header-wrap {}
.layout-header .header-wrap .header{position: relative; width:100%; height:51px;}
.layout-header .header-wrap .header .btn-navi{position: absolute; top:17px; left:15px; width: 19px; height: 15px;}
.layout-header .header-wrap .header .btn-navi > span{display: inline-block; width:19px; height:15px; text-indent: -9999px;
background: url(/images/mobile/common/btn/btn_caterogy_off.png) no-repeat center; background-size:19px 15px}
.layout-header .header-wrap .header .logo{width: 50%; height:51px; line-height:44px; margin: 0 auto; overflow: hidden;  text-align:center; text-overflow: ellipsis; white-space: nowrap;}
.layout-header .header-wrap .header .logo > a{padding-top:13px; display:inline-block;}
.layout-header .header-wrap .header .logo img{width:104px; height:23px;}
.layout-header .header-wrap .header .item-util{ position: absolute; right:20px; top:17px;}
.layout-header .header-wrap .header .item-util a{display:inline-block}
.layout-header .header-wrap .header .btn-util-cart i{display: block; vertical-align: middle; width:22px; height:20px;
background: url(/images/mobile/common/btn/btn_util_icon_img1.png) no-repeat center; background-size:22px 20px;}
.layout-header .header-wrap .header .btn-util-cart{ position: relative;height:100%; display:block; margin-right:10px;}
.layout-header .header-wrap .header .btn-util-cart .num-basket{width:13px; height:13px; line-height:13px; border-radius: 100%; background: #2496d4; display: block;
color: #fff; position: absolute; top:-6px; right: -8px; font-size:11px; text-align: center;  font-family: Dotum,"돋움",sans-serif;}

.layout-header .header-wrap .header .btn-util-search i{display: block; vertical-align: middle; width:22px; height:20px;
background: url(/images/mobile/common/btn/btn_util_icon_img2.png) no-repeat center; background-size:22px 20px;}
.layout-header .header-wrap .header .btn-util-search a{ position: relative; width:100%; height:100%; display:block;}

.header-sch-wrap{padding:0 15px; height:27px;}
.header-sch-wrap .header-search-box{width:100%;height:27px; background:#fff;border:2px solid #ed1c24;
box-sizing: border-box; position: relative; border-radius: 6px 0 6px 0}
.header-sch-wrap .header-search-box input{width:calc(100% - 30px); height:21px;font-size:14px;color:#555; border: none; margin-top:2px;font-family: 'notokr-regular';}
.header-sch-wrap .header-search-box .btn-search{display: inline-block; width:15px; height:15px;
background: url(/images/new/common/btn/btn_red_search_icon.png) no-repeat 0 center; background-size:15px; position: absolute; top:4px; right:10px; text-indent: -99999px;}

.layout-header .header-menu-wrap{ box-sizing: border-box;border-bottom:1px solid #00467f; background:#fff; height:51px; }
.layout-header .header-menu-wrap .category-swiper-container{}
.layout-header .header-menu-wrap .category-swiper-container .swiper-wrapper{}
.layout-header .header-menu-wrap .swiper-slide {width:auto; padding-left:20px; /*padding-left:15px; */}
.layout-header .header-menu-wrap .swiper-slide a{color:#333333; font-size:15px; line-height:51px; height:51px; font-family:'notokr-medium';position: relative; 
display:block; text-align:center;}
.layout-header .header-menu-wrap .swiper-slide a.hidden-link{display:none}
.layout-header .header-menu-wrap .swiper-slide.on a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background: #00467f;}
.layout-header .header-menu-wrap .swiper-slide:last-child{padding-right:20px; /*padding-right:15px;*/}
.layout-header .header-menu-wrap .swiper-slide:first-child{padding-left:15px;}

.depth2-tit-wrap{border-top:2px solid #eeeeee; border-bottom:1px solid #e1e1e1; height:52px; box-sizing: border-box; position:fixed; top:51px; width:100%;
background: #fff; z-index: 20;}
.depth2-tit-wrap .depth2-tit{text-align:center; color:#202020; font-family: "NanumSquareRound"; font-weight:600; line-height:52px; font-size:23px;}
.depth2-tit-wrap .btn-back{position: absolute; top:14px; left:15px}
.depth2-tit-wrap .btn-back > span{display: inline-block; width: 22px; height:19px; text-indent: -9999px;
background: url(/images/mobile/common/btn/btn_back.png) no-repeat center; background-size: 22px 19px;}
.page-container-type1{padding-top:103px;}
.depth2-tit-wrap-search{top:0}

/*footer*/
footer{padding-top:5px; background: #ededed;border-top:1px solid #ddd;}
footer .foot-btn{background: #c5c5c5;}
footer .foot-btn .tbl-type{display: table; width: 100%; table-layout: fixed;}
footer .foot-btn .tbl-type li{display:table-cell; position: relative}
footer .foot-btn .tbl-type li a{display:block; height:39px; line-height:39px; font-size:15px; text-align:center; color:#444;}
footer .foot-btn .tbl-type li:before{width:1px; height:8px; background: #ddd;position: absolute; top:15px; left:0; content:""}
footer .foot-btn .tbl-type li.first:before{display:none}
footer .foot-policy{background: #f5f5f5; text-align:center; padding:20px 15px 95px 15px}
footer .foot-policy .foot-contact p strong{display:block; font-size:14px; margin-bottom:5px; font-family:'notokr-medium'; font-weight:400}
footer .foot-policy .foot-contact p{line-height:16px; font-size:12px; word-break: keep-all; margin-bottom:10px;}
footer .foot-policy .foot-contact p span{padding: 0 4px 5px 0; line-height:12px; position: relative; display:inline-block;}
footer .foot-policy .foot-contact p span.first{padding-left:0;}
footer .foot-policy .foot-contact p span.first:before{display:none}
footer .foot-policy .foot-contact .link-line{border:1px solid #ddd; box-sizing: border-box; background: #fff; padding:0 5px; height:20px; line-height:21px; display:inline-block;}
footer .foot-policy .footterms{margin:15px 0}
footer .foot-policy .footterms li{display:inline-block;padding:0; line-height:13px; position: relative; }
footer .foot-policy .footterms li a{font-size:13px; color:#666}
footer .foot-policy .footterms li.first:before{display:none}
footer .foot-policy .footterms li.first a{color:#1b83bf;}
footer .foot-policy .copyright{font-size:13px; color:#888888}
footer .main-cs{background: #f5f9fc; padding:12px 0; text-align:center;}
footer .main-cs p > strong{font-weight:400; font-family:'notokr-medium'; font-size:12px; margin-bottom:6px; display:block;}
footer .main-cs p > a{color:#2496d4; font-size:24px;font-family: "NanumSquareRound"; font-weight:600}

/*셀렉터박스*/
.select-box{
background: url(/images/mobile/common/ico/ico_arrow_gray_select1.png)  no-repeat 97% center; background-size:10px 9px;
width:90px;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
border-radius: 0;
font-size: 13px;
color: #666;
font-family: 'notokr-regular';
border:none;}

.fixed-btn-wrap{position: fixed;bottom: 4.8rem; right: .7rem; line-height: 0;  width: 35px; z-index: 100;}
.fixed-btn-wrap a.btn-top{display:block; width:35px; height:35px; background:url(/images/mobile/common/btn/btn_top.png) no-repeat center; background-size:35px;}

.layout-menu{position: fixed; width:100%; height:100%; background: #fff; top:0; left:0; z-index:1000; display:none}
.layout-menu .layout-menu-wrapper{width: 100%;height: 100%; overflow-y: auto; overflow-x: hidden;}
.layout-menu .layout-menu-header{width:100%; background: #00467f; position: relative;}
.layout-menu .layout-menu-header .menu-close{width:16px; height:16px;background:url(/images/mobile/common/btn/btn_popup_white_close_type1.png) no-repeat center;
background-size:16px; position: absolute; top:15px; right:15px; text-indent: -9999px}
.layout-menu .layout-menu-header .member-section{height:47px; line-height:47px; padding:0 15px;}
.layout-menu .layout-menu-header .member-section .member-txt{color:#fff; font-size:15px;font-family:'notokr-medium'; }
.layout-menu .layout-menu-header .member-section .member-txt em{font-size:12px; font-family: 'notokr-regular';}
.layout-menu .layout-menu-header .member-section .member-txt i{color:#fff; font-style: normal;}
.layout-menu .layout-menu-header .header-menu-group{border-top:1px solid #00335e}
.layout-menu .layout-menu-header .header-menu-group ul {display: table; width: 100%; table-layout: fixed;}
.layout-menu .layout-menu-header .header-menu-group ul li{display:table-cell; position: relative}
.layout-menu .layout-menu-header .header-menu-group ul li a{display:block; height:42px; line-height:42px; font-size:13px; text-align:center; color:#ffffff; letter-spacing: -0.5px}
.layout-menu .layout-menu-header .header-menu-group ul li:before{width:1px; height:12px; background: #00335d;position: absolute; top:50%; left:0; margin-top:-6px; content:""}
.layout-menu .layout-menu-header .header-menu-group ul li.menu-group1:before{display:none}

.layout-menu .caterogy-wrap {padding:5px 0; background: #ededed;}
.layout-menu .caterogy-wrap .category-menu {background: #fff;}
.layout-menu .caterogy-wrap .category-menu:after{clear:both; display:block; overflow: hidden; content:""; height:0}
.layout-menu .caterogy-wrap .category-menu > li{width:25%; float:left; box-sizing: border-box; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6}
.layout-menu .caterogy-wrap .category-menu > li:nth-child(4n+0){border-right:0}
.layout-menu .caterogy-wrap .category-menu > li:nth-child(9), .layout-menu .caterogy-wrap .category-menu > li:nth-child(10){border-bottom:0}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item1 i{width: 22px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item1.png) no-repeat center; background-size:22px 36px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item2 i{width: 37px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item2.png) no-repeat center; background-size:37px 26px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item3 i{width: 39px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item3.png) no-repeat center; background-size:39px 27px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item4 i{width: 26px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item4.png) no-repeat center; background-size:26px 31px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item5 i{width: 34px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item5.png) no-repeat center; background-size:34px 28px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item6 i{width: 32px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item6.png) no-repeat center; background-size:32px 32px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item7 i{width: 31px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item7.png) no-repeat center; background-size:31px 24px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item8 i{width: 34px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item8.png) no-repeat center; background-size:34px 26px;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item9 i{width: 40px; height:36.5px; 
background: url(/images/mobile/common/ico/ico_category_item9_1.png) no-repeat center; background-size:40px 36.5px;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item10 i{width: 32.5px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item10.png) no-repeat center; background-size:32.5px 31px;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item10 span{letter-spacing: -1px;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item11 i{width: 31px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item11.png) no-repeat center; background-size:100%;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item12 i{width: 36px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item12.png) no-repeat center; background-size:36px 16.5px;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item13 i{width: 16.5px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item13.png) no-repeat center; background-size:16.5px 28px;}

.layout-menu .caterogy-wrap .category-menu > li.category-icon-item14 i{width: 33.5px; height:36px; 
background: url(/images/mobile/common/ico/ico_category_item14.png) no-repeat center; background-size:33.5px 33px;}

.layout-menu .caterogy-wrap .category-menu > li a{display: block; color: #666666; font-size: 12px; text-align: center; padding-top:15px; height:75px;color:#444444}
.layout-menu .caterogy-wrap .category-menu > li i {display: block;vertical-align: middle; text-align: center; margin: 0 auto 10px auto;}
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item9 a{/*color:#00467f;    font-family: 'notokr-bold';*/padding-top: 13px; height:77px;}


.layout-menu .layout-menu-cont{padding-bottom:5px;background: #ededed;}
.layout-menu .layout-menu-cont .layout-menu-cont-tit{padding:0 15px; height:42px; line-height:42px; border-bottom:1px solid #eeeeee;
display:block; color:#222222;font-family:'notokr-bold'; font-size:15px; background: #fff; }
.layout-menu .layout-menu-cont .layout-menu-cont-tit a{color:#222}
.layout-menu .layout-menu-cont .layout-menu-cont-tit a i{display:inline-block; vertical-align: middle; width:7px; height:13px;
background: url(/images/mobile/common/ico/ico_black_arrow.png) no-repeat center; background-size:7px 13px; margin-left:10px;}
.layout-menu .layout-menu-cont .layout-menu-cont-box{padding:15px 0;background: #fff;}
.layout-menu .layout-menu-cont .layout-menu-cont-box .brand-list-type1 .swiper-slide{width:65px; height:65px; padding-right:25px;}
.layout-menu .layout-menu-cont .layout-menu-cont-box .brand-list-type1 .swiper-slide:first-child{margin-left:15px}
.layout-menu .layout-menu-cont .layout-menu-cont-box .brand-list-type1 .swiper-slide img{width:100%; height:100%; vertical-align: middle; display:block;}
.layout-menu .layout-menu-cont .layout-menu-cont-box .brand-list-type1 .swiper-slide a{display:block; width:100%; height:100%}
.layout-menu .layout-menu-cont .layout-menu-cont-box p.c{margin:69px auto;}

.swiper-slide.goods-list-wrap-type3:first-child{margin-left:15px;}
.swiper-slide.goods-list-wrap-type3{width:82px; margin-right:20px;}
.swiper-slide.goods-list-wrap-type3 .goods-list-type3{padding:0}

.layout-menu-footer{background: #fff !important; text-align:center; margin:20px 0; border-top:0; padding:0}
.layout-menu-footer li{display: inline-block; padding: 0 4px 0 13px; line-height: 13px; position: relative;}
.layout-menu-footer li:first-child{padding-left:0}
.layout-menu-footer li a{color:#444444; font-size:14px;}
.layout-menu-footer li:before{width: 1px;height: 12px; background: #b0b0b0; position: absolute; top: 50%; left:2px;margin-top: -6px;content: "";}
.layout-menu-footer li.first:before{display:none}

#topline{width:100%; height:100%; position: relative; display: none;}
#topline a > img{display:block; width:100%; height:100%;}
#topline .topline-btn {display: inline;vertical-align: middle; position: absolute; top: 50%; right:20px; z-index: 1;}
#topline .topline-btn .btn-clse {width: 18px; height: 17px; display: inline; vertical-align: middle; position: absolute;  top: 50%; right: 0; margin-top: -9px;
 background: url(/images/new/common/ico/ico_close_gray_type1.png) no-repeat; text-indent: -999em;  z-index: 1;}
 
 /*191101 css추가*/
.btn-join-type{width:90px; height:30px; line-height:30px; display:inline-block; box-sizing:border-box; text-align:center; color:#fff; font-size:14px;  vertical-align: middle;}
.btn-join-type.btn-login-go{background:#2496d4; }
.btn-join-type.btn-login-join{border:1px solid #80a3bf;}
 
 
@media (max-width: 390px){
.layout-menu .caterogy-wrap .category-menu > li.category-icon-item1 a{font-size:11px; letter-spacing:-0.5px;}

}