@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('//fonts.googleapis.com/css?family=Lato');
@import url('//fonts.googleapis.com/css?family=Prosto+One');

	@charset "utf-8";	

html {
	font: 11px/1.25 Lato, "Noto Sans KR", sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;	text-decoration: none;
	scrollbar-arrow-color:black;
	scrollbar-base-color:#d7d7d7;
	scrollbar-darkshadow-color:#d7d7d7;
	scrollbar-face-color:#d7d7d7;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:black;
	overflow-y:scroll;
	letter-spacing :-0.01em;
	margin: 0 auto;
	text-align: center;
	width: 100%;

}

	body{
		font: 11px/1.25 "Noto Sans KR",Lato, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;	text-decoration: none;
		margin: 0 auto;
		text-align: center;
		width: 100%;

	}

	INPUT[type=button],INPUT[type=submit],INPUT[type=text],INPUT[type=number],textarea{	   
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	div,span,p,h1,h2,h3,h4,h5,h6,table,tr,th,td,input,select,form,img,a,ul,li,ol,em {
		font: 11px/1.25 "Noto Sans KR",Lato, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;	text-decoration: none;
		margin: 0px;
		padding: 0px;
		/*border: none;*/
		list-style: none;
		vertical-align: middle; 
	}
	em {
		font-style:normal;
	}
	fieldset {
		border: none;
	}
	legend {
		visibility: hidden;
		width: 0;
		height: 0;
	}
	img,a{
		border: none;
		vertical-align: bottom;		
		text-decoration: none;
		color: #5f5f5f;
	}		
	a {
		cursor: pointer;
		-webkit-tap-highlight-color:transparent;
	}

	#layout {
		width: 100%;
		margin: 0 auto;
		padding: 0px;			
		text-align: center;						
	}
	.main-sidebar {display:none;}
	#header {		
		width: 100%;				
		margin: 0 auto;
		padding: 0px;			
		text-align: center;
		z-index: 1;
		font-family:'Noto Sans KR', sans-serif;
	}
	#htbg {
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 37px;
		border: none;
		background:#fff;
	}
	#ht {
		position: relative;
		width: 1020px;
		height: 37px;		
		margin: 0 auto;
		padding: 0px;			
		text-align: left;
		background: #fff;
		border-bottom: solid 1px #cfcfd1;
	}
	#htbtn_m {display:none;}
	#htbtn {
		width: 450px;
		height:37px;
		padding-top: 11px;
	}
	#htbtn > li {
		float: left;
		padding-right:0px;
	}
	#htbtn > li a {
		color: #888;
		padding-left:5px;
	}
	#htbtn > li:first-child > a {
		color: #888;
		padding-left:21px;
	}
	.htbtn01 { background:url("/shop/images/hedertop_right_btn01.gif") no-repeat left center;}
	.htbtn02 { background:url("/shop/images/hedertop_right_btn03.gif") no-repeat left center;}
	.htbtn03 { background:url("/shop/images/hedertop_right_btn04.gif") no-repeat left center;}
	.htbtn04 { background:url("/shop/images/hedertop_right_btn05.gif") no-repeat left center;}
	#htline {
		position: absolute;
		right:  0;
		top: 0;
		margin: 0px;
		padding: 0px;			
	}
	#htline ul {
		list-style: none;			
		margin: auto 0px;
		padding: 11px 0 0 0;
		vertical-align: middle;
	}
	#htline li {
		float: left;
		list-style: none;	
		margin: 0px;
		padding-right: 21px;
		text-align: center;
		height: 15px;
		vertical-align: middle;
		background:url("/shop/images/headertop_line_bg.gif") no-repeat right center;
	}
	#htline li div{
		padding: 12px 10px 0 0;
	}
	.btn_bg_line {
		height: 32px;
		
		background-position: right;
		text-align: center;

	}
	#htline li a {		
		font-size:11px;
		text-decoration: none;
		color: #888;
		vertical-align: middle;
	}
	#htline li a:hover {				
		color: #666;
	}
	#ht_search_bg {						
		position: relative;
		height: 128px;
		background: #fff;						
		margin: 0px;
		padding: 0;
		z-index: 3;
	}
	#ht_search_wrap {
		position: relative;
		width: 1020px;
		height: 128px;
		margin: 0 auto;
		padding: 0 0 0 0;		
		clear: both;
		text-align: left;
		z-index: 2;
	}
	#home_m {display:none;}
	#logo {
		float:left;
		position: relative;
		margin: 0;
		padding: 30px 0 0; 
		width: 292px;
		height: 51px;	
	}
	#logo a{
		position: absolute;
		/*width: 140px;
		height: 53px;					*/
		width: 288px;
		height: 51px;					
		text-indent: -5000;
		font-family: "Prosto One", sans-serif;font-size:30px;font-weight:bold;
	}
	#logo a span{
		text-indent: -5000;
		font-size: 0px;
	}
	#ht_srh_m { display:none;}
	#nav_m { display:none;}
	#ht_srh_wrap_m{display:none}
	#ht_srh_wrap {
		position: absolute;
		top: 42px;
		left: 404px;						
		margin: 0px;
		padding: 0px;
		width: 327px;
		height: 40px;
		z-index: 2;
		border: none;
	}
	#ht_srh_wrap 	fieldset {
		margin: 0px;
		padding: 0px;
		z-index: 2;
		border: none;
	}
	#ht_srh_wrap 	legend {
		display: none;
	}
	#McroSearchTxt {
			width: 227px;					
			height: 32px;
			border: solid 2px #393b43;		
			border-right: none;		
			font-size: 14px;
			padding: 0 0 0 6px;
			vertical-align: middle;	 
			line-height: 23px;
			overflow: hidden;
			
	}				
	#ht_srh_wrap .search {
		margin: 0;
		padding: 0px;
		width: 44px;
		height: 40px;
		background: url('/shop/style/image/sc_btn.jpg') no-repeat;
		font-size: 0;
		text-indent: -5000;
		vertical-align: middle;
		cursor: pointer;
		border: none;
	}
	#ht_notic_wrap {	
		position: absolute;
		top: 28px;
		left: 540px;		
		margin: 0px;
		padding: 0px;
		width: 180px;
		height: 35px;
		overflow: hidden;						
	}
	#ht_notic_wrap li {
		list-style: none;
		margin: 0px;
		padding: 0 0 8px 0px;
		color: #adadad;

	}
	#ht_notic_wrap a {
		text-decoration: none;
		color: #adadad;
	}
	#ht_right_banner {
		position: absolute;
		right: 0px;
		top: 0px;
		margin: 0px;
		padding: 0px;						
	}
	 #text_div {
		display: none;
		width:250px;
		z-index: 3;
		position:absolute;
		left: 18px;
		top: 40px;
	  }
	#search_text {
		width: 250px;
		border-left: solid 2px #d3d3d3;
		border-bottom: solid 2px #d3d3d3;
		border-right: solid 2px #d3d3d3;	
		
		background-color:#fff;
		z-index: 3;	
		
	}
  #search_text ul {
    margin:0;
    padding:0;
	z-index: 3;
	}
  #search_text .stext {
    list-style-type:none;
    margin:0;    
    font-size: 12px;
    line-height:160%;
	text-align: left;
	
	 padding: 0 0 5px 10px;
	 background-color:#fff;  	 
	 z-index: 3;
	 cursor: pointer;
  }

  #search_text li span {
	color: #ff3300;
	 background-color:#fff;  	 
	 z-index: 3;
	 cursor: pointer;
  }

 
  #ht_right_banner {
	  float:right;
	position: relative;
	margin: 17px 0 0;
	padding: 0px;
	width: 230px;
	height: 86px;
  }

  

	#slideshow {
			margin: 0px;
			padding: 0px;
			width: 240px;
		}
	#slidesContainer {
			margin: 0px;
			padding: 0px;
	}
	.slide {
			margin: 0px;
			padding: 0px;
	}

	#hmbg {
		width: 100%;
		background:#33353d;
		background-repeat:repeat-x;
		height: 37px;	
		margin: 0px;
		padding: 0px;						
		z-index: 10;
		position: relative;
		box-shadow: 0px 4px 6px #444;
	}
	#hm_wrap {
		padding: 0;
		position: relative;
		width: 1020px;
		height: 37px;		
		margin:0px auto;
		z-index: 1;
	}

	#hm_wrap #nav > li{
		position: relative;
		list-style: none;
		height:37px;
	}				
	#hm_wrap > li > a { height:37px; color:#fff; font-size:13px; font-weight:500;}
	.hm_top {
		position: absolute;
		bottom: -10px;
		left: 165px;						
	}
	.clock {
		position: absolute;
		bottom: -38px;
		right: 200px;						
	}
	.soldout {
		position: absolute;
		bottom: -18px;
		right: 132px;
	}
	.soldout1 {
		position: absolute;
		bottom: -18px;
		right: -40px;
	}
	
