@charset "UTF-8";

@import url(/css/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Lato');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}

html{
overflow-y:scroll;
}

html,body{
padding: 0;
margin: 0;
-webkit-appearance:none;
-webkit-text-size-adjust:none;
line-height:1.0;
}

body
{
	background-color: #fff;
	font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothic','nanum gothic','nanumgothic',nanum,dotum,Tahoma,Geneva,sans-serif; 
	font-size: 12px;
	line-height: 22px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
}
h1, h2, h3
{
	font-size: 12px;
	font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothic','nanum gothic','nanumgothic',nanum,dotum,Tahoma,Geneva,sans-serif; 
}

h4{
  margin: 10px auto;
  background-color: #fff;
  padding: 5px;
  text-align: left;
  overflow: hidden;
  color:#ea482e; font-size: 15px;font-weight: 700;line-height: 1.2em;
}

h5, h6
{
  margin: 10px auto;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #eeeeee;
  padding: 5px;
  text-align: left;
  overflow: hidden;
}
p
{
	margin: 0 0 0 0;
}
a, a:link, a:active, a:visited, a:hover
{
	outline:0 none;
	color: inherit;
	text-decoration: none;
	background-color:transparent;
}

nav:not(.mm-menu)
{
	display: none;
}

::-moz-selection{
background:#912b45;
color:#fff;
}

div, ul, ol, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

blockquote,q{
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}

hr{
display:none;
}

table caption{
display:none;
}

/*공백 삽입해주는 div 박스*/
.divBlank10{
	height:10px;
	width:100%;
	font-size:ppx;
	overflow:hidden;

}
.divBlank5{
	height:5px;
	width:100%;
	font-size:ppx;
	overflow:hidden;
}
.divBlank3{
	height:3px;
	width:100%;
	font-size:ppx;
	overflow:hidden;
}
/*공백 삽입해주는 div 박스 끝*/


/* join 설정 */
#join { width:100%; }
#join p { height:30px; line-height:30px; margin-top:10px; }
#join p.addp { height:25px; line-height:25px; margin-top:0px;}
#join p > span { display:inline-block; }
#join p > span:first-child { font-weight:bold; }
#join p > span:last-child { float:right; font-size:0.8em; text-align:right; }

#join ul { 
	display:inline-block;
	width:100%; 
	margin:0px; 
	padding:0px; 
	border:1px solid #d6d6d6; 
	border-top:2px solid #484848; 
}

#join li { display:inline-block; float:left; line-height:30px; box-sizing:border-box; border-bottom:1px solid #d6d6d6; min-height: 34px;}
#join li:nth-child(odd) { width:35%; height:100%; padding-left:10px; background:#f8f7f5; border-right:1px solid #d6d6d6; }
#join li:nth-child(even) { display:inline-block; width:65%; padding-left:5px; }
#join li span.star { color:red; }
#join li span.txt { float:right; }
#join select,
#join input { font-size:0.9em; margin:0px; }
#join input[type=button] { margin-left:5px; }
#join input[type=radio] { vertical-align:middle; }
#join input[type=text],
#join input[type=password] { width:45%; border:1px solid #cdcdcd; }
input[type=text].form-085 {
  background-color: #FFFFFF;
  height: 36px;
  line-height:36px;
  border: 1px #c4c4c4 solid;
  font-size: 15px;
  font-weight: bold;
}
.form-085 {
    background: transparent;
	border: 1px #c4c4c4 solid;
    /*min-width: 200px;*/
    padding: 0 50px 0 5px;
    font-size: 11px;
    line-height: 1;
    height: 28px;
    background: url(/img/CateMain/select_arrow.gif) no-repeat right #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 7px;
	color: #000;
}
.jp_btn { 
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:20px;
	background:#f15755;
	color:#ffffff;
	font-weight:bold;
	border:1px solid white;
}

.jp_btn2 { 
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:5px;
	background:#f15755;
	color:#ffffff;
	font-weight:bold;
	border:1px solid white;
}

.header,
.footer
{
	box-sizing: border-box;
	width: 100%;
	position: fixed;
}
.header
{
	top: 0;
	
}
.footer
{
	bottom: 0;
}

.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  z-index: 10;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
	
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}

.content
{
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.company_list{
	padding: 0;
	width: 100%;
	overflow: hidden;
	
}

.company_list img{
	width: 100%;
}

a.leftmenu {
	left: 0px;
	background: center center no-repeat transparent;
	background-image: url("/m/img/category.png");

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
}

a.leftcart {
  left: 40px;
  background: center center no-repeat transparent;
  background-image: url("/m/img/button-cart2.png");
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top:12px;
}


a.rightmenu {
	right: 0px;
	background: center center no-repeat transparent;
	background-image: url( "/m/img/button-png.png");

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
}

a.rightsearch {
  right: 40px;
  background: center center no-repeat transparent;
  background-image: url("/m/img/button-search.png");
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
}




#page {
  margin: 65px auto 0;
}


.item {
  /*margin-bottom: 10px;*/
}

.demo .item{
margin: 0px auto;
}

.sub_menu {
	
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
}

#image-gallery li img {
  width: 100%;
}

#image-gallery li p {
  background-color: #F2E4D9;
  font-size: 1.2em;
  color: #848484;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}

#prod-gallery li img {
  width: 100%;
}

#recommend-slider li img {
  width: 100%;
}
.content-slider-header li{
background-color: #ffffff;
text-align: center;
color: #242424;
width: 32.5%;
height: 38px; 
padding-top:9px;
padding-bottom: 0;
margin: 0;
margin-right: 0px;
display : inline-block;
font-size: 16px;
font-family:'Lato', 'Nanum Barun Gothic';

}


.content-slider li{
background-color: #ffffff;
text-align: center;
color: #242424;
padding: 8px 0;
margin: 0;
float: left;
}
.content-slider h3 {
margin: 0;
padding: 10px 0;
}

.recommend3-slider li img{
	display: block;
	width: 100%;
	margin: 0px auto;
}


