@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ************************ 공용 ************************ */
a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important;}
a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#666;}
/* a,img,i {transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;} */
			
body {font-family:'Elice DigitalBaeum',"돋움",sans-serif; font-size:16px;line-height:1.6; color:#000; word-break:keep-all;}
body > section {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto;}

.fixed{position:fixed!important;}

/* 컨텐츠 */
.contents img {max-width:100%; height:auto;}

/* 관련검색어? custom */
.search_related {border-radius:30px;overflow:hidden;position:absolute;left:0!important;top:20px!important;z-index: 3;background: #fff;width:100%;box-shadow: 2px 2px 8px rgba(0,0,0,.16);padding-bottom:15px;}
.search_related .ui-autocomplete{padding:50px 0 10px;overflow-y:auto;max-height:330px;width:100%!important;position: relative!important;top:auto!important;left:auto!important;border:0!important;overflow-x:hidden;}
.search_related .ui-autocomplete li{line-height: 1;}
.search_related .ui-autocomplete li a{text-align:left;line-height:1.5!important;display: block;font-size: 14px;font-family:'Elice DigitalBaeum',"돋움",sans-serif;background: url(../images/common/i_search.png) no-repeat 15px 9px;background-size:15px;padding:6px 20px 6px 40px;border:0!important;}
.search_related .ui-autocomplete li a:hover{border:0;background-color:#f9f9f9}

.sub .search_related{top:10px!important;}

/* 스크롤바 custom */
.search_related ::-webkit-scrollbar {width:15px;border-radius:30px;}
.search_related ::-webkit-scrollbar-track {border-radius:30px;background: #f5f5f5;border-left: 1px solid #eee;}
.search_related ::-webkit-scrollbar-thumb {background: #ddd;border-radius:30px;}
.search_related ::-webkit-scrollbar-thumb:hover {background: #ccc;}


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	body {min-width:1400px;}
	body>* {clear:both; position:relative; width:100%; max-width:100%; margin:0 auto;}
	
	/*공통*/
	.mobile {display:none !important;}
	.only-pc {display:block;}
	.except-pc {display:none;}
	.only-mobile {display:none !important;}
	.only-tablet {display:none;}
	.except-mobile {display:block !important;}
	.only-pc-mobile {display:block;}

	.w1400{position:relative;width:1400px;margin:0 auto; max-width:100%;}
	.w1400:after{content:'';display:block;clear:both;}
	
	/* 헤더 */
	header{}
	header .topMenu{overflow:hidden;border-bottom:1px solid #ddd;height:50px;line-height:50px;}
	header .topMenu .leftLink{float:left;}
	header .topMenu .leftLink:after{content:'';display:block;}
	header .topMenu .leftLink a{display:block;float:left;margin-right:20px;line-height:40px;}
	header .topMenu .leftLink a img{margin-right:10px;display:inline-block;vertical-align:middle;}
	header .topMenu .leftLink a .txt{display:inline-block;vertical-align:middle;}
	header .topMenu .rightLink{float:right;}
	header .topMenu .rightLink:after{content:'';display:block;clear:both;}
	header .topMenu .rightLink a{transition:.3s;display:block;line-height:50px;float:left;padding:0 15px;border-right:1px solid #ddd;font-size: 15px;}
	header .topMenu .rightLink a:first-child{border-left:1px solid #ddd;}
	header .topMenu .rightLink a:hover{background:#f4f4f4;}
	header .midMenu{height: 115px;}
	header .midMenu .logo{position: absolute;}
	header .midMenu .logo a{display:block;line-height:115px;}
	header .midMenu .logo a img{}
	header .midMenu .search_bx{float:left;margin-left:240px;position:relative;padding-top:35px;}
	header .midMenu .search_bx form{float:left;width:316px;position:relative;}
	header .midMenu .search_bx input{width:316px;max-width:100%;height:46px;line-height:46px;border-radius:0;border:1px solid #ccc;padding:0 10px;padding: 0 45px 0 10px;}
	header .midMenu .search_bx .btn_sch{position: absolute;top: 0;right: 0;z-index:2;}
	header .midMenu .search_bx .btn_sch button{width:46px;height:46px;border:0;background:url(../images/common/i_search.png) no-repeat 50%}
	header .midMenu .search_bx dl{float: left;margin-top: 9px;margin-left: 20px;}
	header .midMenu .search_bx dl:after{content:'';display:block;clear:both;}
	header .midMenu .search_bx dl dt{color:#b2b2b2;float:left;padding-right:15px;margin-right:9px;position:relative;}
	header .midMenu .search_bx dl dt:before{content:'';position:absolute;top:50%;margin-top:-4px;right:0;background:url(../images/common/i_arrow_right.png) no-repeat 50%;width:6px;height:8px;}
	header .midMenu .search_bx dl dd{float:left;}
	header .midMenu .search_bx dl dd span{display:inline-block;margin-right:5px;color:#5c5c5c;}
	header .midMenu .cs_center{float: right;padding: 8px 0 8px 70px;background: url(../images/common/bg_telephone.png) no-repeat 0 50%;margin-top: 23px;}
	header .midMenu .cs_center .txt{color:#3d3d3d;font-size:20px;line-height:1;}
	header .midMenu .cs_center a{color:#1f5ab1;display:block;font-size:24px;font-weight:bold;line-height:1;margin-top: 8px;letter-spacing: -.8px;}
	header .bottomMenu{background:#eee;padding:25px 0;}
	/* header .bottomMenu .w1400{height:90px;line-height:90px;} */
	header .bottomMenu .w1400{display:flex;}
	header .bottomMenu ul{width: calc(100% - 80px);height:100%;border:1px solid #ddd;border-right:0; display:flex;}
	/* header .bottomMenu ul:after{content:'';display:block;clear:both;} */
	header .bottomMenu ul li{width:9.09%;display: flex; align-items: center;border-right:1px solid #ddd;background:#fff;}
	header .bottomMenu ul li a{display:block;width: 100%;padding:10px 0;}
	header .bottomMenu ul li a span[class*="icon"]{line-height:1;text-align:center;display:block;width:43px;height: 41px;margin:0 auto 10px;background-position-x:-43px;transform: scale(.91);opacity:.5;}
	header .bottomMenu ul li a:hover span[class*="icon"]{background-position-x:0;opacity:1;}
	header .bottomMenu ul li a .icon1{background:url(../images/common/i_menu1.png) no-repeat}
	header .bottomMenu ul li a .icon2{background:url(../images/common/i_menu2.png) no-repeat}
	header .bottomMenu ul li a .icon3{background:url(../images/common/i_menu3.png) no-repeat}
	header .bottomMenu ul li a .icon4{background:url(../images/common/i_menu4.png) no-repeat}
	header .bottomMenu ul li a .icon5{background:url(../images/common/i_menu5.png) no-repeat}
	header .bottomMenu ul li a .icon6{background:url(../images/common/i_menu6.png) no-repeat}
	header .bottomMenu ul li a .icon7{background:url(../images/common/i_menu7.png) no-repeat}
	header .bottomMenu ul li a .icon8{background:url(../images/common/i_menu8.png) no-repeat}
	header .bottomMenu ul li a .icon9{background:url(../images/common/i_menu9.png) no-repeat}
	header .bottomMenu ul li a .icon10{background:url(../images/common/i_menu10.png) no-repeat}
	header .bottomMenu ul li a .icon11{background:url(../images/common/i_menu11.png) no-repeat}
	header .bottomMenu ul li a .txt{line-height:1;text-align:center;display:block;}
	header .allMenu{width:80px;}
	header .allMenu .openAllCate{height:100%; cursor:pointer;background:#f4961f;text-align:center;display:flex; align-items:center; justify-content:center;}
	header .bottomMenu .allMenu a img{}
	header .special_cate{background:#1f5ab1;}
	header .special_cate ul{}
	header .special_cate ul:after{content:'';display:block;clear:both;}
	header .special_cate ul li{float:left;width:20%;}
	header .special_cate ul li a{transition:.3s;line-height:60px;text-align:center;display:block;border-right:1px solid rgba(255,255,255,.5);}
	header .special_cate ul li:first-child a{border-left:1px solid rgba(255,255,255,.5)}
	header .special_cate ul li a img{margin-right:12px;margin-top:-2px;}
	header .special_cate ul li a .txt{color:#fff;line-height:1;}
	header .special_cate ul li a:hover{background:#3173de;}
	
	/* gnb */
	.allMenu{position:relative;}

	.allMenuCon_wrap{padding:0 0 20px 20px;background:#fff;overflow:hidden;position: absolute;top: 89px;border: 1px solid #ddd;height: calc(100vh - 390px);left: -.5px;background: #fff;width: 1400px; z-index: 999;box-shadow: 2px 3px 9px rgba(0,0,0,.14);display:none;}
	.allMenuCon_wrap.on{display:block;}	
	.allMenuCon{overflow-y:auto;height:100%;padding:20px 20px 0 0 ;}
	.allMenuCon dl{clear:both;margin-bottom:10px;border-bottom:1px dashed #ddd;}
	.allMenuCon dl:last-child{border-bottom:0;}
	.allMenuCon dl a{background:none!important;}
	.allMenuCon dl dt{float:left;line-height: 1;padding:5px 20px 20px 0;width:200px;}
	.allMenuCon dl dt a{text-align:left!important;display:block;position:relative;padding-left:10px;}
	.allMenuCon dl dt a:before{content:'';position:absolute;top:2px;left:0;width:3px;height:13px;background:#1f5ab1;}
	.allMenuCon dl dd{line-height: 1;padding:0 30px 15px 200px;}
	.allMenuCon dl dd a{display:inline-block!important;position:relative;font-size:15px;vertical-align:middle;line-height:1!important;padding:7px 7px;}
	.allMenuCon dl dd a:before{content:'';position:absolute;width:1.5px;height:11px;top:50%;margin-top:-5px;background:#ccc;right:-2px;}
	.allMenuCon dl dd a:last-child:before{display:none;}

	/*lnb*/
	.lnb_wrap{ position:relative;}
	.lnb {position:absolute; top:100%; left:0; width:100%;border-bottom:1px solid #eee;}/*position:absolute; left:0; top:260px;*/
	.lnb .lnb-wrap {position:relative;max-width:1400px;margin:0 auto; height:100%;z-index:2;}
	.lnb .lnb-wrap>* {float:left;}
	.lnb .lnb-wrap:after {clear:both; content:''; display:block;}
	.lnb .lnb-wrap .cate_title{font-weight:400;font-size:16px;color:#000;line-height:60px;}
	.lnb .lnb-wrap a {font-size:16px; color:#000;}
	.lnb .lnb-wrap .lnb-depth {position:relative;}
	.lnb .lnb-wrap .lnb-depth>p {display:block;font-size:16px; font-weight:300; color:#000; cursor:pointer;background:url(../images/common/i_loc_nav.png) no-repeat left 50%;line-height:60px;padding-left:23px;margin-left:15px;}
	.lnb .lnb-wrap .lnb-depth>ul {display:none; position:absolute;left:15px;top:60px;width:200px;border:1px solid #ddd;border-top:2px solid #1f5ab1;background:#fff;z-index:999;box-shadow: 0px 2px 10px rgba(0,0,0,.08);max-height: calc(100vh - 300px);overflow-y: auto;}
	
	.lnb .lnb-wrap .lnb-depth>ul li a {display:block; padding:5px 20px;position:relative;}
	.lnb .lnb-wrap .lnb-depth>ul li.on a {color:#fff;background:#1f5ab1;}
	.lnb .lnb-wrap .lnb-depth.on>ul {display:block;}
	.lnb .lnb-wrap .lnb-depth.depth02 {}

	.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05); background:#fff;left:0;}
	/* .lnb.fixOn .lnb-wrap {max-width:1200px;margin:0 auto;} */
		
	.lnb .wrap .on{display:block;}
	.lnb .wrap .on p{color:#1f5ab1;background:url(../images/common/i_loc_nav.png) no-repeat left 50%;}
	.lnb .wrap .on .dep3{display:none;}
	.lnb .wrap .on .dep4{display:none;}
	
	/* 마이페이지 용 lnb */
	.lnb_mypage{background:#f3f3f3;text-align:center;}
	.lnb_mypage ul{display:inline-block;vertical-align: middle;}
	.lnb_mypage ul:after{content:'';display:block;clear:both;}
	.lnb_mypage ul li{float:left;width:auto;}
	.lnb_mypage ul li a{display:block;line-height:60px;text-align:center;padding: 0 3vw;}
	.lnb_mypage ul li.on a{background:#fff;color:#000;}
	.lnb_mypage.w5 ul li{width:20%;}
	
	/* .lnbMenu {position:absolute; left:0; top:60px; width:100%;} */
	.lnbMenu {padding:110px 0 0;width:1400px; margin:0 auto;}
	.lnbMenu .lnbMenuWrap {padding:30px 30px 10px;overflow:hidden; background:#f9f9f9;}
	/* .lnbMenu .swiper-container{width:100%;height:100%; margin-left: auto;margin-right: auto;} */
    .lnbMenu .swiper-slide {text-align:left;height: calc((100% - 30px) / 2);}
	.lnbMenu .swiper-slide a {padding:5px 10px;text-align:left;display:block;color:#666; border:1px solid #e5e5e5;background:#fff; }
	.lnbMenu .swiper-slide a:hover {background:#f1f1f1;}
	.lnbMenu .swiper-slide a.on {color:#fff;background:#1f5ab1; border-color:transparent;}
	.lnbMenu .first {padding:0 0 10px;}
    .lnbMenu .swiper-slide-top:first-child {}
    .lnbMenu .swiper-slide-top:first-child a{background:#fff url(../images/sub/i_cate_back.png) no-repeat 8px 5px;padding: 4px 10px 4px 25px;border: 1px solid #ddd; background-size:10px;width: auto;display: inline-block;}
	.lnbMenu .swiper-pagination{position: relative;color:#999;line-height: 1;margin:20px 0 0; font-size: 12px;text-align: left;}
	.lnbMenu .swiper-pagination .swiper-pagination-current{color:#333}
	
	/*footer 위에 링크*/
	
	/*footer*/
	footer{background:#f7f7f7;}
	footer>.w1400{padding:40px 0!important;}
	footer *{font-size:15px;}
	footer .ft_link{background: #e7e7e7;}
	footer .ft_link ul:after{content:'';display:block;clear:both;}
	footer .ft_link ul li{float:left;margin-right:18px;padding-right:18px;position:relative;}
	footer .ft_link ul li:before{content:'';position:absolute;top:50%;margin-top:-6px;right:0;width:1px;height:12px;background:#aaa;}
	footer .ft_link ul li:last-child:before{display:none;}
	footer .ft_link ul li a{display:block;padding:15px 0;color:#000;letter-spacing:0;}
	footer .ft_container{position:relative;}
	footer .ft_container:after{content:'';display:block;clear:both;}
	footer .ft_container .ft_logo{width:120px;height:auto;float:left;}
	footer .ft_container .ft_logo img{max-width:100%;}
	footer .ft_container>p{float:left;padding-left:50px;line-height:1.8;letter-spacing: 0px;color: #444;}
	footer .ft_container>p .bar{display:inline-block;margin:0 10px;width:1px;height:12px;background:#aaa}
	footer .ft_container .btn_catalog{position:absolute;right:0;top:40px;display:Block;background:#1f5ab1;width:236px;height:55px;}
	footer .ft_container .btn_catalog:after{content:'';display:block;clear:both;}
	footer .ft_container .btn_catalog .imgBx{width:55px;height:55px;display:flex;align-items:center;float:left;background:rgba(255,255,255,.15)}
	footer .ft_container .btn_catalog .imgBx img{display:block;margin:0 auto;}
	footer .ft_container .btn_catalog .txt{color: #fff;padding-left: 20px;line-height: 55px;float: left;width: calc(100% - 55px);background: url(../images/main/i_down.png) no-repeat 90% 50%;}	
	
	/* 제품 공통 스타일 */
	.product_ul{margin-top:-.7%;}
	.product_ul:after{content:'';display:block;clear:both;}
	/* .product_ul li{background:#fff;margin-top:.7%;margin-right:.7%;float: left;width:19.44%;} */
	.product_ul li{background:#fff;margin-top:.7%;margin-left:.7%;float: left;width:19.44%;}
	.product_ul li {}
	.product_ul li:nth-child(5n+1){margin-left:0; clear:both;}
	.product_ul li .productWrap{display:block;border:1px solid #ddd;position:Relative;transition:.5s;}
	.product_ul li .productWrap .badge{position:absolute;width:auto;right:10px;top:0;line-height:1;}
	.product_ul li .productWrap .badge span, .proInfo_Top .badge span{display:inline-block;font-size:13px;padding:5px 5px 6px;line-height:1;border-radius:0 0 3px 3px;color:#fff;}
	.product_ul li .productWrap .badge .new, .proInfo_Top .badge .new{background:#32a6de;}
	.product_ul li .productWrap .badge .best, .proInfo_Top .badge .best{background:#e52625;}
	.product_ul li .productWrap .badge .reco, .proInfo_Top .badge .reco{background:#67b447;}
	.product_ul li .productWrap .badge .event, .proInfo_Top .badge .event{background:#623490;}
	.product_ul li .productWrap .badge .dis, .proInfo_Top .badge .dis{background:#808080;}
	.product_ul li .productWrap a{display:Block;padding:20px;overflow:hidden;}
	.product_ul li .productWrap span{display:Block;}
	.product_ul li .productWrap .product_img{padding-bottom:0;}
	.product_ul li .productWrap .product_img .img{display:block;width:176px;margin:0 auto;height:176px;}
	.product_ul li .productWrap .product_info{padding-top:10px;font-size:16px;letter-spacing:-.02em;}
	.product_ul li .productWrap .product_info .name{color:#1a1a1a;font-size:1em;line-height:1.4;}
	.product_ul li .productWrap .product_info .addTxt{line-height: 1.3;color:#e52625;font-size:.9em;margin-top:10px;}
	.product_ul li .productWrap .product_info .price{margin-toP:18px;font-size:1.25em;color:#000;}
	.product_ul li .productWrap .product_info .price small{font-size: 0.8em;color: #999;}
	.product_ul li .productWrap .product_info .point {margin-top:12px;background:#ff7e0c;color:#fff;line-height: 1;padding: 6px 10px;display: inline-block;font-size: 14px;letter-spacing: 1px;}
	.product_ul li .productWrap .product_info .point .bar{margin: 0 10px;display:inline-block;width:1px;height:10px;line-height:1;background:#fff;}
	
	.product_ul li .productWrap:hover{box-shadow: 2px 2px 12px rgba(0,0,0,.17);}
}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	html,body {overflow-x:hidden;}
	.ofHidden{overflow:hidden;height: 100%;}
	
	/*공통*/
	.pc {display:none!important;}
	.only-pc {display:none;}
	.except-pc {display:block;}
	.only-tablet {display:block;}
	.only-mobile {display:none !important;}
	.except-mobile {display:none  !important;}
	.only-pc-mobile {display:none;}
	
	.w1400{position:relative;padding-left:5vw!important;padding-right:5vw!important;}
	.w1400:after{content:'';display:block;clear:both;}

	/* 헤더 공통 */
	/* 헤더 */
	header{}
	header .w1400{padding:0!important;}
	header .topMenu{overflow:hidden;border-bottom:1px solid #ddd;}
	header .topMenu .leftLink{display:none;}
	header .topMenu .rightLink{}
	header .topMenu .rightLink:after{content:'';display:block;clear:both;}
	header .topMenu .rightLink a{transition:.3s;display:block;line-height:35px;float:left;padding:0 7px;border-right:1px solid #ddd;font-size:12px;width:25%;text-align:center;}
	header .topMenu .rightLink a:last-child{border-right:none;}
	header .midMenu{}
	header .midMenu .logo{padding-left:5vw;display:inline-block;position: relative;z-index: 9;}
	header .midMenu .logo a{display: inline-block;line-height:60px;}
	header .midMenu .logo a img{height: 30px;margin-top: -4px;}
	header .midMenu .search_bx{width: 100%;display: block;padding: 3vw 5vw!important;background: #f5f5f5;}
	header .midMenu .search_bx form{width:100%;position:relative;}
	header .midMenu .search_bx input{width:100%;height:40px;line-height:40px;border-radius:0;border:1px solid #ccc;padding:0 10px;padding: 0 45px 0 10px;font-size:14px;background: #fff;}
	header .midMenu .search_bx .btn_sch{position: absolute;top: 0;right: 0;}
	header .midMenu .search_bx .btn_sch button{width:40px;height:40px;border:0;background:url(../images/common/i_search.png) no-repeat 50%;background-size:17px auto!important;}
	header .midMenu .search_bx dl{margin-top:0;font-size: 14px;display:none;}
	header .midMenu .search_bx dl:after{content:'';display:block;clear:both;}
	header .midMenu .search_bx dl dt{color:#b2b2b2;float:left;padding-right:15px;margin-right:9px;position:relative;}
	header .midMenu .search_bx dl dt:before{content:'';position:absolute;top:50%;margin-top:-4px;right:0;background:url(../images/common/i_arrow_right.png) no-repeat 50%;width:6px;height:8px;}
	header .midMenu .search_bx dl dd{float:left;}
	header .midMenu .search_bx dl dd span{display:inline-block;margin-right:5px;color:#5c5c5c;}
	header .midMenu .cs_center{display:none;}
	header .midMenu .cs_center .txt{color:#3d3d3d;font-size:20px;line-height:1;}
	header .midMenu .cs_center a{color:#1f5ab1;display:block;font-size:24px;font-weight:bold;line-height:1;margin-top: 8px;letter-spacing: -.8px;}
	header .bottomMenu {display:none;}
	header .special_cate{border-top:1px solid #fff;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;background:#1f5ab1;}
	header .special_cate .w1400{padding:0!important;}
	header .special_cate ul:after{content:'';display:block;clear:both;}
	header .special_cate ul li{float:left;width:20%;}
	header .special_cate ul li a{border-right: 1px solid rgba(255,255,255,.5);
    padding: 9px 0;
    text-align: center;
    display: block;}
	header .special_cate ul li:last-child a{border-right:0;}
	header .special_cate ul li a img{display: block;margin: 0 auto;height:15px;}
	header .special_cate ul li a .txt{color: #fff;line-height: 1;font-size: 13px;border: none;display: block;margin-top: 8px;}
	header .special_cate ul li a:hover{background:#3173de;}
	
	
	/* gnb */
	.allMenu{position:absolute;top:0;right:0;width:100%;text-align:right;}
	.allMenu>a{cursor:pointer;width:60px;line-height:60px;background:#f4961f;text-align:center;display:inline-block;}
	.allMenu>a img{width: 25px;margin-top: -3px;}

	/* .allMenuCon_wrap{background:#fff;overflow:hidden;position: absolute;top: 60px;width: 100%;background: #fff;z-index: 999;display:none;border-top: 1px solid #ddd;height:calc(100vh - 150px);} */
	.allMenuCon_wrap{background:#fff;overflow:hidden;position: absolute;top: 60px;width: 100%;background: #fff;z-index: 999;display:none;border-top: 1px solid #ddd;height:calc(100vh - 150px); height:calc((var(--vh, 1vh) * 100) - 150px);}
	.allMenuCon_wrap.on{display:block;}
	.allMenuCon{overflow-y:auto;height:100%;}
	.allMenuCon dl{text-align:left;clear:both;}
	.allMenuCon dl a{background:none!important;display:block;}
	.allMenuCon dl dt{line-height: 1;padding:0;border-bottom:1px dashed #ddd;padding:0 5vw;}
	.allMenuCon dl:last-child dt{border-bottom:0;}
	.allMenuCon dl dt a{font-size:15px;display:block;padding:12px 15px 12px 0;}
	.allMenuCon dl dt a.on{color: #1f5ab1;}
	.allMenuCon dl dd{display:none;line-height: 1;padding:10px 4vw;background:#f5f5f5}
	.allMenuCon dl dd a{display:inline-block!important;position:relative;font-size:13px;vertical-align:middle;line-height:1!important;padding:5px 7px;}
	.allMenuCon dl dd a:before{content:'';position:absolute;width:1.5px;height:11px;top:50%;margin-top:-5px;background:#ccc;right:-2px;}
	.allMenuCon dl dd a:last-child:before{display:none;}
	
	
	/* gnb */
	#gnb {display:none!important;}
	#gnb_mo {display:none;width:100%;background:#fff;position:fixed;top:0;left:0;z-index:99;box-shadow: 6px 7px 12px rgba(0,0,0,.08);height: 100vh; overflow: hidden;}
	#gnb_mo .menu_container{height: 70px;border-bottom: 1px solid #ddd;}
	.gnb_ul {width:100%;border-bottom:0;padding-bottom:20px;}
	.gnb_ul li{border-bottom: 1px solid #ddd;position:relative;}
	.gnb_ul a{transition: all 0s linear 0s!important;font-size:14px;display: block;line-height:1;padding:12px 20px; color: inherit;color: #000; font-weight: 400;}
	.gnb_ul > li div {display: none;background:#f7f7f7}
	.gnb_ul > li > div >ul> li > div {display: none;border-bottom: 1px solid #ddd;background: #eee;}
	.gnb_ul > li > div >ul> li > div >ul> li > a{position:relative;padding-left:28px!important;}
	.gnb_ul > li > div >ul> li > div >ul> li > a:before{content:'';position:absolute;top:50%;margin-top:-1.5px;left:20px;width:3px;background:#999;height:3px;}
	.gnb_ul > li > div >ul> li > div >ul> li > div {background:#e8e8e8;}
	.gnb_ul > li > div >ul> li > div >ul> li > div li a{position:relative;padding-left:32px!important;}
	.gnb_ul > li > div >ul> li > div >ul> li > div li a:before{content:'';position:absolute;top:50%;left:20px;width:6px;background:#999;height:1px;}
	.gnb_ul li.noDepth a {background-image: none !important; }
	.gnb_ul li.active>div{width:100%;display:block!important;}
	.gnb_ul li.active div li{border-bottom:0;}
	.gnb_ul li.active div li a{font-size:13px;padding:10px 20px;border-top: 1px solid #fff;}
	.gnb_ul li.active div li .viewMore{padding:10px 20px;}
	.gnb_ul li.active{border-bottom:1px solid #d40000;}
	.gnb_ul li.active>a{color:#d40000;}
	.gnb_ul div.on{display:block!important;}
	.gnb_ul .viewMore{position: absolute;top: 0;right: 0;font-size: 14px;line-height:1;padding:12px 20px;}
	.gnb_ul .viewMore:before{position: absolute;content:'';top:10%;background:#eee;left:0;width:1px;height:80%;}
	
	#menuOpen{width:70px;height:70px;line-height:70px;text-align:center;position: absolute;top: 0;left: 0; z-index: 999;}
	#menuOpen a{display:flex;height:100%;align-items:center;}
	#menuOpen a img{margin: 0 auto;}
	#menuOpen img.on{display:none;}
	#menuOpen img.off{display:block;}
	header.on #menuOpen{background:#d40000;}
	header.on #menuOpen img.on{display:block;}
	header.on #menuOpen img.off{display:none;}


	/* 마이페이지 용 lnb */
	.lnb_mypage{background:#f3f3f3;}
	.lnb_mypage ul:after{content:'';display:block;clear:both;}
	.lnb_mypage ul li{float:left;width:33.33%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
	.lnb_mypage ul li:nth-child(3n){border-right:0;}
	.lnb_mypage ul li a{display:block;line-height:38px;text-align:center;font-size:13px;}
	.lnb_mypage ul li.on a{background:#da0101;color:#fff;}
	
	/*footer 위에 링크*/
	
	/*footer*/
	footer{background:#f7f7f7;}
	footer>.w1400{padding:30px 0 70px;}
	footer *{font-size:14px;}
	footer .ft_link{background: #e7e7e7;}
	footer .ft_link ul:after{content:'';display:block;clear:both;}
	footer .ft_link ul li{float:left;margin-right:18px;padding-right:18px;position:relative;}
	footer .ft_link ul li:before{content:'';position:absolute;top:50%;margin-top:-6px;right:0;width:1px;height:12px;background:#aaa;}
	footer .ft_link ul li:last-child{margin-right:0;padding-right:0;}
	footer .ft_link ul li:last-child:before{display:none;}
	footer .ft_link ul li a{display:block;padding:10px 0;color:#000;letter-spacing:0;}
	footer .ft_container{position:relative;}
	footer .ft_container .ft_logo{display:block;width:100px;height:auto;margin-bottom:10px;}
	footer .ft_container .ft_logo img{max-width:100%;}
	footer .ft_container>p{line-height:1.6;letter-spacing: 0px;color: #444;}
	footer .ft_container>p .bar{display:inline-block;margin:0 10px;width:1px;height:12px;background:#aaa}
	footer .ft_container .btn_catalog{margin-top:20px;display:Block;background:#1f5ab1;width:200px;height:45px;}
	footer .ft_container .btn_catalog:after{content:'';display:block;clear:both;}
	footer .ft_container .btn_catalog .imgBx{width:45px;height:45px;display:flex;align-items:center;float:left;background:rgba(255,255,255,.15)}
	footer .ft_container .btn_catalog .imgBx img{display:block;margin:0 auto;width:16px;}
	footer .ft_container .btn_catalog .txt{color: #fff;padding-left: 20px;line-height:45px;float: left;width: calc(100% - 45px);background: url(../images/main/i_down.png) no-repeat 90% 50%;}
	
	/* 제품 공통 스타일 */
	.product_ul{margin-top:-1%;}
	.product_ul:after{content:'';display:block;clear:both;}
	.product_ul li{background:#fff;margin-top:1%;margin-left:1%;float: left;width:49.5%;}
	.product_ul li:nth-child(2n+1){margin-left:0; clear:both;}
	.product_ul li .productWrap{display:block;border:1px solid #ddd;position:Relative;transition:.5s;}
	.product_ul li .productWrap .badge{position:absolute;width:auto;right:5px;top:0;line-height:1;}
	.product_ul li .productWrap .badge span, .proInfo_Top .badge span{display:inline-block;font-size:11px;padding:5px 3px 6px;line-height:1;border-radius:0 0 3px 3px;color:#fff;margin-left: -2px;}
	.product_ul li .productWrap .badge .new, .proInfo_Top .badge .new{background:#32a6de;}
	.product_ul li .productWrap .badge .best, .proInfo_Top .badge .best{background:#e52625;}
	.product_ul li .productWrap .badge .reco, .proInfo_Top .badge .reco{background:#67b447;}
	.product_ul li .productWrap .badge .event, .proInfo_Top .badge .event{background:#623490;}
	.product_ul li .productWrap .badge .dis, .proInfo_Top .badge .dis{background:#808080;}

	.product_ul li .productWrap a{display:Block;padding:15px;overflow:hidden;}
	.product_ul li .productWrap span{display:Block;}
	.product_ul li .productWrap .product_img{padding-bottom:0!important;}
	.product_ul li .productWrap .product_img .img{display:block;margin:0 auto;width:100%;height:150px;background-size:contain!important;}
	.product_ul li .productWrap .product_info{padding-top:10px!important;font-size:14px;letter-spacing:-.02em;}
	.product_ul li .productWrap .product_info .name{color:#1a1a1a;font-size:1em;line-height:1.4;}
	.product_ul li .productWrap .product_info .addTxt{line-height: 1.3;color:#e52625;font-size:.9em;margin-top:10px;}
	.product_ul li .productWrap .product_info .price{margin-toP:18px;font-size:1.25em;color:#000;}
	.product_ul li .productWrap .product_info .price small{font-size: 0.8em;color: #999;}
	.product_ul li .productWrap .product_info .point {margin-top:12px;background:#ff7e0c;color:#fff;line-height: 1;padding: 6px 10px;display: inline-block;font-size:12px;letter-spacing:.5px;}
	.product_ul li .productWrap .product_info .point .bar{margin: 0 10px;display:inline-block;width:1px;height:10px;line-height:1;background:#fff;}
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
	/*공통*/
	.only-mobile {display:block !important;}
	.except-pc {display:block;}
	.only-tablet {display:none;}
	.except-mobile {display:none !important;}
	.only-pc-mobile {display:block;}
	
	footer>.w1400{padding:20px 0 70px;}
	footer *{font-size:12px;}
	footer .ft_container>p .bar{display:block;height:0;}
	footer .ft_link ul{padding:5px 0;}
	footer .ft_link ul li{padding-right:4px;margin-right:4px;}
	footer .ft_link ul li a{padding:5px 0;}
	
	/* 제품 공통 스타일 */
	.product_ul li .productWrap a{padding:10px;}
	
	
}