#vtab > div {
            background-color: #fafafa;
            min-height: 300px;
            z-index: 9;
        }
#top_banner_wrap {background:#64656f;}
.slides_container {overflow:hidden;}
.slides_container a { float:left;}

#mobile_quick_nav { display:none;}

/*main start*/
#main_spot { position:relative; width:100%; height:546px; overflow:hidden;}
#main_spot > div#slider { position:absolute; top:0; left:50%; z-index:1; margin-left:-1000px; width:2000px; height:546px;}
#main_spot_m { display:none;}
#slider .jcarousel-container,
#slider .jcarousel-clip,
#slider .jcarousel-clip ul li { position: relative; overflow: hidden; width: 2000px; height: 546px; }

#slider-nav { position: absolute; left: 50%; bottom: 40px; width: 960px; height:41px; margin-left:-480px; background: url(images/slider-nav.png) repeat-x 0 0; }
#slider-nav ul li { display: inline; float: left; width: 160px; list-style: none; font-size: 22px; background:url('/shop/images/main_spot_titlebar_off.gif') no-repeat left bottom; }
#slider-nav ul li a { display: inline; float: left;  height: 41px; line-height: 41px; width: 160px; padding: 0;font-family:'Noto Sans KR', sans-serif; color: #666;}
#slider-nav > ul > li.active a { background:url('/shop/images/main_spot_titlebar_on.gif') no-repeat left top; color:#fff;}
#slider-nav a:hover { text-decoration: none; color:#fff; background:#444;}

.notice_subject_m {display:none;}

	#container {		
			background:#fff;
			clear: both;
			position: relative;
			margin: 0px auto;
			padding: 0 0 100px;
			width: 100%;					
			text-align: left;
			z-index: 1;			
	}
	
#tabs {
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url('/shop/images/main_best_bg.gif') repeat-x left top;
	font-family:'Noto Sans KR', sans-serif;
}
.c-tabs-nav {
	width:1020px;
	height:130px;
	margin:0 auto;;
	padding:0;
	background:#f0f0f0;
	overflow:hidden;
}
.c-tabs-nav > a {
	float:left;
	width:125px;
	height:130px;
	background:url('/shop/images/main_bestnav_off.jpg') no-repeat left top;	
}
.c-tabs-nav > a:hover {
	background:url('/shop/images/main_bestnav_on.jpg') no-repeat left top;
}
.c-tabs-nav > div.cate_best { float:left; width:395px; height:130px; background:url('/shop/images/main_best_title.gif') no-repeat left top;}
.c-tabs-nav > div.cate_best > span { position:relative; visibility:hidden; z-index:-10;}
.c-tabs-nav > a.cate_best01 { background-position:left top;}
.c-tabs-nav > a.cate_best02 { background-position:-125px top;}
.c-tabs-nav > a.cate_best03 { background-position:-250px top;}
.c-tabs-nav > a.cate_best04 { background-position:-375px top;}
.c-tabs-nav > a.cate_best05 { background-position:-500px top;}
.c-tabs-nav > a.cate_best06 { background-position:right top;}
.c-tabs-nav > a > span { position:relative; visibility:hidden; z-index:-10;}
.c-tabs-nav__link.is-active {
  background:url('/shop/images/main_bestnav_on.jpg') no-repeat left top;
}
.c-tab {
  display: none;
  width:1020px;
  height:500px;
  padding:0;
  margin:0 auto;
  background-color: #fff;
}

.c-tab.is-active {
  display: block;
}
.c-tab > ul {width:1020px; overflow:hidden; margin-top:10px;}
.c-tab > ul > li {float:left; width:215px; padding:20px}
.c-tab > ul > li img {width:215px;height:215px;}
.c-tab .pname { height:100px; font-size:14px; color:#333; margin:15px 0 10px;}
.c-tab .pname > p { font-size:13px; font-weight:300; color:#999; margin:5px 0;}
.c-tab .price { font-size:24px; color:#333; margin:15px 0; padding-left:32px; background:url('/shop/images/prt_won_icon.gif') no-repeat left center;}

#main_sale_banner { width:1020px; height:603px; margin:0 auto; padding:0;}
#main_sale_banner .sale_b01 {float:left; width:660px; height:603px;}
#main_sale_banner .sale_b02 {float:left; width:360px; height:303px;}
#main_sale_banner .sale_b03 {float:left; width:360px; height:300px;}
#main_sale_banner_m { display:none;}

#main_long_wrap { position:relative; width:100%; height:317px; margin:0; padding:0; overflow:hidden;}
#main_long_banner { position:absolute; top:0; left:50%; width:2000px; height:317px; margin-left:-1000px; padding:0;}

#main_season {width:100%; height:655px; margin:0; padding:0;}
#main_season > div {width:1020px; height:655px; margin:0 auto; padding:0; overflow:hidden;}
#main_season > div > ul {float:right; width:693px; height:435px; margin:158px 0 0; padding:0;}
#main_season > div > ul > li {float:left; position:relative; width:221px; height:208px; margin:0 0 10px 10px; background:#fff; overflow:hidden;}
#main_season > div > ul > li > .bimg > img {width:140px;height:140px; padding-left:40px;}
#main_season .pname { height:16px; font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#333; margin-bottom:8px; padding:10px 14px 0; overflow:hidden;}
#main_season .price { font-size:17px; color:#e00000; margin: 0; padding:0 14px;} 
#main_season div.main_season_over { display:none; position:absolute; top:0; left:0; z-index:15; width:221px; height:208px;}
#main_season div.main_season_over > img {width:221px; height:208px;}
#main_season > div > ul > li:hover > div.main_season_over { display:block;}

			#main_hot_item_wrap {
				clear: both;
				margin: 0px;
				width: 1020px;
			}
			#main_hot_item {
				clear: both;
				padding: 0px 0;
				width: 1020px;
			}
			#main_popularity_wrap {
				clear: both;
				margin: 0px auto;
				width: 1020px;
				overflow: hidden;
				margin-bottom:20px;
				background:#fff;
			}
			#main_new_title {
				width:165px;
				height:31px;
				margin:0 auto;
				padding:0;
				background:url('/shop/images/main_new_title.gif') no-repeat left center;
			}
			#main_new_title > span {position:relative;visibility:hidden;}
			#main_popularity_wrap {width:1021px; margin:0 auto;}
			#main_popularity_wrap .main_popularity_list ul {
				clear: both;
				list-style: none;		
				padding: 0;
				width: 1021px;
				border-top:1px solid #e3e3e3;
			}
			#main_popularity_wrap .main_popularity_list ul li {
				list-style: none;
				text-align: center;
				margin: 0px;
				padding: 0px;
				width: 254px;
				height: 370px;
				overflow: hidden;
				float: left;
				border-right:1px solid #e3e3e3;
				border-bottom:1px solid #e3e3e3;
				border-left:1px solid #e3e3e3;
				background:#fff;
				margin-right:-1px;
			}
			#main_popularity_wrap .main_popularity_list ul li.last{margin-right:0px;}
			#main_popularity_wrap .main_popularity_list ul li div.product_background {
				width:254px;
				height:254px;
				margin:0;
				padding:0;
			}
			#main_popularity_wrap .main_popularity_list ul li div.product_background img {
				width:214px;
				height:214px;
				padding:20px;
			}
			#main_popularity_wrap .main_popularity_list ul li div.popularity_subject {
				height:43px;
				font-family:'Noto Sans KR', sans-serif;
				font-size:13px;
				color:#666;
				padding:0 20px 18px;
				text-align:left;
			}
			#main_popularity_wrap .main_popularity_list ul li div.price_wrap {
				padding:0 20px; 
			}
			#main_popularity_wrap .main_popularity_list ul li div.price_wrap > div {
				font-family:Tahoma, Geneva, sans-serif;
				font-size:20px;
				font-weight:700;
				color:#333;
				text-align:left;
				float:left;
				background:url('/shop/images/prt_won_icon.gif') no-repeat left center;
				padding-left:32px;
				width:90%;
			}
			.price_num { width:70%; float:left;}
			.price_num > span {font-size:20px}
			.price_percent {width:30%; float:right;}
			.per_num {font-size:20px;font-weight:bold;float:left;color:#ff8200;}
			.per_icon {font-size:12px;padding:7px 0 0;float:left;color:#ff8200}



/*category*/
#section {
	width: 100%;				
	margin: 0 auto;
	padding: 0px;			
	text-align: center;
	z-index: 1;
	background: #fff;
	
}
#main_layout {
	clear: both;	
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 30px 0 0px 0;
	overflow:hidden;
}
.product_best {width:1020px; height:466px; margin:0 auto; background:#f4f4f4; text-align:center;}
.product_best > h3 { margin:0; padding:30px 0 26px;}
.product_best > ul { width:930px; height:384px; overflow:hidden; padding:0 45px;}
.product_best > ul > li {float:left; width:256px; padding:0 27px 50px;}
.product_best > ul > li > .bimg > img {width:256px;height:256px;}
.product_best > ul > li > .pmaker { font-weight:bold; color:#aaa; padding:20px 0 0;}
.product_best > ul > li > .pname { height:40px; font-size:11px; color:#666; padding:6px 20px 0;}
.product_best > ul > li > .price { font-size:11px; color:#777;}
#main_long_banner ul { position:absolute; display:block;}
#main_long_banner ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
.title_thumb_box { position:absolute; width:1020px; bottom:35px; left:50%; margin-left:-510px;z-index:100; background:none;}
.title_thumb_box span { padding:0 3px;}
#main_banner_slide_wrap {
	border:1px solid #c8c8c8;
	float: left;
	width: 678px;
	height: 333px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#main_banner_slide_wrap .slidesjs-pagination {
	  position: absolute;
      list-style: none;
	  top: 10px;
	  right: 10px;
	  z-index: 999;
	  height: 13px;
	  overflow: hidden;
}

#main_banner_slide_wrap .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
	  z-index: 3;
    }

#main_banner_slide_wrap .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/shop/style/image/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	   z-index: 3;
    }

  #main_banner_slide_wrap .slidesjs-pagination li a.active,
   #main_banner_slide_wrap .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

   #main_banner_slide_wrap .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

#main_banner_slide_wrap .slidesjs-pagination li a:hover {
	  background-position: 0 -26px
}