.brandandmulty{
	width:100%; 
	text-align: center;
}

.brandandmulty li{
	float: left; 
	width:50%; 
	list-style:none; 
	display: inline-block;
}

.brandandmulty li img{
	width:100%; 
}

.bast_case{
  margin: 15px auto;
 }

 .recommend3 {
  overflow: hidden;
}

.recommend3_item {
  width: 33%;
  float: left;
}

.Today_item li{
  width: 20%;
  float: left;
  padding: 2px 3px;
}

.Today_item li img{
  width: 100%;
}


/**********************************************************************************************************************/
/* 상품관련 - ※절대 변경하지 말것※ 
/* nm/prod/prodlist.asp
/**********************************************************************************************************************/

#top_category{
  width: 100%;
 
  text-align: center;
  padding: 10px 10px;
  float: left;
}

#category{
	text-align:left;
	
}

.category_list {
	list-style-type: none;
	width: 47%;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin: 3px;
	border: 1px solid #000;
	background-color:#ffffff;
	text-align:center;
	
	font-size: 11px;
	color: #000;
	font-weight: bold;
	
}

#tab { width:100%; margin:0px auto; overflow:hidden; box-sizing:border-box; }
#tab p { padding-top:10px;}
#tab input[type=radio] { display:none; }

#tab section { 
/*	display:none; */
	clear:both;
	padding-top:20px;
	box-sizing:border-box;
}

#tab1:checked~#sub1,
#tab2:checked~#sub2 { display:block; }

#tab1:checked~#lab1,
#tab2:checked~#lab2,
#tab3:checked~#lab3,
#tab4:checked~#lab4{ 
	background: #ffffff; 
	border-left:2px solid #ec4243; 
	border-top:2px solid #ec4243; 
	border-right:2px solid #ec4243; 
	border-bottom:2px solid #ffffff;
	color:#ec4243;
	font-weight:bold;
}

#tab label { 
	display:block; 
	float:left; 
	width:25%; 
	height:40px; 
	line-height:40px; 
	text-align:center; 
	cursor:pointer; 
	background:#fafafa;	

	border-top:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:2px solid #ec4243;
	box-sizing:border-box;
}

/* tab_type1-탭스타일 */
.tab_area{border-bottom:1px solid #4d4d4d; padding:0 10px}
.tab_type1{display:table; width:100%; position:relative; bottom:-1px}
.tab_type1:after{content:""; display:block; clear:both}
.tab_type1 li{display:table-cell; height:33px; text-align:center; border-bottom:1px solid #4d4d4d; background:#f7f7f7}
.tab_type1 li a{display:block; padding:8px; border:1px solid #dbdbdb; border-bottom:0; font-size:16px; color:#626262}
.tab_type1 li.active{background:#fff; border:1px solid #4d4d4d; border-bottom:0}
.tab_type1 li.active a{border:0; color:#000}



/* 레이아웃 잡을때 float 클리어해주는 클래스*/
.clear:after{display:block;clear:both;content:''}


.prod_item .item {
  float: left;
  width: 49%;
  height: auto;
  margin: 10px auto;
  background-color: transparent;
}

.prod_item .item .link {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 148px;
}

.prod_item .item .thumbnail {
  display: block;
  width: 146px;
  height: 146px;
  border: 1px solid #e5e5e5;
}

#sub_layout.section dd.category
  {
  display: none;
}

#sub_layout.section dd.goods{display:block}

.prod_item .goodsInfo dt {
  display: none;
}

.prod_item .goodsInfo .price.sales {
  color: #F15755;
  font-weight: bold;
  font-size:14px;
  display: inline-block;
}

.prod_item .goodsInfo .brand {
  overflow: hidden;
  margin-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:16px;
}

.prod_item .goodsInfo .prodname {
  display: inline-block;
  width: 100%;
  font-size:16px
}

.prod_item .goodsInfo .prodname h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prod_item .goodsInfo .goods {
  display: inline-block;
  width: 100%;
}

.prod_item .goodsInfo .goods h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
   font-size:16px;
   padding:3px 0
}

.prod_item .goodsInfo .price {
  display: inline-block;
}

.prod_item.listType .item {
  float: none;
  border-bottom: 1px solid #e3e3e3;
}
.prod_item.listType .item {
  float: none;
  width: 100% !important;
  height: auto !important;
}

.prod_item.listType .item .link {
  width: auto;
  margin: 15px 8px;
}

.prod_item.listType .item .thumbnail {
  float: left;
  width: 94px;
  height: 94px;
  margin-right: 14px;
}

.prod_item.listType .item .goodsInfo .brand, .thumbCatalog.listType .item .goodsInfo .goods {
  color: #252525;
}
.prod_item.listType .item .goodsInfo {
  padding-top: 1px;
}

.prod_item.listType .item .goodsInfo .brand {
  font-weight: bold;
  margin-top: 0;
}


.prod_item.listType .item .goodsInfo .goods {
  display: block !important;
}

.prod_item.listType .item .goodsInfo .price.sales {
  font-size: 15px;
}
.prod_item.listType .item .goodsInfo .price {
  display: block;
}

.prod_item .item .link:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}





.pageNavigator {
  position: relative;
  float: left;
  width: 95%;
  z-index: 1;
  bottom: 0;
  text-align: center;
}

.pageNavigator {
  margin: 10px;
}

.pageNavigator a.prev {
  left: 0;
  background-position: 5px 0;
}

.pageNavigator a.next {
  right: 0;
  background-position: -25px 0;
}

.pageNavigator a.prev, 
.pageNavigator a.next {
  position: absolute;
  top: 0px;
  z-index: 1;
  width: 40px;
  height: 30px;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background-color: #f8f8f8;
  background-image: url("/m/img/bullet-pageNavigatorArrow.png");
  background-size: 60px 30px;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-background-size: 60px 30px;
}

.pageNavigator a.index {
  position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  margin: 0 48px;
  line-height: 2.5;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  background: none;
  background-color: #f8f8f8;
  font-size: 12px;
  color: #7d7d7d;
  text-align: center;
  text-indent: 8px;
}

.pageNavigator select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  z-index: 0;
}



.browseOption {
  margin: 0 8px;
}

.browseOption .console {
  padding-bottom: 8px;
}

.browseOption .console .selectbox {
  float: left;
  width: 138px;
}

.selectbox {
  position: relative;
  display: block;
  overflow: hidden;
  height: 34px;
  line-height: 2.8;
  border: 1px solid #d2d2d2;
  background: none;
  background-color: #fff;
  font-size: 12px;
  color: #000;
  text-align: left;
  text-indent: 8px;
}

.selectbox select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  z-index: 1;
}

.selectbox span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 34px;
  height: 34px;
  background: transparent url("/m/img/bullet-selectboxArrow.png") no-repeat left center;
  -webkit-background-size: 34px 34px;
}

