.@charset "UTF-8";
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: Arial, Helvetica, Verdana;
	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;
}

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: 26px;
  border: 1px #c4c4c4 solid;
  font-size: 15px;
  font-weight: bold;
}
.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: 50px;
  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: 10px;
	background: center center no-repeat transparent;
	background-image: url("/m/img/category.png");

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

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


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

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

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




#page {
  margin: 0px auto 0;
}


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

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

.sub_menu {
	   
}
.sub_menu .item{ text-align:center; background:#B09977; padding:5px 25px 3px 7px;}
.sub_menu .item a{color:#fff; height:25px; line-height:25px; display:inline-block; width:25%; text-align:center; font-size:14px; padding:0; margin:0}
.sub_menu .category_menu{ text-align:center; background:#f6f6f6; padding:5px 0 3px 0;}
/*.sub_menu .category_menu:after{content:''; display:block; position:absolute; right:0; top:0; width:12px; height:12px; background:url(img/icon_arrow_rignt.png) no-repeat;}*/

.sub_menu .category_menu a{color:#B09977; font-weight:bold; height:25px; line-height:25px; display:inline-block; width:20%; text-align:center; font-size:14px; padding:0; margin:0}





.content-slider li{
background-color: #F4F4F4;
text-align: center;
color: #6F6F6F;
padding: 8px 0;
margin: 0;
float: left;
font-family: verdana !important;
}

.content-slider li a{font-family: verdana !important;}






.benesub_menu {
	   
}
.benesub_menu .item{ text-align:left; background:#01b9ad; padding:5px 25px 3px 7px;}
.benesub_menu .item a{color:#fff; height:25px; line-height:25px; display:inline-block; width:25%; text-align:left; font-size:14px; padding:0; margin:0}
.benesub_menu .category_menu{ text-align:center; background:#f6f6f6; padding:5px 0px 3px 0px;}
.benesub_menu .category_menu a{color:#01b9ad; font-weight:; height:25px; line-height:25px; display:inline-block; width:15.5%;  text-align:center; font-size:14px; padding:0; margin:0}



.mallsub_menu {
	   
}
.mallsub_menu .item{ text-align:left; background:#335091; padding:5px 25px 3px 7px;}
.mallsub_menu .item a{color:#fff; height:25px; line-height:25px; display:inline-block; width:25%; text-align:center; font-size:14px; padding:0; margin:0}
.mallsub_menu .category_menu{ text-align:center; background:#f6f6f6; padding:5px 0px 3px 0px;}
.mallsub_menu .category_menu a{color:#335091; font-weight:; height:25px; line-height:25px; display:inline-block;  width:15.5%; text-align:center; font-size:14px; padding:0; margin:0}



#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: 23%;
height: 38px; 
padding-top:9px;
padding-bottom: 0;
margin: 0;
margin-right: 0px;
float : center;
display : inline-block;

font-size: 8pt;

}


.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;
	
}
.category_list  a{display:block;}

#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:.9em; 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: 160px;
}

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

#sub_layout.section dd.category, 
#sub_layout.section dd.goods {
  display: block;
}


/* 모바일에서 상품명 나오도록( none으로 되어있는거 block으로 변경함 ) / 가운데정렬  이슈 : 0033428  2017.01.24 kyj*/
.prod_item .goodsInfo dt {
  display: none;
}

.prod_item .goodsInfo .price.sales {
  color: #F15755;
  font-weight: bold;
  display: inline-block;
}
/* 모바일에서 브랜드명 볼드처리     이슈 : 0033428  2017.01.24 kyj*/
.prod_item .goodsInfo .brand {
/*   font-weight :bold; */
  overflow: hidden;
  margin-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.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;
}

.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;
}
.tdBoard2Coulmn{
	background-color: #e6e6e6; 
	border-bottom: 1px solid #323232;
	text-align: center;
}
.tdBoard2Body{
	border-bottom: 1px solid #323232;
	padding-left: 10px;
}
.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: 2px;
		padding-bottom: 2px;
 	}
.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-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; position:relative}
.h_area2 h2{display:block; text-align:center; font-size:1.07em; color:#000000; padding:10px; /*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}

/*.tblBoard3 th{padding:10px 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}

/* 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:#F06159; 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.basic_table_etc,
.basic_table td.basic_table_etc{border-bottom:1px solid #e0e0e0; padding:4px 5px; padding-right:10px;}
.basic_table th{color:#000; font-weight: bold; width:30%; text-align:left; vertical-align:top; 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; }
  #banking_info { text-align: center; position: relative; margin-bottom: 10px;}
#banking_info img {display: block; width: 100%; border: none;}

#bottom_quick {width:100%; margin:20px 0;}
#bottom_quick ul li img {width:26px; height:30px;}
#bottom_quick ul li{width:25%; background:#ECECEC; display: inline-block; text-align: center;
  font-size: 12px;line-height: 14px; padding-top:10px;}
#bottom_quick ul li:nth-child(2), #bottom_quick ul li:nth-child(4){background:#F5F5F5;}
.bq_name{line-height: 1.5em; margin:15px 0 10px 0;}
#bottom_quick ul {font-size: 0;line-height: 0; text-align: center;}
#bottom_quick ul li a { display: block;}


/* #bottom_a_top{list-style-type: none;width: 15%;height: 30px; line-height: 30px; display: inline-block;margin: 3px; border: 1px solid #b09977;background-color: #ffffff;text-align: center;font-size: 11px;color: #b09977;font-weight: bold;} 2017.02.15 kyj */
#bottom_a_top {list-style-type: none;line-height: 30px; display: inline-block;margin: 3px;width: 12%;height: 40px;background: url(/m/img/button-floatSide-top.png) no-repeat 0 0;background-size: auto 40px;}/* 2017.02.21 kyj*/

#cs_center{padding:0 10px; border-top:2px solid #DDBF5F; width:100%;}
#cs_center h3{color:#000; font-size:14px; font-family: 'malgun gothic','dotum','gulim',sans-serif; width:100%; margin:10px 0 10px 0;}
#cs_center p{color:#DDBF5F; font-size:28px; margin:5px 0; display:block;}
#cs_center span{font-size:12px; color:#666; margin-bottom:5px; display:block;}



#benecs_center{padding:0 10px; border-top:2px solid #01b9ad; width:100%;}
#benecs_center h3{color:#000; font-size:14px; font-family: 'malgun gothic','dotum','gulim',sans-serif; width:100%; margin:10px 0 10px 0;}
#benecs_center p{color:#01b9ad; font-size:28px; margin:5px 0; display:block;}
#benecs_center span{font-size:12px; color:#666; margin-bottom:5px; display:block;}


#mallcs_center{padding:0 10px; border-top:2px solid #dadada; width:100%;}
#mallcs_center h3{color:#000; font-size:14px; font-family: 'malgun gothic','dotum','gulim',sans-serif; width:100%; margin:10px 0 10px 0;}
#mallcs_center p{color:#d64159; font-size:28px; margin:5px 0; display:block;}
#mallcs_center span{font-size:12px; color:#666; margin-bottom:5px; display:block;}



#bank{padding:0 10px 10px 10px;}
#bank h3{color:#000; font-size:14px; font-family: 'malgun gothic','dotum','gulim',sans-serif; width:100%; margin:10px 0 10px 0;}
#bank p{font-size:20px; color:#000;}
#bank p img{margin-right:10px;}
#bank span{font-size:12px; margin-left:30px;color:#666; font-weight:normal;}


#bquick_menu .bqm_box {display: block;margin: 0 10px;}
#bquick_menu {margin: 20px 0 20px 0;}





#bquick_menu .fnbq-item a { display: block; padding: 10px; color: #fff;  border: 0px solid #afafaf; border-radius: 0px; background: #c0bebe; margin: 0; padding: 0;  font-size: 13px;line-height: 14px; font-family: 'malgun gothic','dotum','gulim',sans-serif;}
#bquick_menu .fnbq-item:first-child {padding-left: 0;}
#bquick_menu .fnbq-item {display: table-cell;width:30%; padding-left: 5px; text-align: center;}
#bquick_menu .fnbq-item a {display: block; padding: 10px; color: #fff;  border: 0px solid #afafaf; border-radius: 0px; background: #c0bebe;}

#footer .company { width: 100%; text-align: center;margin: 0;  padding: 0; font-size: 13px; line-height: 14px;  font-family: 'malgun gothic','dotum','gulim',sans-serif;  color: #454545;}
#footer .bb_menu { width: 100%; background: #FFFFFF; margin-bottom: 20px;}
#footer .bb_menu ul { background: #DDBF5F; font-size: 0;line-height: 0; text-align: center;}
#footer .bb_menu ul li { display: inline-block;  width: 25%;   text-align: center; font-size: 11px; line-height: 35px font-weight:bold; padding: 15px 0 15px 0;}
#footer .bb_menu li a:hover {color: #FFF;}
#footer .bb_menu .privacy a { color: #9e0b0f;}
#footer .bb_menu ul li a {display: block; font-weight: bold; font-size: 11px; color: #fff;}
.footer-info { line-height: 16px; color: #444; text-align: left; white-space: pre-line; margin:0 0 0 10px; padding: 0; font-size: 12px; line-height: 14px; font-family: 'malgun gothic','dotum','gulim',sans-serif;color: #454545;}
.com_info{text-align: left; font-size:12px;margin:0 0 0 10px;}
address { display: inline; font-style: normal;  font-size:12px;}
.copyright {margin-top: 10px; font-size: 12px; line-height: 14px; color: #666; text-align: left; white-space: pre-line; margin:0 0 0 10px;}


#benefooter .company { width: 100%; text-align: center;margin: 0;  padding: 0; font-size: 13px; line-height: 14px;  font-family: 'malgun gothic','dotum','gulim',sans-serif;  color: #454545;}
#benefooter .bb_menu { width: 100%; background: #FFFFFF; margin-bottom: 20px;}
#benefooter .bb_menu ul { background: #01b9ad; font-size: 0;line-height: 0; text-align: center;}
#benefooter .bb_menu ul li { display: inline-block;  width: 25%;   text-align: center; font-size: 11px; line-height: 35px font-weight:bold; padding: 15px 0 15px 0;}
#benefooter .bb_menu li a:hover {color: #FFF;}
#benefooter .bb_menu .privacy a { color: #000;}
#benefooter .bb_menu ul li a {display: block; font-weight: bold; font-size: 11px; color: #fff;}


#mallfooter .company { width: 100%; text-align: center;margin: 0;  padding: 0; font-size: 13px; line-height: 14px;  font-family: 'malgun gothic','dotum','gulim',sans-serif;  color: #454545;}
#mallfooter .bb_menu { width: 100%; background: #FFFFFF; margin-bottom: 20px;}
#mallfooter .bb_menu ul { background: #335091; font-size: 0;line-height: 0; text-align: center;}
#mallfooter .bb_menu ul li { display: inline-block;  width: 25%;   text-align: center; font-size: 11px; line-height: 35px font-weight:bold; padding: 15px 0 15px 0;}
#mallfooter .bb_menu li a:hover {color: #FFF;}
#mallfooter .bb_menu .privacy a { color: #fff;}
#mallfooter .bb_menu ul li a {display: block; font-weight: bold; font-size: 11px; color: #fff;}