#main_banner_slide_wrap .slidesjs-previous {
	position: absolute;
    list-style: none;
	top: 125px;
	left: 0px;
	width: 38px;
	height: 69px;
	background-image: url(/shop/style/image/category/slides_previous.jpg);
	z-index: 66;
	text-indent: -3000;
}
#main_banner_slide_wrap .slidesjs-next {
	position: absolute;
	width: 38px;
	height: 69px;
	top: 125px;
	right: 0px;
	width: 38px;
	height: 69px;
	background-image: url(/shop/style/image/category/slides_next.jpg);
	z-index: 99;
}

#banner_slide .slidesjs-previous {}
#banner_slide .slidesjs-next {}

#banner_slide .slidesjs-pagination {
	  position: absolute;
      list-style: none;
	  top: 10px;
	  right: 10px;
	  z-index: 999;
	  height: 13px;
	  overflow: hidden;
}

#banner_slide .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
	  z-index: 3;
}

#banner_slide .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/shop/style/image/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	  z-index: 3;
}
#banner_slide .slidesjs-pagination li a.active,#banner_slide .slidesjs-pagination li a:hover.active { background-position: 0 -13px}
#banner_slide .slidesjs-pagination li a:hover {background-position: 0 -26px}
#banner_slide .slidesjs-pagination li a:hover {background-position: 0 -26px}

#category_banner{
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	background: #f6f6f6;
}

.category_sub_2banner_wrap {
	float: left;
	width: 332px;
	height: 336px;
	padding: 0 0 0 10px;
	background: #f6f6f6;
}
#category_banner_line {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 20px 0;
	width: 1024px;
	background: #f6f6f6;
	height: 333px;
}
.category_banner_line_first {
	float: left;
	width: 332px;
	height: 331px;
	background: #f6f6f6;
}
.category_banner_line_second {
	border:1px solid #c8c8c8;
	float: left;
	width: 332px;
	height: 331px;
	margin: 0 0 0 12px;
}
		
			
			#popularity_line_wrap {
				width: 100%;
				padding: 63px 0 0 0;
				background: #fff;

			}
			#popularity_wrap {
				clear: both;
				margin: 0px auto;
				padding: 0;
				width: 1024px;
				overflow: hidden;
			}

			#popularity_wrap .popularity_sort {
				clear: both;
				padding: 0px 0px;
				width: 1024px;
				height: 56px;
				overflow: hidden;
				vertical-align: bottom;
				position: relative;
			    
		        
			}
			#popularity_wrap .popularity_sort h3{
				height: 30px;				
				position: absolute;
				left: 10px;
				top: 10px;
			}
			#popularity_wrap .popularity_sort h3 span{
				float: left;	
				font-size: 20px;
				vertical-align: bottom;
			}
			#popularity_wrap .popularity_sort a{
				
				
				text-decoration: none;
				padding: 0px 5px;  
				display: block;
				float: left;
				width: 80px;
				text-align: center;
				vertical-align: bottom;
			}
			#popularity_wrap .popularity_sort span{
				padding: 0px 5px;   
				float: left;
			}
			#popularity_wrap .popularity_sort_list {
				float: right;
			}
			#popularity_wrap .popularity_sort_list a {
				display: block;
				width: 90px;
				height:56px;
				font-weight: bold;


			}
			#popularity_wrap .popularity_sort_list span{
				padding: 0px;   
				
			}
			#popularity_wrap .popularity_sort_list .new_product {	
				font-weight: bold;
				
				vertical-align: bottom;
			}
			#popularity_wrap .popularity_sort_list .active {
				color: #d30100;
				background-image: url('/shop/style/image/sort_active.jpg');
				background-position:center bottom; 
				background-repeat: no-repeat;
				height: 36px;		
				vertical-align: bottom;
			}
			#popularity_wrap .popularity_sort_list .list_type {
				width: 20px;
				height: 80px;
				padding: 0px;
			}

	#popularity_wrap ul {
		clear: both;
		list-style: none;		
		padding: 40px 0;
		width: 1020px;
		overflow:hidden;
	}
	#popularity_wrap > ul > li {
		list-style: none;
		text-align: center;
		margin: 0px;
		margin-left:-1px;
		padding: 10px 20px 0;		
		overflow: hidden;
		float: left;		
		width: 215px;	
		height: 385px;
		border-left:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
	}
	#popularity_wrap ul .list_last {
		border: none;		
	}
	#popularity_wrap ul li a {
		text-decoration: none;
	}
	#popularity_wrap ul li .popularity_list_wrap {
		width: 216px;
		background: #fff;						
		padding: 0px;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
	}
	#popularity_wrap ul li .popularity_list_wrap .product_background {
		width: 214px;
		height: 214px;	
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
	}
	#popularity_wrap ul li .popularity_list_wrap .product_background img{
		object-fit: cover;
		width: 214px;
		height: 214px;
	}	
	#popularity_wrap ul li .popularity_list_wrap .popularity_subject {
		font-size: 11px;
		color: #555;		
		margin: 0 auto;
		text-align: center;
		height:25px;
	}
	#popularity_wrap ul li .popularity_list_wrap .simple_explain {
		padding: 10px 0;
		font-size: 11px;
		color: #5c5c5c;
	}
	#popularity_wrap ul li .popularity_list_wrap .prd_brand {
		color: #aaa;		
		margin: 0 auto;
		font-size: 12px;
		font-weight:bold;
		padding: 0;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap {
		clear: both;
		padding: 0;
		position: relative;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap .sale_per {
		font-size: 30px;
		color: #ff8400;
		font-weight: bold;
		float: left;		
		font-family: tahoma;
		padding: 0 10px 0 0;
		width: 45px;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap .sale_per .won{
		font-size: 18px;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap .o_price {		
		font-size: 12px;
		color: #5c5c5c;		
		text-decoration: line-through;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap .sale_price {		
		font-size: 14px;
		color: #333;
		font-family: tahoma;
	}
	#popularity_wrap ul li .popularity_list_wrap .price_wrap .no_sale_price {
		height:34px;
		font-size: 14px;
		color: #333;	
		font-family: tahoma;
		letter-spacing :-0.01em;
		font-weight:bold; 
	}
	#popularity_wrap ul li .popularity_list_wrap .prd_price {
		padding: 10px 0;
		font-weight: bold;				
		font-size: 14px;
		color: #252525;
		margin: 0 auto;
		text-align: left;
		letter-spacing :-0.01em;
	}
	#popularity_wrap ul li .popularity_list_wrap .sale_price {
		padding: 5px 0;
		font-weight: bold;				
		font-size: 14px;
		color: #c20000;
		margin: 0 auto;
		text-align: left;
		letter-spacing :-0.01em;
	}

	.pagingWrap {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	}

	.pagingWrap a{ 
		color: #000;
		text-decoration: none;
		font-size: 12px;
		padding: 8px;
	}
	.pagingWrap .tp {
		padding: 8px;
		font-size: 16px;
		color: #e00000;
		
	}
	.pagingWrap .prev, .pagingWrap .next, .pagingWrap .now {
		font-size: 14px;
		color: red;
	}


/*				
				#babomall_board {
					width: 183px;
					height: 309px;
					background: url("/new/shop/style/bottom/btm_04.gif") no-repeat;
					border: solid 1px #dfdfe1;				
				}
				#installation_shop_wrap {
					margin: 0px;
					padding: 0px;
					width: 178px;
					height: 309px;
					float: left;
					border: solid 1px #dfdfe1;				
					background: url("/new/shop/style/bottom/btm_05.gif") no-repeat;
				}				
				#customer_menu ul{
					margin: 0px;
					padding: 80px 0 0 30px;
				}
				#customer_menu li {
					list-style: none;
					margin: 0px;
					padding:  0 0 10px 3px;
				}
				#customer_menu li a{ 
					text-decoration: none;
					color: #6f6c66;
					font-size: 11px;					
				}
				#customer_menu li a:hover {
					font-weight: bold;				
				}
				#customer_banking ul {
						margin: 0px;
						padding: 65px 0 0 5px;					
					}
					#customer_banking li {
						list-style: none;
						margin: 0px;
						padding: 6px 0;
						color: #7e7c74;						
						width: 185px;
						line-height: 140%;
						border-bottom: solid 1px #e9e9e7;						
					}
					#customer_banking li span {
						display: block;
						padding: 0 0 0px 0;						
						font-size: 11px;
						
					}
					#customer_banking li a{ 
						text-decoration: none;					
						color: #66cc00;
					}
					#customer_banking li a:hover {
					
					}
					.banking_link {
						font-weight: bold;
					}
					#babomall_board ul {
						margin: 0px;
						padding: 65px 0 0 15px;					
					}
					#babomall_board li {
						list-style: none;
						margin: 0px;
						padding: 6px 0;
						color: #7e7c74;						
						width: 145px;
						line-height: 140%;
						border-bottom: solid 1px #e9e9e7;						
					}
					#babomall_board li span {
						display: block;
						padding: 2px 0;						
						font-size: 12px;						
					}
					#babomall_board li a{ 
						text-decoration: none;					
						color: #66cc00;						
					}
					#babomall_board li a:hover {
					
					}
					#babomall_board dl {
						margin: 0px;
						padding: 0 0 3px 0;
					}
					#babomall_board dt {
						padding: 0 0 5px 0;
						font-weight: bold;
					}
					#babomall_board dd {
						margin: 0px;
						padding: 0px;
					}
					#babomall_board dd a {
						color: #7e7c74;						
						font-size: 11px;
					}
					#installation_shop {
							margin: 0;
							padding: 70px 0 0 12px;
							width: 155px;
					}
					#installation_shop span {
						display: block;
						padding: 0 0 8px 0;
						color: #7e7c74;						
					}

			#installation_shop a{
				text-decoration: none;					
				color: #66cc00;
			}
*/
/*foot*/
				#main_foot_line {
					clear: both;
					position: relative;
					margin: 0px;
					padding: 0px;
					width: 100%;		
					z-index: 1;
				}
				
				#main_foot_line_wrap {
					clear: both;
					position: relative;	
					width: 100%;		
					background: #fff;
					/*border-left: solid 1px #c6c5c1;
					border-right: solid 1px #c6c5c1;
					border-bottom: solid 1px #c6c5c1;			*/
					margin: 0px auto;
					padding: 30px 0 0 0;
					text-align: center;
				}
				#main_foot_line_wrap .site_info_top {
					width: 1024px;
					margin: 0 auto;
					height: 30px;
					text-align: center;
				}
				#main_foot_line_wrap .site_info_top ul {
					width: 700px;	
					margin: 0 auto;				

				}
				#main_foot_line_wrap .site_info_top li{					
					float: left;
					list-style: none;
					margin: 0 10px;
					padding: 0 10px;
				}
				#main_foot_line_wrap .site_info_top li a{
					text-decoration: none;
					color: #141414;
				}
				#main_foot_line_wrap .compuny_info_top {
					width: 1024px;		
					margin: 0 auto;
					padding: 10px 0;
					height: 20px;
					text-align: center;
					padding-left:40px;
				}
				#main_foot_line_wrap .compuny_info_top ul {
					width: 1024px;	
					margin: 0 auto;
					overflow: hidden;
					text-align: center;
				}
				#main_foot_line_wrap .compuny_info_top li{
					float: left;
					list-style: none;
					margin: 0px;
					padding: 10px;
				}
				#main_foot_line_wrap .compuny_info_top li a{
					text-decoration: none;
					color: #141414;
				}
				#main_foot_line_wrap .compuny_info_b {
					width: 1024px;		
					margin: 0 auto;
					padding: 10px 0;
					height: 20px;
					text-align: center;
				}
				#main_foot_line_wrap .compuny_info_b ul {
					width: 850px;	
					margin: 0 auto;
					overflow: hidden;
				

				}
				#main_foot_line_wrap .compuny_info_b li{
					float: left;
					list-style: none;
					margin: 0px;
					padding: 10px;
				}
				#main_foot_line_wrap .compuny_info_b li a{
					text-decoration: none;
					color: #141414;
				}
				#main_foot_line_wrap .bank_info {
					float: left;
					width: 300px;	
				}	

				.fb-like {
					float: right;
					padding: 10px 0 10px 0px;
				}

				#main_new_product_line {
					clear: both;
					position: relative;
					margin: 20px 0 15px 0;
					padding: 0px;
					width: 1024px;
				}				

				#side {
					position: relative;
					float: left;
					width: 181px;	
					background: #fff;
					border: solid 1px #e1e1e1;
				}
				#cs_side {
					position: relative;
					float: left;
					width: 207px;	
					background: #fff;
					overflow: hidden;					
				}

				#mypage_side {
					position: relative;
					float: left;
					width: 207px;	
					background: #fff;
					
				}


				/*���� ���̵� ���*/

				#slid_left_banner {
							display: none;
							position: absolute; 
							top:492px;
							/*left: 115px;*/
							/*top:421px;*/
							width: 106px;
						}

						#slid_left_banner ul {
							margin: 0px;
							padding: 0px;
							border-bottom: solid 1px #c9cacc;
						}