.browseOption .console .selectbox2 {
  float: left;
  width: 128px;
}

.selectbox2 {
  position: relative;
  display: block;
  overflow: hidden;
  height: 34px;
  line-height: 2.8;
  border: 1px solid #d2d2d2;
  background: none;
  background-color: #fff;
  font-size: 12px;
  color: #000;
  text-align: left;
  text-indent: 8px;
}

.selectbox2 select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  z-index: 1;
}
.selectbox2 span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 34px;
  height: 34px;
  background: transparent url("/m/img/bullet-selectboxArrow.png") no-repeat left center;
  -webkit-background-size: 34px 34px;
}

a.button.option, button.button.option {
  width: auto;
  border: 1px solid #cfcfcf;
  color: #717171;
  background-color: #fff;
  text-shadow: none;
}

a.button, button.button {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 0 0 3px;
  padding: 0;
  width: 304px;
  height: 38px;
  border: none;
  background-color: #a71a4e;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 2.6;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.contents a.button, .contents button.button {
  width: auto;
  height: 32px;
  font-size: 12px;
}

#catalog-list-depth2nd-browseOption.section .title {
  display: none;
}
.browseOption .console .function {
  float: right;
}

.browseOption .console .function .view{
overflow:hidden;
width:32px;
text-indent:-99999px}


.browseOption .console .function .view span{
display:block;
height:30px}


.browseOption .console .function .view.list span{
background:transparent url("/m/img/icon-browseOption-viewTypeList.png") no-repeat 0 0;
background-size:30px 30px;
-webkit-background-size:30px 30px}


.browseOption .console .function .view.grid span{
background:transparent url("/m/img/icon-browseOption-viewTypeGrid.png") no-repeat 0 0;
background-size:30px 30px;
-webkit-background-size:30px 30px}


.browseOption .console:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.tdBoardCoulmn{
 	background-color: #e6e6e6; 
	border-bottom: 1px solid #323232;
}

.tblBoard2{}
.tblBoard2 td{
	border-bottom:1px solid #D8D8D8;
	padding-bottom:10px;
	padding-top:10px;
 
}

.tdBoard2Coulmn{
	text-align:left;
	background:#F7F7F7;
	padding:10px;
    font-size:16px;
	border-bottom:1px #D8D8D8 solid;
	word-break:break-all;
}
.tdBoard2Body{
	background:#ffffff;
	text-align:left;
	padding-left:10px;
	   font-size:14px;
	   	border-bottom:1px #D8D8D8 solid;
	word-break:break-all;
}

