<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*subcat page */
.gird1{
	width: 100%;
	float: left;
	padding: 0 5px;
	webkit-transition: -webkit-transform;
	transition: -webkit-transform;
	-webkit-transform: translate(0px, 0px);
	font-family: '나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
}
.lazy-loading {
	clear: both;
	position: fixed;
	z-index: 9999;
	left: 50%;
	margin-left: -15px;
}
/* 상품상세 영역 1page class="itemPrd inner5" */
.inner5{
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}
.itemPrd  .box1{
	padding: 15px 10px;
	position: relative;
}
.sub-panav{
	position: relative !important;
	bottom: 30px !important;
}
.itemPrd .pdtCont{
	min-height: 35px;
}
.itemPrd .pName{
	font-size: 14px;
	width: 80%;
}
.pName{
	color: #000;
	font-size: 12px;
	line-height: 1.1;
	padding-top: 5px;
	font-weight: bold;
}
.itemPrd .pFlag{
	padding-top: 5px;
}
.fgNew{
	background-color: #287fbf;
	display: inline-block;
	height: 14px;
	padding: 2px 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	font-size: 9px;
	line-height: 1.2;
	font-weight: bold;
	float: right;
	padding-top: 5px;
}
.productImg{
	width: 100%;
	/*height: 240px;*/
	position: relative;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 1px solid #cbcbcb;
}
.productImg .img_num{
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 10px;
	padding: 3px 5px 2px 5px;
	background: rgba(30,30,30,.4);
	color: #fff;
	z-index: 50;
	font-size: 11px
}
.productImg .swiper-container{
	margin: 0 auto;
	position: relative;
	/*
	overflow: hidden;
	*/
}
.productImg .swiper{
	width: 100%;
	/*height: 220px;*/
}
.productImg .swiper .detail_img{
	width: 100%;
	/*height: 220px;*/
	background-color: #F5F8FF;
	/*
	background-size: cover;
	*/
	/*
	background-position: 50% 50%;
	background-position: center center;
	*/
}
.pPrice{
	color: #000;
	font-size: 11px;
	line-height: 1.3;
	padding-top: 1px;
	font-family: helveticaNeue, helvetica, sans-serif !important;
}
.itemPrd .pPrice{
	overflow: hidden;
	font-size: 12px;
	padding-top: 6px;
}
.tMar10{
	margin-top: 10px;
}
.itemPrd .pPrice dt{
	float: left;
	color: #676767;
}
.itemPrd .pPrice dd{
	float: right;
	color: #676767;
	font-weight: bold;
}
.pPrice .mobile_price{
	font-size: 16px;
	vertical-align: middle;
	color: #000;
}
.tit02{
	text-align: center;
	background: url(../img/double_line.gif) left 50% repeat-x;
	background-size: 1px 1px;
}
.tit02 span{
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #101010;
	background-color: #ececec;
}
.tMar25{
	margin-top: 25px;
}
.tPad15{
	padding-top: 15px;
}
.itemPrd select{
	color: #000;
	height: 36px;
	padding: 0 23px 0 10px;
	margin: 0;
	background: #fff url(../img/element_select.png) no-repeat right 50%;
	vertical-align: middle;
	background-size: 24px 6px;
	color: #888;
	font-size: 13px;
	-webkit-border-radius: 4px;
	border: 1px solid #cfcfcf;
	-webkit-appearance: none;
}
.prdNum{
	overflow: hidden;
	text-align: center;
	margin-top: 12px;
	display: table;
	width: 100%;
}
.itemPrd .prdNum{
	padding-bottom: 27px;
	background: url(../img/double_line.gif) left bottom repeat-x;
	background-size: 1px 1px;
}
.prdNum span{
	display: table-cell;
	width: 60px;
	height: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	background-color: #dadddd;
	vertical-align: top;
}
.prdNum span a{
	display: block;
	width: 60px;
	height: 40px;
	text-indent: -9999em;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.prdNum span.numMn a{
	background-image: url(../img/btn_minus.png);
	background-size: 20px 4px;
}
.prdNum p{
	display: table-cell;
	padding: 0 5px;
}
.prdNum input[type=text]{
	height: 40px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.prdNum span.numPl a{
	background-image: url(../img/btn_plus.png);
	background-size: 20px 20px;
}
.itemPrd .shareListup{
	background: url(../img/double_line.gif) left bottom repeat-x;
	background-size: 1px 1px;
	padding-bottom: 1px;
}
.itemPrd .shareListup ul{
	padding: 15px 5px 15px 5px;
	overflow: hidden;
}
.itemPrd .shareListup ul li{
	width: 20%;
	padding-bottom: 0;
}
.shareListup li{
	float: left;
	padding-bottom: 23px;
	text-align: center;
}
.itemPrd .shareListup ul li.twitter a{
	background-position: left top;
}
.itemPrd .shareListup ul li a{
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999em;
	overflow: hidden;
	padding-top: 0;
	margin: 0 auto;
	background-image: url(../img/ico_share.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
}
.itemPrd .shareListup ul li.facebook a{
	background-position: -40px top;
}
.itemPrd .shareListup ul li.pinterest a{
	background-position: -80px top;
}
.itemPrd .shareListup ul li.kakaotalk a{
	background-position: -160px top;
}
.itemPrd .shareListup ul li.line a{
	background-position: right top;
}
/*상품 주문 고정 바 */
.floatingBar{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	border-top: 1px solid #e8e8e8;
	box-shadow: 0 0 3px #cfcfcf;
	background: #fff;
	height: 50px;
}
.floatingBar .btnWrap{
	height: 52px;
	padding: 3px;
}
.floatingBar .btnWrap .agent_img{
	width: 35px;
	float: left;
}
.floatingBar .btnWrap .fixed_desc{
	float: left;
}
.floatingBar .btnWrap .fixed_desc .fixed_add{
	float: left;
}
.floatingBar .btnWrap .fixed_desc .fixed_add p{
	margin: 4px 0;
	font-size: 12px;
}
.cartBtnWrap{
	display: table;
	width: 100%;
}
.btnWrap{
	overflow: hidden;
}
.cartBtnWrap div{
	display: table-cell;
	padding: 3px;
}
.cartBtnWrap .button{
	float: left;
	margin-right: 5px;
}
.cWh1{
	color: #fff !important;
}
.btRed{
	border: 1px solid #F68B28;
	background-color: #F68B28;
}
.button{
	display: inline-block;
	border-radius: 3px;
	vertical-align: middle;
}
.cartBtnWrap .button a{
	padding: 10px;
}
.btB1 a, .btB1 input, .btB1 button{
	padding: 13px 35px 12px;
	font-size: 13px;
	font-weight: bold;
}
.wishBtn em{
	display: inline-block;
	padding-left: 20px;
	background: transparent url(../img/ico_pdt_wish2.png) left 50% no-repeat;
	background-size: 17px 15px;
	line-height: 1.1;
}
/*상품 상세 탭부분 */
.tab_content{
    	display: none;
    	text-align: left;
    	width: 100%;
}
.tabList{
	width: 100%;
	z-index: 10;
	display: table;
}
.tabList li{
	display: table-cell;
	position: relative;
	min-width: 75px;
	text-align: center;
	padding: 11px 0;
	font-size: 14px;
	color: #999;
	cursor: pointer;
	text-shadow: 1px 1px 0 #fff;
	-webkit-text-shadow: 1px 1px 0 #fff;
}
.tabList li.active-nav{
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
	background: #fff;
	color: #000;
	font-weight: bold;
}
.tabList li.active-nav span{
	position: absolute;
	width: 100%;
	height: 10px;
	left: 0;
	bottom: -4px;
	background-color: #fff;
}
.tabList li.active-nav:after{
	background-color: #F68B28;
	height: 3px;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	content: '';
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.itemPrd .tabArea .swiper-slide .inner10{
	padding: 20px 10px;
	overflow: hidden;
}
.prdBasicInfo{
	padding: 10px 5px;
}
.prdBasicInfo li{
	padding-bottom: 3px;
	font-size: 12px;
	color: #999;
	line-height: 1.2;
}
.prdBasicInfo li strong{
	color: #000;
	font-weight: bold;
}
.prdDesp{
	border-top: 1px solid #cbcbcb;
	padding: 15px 5px;
	font-size: 12px;
	width: 100%;
}
.prdDesp dt{
	font-weight: bold;
	color: #000;
}
.prdDesp dd{
	padding-top: 8px;
	color: #999;
	line-height: 1.2;
}
.detailBtn{
	padding: 0 5px 5px 5px;
}
.detailBtn .button{
	width: 100%;
}
.cWh1{
	color: #000 !important;
}
.detailBtn .button a{
	padding: 11px 10px 10px 0;
	background-size: 13px 13px;
	color: #000;
	font-weight: bold;
}
.noDataBox{
	text-align: center;
	padding: 10px 0 25px 0;
	font-size: 10px;
	color: #b5b5b5;
	font-weight: bold;
	width: 100%;
	height: 250px;
}
.noDataMark{
	width: 75px;
	height: 75px;
	display: table;
	border: 2px solid #b5b5b5;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}
.noDataMark span{
	display: table-cell;
	width: 75px;
	height: 75px;
	color: #b5b5b5;
	font-size: 45px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	font-family: helveticaNeue, helvetica, sans-serif !important;
}
.tPad05{
	padding-top: 5px;
}
.writeBtn{
	padding-bottom: 20px;
}
.writeBtn .button{
	width: 100%;
}
.writeBtn .button a{
	padding: 11px 20px 10px 0;
	background-size: 13px 12px;
	color: #000;
	font-weight: bold;
}
.writeBtn p{
	font-size: 10px;
	color: #999;
	padding-top: 10px;
}
/*로그인  - 회원가입 */
.login .box1{
	padding: 25px 15px;
}
.login .loginForm input{
	width: 100%;
	padding: 0 15px;
	margin-bottom: 7px;
}
.login .loginForm select{
	width: 90%;
	padding: 0 15px;
	margin-bottom: 7px;
}
.login .btnWrap{
	font-size: 13px;
	color: #888;
	margin-top: 5px;
}
.ftLt{
	float: left;
}
.ftRt{
	float: right;
}
.login .button.w100p input{
	width: 100%;
	margin: 0 auto;
}
.joinHelp{
	padding-top: 20px;
	margin-top: 17px;
	text-align: center;
	border-top: 1px solid #e1e1e1;
}
.joinHelp a{
	position: relative;
	font-size: 12px;
	line-height: 12px;
	padding: 0 11px 0 15px;
	color: #000;
}
.joinHelp a:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background: #000;
}
.joinHelp a:first-child:after {
	display:none;
}
.nonMemCart{
	padding-top: 24px;
	text-align: center;
}
.btRedBdr{
	border: 1px solid #FFEB00;
	background: #fff;
}
.breadcrumb-order{
	background-color: #f4f4f4;
	border-bottom: 2px solid #cfcccc;
}
.clearfix:before, .clearfix:after{
	content: "";
	display: table;
}
.breadcrumb-order li{
	position: relative;
	line-height: 34px;
	text-align: center;
	float: left;
	width: 33%;
	list-style-type: none;
	font-weight: bold;
	font-size: .875em;
	background: url(../img/breadcrumb_order_li@2x.gif) no-repeat right center;
	background-size: 2px 13px;
	color: #666;
}
.breadcrumb-order ul{
	width: 100%
}
.breadcrumb-order li span{
	position: absolute;
	display: block;
	bottom: -7px;
	left: 46%;
	text-indent: -9999px;
	width: 14px;
	height: 15px;
	background: url(../img/breadcrumb_order_now@2x.gif) no-repeat 0 0;
	background-size: 100% 100%;
	border-radius: 100%;
}
.chkPolicy{
	padding: 5px 8px 2px;
	margin-bottom: 18px;
}
.chkPolicy p{
	position: relative;
	padding: 13px 7px;
	font-size: 13px;
	color: #676767;
	border-top: 1px solid #cbcbcb;
}
.chkPolicy p:first-child{
	border-top: 0;
	border-bottom: 1px solid #cbcbcb;
}
.chkPolicy p label{
	vertical-align: middle;
	margin-left: 7px;
}
.chkPolicy p .button{
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -9px;
}
.btS2 a, .btS2 input, .btS2 button{
	padding: 3px 6px;
	font-size: 11px;
}
.btGryBdr{
	border: 1px solid #cbcbcb;
}
.writeInfo{
	padding: 25px 10px;
}
.writeInfo section{
	padding: 25px 0;
	border-top: 1px solid #cbcbcb;
}
.writeInfo section:first-child{
	border-top: 0;
	padding-top: 0;
}
.writeInfo section:last-child{
	padding-bottom: 0;
}
.writeTbl01{
	width: 100%;
}
.writeTbl01 th{
	padding: 22px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.writeTbl01 td{
	font-size: 11px;
	text-align: left;
}
.btB2 a, .btB2 input, .btB2 button{
	padding: 11px 16px 10px;
	font-size: 12px;
	font-weight: bold;
}
.writeTbl01 select{
	height: 36px;
	padding: 0 23px 0 10px;
	margin: 0;
	background: #fff
	vertical-align: middle;
	olor: #888;
	font-size: 13px;
	-webkit-border-radius: 4px;
	border: 1px solid #cfcfcf;
	-webkit-appearance: none;
	background: #fff url(../img/element_select.png) no-repeat right 50%;
	background-size: 24px 6px;
}
.agrReceive{
	margin-top: 15px;
}
.agrReceive .agree{
	font-size: 13px;
}
.joinFinish{
	text-align: center;
	line-height: 1.4;
}
.inner10{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	background: #fff;
}
.joinFinish .t01{
	padding: 32px 12px 18px 12px;
	font-size: 16px;
	font-weight: bold;
}
.joinFinish .t02{
	font-size: 11px;
	color: #666;
	padding-bottom: 30px;
}
.btn-wrap{
	padding: 0 10px 5px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
}
.btn3 a{
	padding: 9px 0 10px 0;
	font-size: 11px;
	font-weight: normal;
}
.btn a{
	display: block;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.cartList{
	padding: 0 15px;
	background:#fff;
	position: relative;
}
.cartList ul li{
	padding: 10px 0 10px 30px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.cartList ul li:last-child{
	border-bottom: none;
}
.cartList ul li input[type=checkbox]{
	position: absolute;
	left: 0;
	top: 10px;
}
div.productView{
	padding: 0 10px 10px 110px;
	position: relative;
	min-height: 100px;
}
div.productView span.pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	display: block;
}
div.productView .pdtCont{
	text-align: left;
	position: relative;
	min-height: 100px;
}
div.productView .pdtCont p{
	padding: 2px 0 3px 0;
}
div.productView .pdtCont p:first-child{
	padding: 0 0 3px 0;
}
div.productView .pdtCont p:last-child{
	padding: 2px 0 0 0;
}
.box2{
	border: 1px solid #bebebe;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn3a a{
	padding: 6px 0;
	font-size: 11px;
	font-weight: normal;
}
.cartTotal{
	padding: 15px 15px 15px 50px;
	background-position: -214px -412px;
	position: relative;
}
.elmBg{
	background-image: url(../img/element01.png);
	background-repeat: no-repeat;
	background-size: 400px 400px;
}
.elmBg3{
	background-image: url(../img/element01.png);
	background-repeat: no-repeat;
	background-size: 400px 400px;
}
.cartTotal em{
	background-position: -168px -175px;
	position: absolute;
	left: 20px;
	top: -5px;
	width: 10px;
	height: 5px;
}
.btn1 a{
	padding: 8px 0;
	font-size: 14px;
	font-weight: normal;
}
.txtList li{
	padding: 2px 5px 2px 6px;
	background-position: -247px -122px;
	font-size: 11px;
	line-height: 1.2;
}
.prevPage{
	overflow: hidden;
	padding: 12px 10px;
	background: #f4f4f4;
	color: #404042;
}
.prevPage a{
	display: inline-block;
	height: 15px;
	color: #404042;
	font-size: 0.813em;
	font-weight: bold;
	line-height: 15px;
}
.prevPage a .elmBg{
	display: inline-block;
	padding: 2px 0 2px 24px;
	background-position: -111px -102px;
}
.innerH15W10{
	padding: 15px 10px;
	background:#fff;
}
.innerH15W10 h2{
	font-weight: bold;
	font-size: 20px;
}
.list01 li{
	border-bottom: 1px solid #ddd;
	position: relative;
	min-height: 100px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.list01 li.inner{
	padding: 10px 10px 10px 120px;
}
.list01 li .pic{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 100px;
	display: block;
}
.list01 li .pic img{
	width: 100px;
	height: 100px;
}
.list01 img{
	vertical-align: top;
}
.innerH{
	padding: 10px 0;
}
.ftSmall  label{
	font-size: 1.0em;
}
.innerW{
	padding-left: 10px;
	padding-right: 10px;
}
.innerH10W20{
	padding: 10px 20px;
}
/* 2014.10.23 마지막 css 게시판 마이페이지등.*/
.categoryListup li{
	border-bottom: 1px solid #cbcbcb;
}
.categoryListup li a{
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: #676767;
	font-weight: 500;
}
.nopad{
	padding: 0px!important;
}
.bMar20{
	margin-bottom: 20px;
}
.paging{
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}
.paging span{
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #d2d2d2;
	margin: 0 3px;
	overflow: hidden;
}
.paging span.arrow{
	background-color: #dadddd;
	border: 1px solid #dadddd;
	text-indent: -9999em;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 10px 16px;
}
.paging span.prevBtn{
	background-image: url(../img/blt_arrow_lt2.png);
	margin-right: 7px;
}
.paging span.nextBtn{
	background-image: url(../img/blt_arrow_rt5.png);
	margin-left: 7px;
}
.paging span a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	padding-top: 9px;
	color: #8f8f8f;
	font-family: helveticaNeue, helvetica, sans-serif !important;
}
.paging span.current{
	font-weight: bold;
	background-color: #fff;
}
.hGroup{
	position: relative;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.hGroup h2{
	padding: 14px 10px;
	color: #404042;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
}
.hGroup .btnBack{
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -9px;
}
.hGroup .btnBack a{
	display: block;
	width: 24px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/btn_back.gif) left top no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
	cursor: pointer;
}
.noticeView{
	background-color: #f5f5f5;
	color: #5a5a5d;
	font-size: 0.813em;
	font-weight: bold;
}
.noticeView h3{
	padding: 12px 16px;
	color: #5a5a5d;
}
.noticeView .substance{
	padding: 27px 16px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	line-height: 1.5em;
}
.btnList{
	padding: 15px 16px;
	border-bottom: 1px solid #e5e5e5;
	color: #5a5a5d;
	font-size: 0.875em;
	font-weight: bold;
	text-align: right;
	background:#fff;
}
.btnList a{
	padding-left: 22px;
	background: url(../img/ico_list.gif) left 2px no-repeat;
	background-size: 13px 11px;
}
.noticWrite{
	min-height: 300px;
	padding-bottom: 50px;
	background: #fff;
}
#my2{
	width: 100%;
}
#my2Tit{
	position: relative;
	padding: 15px 10px 0 10px;
}
#qna02{
	margin: 0 10px 0 10px;
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
.qna02DL{
	width: 100%;
	position: relative;
	padding: 10px 0 8px 0;
}
.qna02DL dt{
	position: absolute;
	color: #888;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 24px;
	padding-top: 4px;
}
.qna02DL dd{
	padding-left: 50px;
	line-height: 24px;
}
#qnaname{
	color: #888;
	font-size: 12px;
}
.tMar10{
	margin-top: 10px;
}
.btnArea{
	text-align: center;
	margin-top: 15px;
}
.redB{
	border: 1px solid #E6D400;
	background-color: #FFEB00;
	color: #333;
}
.redB a{
	color: #333;
}
.bakno{
	background: none !important;
}
.myPvtCont .pvtArea{
	position: relative;
	padding: 25px 0 28px 0;
	border-bottom: 0;
}
.pvtArea .helloMsg{
	font-size: 15px;
	font-family: helveticaNeue, helvetica, sans-serif !important;
	font-weight: bold;
}
.myPvtCont .pvtArea .helloMsg{
	color: #000;
	text-align: center;
}
.pvtArea .settingBtn{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 32px;
	height: 32px;
}
.pvtArea .settingBtn a{
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/btn_setting2.png) 50% 50% no-repeat;
	background-size: 21px 21px;
	text-indent: -999em;
	overflow: hidden;
}
.myPvtCont .pvtArea .settingBtn a{
	background-image: url(../img/btn_setting2.png);
}
.myList{
	overflow: hidden;
	padding-bottom: 10px;
}
.myList ul{
	margin-bottom: -1px;
}
.myList li{
	float: left;
	width: 33.3%;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	box-sizing: border-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.myList li a{
	display: block;
	width: 100%;
	height: 100px;
	line-height: 44px;
	color: #fff;
	position: relative;
}
/* 11월 11일 수정사항 추가 소스  상품 카테고리페이지*/
.cate li{
	height: 100px;
	vertical-align: middle;
	background: #fff;
}
.cate li a{
	color: #848484 !important;
	font-family: 'Nanum Gothic', serif;
	width: 100%;
	height: 100%;
}
.cate li .cate_img{
	width: 35%;
	height: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	float: left;
}
.cate li .description{
	width: 60%;
	height: 90px;
	float: left;
	padding: 5px 5px 5px 10px;
}
.cate li .description p{
	margin: 7px 0;
}
.cate li .description .cate_price{
	font-weight: 800;
	font-size: 18px;
	color: #333;
}
.cate li .description .cate_payment{
	padding: 0px 2px;
	border: 1px solid #F68B28;
	font-size: 10px;
	color: #333;
	float: right;
}
.cate li .description .cate_place{
	font-size: 12px;
	color: #790000;
}
.cate li .description .cate_desc{
	font-size: 13px;
}
.cate li .cate_case{
	background: url(../img/caseandcover.jpg)no-repeat 3%  bottom;
	background-size: 15%;
}
.cate li .cate_skin{
	background: url(../img/secondskin.jpg)no-repeat 3%  bottom;
	background-size: 15%;	
}
.cate li .cate_bag{
	background: url(../img/bag.jpg)no-repeat 3%  bottom;
	background-size: 15%;	
}
.cate li .cate_pack{
	background: url(../img/backpack.jpg)no-repeat 3%  bottom;
	background-size: 15%;
}
.cate li .cate_camera{
	background: url(../img/camerabag.jpg)no-repeat 3%  bottom;
	background-size: 15%;
}
.cate li a i{
	float: right;
	height: 15px;
	width: 15px;
	background: url(../img/blt_arrow_rt6.png) no-repeat;
	background-size:contain;
}
.detail_select{
	float: left;
	margin: 5px;
}
.detail_select select{
	background-color: #fff;
	text-align: center;
	font-size: 12px;
	color: #8b8b8b;
	padding: 1em;
	cursor: pointer;
	border-right: solid 1px #dadbdd;
	border-bottom: solid 1px #dadbdd;
	border-radius: 8px;
}
.detail_info{
	font-size: 12px;
	margin: 10px;
	color: #888;
}
.slider{
	margin: 10px;
}
.hometag li{
	float: left;
	width: 14.2%;
	font-weight: bold;
	color: #676767;
	border: none;
}

.hometag li a{
	width: 100%;
	color: #fff;
	position: relative;
	display: inline-flex;
	height: auto;
	line-height:28px;
}
.hometag a .label-info{
	
	padding:5px 7px 5px 8px;
	background-size: 7px;
	background-repeat: no-repeat;
	background-position: 10% 45%;
	background-color: #A3A3A3;
	font-weight: 100;
	background-size: 7px\9;
	display: inline;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	margin: 3px  auto;
}
.slidetag li{
	float: left;
	width: 25%;
	font-weight: bold;
	color: #676767;
	border: none;
}

.slidetag li a{
	width: 100%;
	color: #fff;
	position: relative;
	display: inline-flex;
	height: auto;
	line-height:28px;
	padding: 4px 10px !important;
}
.slidetag a .label-info{
	padding: 5px 7px 5px 8px;
	background-size: 7px;
	background-repeat: no-repeat;
	background-position: 10% 45%;
	font-weight: 100;
	background-size: 7px\9;
	display: inline;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #F68B28;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border: 1px solid #F68B28;
	border-radius: .25em;
	margin: 0.5px auto;
}
@media screen and (min-width:560px){
	.hotpick-product ul li{
		width: 25%;
	}
	.myList li{
		width: 25%;
	}
	.hometag li{
		width: 12.5%;
	}
	.hometag li a{
		line-height: 32px;
	}
	.hometag a .label-info{
		font-size: 14px
	}
	.productImg{
		/*height: 320px;*/
	}
	.productImg .swiper{
		/*height: 300px;*/
	}
	.swiper-wrapper{
		height: 100%!important;
	}
	.productImg .swiper .detail_img{
		/*height: 300px;*/
	}
}
@media screen and (min-width:880px){
	.hotpick-product ul li{
		width: 20%;
	}
	.myList li{
		width: 20%;
	}
	.productImg{
		/*height: 470px;*/
	}
	.productImg .swiper{
		/*max-width:700px;*/
		/*height: 450px;*/
	}
	.swiper-wrapper{
		height: 100%!important;
	}
	.productImg .swiper .detail_img{
	/*	height: 450px;*/
	}
}
</pre></body></html>