.side_menu ul{
	padding-top:12px;
	padding-bottom:12px;
}
.side_menu ul li {
	background:url('/shop/images/li_img_01.jpg') no-repeat 15px 50%;
	text-align:left;
	padding:5px;
	padding-left:30px;
	cursor:pointer;
}

.side_menu ul li.selected {
	font-weight:bold;
}
						#slid_left_banner li {
							margin: 0px;
							padding: 0px;
							list-style: none;							
						}				

						#slid_left_banner img {
							vertical-align: top;
						}

						#slid_left_banner .side_left_banner {
							border: solid 1px #dfdfe1;
						}

						#side_left_content {
							margin: 0px;
							padding: 0px;    
							width: 104px;
							height: 166px;
							position: relative;
							overflow: hidden;
							border: solid 1px #c3c4c5;
							border-bottom: solid 1px #b4b5b7;
						}   
						#side_left_content .slides_container {
						    margin: 0px;
							padding: 0px;    
							width: 104px;
							height: 166px;
							display:block;
							overflow: hidden;
							
					} 
				  #side_left_content .side_left_content {
						   margin: 0px;
							padding: 0px;    
						    width: 104px;
							height: 166px;
   					        display:block;
							background: #fff;
				   } 
				   #side_left_content .pagination {
					  position: absolute;
					  left: 0px;
					  bottom: 8px;
					  margin: 0px auto;      
					  z-index: 300;
					  border: none;
					  text-align: center;
				   }
				 
				   #side_left_content .pagination li {
					  float:left;
					  margin:0 1px;
					  padding: 0 0px 0 0;
					  list-style:none;
					  border: none;
				   }					 
				   #side_left_content .pagination li a {
					  display:block;
					  width:12px;
					  height: 12px;
					  margin: 0px;					  
					  padding: 0px;
					  background-image:url("/rd/image/submain/pagination.png");
					  background-position:0 0;
					  float:left;
					  overflow: hidden;
					  text-indent: -300;
					  font-size:0px;
					  border: none;
					  
				   }     
				   #side_left_content .pagination li.current a {
					  background-position: 0 -12px;
					  border: none;
				   }
				   /*���� ���̵� ��� ��*/

				   #pagination {
						text-align: center;
						padding: 20px 0;
						width: 100%;		
						margin: 0 auto;		
				   }
				   #pagination ul {	
				    width: 100%;		
					list-style: none;					
					display: inline;
					margin: 0 auto;		
				   }

				   #pagination li {
						display: inline;
				   }
				   #pagination li a {
						display: inline;
						padding: 6px;
						margin-right: 3px;
						width: 15px;
						color: #000;
						font: bold 12px tahoma;
						border: 1px solid #eee;
						text-align: center;
						text-decoration: none;
				   }
				   #pagination li a:hover, #pagination ul li a:focus {
					color: #fff;
					border: 1px solid #66cc00;
					background: #66cc00;
				   }
				   #pagination .tp{
				    color: #fff;
					border: 1px solid #66cc00;
					background: #66cc00;

				   }

				.special_price_product_price {
					position: absolute;
					bottom: 40px;
					left: 10px;
					margin: 0px;
					padding: 10px 0 0 4px;
					text-align: left;
					clear: both;	
				}
				.special_price_product_price .discount {
				font-size: 40px;
				color: #e6040f;
				letter-spacing: -5px; 
				font-weight: bold;
				float: left;
			}				
			.special_price_product_price .discount span{ 
				font-size: 18px;
				letter-spacing: 5px; 
				padding: 0 0 0 8px;
			}
			.special_price_product_price .discount .minus{ 
				font-size: 18px;
				letter-spacing: 0px; 
				padding: 0 0 0 0px;
				font-weight: bold;
			}
			.special_price_product_price .sale_price {
				padding: 6px 0 0 5px;
				float: left;
				font-size: 12px;
			}
			.special_price_product_price .original {
				text-decoration:line-through;
				color: #afafaf;
				font-size: 13px;			
				font-weight: bold;				
			}
			.special_price_product_price .sale{
				color: #767676;
				font-size: 20px;
				font-weight: bold;				
				font-family: Arial Black;
			}
			.special_price_product_price .sale span{
				font-size: 14px;
				padding: 0px 0 0 3px;
			}
			.dealunit-foot-box {
				position: absolute;
				bottom: 5px;
				left: 10px;
				margin: 0px;
				padding: 10px 0 0 4px;
				border-top: 1px solid #d6d6d6;
				width: 90%;
			}
			.dealunit-labels {
				float: left;
				width: 71px;
				height: 18px;				
			}
			.dealunit-labels span{
				color: #ff0000;
				border: 1px solid #ff0000;
				padding: 3px;
			}
			.time_lables {
				float: right;
				width: 130px;
				color: red;
			}
			.time_lables span {
				font-size: 16px;
				margin: 0px;
				padding: 5px 2px;
				text-align: center;	
				font-weight: bold;
				color: red;
				letter-spacing: 3px;
			}
			.time_lables .time_colon {
				margin: 0px;
				padding: 5px 2px;
				text-align: center;
			}			

			.new_product_list {
				clear: both;
				margin: 0 0 0 12px;
				padding: 0px;
				width: 1024px;
				overflow: hidden;
			}

				.new_product_list ul{
					clear: both;
				}
				.new_product_list li{
					list-style: none;
					width: 215px;
					height: 299px;
					overflow: hidden;
					float: left;
					border: solid 1px #aaaaaa;
					text-align: center;
					margin: 0 0px 20px 11px;
					padding: 0px;
				}
				.new_product_top_list_image {
					margin: 20px 0 0 0;
					padding: 0px;
				}
				.new_product_top_list_subject {
					margin: 7px auto 0px auto;
					padding: 0px;
					width: 150px;
					text-align: left;
					font-weight: bold;
					color: #969696;
				}
				.new_product_top_list_price {
				margin: 5px auto 0px auto;
				font-weight: bold;
				color: #555555;
				}
		
		.main_banner_wrap {
	width: 564px;
	float: right;

	position: relative;
}