.tblLemonDetail th{background-color: #F6F6F6; padding:7px 0;border-bottom: 1px solid #ddd;text-align: center;}
.tblLemonDetail td{border-bottom: 1px solid #ddd; padding:7px  10px 7px 10px}
.tblLemonDetail input, .tblLemonDetail textarea {border:1px #d5d5d5 solid}


.boardNotice{padding:10px}
.boardNotice img, .boardNotice p img{width:100%!important;}


/*댓글*/
.divReply{ border:1px #ddd solid; margin-top:20px; padding:7px 0}

.replyList .reply{border-bottom:1px #ddd dotted; padding:7px 0}
.replyList .reply:last-child{border-bottom:none;}
.replyInput{margin-top:7px; border-top:1px #ddd solid; padding-top:10px}
.replyInput .button_row{text-align:center; margin:15px 0 }
.replyInput input{border:1px #d5d5d5 solid; height:30px; line-height:30px}
.replyInput  textarea{border:1px #d5d5d5 solid; margin-top:10px}
.replyInput .writer_name{margin:5px 0; font-weight:bold}
 

.QnAProdDetail_list1{
		
		font-size: 15px;
		display: block;
		
}
.QnAProdDetail_list1 .div_title {
		width:100%;
		
		border: 1px solid #e6e6e6;
}
 /*상품문의 타이틀*/
 	.qna_title, .review_title{
 		

 		background-color: #e6e6e6; 
		border-bottom: 1px solid #323232;
 	}
 /*상품문의 리스트*/
	.qna_list, .review_list{

		text-align: center;
		border-bottom: 1px solid #e6e6e6;
	}	
 	.qna_list td{
 		padding-top: 10px;	
 		
 	}
.review_list td{
	padding-top: 15px;	
	padding-bottom: 15px;	
}
.bagic_btn {
	
	color:#ffffff;
	width: 100%;
	height: 30px;
	line-height: 30px;	
	background: #4a5164;
	font-weight: bold;
	

}

.thBoard{
	background-color: #e6e6e6; 
	border-bottom: 1px solid #323232;
	text-align: center;
	
}

.tdBoardBody_NA{
	padding-bottom: 10px;
	padding-top: 10px;
}
/* content */
#content{width:100%; overflow:hidden; position:relative}
/* h_area2-헤딩표시칸2 */
.h_area2{display:block; background:#f9f9f9;   border-bottom:1px solid #c9c9c9; position:relative}
.h_area2 h2{display:block; text-align:center; font-size:18px; color:#000000; padding:15px; /*border-bottom:1px solid #d5d5d5*/}
/*
.h_area2 .btn_home{position:absolute; left:0; top:0; width:40px; height:35px; background:url(/m/img/icon_home.png) no-repeat 12px 10px; background-size:16px}
.h_area2 .btn_home:after{float:right;width:1px;height:17px;margin-top:9px;background:#c2c2c2;content:''}
.h_area2 .btn_prev{position:absolute; right:0; top:0; width:58px; height:35px; background:url(/m/img/icon_arrow_left03.png) no-repeat 12px 12px}
.h_area2 .btn_prev span{padding-left:26px; line-height:35px; color:#2f2f2f; font-size:.92em}
.h_area2 .btn_prev:before{float:left;width:1px;height:17px;margin-top:9px;background:#c2c2c2;content:''}
*/


/* h_area3-헤딩표시칸3 */
.h_area3{border-bottom:2px solid #464646; padding:5px 5px; font-size:12px; background:#f7f7f7; position:relative}
.h_area3 h4{
	font-weight:bold;
	color:#000;
	border-top: 0px solid #e1e1e1;
	border-bottom:0px solid #e1e1e1;
	background-color: #f7f7f7;
	padding: 0px;
}
.h_area3 .o_check_box{position:absolute; right:5px; top:10px}

/* pg_type1-페이지네비(슬라이드용) */
.pg_num_area1{clear:both;padding:9px 0;text-align:center}
.pg_num_area1 .pg_num{margin:0 4px}
.pg_num_area1 .pg_num{display:inline-block;overflow:hidden;width:7px;height:7px;border:1px solid #a9a9a9;background:#a9a9a9;color:transparent;vertical-align:middle;-webkit-border-radius:4px}
.pg_num_area1 .pg_num_on{width:7px;height:7px;border-color:#000000;background:#000000;-webkit-border-radius:4px}

/* pg_type2-페이지네비2 */
.pg_num_area2{clear:both; margin:10px 0; text-align:center}
.pg_num_area2 .pg_area{display:inline-block; height:24px; line-height:24px; vertical-align:bottom; font-size:1.07em; color:#777}
.pg_num_area2 .pg_area em{color:#000; font-size:1.2em}

/* pg_type3-페이지네비3 */
.pg_num_area3{text-align:center}
.pg_num_area3 .pg_num{display:inline-block; padding:4px 10px 3px 10px; border:1px solid #e3e3e3; vertical-align:top; position:relative; color:#999999; font-size:0.8em}
.pg_num_area3 .pg_btn{vertical-align:top}
.pg_num_area3 .pg_num_on{display:inline-block; padding:4px 10px 3px 10px; border:2px solid #cf3e41; vertical-align:top; position:relative; color:#999999; font-size:0.8em}

/* pg_btn-페이지네비버튼 */
.pg_btn{border:1px solid #c0c0c0; background:#f8f8f8 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f2f2f2)); -webkit-box-shadow:2px 2px 2px #e4e4e4; cursor:pointer}
.pg_btn span{display:block; overflow:hidden;width:32px; height:24px; background:url(/m/img/icon_arrow_left02.png) no-repeat 50% 50%; background-size:auto 9px; font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;-webkit-border-radius:1px}
.pg_btn_next span{background-image:url(/m/img/icon_arrow_right02.png)}


/* my_pr_list-장바구니/위시리스트/주문결제 상품리스트 */
.my_pr_list li{border-bottom:1px solid #e0e0e0}
.my_pr_list li .pr_name_area{display:block; background:#f7f7f7; border-bottom:1px solid #e0e0e0; padding:10px 13px}
.my_pr_list li .pr_name_area h3,
.my_pr_list li .pr_name_area label{font-size:12px; font-weight:normal}
.my_pr_list li .pr_info_area{position:relative; padding:13px 10px}
.my_pr_list li .pr_info_area .pr_pt_wrap{float:left; width:100px; padding-right:10px; text-align:center} 
.my_pr_list li .pr_info_area .pr_pt_wrap img{display:block}
.my_pr_list li .pr_info_area .pr_info_wrap{position:relative}
.my_pr_list li .pr_info_area .pr_info_wrap table{width:auto}
.my_pr_list li .pr_info_area .pr_info_wrap table th,
.my_pr_list li .pr_info_area .pr_info_wrap table td{border:0 none; padding:4px 5px}
.my_pr_list li .pr_info_area .pr_info_wrap table th:after{content:":"; width:1px; float:right}
.my_pr_list li .pr_info_area .pr_info_wrap table .quantity{width:40px; margin-right:5px}/* 수량입력칸 */
.my_pr_list li .pr_info_area .btn_wrap{clear:both; padding-top:8px}

/* my_pr_total-장바구니/위시리스트/주문결제 상품토탈금액 */
.my_pr_total{width:100%;border-spacing:0; border-bottom:1px solid #e0e0e0; font-size:12px}
.my_pr_total th{background:#f4f4f4; padding:7px 26px 7px 16px; text-align:right; font-weight:normal; color:#383838; white-space:nowrap}
.my_pr_total td{width:100%; text-align:right; padding-right:14px}

.basic_btn_area{ㅅㄷ}

.btn1 { width:24%; max-width:25%; height:35px; line-height:35px; background-color:#ffffff; color:#000000; border:1px solid #a2a2a2; } /* 버튼 : 선택삭제, 선택상품 주문 */
.btn2 { width:24%; max-width:25%; height:35px; line-height:35px; background-color:#4a5164; color:#ffffff; border:1px solid #a2a2a2; } /* 장바구니, 전체상품주문 */
.btn3 { width:24%; max-width:25%; height:35px; line-height:35px; background-color:#04B4AE; color:#ffffff; border:1px solid #a2a2a2; } /* 품절된 상품을 삭제하신 후 클릭해주세요. */
.btn4 { height:20px; line-height:20px; background-color:#bbbbbb; color:#ffffff; border:1px solid #aaaaaa; }	/* 묶음배송 상세보기 버튼*/

.btn5 { width:32%; max-width:33%; height:35px; line-height:35px; background-color:#ffffff; color:#000000; border:1px solid #a2a2a2; } /* 버튼 : 선택삭제, 선택상품 주문 */
.btn6 { width:32%; max-width:33%; height:35px; line-height:35px; background-color:#4a5164; color:#ffffff; border:1px solid #a2a2a2; } /* 위시리스트, 전체상품주문 */
.btn7 { width:32%; max-width:33%; height:35px; line-height:35px; background-color:#04B4AE; color:#ffffff; border:1px solid #a2a2a2; } /* 품절된 상품을 삭제하신 후 클릭해주세요. */

/* common */
.vc{position:absolute;z-index:-1;font-size:0;line-height:0px;color:transparent}
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}


/* 주문내역 */
.orderlist .pr_navi{margin-bottom:10px}
.orderlist  .orderlist_list{padding:10px}
.orderlist  .orderlist_list li{padding-bottom:10px}


/* 1:1문의 */
.estimate ul{padding-bottom:20px}

/* 주문내역 */
.orderlist .pr_navi{margin-bottom:10px}
.orderlist  .orderlist_list{padding:10px}
.orderlist  .orderlist_list li{padding-bottom:10px}

/* 쿠폰내역 */
.coupon .coupon_list{padding:10px}
.coupon .coupon_list li{padding-bottom:20px}

/* 적립금 */
.reserve .list_type03{padding-bottom:20px}

/* 상품상세 */
.brand_btn{ background:#fff; border:1px #FB8585 solid; height:32px;display:inline-block; padding:0 20px 0 7px;  line-height:32px; background:url(/img/CateMain/ico_arrow4x5.png) no-repeat 90% 50%;}
.brand_btn a{color:#FB8585;  font-size:12px; font-weight:bold; cursor:pointer;}
.size_btn{vertical-align:top;}
.size_btn a{display:inline-block; line-height:34px; color:#fff; background:#363636; height:34px; font-size:12px; padding:0 12px; margin-left:0px; vertical-align:top; }


.divProdMsg1, .divProdMsg2, .detail_02_content{ font-size:14px}
.detailGoodsInfo{padding:15px}

/* 상품상세화면-하단고정버튼 */
.footer_nav {   position: fixed;     bottom: 0;   left: 0; z-index: 99;   width: 100%; box-sizing: border-box; 	padding:0!important;}
.footer_nav a{height:40px; line-height:40px; font-size:16px; font-weight:bold;  }
.footer_nav a.btnCart{background:#000; border:1px #000 solid; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box;}
.footer_nav a.btnWish{border:1px #000 solid; background:#fff; color:#000; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box;}

.btn_area{padding:25px 0; text-align:center; clear:both;}
.btn_area_w{padding:25px 10px}
.btn_area:after {content: "";display: block;clear: both;}
.btn_area a{float:left; line-height:50px; height:50px; width:50%; text-align:center;  color:#fff;cursor:pointer; }

.contents_wrap{padding:15px 8px 0px 8px}
.styleTextarea{width:100%;height:300px;background:#fafafa;border:1px solid #cfcfcf; line-height:130%; padding:10px; color:#666; font-size:12px; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box;}
.agreeRadio{text-align:center; padding:20px 0 30px 0}
.agreeRadio input{border:none;}



/* pr_navi */
.pr_navi{position:relative; padding:6px 10px 8px 10px; background:#f7f7f7; border-bottom:1px solid #e0e0e0}
.pr_navi h3{font-size:12px; font-weight:normal; background:url(/m/img/list_bg_dot.png) no-repeat 0 7px; padding-left:10px; display:inline-block}
.pr_navi h3 strong{font-weight:bold; font-size:1.2em}
.pr_navi select{height:24px}
.pr_navi button{position:absolute; top:6px; width:26px; height:26px; padding:0; margin:0; border:none; background-size:26px; cursor:pointer}
.btn_list_type01{right:39px; background:url(/m/img/btn_list_chng_pt.gif) no-repeat 0 0}
.btn_list_type02{right:10px; background:url(/m/img/btn_list_chng_list.gif) no-repeat 0 0}
.btn_list_type01.active{background-image:url(/m/img/btn_list_chng_pt_on.gif)}
.btn_list_type02.active{background-image:url(/m/img/btn_list_chng_list_on.gif)}

/* 폰트스타일 */
.point1{font-weight:bold}
.point2{color:#0c00ff; font-weight:bold}
.point3{color:#c90000; font-weight:bold}


/* list_type01-일반리스트 */
.list_type01 li{border-bottom:1px solid #eeeeee}
.list_type01 a{display:block; padding:9px 10px}
.list_type01 a:after{content:""; display:block; clear:both}
.list_type01 a .title{float:left; color:#222222; font-size:.9em; font-weight:normal}
.list_type01 a .date{float:right; color:#777777; font-size:.85em}

/* list_type02-일반리스트 */
.list_type02 li{padding:0 11px; border-bottom:1px solid #e0e0e0}
.list_type02 li a{display:block; color:#474747; height:39px; line-height:39px; background:url(/mobile/img/icon_arrow_right01.png) no-repeat 100% 50%}
.list_type02 li:nth-child(2n+1){background:#fbfbfb}

/* list_type03-일반리스트 */
.list_type03{font-size:12px}
.list_type03 li{border-bottom:1px solid #e3e3e3}
.list_type03 li a{display:block; padding:18px 12px; color:#535252}
.list_type03 li a em{padding:0 5px}
.list_type03 li a .point1{color:#7d7d7d}
.list_type03 li a strong{display:block; margin-top:10px; font-weight:normal}
.list_type03 li a strong.secret{background:url(/mobile/img/icon_lock.gif) no-repeat 0 2px; background-size:10px auto; padding-left:20px}
.list_type03 li a strong strong{display:inline; font-weight:bold; color:#000}

/* list_type04-일반리스트 */
.list_type04{font-size:12px}
.list_type04 li{border-bottom:1px solid #e3e3e3}
.list_type04 li {display:block; padding:18px 12px; color:#535252}
.list_type04 li em{padding:0 5px}
.list_type04 li .point1{color:#7d7d7d}
.list_type04 li strong{display:block; margin-top:10px; font-weight:normal}
.list_type04 li strong.secret{background:url(/mobile/img/icon_lock.gif) no-repeat 0 2px; background-size:10px auto; padding-left:20px}
.list_type04 li strong strong{display:inline; font-weight:bold; color:#000}



/* basic_table-기본테이블 */
.basic_table{font-size:13px; width:100%;font-weight: bold; color:#000;border:0 none; margin:0; border-spacing:0}
.basic_table th,
.basic_table td{border-bottom:1px solid #e0e0e0; padding:8px 5px; padding-right:10px;}
.basic_table th{color:#000; font-weight: bold; width:30%; text-align:left; vertical-align:middle; white-space:nowrap}
.basic_table td{color:#4a4a4a; vertical-align:top; width:70%; padding-left:10px}

/* basic_select-기본셀렉스박스 */
.basic_select{padding:3px 16px 3px 6px;border:1px solid #bbb;background:#fff; background:url(/mobile/img/icon_arrow_bottom02.png) no-repeat 95% 50%,-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f8f8f8));font-size:13px;-webkit-box-shadow:1px 1px 0 #f2f2f2;-webkit-border-radius:0;-webkit-appearance:none; min-width:150px}

/* basic_btn-기본버튼 */
.basic_btn_area{padding:23px 0; text-align:center}
.basic_btn{-webkit-box-shadow:2px 2px 2px #e6e6e6; background:#fff; border:1px solid #c3c3c3; display:inline-block; cursor:pointer}
.basic_btn span{display:block; padding:10px 0; color:#000000; font-weight:bold}
.basic_btn.c1{background:#000; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#363636), color-stop(42%,#363636), color-stop(42%,#000000), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #363636 0%,#363636 42%,#000000 42%,#000000 100%); border-color:#000}/* 포인트버튼 */
.basic_btn.c1 span{color:#fff}
.basic_btn.c2{background:#ebebeb}
.basic_btn.c3{background:#ebebeb}
.basic_btn.c4{background:#ebebeb}
.btn_w1 button span{width:75px}/* 3개짜리버튼 */
.btn_fs1{font-size:11px}
.btn_small{font-size:11px}
.btn_small button span{padding:5px 0; width:63px}/* 작은버튼 */

.l2-footer {
  padding: 20px 0 10px;
  border-top: 0px solid #d5d5d5;
  background: #ffffff; }





footer {margin-top:30px  }
#bottom_quick {width: 100%; padding: 0px 0 10px 0; margin-bottom: 0px; border-top:1px #E6E6E6 solid;}
#bottom_quick ul {font-size: 0;line-height: 0;text-align: center;  }
#bottom_quick ul:after{content:''; display:block; clear:both;}
#bottom_quick ul li {display: inline-block; width: 25%;text-align: center;  font-size: 12px;line-height: 14px;}
#bottom_quick ul li  img{width:100%; max-width:50px; display:block; margin: 7px auto; }
#bottom_quick ul li a { display: block;}


#footer .bb_menu {background:#B8B8B8; height:35px; line-height:35px; text-align:center;}
#footer .bb_menu ul { }
#footer .bb_menu ul li { float:left; text-align: center;  }
#footer .bb_menu ul li a {  display: block;  font-weight:bold;  font-size: 11px;  color: #fff;  line-height: 35px;}
#footer .bb_menu  a{display:inline-block; margin:0 2%;font-weight:bold;  font-size: 11px;  color: #fff;  }


#footer .footerCS{background:#f9f9f9; text-align:left; padding:10px}

.cscenter_wrap{ padding:7px 0 0 0px; padding-bottom:10px; position: relative;}
.cscenter_wrap:after{content:'';display:block; clear:both;}
.cscenter_wrap:before{content:''; display:block; position: absolute; top:0; left:50%; width:1px; height:130px; background:#ddd }
.cscenter_wrap .call{float:left; width:48%}
.cscenter_wrap .bank{float:right; width:47%}
.cscenter_wrap h3{ font-size:12px;  padding-bottom:7px; margin-bottom:7px; font-family:"Lato"; font-weight:normal; text-align:center; color:#000}
.cscenter_wrap .call ul  li  a{padding:2px 6px; text-align:left; background:#F23533; color:#fff; font-size:11px; border-radius:3px}
.cscenter_wrap .call ul  li{text-align:center; padding-bottom:2px}
.cscenter_wrap .bank ul  li {text-align:center; padding-bottom:6px}
.cscenter_wrap .call ul  li.number{font-size:20px; color:#000; font-weight:bold; font-family:"Lato"; padding-bottom:10px}
.cscenter_wrap .bank ul  li.number{font-size:16px; color:#000; font-weight:bold; font-family:"Lato"; padding-bottom:10px}

.cscenterBtn:after{content:'';display:block; clear:both;}
.cscenterBtn a{float:left; display:block; margin:1% 3% 3% 3%; width:44%; text-align:center; border:1px #ddd solid; height:30px; line-height:28px; border-radius:2px; background:#fff; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box;}

#footer .footerCS .footer-info {  line-height:18px; white-space: pre-line;  color: #aaa;  text-align:center;  }
.com_info{text-align:center;}
.com_info a{color: #aaa;}
.copyright {margin-bottom:10px; line-height: 14px; color: #aaa; text-align: center; white-space: pre-line; font-family:"Lato"; }
address {   display: inline;  font-style: normal;}




/******로그인*******/
#login { padding:20px; }
#login #tab { width:100%; margin:0px auto; overflow:hidden; box-sizing:border-box; }
#login #tab p { padding-top:10px; }
#login #tab span { padding-top:0px; }
#login #tab input[type=radio] { display:none; }
#login #tab input {width:100%;height:40px;line-height:40px;	box-sizing:border-box;}
#login #tab input[type=text],
#login #tab input[type=password] {padding:0px 10px;margin-bottom:10px;border:1px solid #e2e2e2;color:#8f8f8f;}

#login #tab input[type=submit],
#login #tab input[type=button] { width:100%;height:40px;line-height:40px;/*margin-top:10px;*/background: #383838;color: #fff;font-weight:bold;border:1px solid #000000;}
#login #tab section { /* display:none; */clear:both;padding-top:20px;box-sizing:border-box;}

#login #tab1:checked~#sub1,#login #tab2:checked~#sub2 { display:block; }
#login #tab1:checked~#lab1,#login #tab2:checked~#lab2 { background: #ffffff; border-left:2px solid #ec4243; border-top:2px solid #ec4243; border-right:2px solid #ec4243; border-bottom:2px solid #ffffff;color:#ec4243;font-weight:bold}
#login #tab label { display:block; float:left; width:48%; height:40px; line-height:40px; text-align:center; cursor:pointer; background:#fafafa;	border-top:1px solid #c4c4c4;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:2px solid #ec4243;box-sizing:border-box;}

#login #tab .jp_btn { width:100%;height:40px;line-height:40px;margin-top:20px;background:#000 !important;color:#ffffff;font-weight:bold;border:1px solid white!important;}
#login #tab .findMy{margin-top:5px;}
#login #tab .idpw_btn{background:#FFF!important; border:1px #000 solid!important; color:#000 !important; }
#login #tab .join_btn{background:#646464!important; border:1px #999 solid!important; }



/******목록 상세*******/

#subtitle{text-align:center; padding-top:10px}
#subtitle  span { font-size:14px; color:#000;  font-family:'Lato', 'Nanum Barun Gothic';}
 

.ssenseTop img{width:100%}
.BrandID{font-size:14px; padding-right:7px; display:inline-block}


.snsTalkBtn{margin: 20px 0; }
.snsTalkBtn:after{content:'';display:block; clear:both;}
.snsTalkBtn a{display:block; float:left; width:49.3%; text-align:center; font-size:16px; background:#00C536; color:#fff;; height:50px; line-height:50px; position:relative; }
.snsTalkBtn a:before{content:''; display:block; width:19px; height:19px; position:absolute; left:12px; top:50%; margin-top:-10px; background-size:19px 19px;}
.snsTalkBtn a.kakao{float:right; background:#E4D534; color:#381E1F}
.snsTalkBtn a.kakao:before{background-image:url(/img/detail/icon_kakatalk.gif);left:15px;}
.snsTalkBtn a.naver:before{background-image:url(/img/detail/icon_navertalk.gif);   }

.prodDetialWrap .prodDetialTab li{ width:33.3333333%;  height:50px;}
.prodDetialWrap .prodDetialTab li a{display:block;width:100%;line-height:50px; background:#fcfcfc;text-align:center; font-size:20px; color:#383737}
.prodDetialWrap .prodDetialTab li.on a{ font-size:22px;  line-height:50px;position:relative;}
.relation{font-size:30px; color:#000; border-bottom:2px #000 solid; margin-bottom:30px}

#detail_img{margin-top:15px; border-top:1px #ddd solid;}
#detail_img .divColorImgBox{padding-top:15px}
#detail_img .divColorImgBox .spColorName{font-size:14px}

.goog-te-sectional-gadget-checkbox-text, .goog-te-sectional-gadget-link-text{font-size:16px!important; color:#000!important}

  /******상품상세 베스트리뷰*******/
.bestReview{margin:0px auto; text-align:center;   }
.reviewList li{margin:0 5px; float:left; text-align:center; position:relative; }
.reviewList li img{width:100%; max-width:300px;    }
.reviewList  li .featureInfo { padding-top: 0; padding-bottom: 0; height: 70px; position: absolute;   left: 0;  bottom: 0;   background:rgba(0, 0, 0, 0.4);   color:#fff;  width:100%; }
.reviewList  li .featureInfo .subject {   padding:15px 10px 0 15px;  font-size: 16px;   font-weight: 700; color:#fff;   display:block;}
.reviewList  li .featureInfo .explain {  font-size: 14px;   padding: 0 16px; overflow: hidden;  color:#fff; white-space: nowrap;   text-overflow: ellipsis;}
.bestReview .slick-prev, .bestReview .slick-next{z-index:999; width:37px; height:37px; background-color: transparent;}
.bestReview .slick-prev{left:-37px}
.bestReview .slick-next{right:-37px}
.bestReview .slick-prev:before{  content: ''; margin-left:0px; background: url(/img/detail/slick_prev.png);  background-color: transparent; }
[dir='rtl'] .bestReview .slick-prev:before {  content: ''; background:url(/img/detail/slick_next.png); background-color: transparent;}
.bestReview .slick-next:before{  content: ' '; background: url(/img/detail/slick_next.png); margin-left:0px; background-color: transparent;}
[dir='rtl'] .bestReview .slick-next:before {  content: ''; background:url(/img/detail/slick_prev.png); background-color: transparent;}
.bestReview .slick-prev:before,.bestReview .slick-next:before {  width: 37px; height: 37px;  background-color: transparent;}
.bestReview .slick-prev:hover, .bestReview .slick-prev:focus, .bestReview .slick-next:hover, .bestReview .slick-next:focus {  opacity: 1;}
.reviewList {text-align:center;}
.bestReview .slick-dots{bottom:-30px; width:120px; margin: 0 auto; left:50%; margin-left:-60px}
.bestReview .slick-dots li{float:none!important;}



.mm-listview > li > a:hover {
  background-color: #f0f0f0 !important;
  color: #000 !important;
}

}

.thum_img{position: relative;}
.thum_img  .icon{position:absolute; left:10px; top:0; }
.thum_img  .icon img{width:44px!important; height:44px!important; }


/* CATEGORY BEST - 탭 (slider-nav) */
.newBobNavWrap {
    margin: 10px 0;
    padding: 0 10px;
}

.newBobNav .slider-nav .slick-slide {
    text-align: center;
    border: 1px solid #ddd;
    padding: 8px 5px;
    font-size: 13px;
    color: #333;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 4px;
}

.newBobNav .slider-nav .slick-slide.slick-current {
    font-weight: bold;
    background: #f1f1f1;
    border-color: #000;
}

/* CATEGORY BEST - 상품 (slider-for) */
.newBobCon .slider-for .util-clearfix li {
    width: 48%;
    margin: 1%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.newBobCon .slider-for .util-clearfix li img {
    width: 100%;
    height: auto;
    display: block;
}

/* slick 화살표 (탭 양쪽 버튼) */
.slick-prev:before,
.slick-next:before {
    color: #000;
    font-size: 20px;
}
.slider-nav .slick-prev,
.slider-nav .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url('/img/arrow-left.png') no-repeat center center;  /* 왼쪽 화살표 아이콘 */
    background-size: contain;
    border: none;
    cursor: pointer;
}

.slider-nav .slick-next {
    right: -15px;   /* 오른쪽으로 약간 바깥 */
    background: url('/img/arrow-right.png') no-repeat center center; /* 오른쪽 화살표 아이콘 */
    background-size: contain;
}

.slider-nav .slick-prev {
    left: -15px;    /* 왼쪽으로 약간 바깥 */
}
.main_case {
    padding-bottom: 0px;
    position: relative;
}

.mainBannerslider {
    height: auto;
    min-height: 200px;  /* 또는 이미지 높이에 맞게 조절 */
    overflow: hidden;
}
.tblBoard {
  border-collapse: collapse;
  width: 100%;
}

/* 기본 row를 flex처럼 수평 배열 */
.tblBoard tr {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
}

/* 각 칸도 블럭처럼 */
.tblBoard td,
.tblBoard th {
  flex: 1 1 auto;
  padding: 10px 8px;
  font-size: 14px;
  text-align: left;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}

/* 마지막 칸은 오른쪽 선 제거 */
.tblBoard td:last-child,
.tblBoard th:last-child {
  border-right: none;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
  .tblBoard tr {
    flex-direction: column;
  }

  .tblBoard td,
  .tblBoard th {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #f1f1f1;
  }
}
/* 전체 테이블을 카드형 구조처럼 만들기 */
.tblBoard {
  width: 100%;
  border-collapse: collapse;
}

.tblBoard tr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 10px;
}

/* 각 셀(td)를 박스처럼 표현 */
.tblBoard td {
  flex: 1 1 100%;
  padding: 10px;
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
}

/* 상단 제목 라인은 감추기 (선택사항) */
.tblBoard tr:first-child {
  display: none;
}

/* 이미지 셀은 고정 넓이 */
.tblBoard td:nth-child(1) {
  flex: 0 0 100px;
  max-width: 100px;
}

.tblBoard td img {
  width: 100%;
  height: auto;
  display: block;
}

/* 모바일에서 한 줄씩 정렬 */
@media screen and (max-width: 600px) {
  .tblBoard tr {
    flex-direction: column;
  }

  .tblBoard td {
    flex: 1 1 100%;
  }

  .tblBoard td:nth-child(1) {
    margin: auto;
  }
}
/* 1. PC 기본 스타일 유지 */
.tblBoard {
  width: 100%;
  border-collapse: collapse;
}

.tblBoard td,
.tblBoard th {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ddd;
  text-align: left;
}

/* 2. 모바일에서만 세로 카드로 전환 */
@media screen and (max-width: 767px) {
  .tblBoard {
    display: block;
  }

  .tblBoard tbody {
    display: block;
  }

  .tblBoard tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    background-color: #fff;
  }

  .tblBoard td,
  .tblBoard th {
    display: block;
    width: 100%;
    border: none;
    padding: 6px 10px;
    box-sizing: border-box;
  }

  .tblBoard td img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: auto;
  }

  /* 예: 체크박스 td 우측 하단 고정 */
  .tblBoard td:last-child {
    text-align: right;
  }
}
<!-- 버튼 스타일 -->
.cart-button-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.cart-button-group {
  max-width: 480px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.btn-row {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.btn-row.single {
  justify-content: center;
}

.btn-row button {
  flex: 1 1 45%;
  padding: 12px;
  font-size: 14px;
  border-radius: 6px;
  font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  min-width: 120px;
  max-width: 200px;
}

.btn-outline {
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
}

.btn-outline:hover {
  background-color: #f7f7f7;
}

.btn-primary {
  background-color: #000;
  color: #fff;
  border: none;
  flex: 1;
  width: 100%;
  max-width: 100%;
}

.btn-primary:hover {
  background-color: #222;
}
.login-state-btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 10px;
    font-weight: 600;
    background-color: #000;
    color: #333333 !important;
    border-radius: 4px;
    position: absolute;
    right: 65px; /* 검색 아이콘 기준으로 왼쪽 배치 */
    top: 5px;
    z-index: 1000;
    text-decoration: none;
}

.slider-nav .slick-slide {
  width: auto !important;           /* 슬릭 기본 고정폭 해제 */
  min-width: 80px !important;       /* 최소 너비 확보 */
  text-align: center;
}

.slider-nav div a {
  display: block;
  white-space: normal !important;   /* ✅ 줄바꿈 허용 */
  overflow: visible !important;     /* ✅ 자름 방지 */
  text-overflow: unset !important;  /* ✅ 말줄임 해제 */
  text-align: center;
  line-height: 1.3;
  font-size: 14px;
  padding: 10px 4px;
}


li.mm-divider {
  height: 1px;
  margin: 8px 0;
  background-color: #ccc; /* 또는 원하는 구분선 색상 */
  list-style: none;
  pointer-events: none;  /* 클릭 방지 */
}