/*��ǰ������*/

.category_navi_wrap {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	padding: 30px 0 10px;
	text-align: right;
}
.category_navi_wrap .all{
	font-weight: bold;
}
.category_navi_wrap .arrow{
	color: #d7d7d7;
}
.category_navi_wrap .first a{
	text-decoration: none;
	color: #585858;
}
.category_navi_wrap .secon {
	color: #e00000;
}


.prd_percent {
	width:33px;
	height:27px;
	text-align: center;
	padding: 6px 0 0 0;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	font-family: tahoma;
	background:#f8b500;
	border-radius:30px;
}
.prd_discription_wrap .o_price {		
	font-size: 12px;
	color: #5c5c5c;		
	text-decoration: line-through;
}

.prd_discription_wrap .ea {

display: inline-block;
width: 21px;
height: 21px;
margin-left: -1px;
vertical-align: middle;
}
.prd_discription_wrap .ea a {
float: left;
overflow: hidden;
width: 21px;
height: 11px;
text-indent: -1000px;
}
.blind {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}
.sum_total {
	border-color: #ededed;
	color: #5f5f5f;
	background: #fff;
	width:550px; 
	margin:10px 0 0;
}
.add_option {
	width: 95%;
}
._total_count {
	border: none;
	width: 50px;
	padding: 0 10px;
}
.sum_total .bar {
	color: #e2e2e2;
	padding: 0 3px 0 1px;						
}
.sum_total em {
	color: #313131;
	font-weight: bold;
}
.sum_total .help {
	background: url(/shop/style/image/product/sp_skin_v3.gif) no-repeat -140px -60px;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: -3px;
	vertical-align: -2px;
}
.sum_total strong {
	margin-left: 5px;
	vertical-align: -3px;
	font-size: 20px;
}
.fc_point {
	color: #f980af !important;
}
.sum_total strong {
	font-size: 20px;
}
.sum_total strong .won {
	letter-spacing: -1px;
	vertical-align: 2px;
	font-size: 14px;
}



/*ȸ�� ����*/
#vaild_box {
	border: solid 1px #e5e5e5;
	width: 997px;
	height: 283px;
	text-align: center;
	margin: 0 auto;	
	position: relative;
}

.join_btn {
	background: url('/shop/style/image/mypage/join__in_btn.jpg') no-repeat;
	width: 152px;
	height: 55px;

	cursor: pointer;
}

.join_cancel_btn {
	background: url('/shop/style/image/mypage/join_cancel_btn.jpg') no-repeat;
	width: 110px;
	height: 55px;

	margin: 0 0 0 5px;
	cursor: pointer;
}

.join_table {
	margin: 10px 0;
	border-left: solid 1px #cecece;
	border-bottom: solid 1px #cecece;
}

.join_table th {
	border-top: solid 1px #cecece;
	border-right: solid 1px #cecece;
	padding:  0px 20px;
	text-align: left;
	height: 60px;
	vertical-align: middle;
}
 .join_table td {
	border-top: solid 1px #cecece;
	border-right: solid 1px #cecece;
	padding:  0px 0 0px 20px;
	height: 60px;
	vertical-align: middle;
}
.join_table td span{
	padding: 0 10px 0 0;
}
.join_table td label{
	vertical-align: middle;	 
	line-height: 23px;
}
.join_table td input {
	height: 27px;
	vertical-align: middle;	 
	line-height: 23px;
}
 .user_id{
	width: 198px;
	
	border: solid 1px #a5a5a5;
}
 .user_id_chk {
	background: url('/shop/style/image/mypage/id_chk_btn.jpg') no-repeat;
	width: 70px;
	height: 28px;
	cursor: pointer;
	text-indent: -3000;
	border: none;
}
 .user_pwd {
	width: 198px;
	border: solid 1px #a5a5a5;
}
 .user_name {
	width: 198px;
	border: solid 1px #a5a5a5;
}
.join_table td select {
	height: 27px;
}
 .zipcode {
	width: 160px;	
	border: solid 1px #a5a5a5;
}
 .search_zipcode {
	background: url('/shop/style/image/mypage/zipcode_srh_btn.jpg') no-repeat;
	width: 103px;
	height: 28px;
	cursor: pointer;
}
.search_zipcode span {
	text-indent: -3000;
	padding: 0px;
}

 .address {
	width: 409px;
	height: 22px;
	border: solid 1px #a5a5a5;
}
 .home_phone {
	width: 68px;
	height: 22px;
	border: solid 1px #a5a5a5;
}
 .mobile_phone {
	width: 68px;
	height: 22px;
	border: solid 1px #a5a5a5;
}
 .mobile_valie {
	background: url('/shop/style/image/2deps/img51.jpg') no-repeat;
	width: 61px;
	height: 22px;
	cursor: pointer;
	text-indent: -3000;
	border: none;
}
 .email {
	width: 150px;
	height: 22px;
	border: solid 1px #a5a5a5;
}
 .email2 {
	width: 150px;
	height: 22px;
	border: solid 1px #a5a5a5;
}
 .join_submit {
	background: url('/shop/style/image/mypage/join__in_btn.jpg') no-repeat;
	width: 152px;
	height: 55px;
	cursor: pointer;

	border: none;
	margin: 0 7px 0 0;
}
 .join_cancel {
	background: url('/shop/style/image/mypage/join_cancel_btn.jpg') no-repeat;
	width: 110px;
	height: 55px;
	cursor: pointer;
	
	border: none;
}


#search_zipcode_wrap {
	display: none;
	position: absolute;
	top: 490px;
	left: 240px;	
	background: #fff;
	border: solid 1px #9e9e9e;
	padding: 8px;
	text-align: left;
	z-index: 999;
	width: 500px;
}

#search_zipcode_wrap p {
	padding: 10px 0;
}
#search_zipcode_wrap input {
	height: 27px;
	vertical-align: middle;	 
	line-height: 23px;
}
#search_zipcode_wrap label{
	vertical-align: middle;	 
	line-height: 23px;
}
#search_zipcode_wrap .zipcode_search_txt {
	width: 250px;
	border: solid 1px #9e9e9e;
}
#search_zipcode_wrap .srhZipcodebtn {
	padding: 0 10px;
	background: #797979;
	color: #fff;
	cursor: pointer;
}
#srhZipcode .srhZipcode li{
	list-style: none;
	padding: 5px 0px;
	border-bottom: solid 1px #9b9b9b;
	cursor: pointer;
	height: 28px;
	vertical-align: middle;	 
	line-height: 23px;

}
#srhZipcode .srhZipcode li:hover{
	background: #d7d7d7;
}
.close_x {
	position: absolute;
	top: 5px;
	right: 10px;	
	padding: 0 10px;
	background: #797979;
	color: #fff;
	cursor: pointer;
	height: 28px;
}
#order_search_zipcode_wrap {
	display: none;
	position: absolute;
	top: 0px;
	left: 80px;	
	background: #fff;
	border: solid 1px #9e9e9e;
	padding: 8px;
	text-align: left;
	z-index: 999;
	width: 500px;
}
#order_search_zipcode_wrap p {
	padding: 10px 0;
}
#order_search_zipcode_wrap input {
	height: 27px;
	vertical-align: middle;	 
	line-height: 23px;
}
#order_search_zipcode_wrap label{
	vertical-align: middle;	 
	line-height: 23px;
}
#order_search_zipcode_wrap .zipcode_search_txt {
	width: 250px;
	border: solid 1px #9e9e9e;
}
#order_search_zipcode_wrap .srhZipcodebtn {
	padding: 0 10px;
	background: #797979;
	color: #fff;
	cursor: pointer;
}

#join_agree {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	border: solid 1px #e1e1e1;
	padding: 10px 5px;
	color: #8f8f8f;
	line-height: 160%;
	text-align: left;
}
.agreeView {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	border: solid 1px #e1e1e1;
	padding: 10px 5px;
	color: #8f8f8f;
	line-height: 160%;
}
.datblue {
	color: #005bb7;
	font-weight: bold;
}
#sms_box {
	display: none;
}
#ipin_box {
	display: none;
}
#email_box input {
	border: none;
}

.ipin_btn {	
	background: url('/shop/style/image/1deps/leftmenu46.jpg') no-repeat;
	width: 152px;
	height: 55px;
	text-indent: -3000;
	cursor: pointer;
}

.fcr {
	color: #ba0001;
}

/*����������*/
#cscenter_main {
	float: left;
	width: 780px;
	background: #fff;
	overflow: hidden;
	margin: 0 0 0 33px;
	padding: 0px;
	text-align: center;
}
#mypage_main {
	float: left;
	width: 780px;
	background: #fff;
	margin: 0 0 0 33px;;
	padding: 0px;
}
.mypage_title {
	width:780px;
	height:130px;
	margin-bottom:40px;
}
.mypage_title > span {display:none;}
.my_main_wrap {
	width: 100%;
	padding: 0 0 0 10px;
	margin: 0px;
	text-align: center;
	background: #fff;
}
.depositbox {
	width: 207px;
	height: 187px;	
	position: relative;
	background:url("/shop/images/sub_leftmaenu_title06.jpg") no-repeat;
	margin: 0px;
	padding: 0px;
}


.content_wrap {
	width: 100%;
	padding: 0 10px;
}
.post_tit {
	width: 100%;
	text-align: left; 
}

		.top_banner {
			width: 1020px;
			height: 100px;
			overflow: hidden;
			text-align: center;
			margin: 0 auto;
			position: relative;			
		}
		#top_slides {
			width: 1020px;
			height: 100px;
			overflow: hidden;
			text-align: center;
			margin: 0 auto;
			position: relative;
		}
		#top_slides .slides_container .pagination {
			 
			  margin: 0px auto;      
			 
			  border: none;
			  text-align: center;
			  display: none;
		 }				 
	    #top_slides .slides_container .pagination li {

		  margin:0 1px;
		  padding: 0 0px 0 0;
		  list-style:none;
		  border: none;
	   }					 
	   #top_slides .slides_container .pagination li a {
		  display:none;
		  width:12px;
		  height: 12px;
		  margin: 0px;					  
		  padding: 0px;
		
		  background-position:0 0;
		  float:left;
		  overflow: hidden;
		  text-indent: -300;
		  font-size:0px;
		  border: none;		  
	   }     
	   #top_slides .slides_container .pagination li.current a {
		  background-position: 0 -12px;
		  border: none;
	   }


	#category_sublist_wrap  a:link{text-decoration:none; color:#5f5f5f;}
	#category_sublist_wrap  a:hover {text-decoration:none; color:#5f5f5f;}
	#category_sublist_wrap  a:visited{text-decoration:none; color:#5f5f5f;}


.middle .pname{color:#747474;font-weight:bold;}
.middle .price{color:#d00606;font-weight:bold;font-size:1.3em;letter-spacing :-0.01em;margin-bottom:10px}

nav {
  width:180px;
  margin: 0;
}

nav > ul {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav > ul > li {
  position: relative;
  display: inline-block;
  margin-right: -4px;
  text-align: center;
}

nav > ul > li:first-child > a {
  background: #27ae60;
  width: 49px;
  padding: 0;
}

nav > ul > li:last-child { margin: 0; }

nav > ul > li > a {
  display: block;
  background: #2ecc71;
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: 0.2s linear;
}

nav > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 920px;
  height: 663px;
  border: 10px solid #33353d;
  background:#fff;
  padding: 0 40px;
}

nav > ul > li > ul > li {
  float:left;
  width: 307px;
  height:155px;
  margin: 30px 0 0;
  text-align: left;
  background:url('/shop/images/header_allmenu_catebg.gif') no-repeat right top;
}
nav > ul > li > ul > li.snb_bottom {
	width:176px; 
	height:165px;
	margin:62px 10px 0 0;
}
nav > ul > li > ul > li.snb_service {
	background:#f1f1f1;
}
nav > ul > li > ul > li.snb_service > ul > li > a {
	color:#777;
} 
nav > ul > li > ul > li > a {
  display: block;
  padding: 0;
}
nav > ul > li > ul > li > ul {
	margin-top:18px;
}
nav > ul > li > ul > li > ul > li > a {
	font-size:12px; color:#999;
	padding:5px 0 5px 30px;
	display:block;
}
nav ul li ul li a:first-child {
}

nav ul li ul li a:hover {
}

.sub_cate {text-align:right;margin:0 auto;width:1020px;padding-bottom:10px;color:#666;}
.sub_tit {float:left;width:207px; height:130px;}
.sub_tit_m {display:none;}
.prd_brand_wrap {padding-top:7px;padding-bottom:8px}
.prd_num { padding-top:15px; color:#999;}


/*----- header -----*/
@media (max-width: 850px) {
	#ht {
		position: relative;
		width: 100%;
		height: 37px;		
		margin: 0 auto;
		padding: 0px;			
		text-align: center;
		background: #fff;
		border-bottom: 1px solid #d1d1d1;
	}
	#htbtn_m {
		display:block;
		width: 100%;
		height:26px;
		padding: 10px 0 0;
		border-bottom: 1px solid #d1d1d1;
	}
	#htbtn { display:none;}
	#htbtn_m > li {
		float: none;
		display:inline-block;
		position:relative;
		padding:0 25px;
		background:none;
	}

	#kakaostory-share-button img{width:15px}
	#htbtn_m > li a {
		display:block;
		width:15px;
		height:15px;
		padding:0;
		overflow:hidden;
	}
	#htbtn_m > li > a > img {width:100%;}
	#htline {
		display:none;		
	}
	#ht_search_bg {						
		position: relative; 
		/*height: 120px;*/
		background: #fff;						
		margin: 0px;
		padding: 0;
		z-index: 3;
		box-shadow: 0px 1px 2px #999;
	}
	#ht_search_wrap {
		position: relative;
		width: 100%;
		height: 120px;
		margin: 0 auto;
		padding: 0 0 0 0;		
		clear: both;
		text-align: center;
		z-index: 2;
		overflow:hidden;
	}
	#ht_search_bg {						
		position: relative;
		height: 70px;
		background: #fff;						
		margin: 0px;
		padding: 0;
		z-index: 3;
		box-shadow: 0px 1px 2px #999;
	}
	#ht_search_wrap {
		position: relative;
		width: 100%;
		height: 120px;
		margin: 0 auto;
		padding: 0 0 0 0;		
		clear: both;
		text-align: center;
		z-index: 2;
		overflow:hidden;
	}
	#logo {
		float:none;
		position: relative;
		margin: 0 auto;
		padding: 15px 0; 
		width: 100%;
		height: 32px;					
	}
	#logo a {
		position:relative;
		display:block;
		width: 100%;
		height: 32px;					
		text-indent: -5000;
		font-size:20px;font-weight:bold;
		line-height:32px;
	}
	#ht_srh_m {
		float:right; 
		display:block;
		width:24px;
		padding:26px 30px 0 0;
	}
	#ht_srh_m > img { width:100%;}
	#ht_srh_wrap {display:none;}
	#ht_srh_wrap_m {
		display:none;
		position:relative;	
		top:0;
		left:0;					
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 40px;
		z-index: 2;
		border: none;
		clear:both;
	}

	#McroSearchTxt_m {
			width: 86%;					
			height: 32px;
			border: solid 2px #aaa;		
			border-right: none;		
			font-size: 14px;
			padding: 0 0 0 6px;
			vertical-align: middle;	 
			line-height: 23px;
			overflow: hidden;
	}			

	#nav_m {
		float:none;
		position:absolute;
		top:22px;
		right:4.2%;
		display:block;
		width:24px;
		padding:0;
	}
	#nav_m img { width:100%;}
	#slider1 { display:none;}
	#hmbg {display:none;}
	
	.top_banner {width:100%; height:100%;}
	#top_slides {width:100%; height:100%;}
	.slides_container {overflow:hidden;}
	.slides_container a { float:left;width:50%}
	.slides_container a img {width:100%;}

.main-sidebar {
  display:block;
  position: fixed;
  top: 0;
  bottom: 0;
  left:-400px;
  background-color: #fff;
  color: white;
  overflow-y:scroll;
}	
.main-sidebar {
  display:block;
  position: fixed;
  top: 0;
  bottom: 0;
  left:-400px;
  background-color: #fff;
  color: white;
  overflow-y:scroll;
}
scrollbar {width:0;display:none;}
#side_sta {width:100%; height:50px; background:#33353d;}
#side_sta ul {width:100%; margin:0; padding:16px 0 0;}
#side_sta ul li {display:inline;}
#side_sta ul li a { padding:5px 10px; border:1px solid #d1d1d1; border-radius:3px;color:#eee}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  font-family: Raleway, sans-serif;
  color: #ffffff;
  text-align:left;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  color: #444;
  background: #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid #e1e1e1;
}
#cssmenu > ul > li > a:hover {
  color: #111;
}
#cssmenu ul > li > ul > li > a {
	border-bottom:1px solid #888;
}
#cssmenu ul > li > ul > li > ul {
	border-bottom:1px solid #888;
}
#cssmenu ul > li > ul > li > ul > li > a {
	border-bottom:none;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #666;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #666;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 11px;
  text-decoration: none;
  color: #dddddd;
  background: #64656f;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}
#sidebar_info {
	width:100%;
	height:100%;
	overflow:hidden;
	padding-bottom:20px;
}
#sidebar_info > ul {
	float:left;
	border:2px solid #33353d;
	width:45%;
	height:110px;
	margin:30px 1.7% 0;
}
#sidebar_info > ul > h3 {color:#333; padding:13px 0; font-size:13px}
#sidebar_info > ul > li {color:#777; font-size:11px;}
#sidebar_info > ul > li > span { font-size:16px; font-weight:bold; color:#444}

}
@media (max-width: 600px) {
	.layerPopup {
		display:none !important;
	}
	#ht_search_bg {						
		position: relative; 
		/*height: 120px;*/
		background: #fff;						
		margin: 0px;
		padding: 0;
		z-index: 3;
		box-shadow: 0px 1px 2px #999;
	}
	#ht_search_wrap {
		position: relative;
		width: 100%;
		height: 120px;
		margin: 0 auto;
		padding: 0 0 0 0;		
		clear: both;
		text-align: center;
		z-index: 2;
		overflow:hidden;
	}

	#ht_srh_wrap_m {
		display:none;
		position:relative;	
		top:0;
		left:0;					
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 40px;
		z-index: 2;
		border: none;
		clear:both;
	}
	#htbtn_m > li {
		float: none;
		display:inline-block;
		position:relative;
		padding:0 14px;
		background:none;
	}
	#McroSearchTxt_m {
			width: 86%;					
			height: 32px;
			border: solid 2px #aaa;		
			border-right: none;		
			font-size: 14px;
			padding: 0 0 0 6px;
			vertical-align: middle;	 
			line-height: 23px;
			overflow: hidden;
	}		
	#logo {
		float:none;
		position: relative;
		margin: 0 auto;
		padding: 15px 0; 
		width: 100%;
		height: 32px;					
	}	
	#home_m {
		position:absolute;
		top:22px;
		left:4.2%;
		display:none;
		width:24px;
		padding:0;
	}
	#home_m img {width:100%;}
	#nav_m {
		float:none;
		position:absolute;
		top:22px;
		right:4.2%;
		display:block;
		width:24px;
		padding:0;
	}
	#nav_m img { width:100%;}
	#slider1 { display:none;}
	#hmbg {display:none;}
	#top_banner_wrap {display:none;}
	
	#mobile_quick_nav { display:none; position:fixed; left:0; bottom:0; width:100%; z-index:1000;}
	#mobile_quick_nav > ul {width:100%; overflow:hidden;}
	#mobile_quick_nav > ul > li {float:left;width:20%;}
	#mobile_quick_nav > ul > li img {width:100%;}
	
.main-sidebar {
  display:block;
  position: fixed;
  top: 0;
  bottom: 0;
  left:-400px;
  background-color: #fff;
  color: white;
  overflow-y:scroll;
}


/*----- main_content -----*/
@media (max-width: 850px) {
#main_spot { display:none;}
#main_spot_m {display:block;}
#main_spot_m img { width:100%;}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
        
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.c-tabs-nav { width:100%; height:50px;}
.c-tabs-nav > div.cate_best {display:none;}
.c-tabs-nav > a { width:20%; height:50px; background:#f0f0f0; text-align:center; line-height:50px}
.c-tabs-nav > a > span { visibility:visible; z-index:1; font-size:12px; text-align:center;}
.c-tab {width:100%; height:100%;}
.c-tab > ul { width:100%; margin:0;}
.c-tab > ul > li { width:44%; padding:3%}
.c-tab > ul > li img {width:100%; height:100%;}
.c-tab .pname { height:70px; margin:2% 0 1%; font-size:12px;}
.c-tab .pname > p { font-size:11px}
.c-tab .price { font-size:16px; padding-left:25px; background-size:6%; margin:5px 0;}

#main_sale_banner {width:100%; height:100%;}
#main_sale_banner .sale_b01 {float:left; width:66.65%; height:auto;}
#main_sale_banner .sale_b02 {float:left; width:33.35%; height:auto;}
#main_sale_banner .sale_b03 {float:left; width:33.35%; height:auto;}
#main_sale_banner img {width:100%; height:100%}

#main_long_wrap {height:100%;}
#main_long_banner {position:relative; top:0; left:0; margin:0; width:100%; height:100%;}
#main_long_banner img {width:150%; height:150%; margin-left:-33%;}

#main_season {height:600px;}
#main_season > div {width:100%; height:100%;}
#main_season > div > ul {float:none;width:91%; height:auto; margin:158px 4% 0 5%;}
#main_season > div > ul > li {width:32%; height:auto; margin:0 1% 1% 0;}
#main_season > div > ul > li > .bimg { text-align:center;}
#main_season > div > ul > li > .bimg > img {width:120px; height:120px; padding-left:0;}
#main_season div.main_season_over {width:100%; height:100%;}
#main_season div.main_season_over img {width:100%;}
#main_season .price {padding-bottom:15px}
#main_popularity_wrap {width:100%;}
#main_popularity_wrap .main_popularity_list ul {width:100%;}
#main_popularity_wrap .main_popularity_list ul li {width:33%; height:auto;}
#main_popularity_wrap .main_popularity_list ul li div.product_background {width:100%; height:100%;}
#main_popularity_wrap .main_popularity_list ul li div.product_background img {width:90%; height:90%; padding:5%;}
#main_popularity_wrap .main_popularity_list ul li div.price_wrap > div {margin-bottom:20px;}
}
@media (max-width: 600px) {
#slider2 .noticeRoll_title {width:30%; height:100%; background-size:100%; background-position:-10px center}
#slider2 .rBanner_btn {display:none;}
.notice_subject {display:none;}
.notice_subject_m {display:block;}
.notice_date {font-size:9px; line-height:39px;}
.c-tabs-nav > a > span { visibility:visible; z-index:1; font-size:9px; text-align:center;}
.c-tab .pname { height:70px; margin:2% 0 1%; font-size:11px;}
.c-tab .pname > p { font-size:9px}
.c-tab .price { font-size:16px; padding-left:25px; background-size:12%; margin:15px 0;}

#main_long_wrap { display:none; width:100%; height:100%; padding:0; margin:0; overflow:hidden;}
#main_long_banner { width:100%; height:100%; margin-left:0; position:relative; top:0; left:0; overflow:hidden;}
#main_long_banner img { width:150%; height:100%; margin-left:-30%;}

#main_sale_banner {width:100%; height:100%; overflow:hidden;}
#main_sale_banner .sale_b01 {float:left; width:100%; height:auto;}
#main_sale_banner .sale_b02 {float:left; width:50%; height:auto;}
#main_sale_banner .sale_b03 {float:left; width:50%; height:auto;}
#main_sale_banner img {width:100%; height:100%}

#main_season { width:100%; height:100%; background-size:450% !important; background-position:center top;}
#main_season > div {width:100%; height:100%;}
#main_season > div > ul { width:97%; height:100%; padding:40% 3% 3% 0; margin:0;}
#main_season > div > ul > li {width:30%; height:auto; margin:0 0 3% 3%;}
#main_season div.main_season_over {width:100%; height:100%; position:relative;}
#main_season div.main_season_over img {width:180%; position:absolute; top:0; left:-40%;}
#main_season > div > ul > li > .bimg > img {width:80%; height:100%; padding:10%;}
#main_season .pname { width:80%; padding:0 10%; font-size:8px; height:20px; margin:0;}
#main_season .price { font-size:12px; width:80%; padding:0 10%;}

#main_popularity_wrap { width:100%;}
#main_new_title { margin:50px auto 20px!important; width:40%; background-size:100%;}
#main_popularity_wrap .main_popularity_list ul { width:100%;}
#main_popularity_wrap .main_popularity_list ul li { width:47.6%; height:100%; padding:1%; }
#main_popularity_wrap .main_popularity_list ul li div.product_background { width:100%; height:100%;}
#main_popularity_wrap .main_popularity_list ul li div.product_background img {width:90%; height:90%; padding:5%;}
#main_popularity_wrap .main_popularity_list ul li div.popularity_subject { font-size:11px; padding:0 5% 15px;}
#main_popularity_wrap .main_popularity_list ul li div.price_wrap { width:90%; padding:0 5% 5px; overflow:hidden;}
#main_popularity_wrap .main_popularity_list ul li div.price_wrap > div { padding-left:28px; font-size:16px;}
.price_num { width:65%; float:left;}
.price_num > span {font-size:16px}
.price_percent {width:35%; float:right;}
.per_num {font-size:16px;font-weight:bold;float:left;color:#ff8200;}
.per_icon {font-size:10px;padding:7px 0 0;float:left;color:#ff8200}
}

/*----- footer -----*/
@media (max-width: 600px) {
.top_movebtn {display:none;}
}

/*----- sub -----*/


@media (max-width: 600px) {
.product_best > ul {height:220px;}
#popularity_line_wrap { padding:30px 0 0 0;}
#popularity_wrap > ul > li {width:49.7%; height:320px; margin-bottom:-1px;padding:0; border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
#popularity_wrap ul li .popularity_list_wrap .price_wrap { padding:0 5%;}
#popularity_wrap ul li .popularity_list_wrap .price_wrap .no_sale_price img { width:10%;}
.pagingWrap a {padding:0;}
.category_navi_wrap { display:none;}

.sum_total {
	border-color: #ededed;
	color: #5f5f5f;
	background: #fff;
	width:100%; 
	margin:10px 0 0;
}

#mypage_side {display:none;}
#mypage_main {
	float: none;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0px;
}
.mypage_title {display:block; width:90%; height:40px; margin:4.5%; border:2px solid #33353d; font-size:13px; font-weight:bold; line-height:40px; background:#fff;}
.mypage_title > img {display:none;}
.mypage_title > span {display:block;}

#join_agree {
	width: 94%;
	height: 150px;
	overflow-y:scroll;
	border: solid 1px #e1e1e1;
	padding: 10px 3%;
	color: #8f8f8f;
	line-height: 160%;
	text-align: left;
}
.agreeView {
	width: 94%;
	height: 150px;
	overflow-y: scroll;
	border: solid 1px #e1e1e1;
	padding: 10px 3%;
	color: #8f8f8f;
	line-height: 160%;
}
#search_form fieldset {padding:3px 10px;}
}

}

@media (max-width: 850px) {
#category_banner {width:100%; background:#fff; padding-bottom:30px;}
.sub_cate {display:none;}
.sub_menu {display:none;}
.sub_tit { display:none;}
.sub_tit_m { display:block; width:90%; height:40px; margin:4.5%; border:2px solid #33353d; font-size:13px; font-weight:bold; line-height:40px; background:#fff;}
.product_best {width:100%; height:100%;}
.product_best > h3 {padding:15px 0;}
.product_best > h3 > img {width:40%;}
.product_best > ul {width:95%; height:300px; padding:0 0 0 5%;}
.product_best > ul > li {width:28.3%; padding:0 5% 50px 0;}
.product_best > ul > li > .bimg > img {width:100%; height:100%;}
.product_best > ul > li > .pname { padding:6px 0;}

#popularity_line_wrap { padding:30px 0 0 0;}
#popularity_wrap { width:100%;}
#popularity_wrap ul {width:100%; padding:20px 0; border-left:1px solid #d1d1d1;}
#popularity_wrap > ul > li {width:24.5%; height:100%; margin-bottom:-1px;padding:0; border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
#popularity_wrap ul li .popularity_list_wrap { width:100%;}
#popularity_wrap ul li .popularity_list_wrap .product_background { width:90%; height:90%; padding:5%;}
#popularity_wrap ul li .popularity_list_wrap .product_background img {
	object-fit: cover;
	width:95%
/*	max-width:160px;
	max-height:160px;*/
}
.prd_brand_wrap {padding:5px 5%;}
#popularity_wrap ul li .popularity_list_wrap .popularity_subject { padding:0 5%;}
#popularity_wrap ul li .popularity_list_wrap .price_wrap { padding:0 5% 20px;}
.pagingWrap a {padding:0;}
.category_navi_wrap { display:none;}

#mypage_side {display:none;}
#mypage_main {
	float: none;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0px;
}
.mypage_title {display:block; width:90%; height:40px; margin:4.5%; border:2px solid #33353d; font-size:13px; font-weight:bold; line-height:40px; background:#fff;}
.mypage_title > img {display:none;}
.mypage_title > span {display:block;}
.detail_price {font-family:tahoma;color:#e20000;margin-top:-2px;font-size:12px;font-weight:bold}
}

@media (max-width: 600px) {
#popularity_wrap > ul > li {width:49.7%; height:320px; margin-bottom:-1px;padding:0; border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
}

button { border : 0px; vertical-align:middle; }

button {
	background:#fff;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0;
	border:1px solid #a5a5a5;
	display:inline-block;
	color:#666;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
}


button.small {
	height:22px;
	line-height:22px;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	color:#666;
}


button:hover, button.hover {
	background-color:#20a8d8;
	border:1px solid #20a8d8;
	color:#fff;
}
button.active {
	position:relative;
	top:1px;
}

button.big { 
	width:160px;
	height: 45px;
	border: none;
	border:1px solid #a5a5a5;
	display:inline-block;
	color:#3a3a3a;
	font-weight:bold;
}
button.black {
	background:#3a3a3a;
	color:#fff;
	border: none;
}
button.big:hover { 
	color:#fff;
	border:1px solid #20a8d8;
} 
button.black:hover { 
	color:#fff;
	border:1px solid #20a8d8;
	background-color:#20a8d8;
}

.selected { background:#dddddd; color:#a3a3a3}

table.list_tbl {
  font: 11px/1.25 "Noto Sans KR",Lato, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;	text-decoration: none;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin:0;
  padding:0;
  width: 100%;
  margin-top:10px;
}
table.list_tbl tr {
  border: 1px solid #ddd;
  padding: 5px;
}
table.list_tbl th, table.list_tbl td {
  padding: 10px;
  text-align: right;
  font-size: 12px;
}
table.list_tbl th {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
table.list_tbl tr td{text-align:center}
table.list_tbl tr td.prtname{text-align:left}
table.list_tbl tr td.prtname2{text-align:left;line-height:180%}
table.list_tbl tr td.option{text-align:center}

.img{
	border-radius:.5em;height:50px;max-width:50px;border:1px solid #dbdbdb; float: left; margin-right:5px;cursor: pointer;
}

@media all and (min-width: 100px) and (max-width: 1024px) {
/*@media screen and (max-width: 600px) {*/
	table.list_tbl {
		border: 0;
		width: 100%;
	}
	table.list_tbl thead {
		display: none;
	}
	table.list_tbl tr {
		border-bottom: 2px solid #ddd;
		display: block;
		margin-bottom: 10px;
	}
	table.list_tbl td {
		border-bottom: 1px dotted #ccc;
		display: block;
		font-size: 13px;
		text-align: right;
	}
	table.list_tbl td:last-child {
		border-bottom: 0;
	}
	table.list_tbl td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
	table.list_tbl tr td{text-align:right}
	table.list_tbl tr td.prtname{text-align:left}
	table.list_tbl tr td.option{text-align:right}
	table.list_tbl tr td.prtname2{text-align:right;line-height:180%}

	.img{
		border-radius:.5em;height:80px;max-width:80px;border:1px solid #dbdbdb;margin-left:5px;float: left;
	}
	
} 


#cashsheettbl{display:none}