@charset "utf-8";
/* CSS Document */


/*1. 외부와 기본정의
================================================== */
@import url("normalize.css");

@font-face {
  font-family: "Flaticon";
  src: url("./font/Flaticon.eot");
  src: url("./font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./font/Flaticon.woff") format("woff"),
       url("./font/Flaticon.ttf") format("truetype"),
       url("./font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./font/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;      
font-style: normal;

}

.flaticon-24-hours-calls:before { content: "\f100"; }
.flaticon-add-user:before { content: "\f101"; }
.flaticon-arrows:before { content: "\f102"; }
.flaticon-arrows-1:before { content: "\f103"; }
.flaticon-arrows-2:before { content: "\f104"; }
.flaticon-business-card-of-a-man-with-contact-info:before { content: "\f105"; }
.flaticon-cancel:before { content: "\f106"; }
.flaticon-chat:before { content: "\f107"; }
.flaticon-chat-1:before { content: "\f108"; }
.flaticon-clock:before { content: "\f109"; }
.flaticon-commerce:before { content: "\f10a"; }
.flaticon-disappointed-emoticon-face:before { content: "\f10b"; }
.flaticon-droplet-of-water:before { content: "\f10c"; }
.flaticon-edit:before { content: "\f10d"; }
.flaticon-favorite-heart-button:before { content: "\f10e"; }
.flaticon-giftbox:before { content: "\f10f"; }
.flaticon-history:before { content: "\f110"; }
.flaticon-home:before { content: "\f111"; }
.flaticon-hot-thermometer:before { content: "\f112"; }
.flaticon-instagram-logo:before { content: "\f113"; }
.flaticon-left-chevron:before { content: "\f114"; }
.flaticon-lighting-button:before { content: "\f115"; }
.flaticon-link:before { content: "\f116"; }
.flaticon-list:before { content: "\f117"; }
.flaticon-list-1:before { content: "\f118"; }
.flaticon-magnifying-glass:before { content: "\f119"; }
.flaticon-menu:before { content: "\f11a"; }
.flaticon-more:before { content: "\f11b"; }
.flaticon-padlock:before { content: "\f11c"; }
.flaticon-pencil:before { content: "\f11d"; }
.flaticon-phone-book:before { content: "\f11e"; }
.flaticon-phone-book-1:before { content: "\f11f"; }
.flaticon-piggy-bank-with-coin:before { content: "\f120"; }
.flaticon-pin:before { content: "\f121"; }
.flaticon-ribbon:before { content: "\f122"; }
.flaticon-right-chevron:before { content: "\f123"; }
.flaticon-settings:before { content: "\f124"; }
.flaticon-shield:before { content: "\f125"; }
.flaticon-shopping-bag:before { content: "\f126"; }
.flaticon-snowflake:before { content: "\f127"; }
.flaticon-social:before { content: "\f128"; }
.flaticon-tag:before { content: "\f129"; }
.flaticon-telephone:before { content: "\f12a"; }
.flaticon-tool:before { content: "\f12b"; }
.flaticon-transport:before { content: "\f12c"; }
.flaticon-unlock:before { content: "\f12d"; }
.flaticon-user:before { content: "\f12e"; }
.flaticon-zoom-in:before { content: "\f12f"; }

.noul ul
{
	padding:0;
	margin: 0;
}


*,
*:before,
*:after {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}


body {
font-family:"NotoSansKR",AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕', "Nanum Gothic", '나눔고딕', dotum,'돋움',sans-serif, Arial, serif!important ;
font-feature-settings: 'liga';
	line-height: 110%;
	margin:0px;
	-moz-osx-font-smoothing: grayscale;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	-webkit-touch-callout: none;
	webkit-user-select: none;
	webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	
    text-rendering: optimizeLegibility;	
	font-style: normal;
	font-weight: normal;	
	width:100%;	
	font-size:16px ;
	position: relative;
	-ms-overflow-style: scrollbar;
	height:100%;
	overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
color : #141414;
font-family: "NotoSansKR","Malgun Gothic", "Nanum Gothic", '나눔고딕',  Arial, serif !important;

text-transform : capitalize;
text-transform : uppercase;
}

td,th
{
	font-family: "Malgun Gothic",   Arial, serif !important;
	color:rgba(83,83,83,1.00);

	
}

a
{
	outline:none !important
}
a:hover {
text-decoration : none;
}


.btn-class{
 display: inline-block;
 border:1px solid #C9AE34;
 color: #705D07;
 
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 font-family: Verdana;
 width: auto;
 height: auto;
 font-size: 16px;
 padding: 10px 40px;
 text-shadow: 0 1px 0 #FFFFFF;
 background-image: linear-gradient(to top, #FCE374, #FCDF5B);
 background-color: #FCE374;
}
.btn-class:hover, .btn-class:active{
 border:1px solid #967D09;
 color: #705D07; 
 -moz-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D;
 -webkit-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D;
 box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D;
 background-color: #FCDF5B;
}

textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"]
{
	background: #ffffff;
	background-color: white;
	border: 1px solid #DDD;
	border-radius: 3px;	
	font-size: 0.86em;	
	width: auto;
	min-height:10px;
	padding:0.4em;
	font-weight: normal;
	
}
textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover
{
	border-color: #c4c4c4;
}
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus
{
	border-color: #477DCA;	
	outline: none;
}

::-webkit-input-placeholder{color: #ccc;font-weight: normal;}
:-moz-placeholder{color:#ccc;font-weight: normal;/* For Firefox 18- */}
::-moz-placeholder{color:#ccc;font-weight: normal;/* For Firefox 19+ */}
:-ms-input-placeholder{color:#ccc;font-style: normal;font-weight: normal;}

/*margin*/
.mt0{margin-top: 0em !important;}
.mt1{margin-top: 1em !important;}
.mt2{margin-top: 2em !important;}
.mt3{margin-top: 3em !important;}
.mt4{margin-top: 4em !important;}
.mt5{margin-top: 5em !important;}
.mb0{margin-bottom: 0em !important;}
.mb1{margin-bottom: 1em !important;}
.mb2{margin-bottom: 2em !important;}
.mb3{margin-bottom: 3em !important;}
.mb4{margin-bottom: 4em !important;}
.mb5{margin-bottom: 5em !important;}

.w10{width:10% !important;}
.w20{width:20% !important;}
.w30{width:30% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}
.w100{width:100% !important;}

.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}

.fl{float: left;}
.fn{float: none;}
.fr{float: right;}




#feel-warp
{
	width:100%;
	margin:0px;
	padding:0px;	
	position:relative;	
	font-weight:normal;	
	display: block;
	min-width:1200px;
	
	height:100%;
}


.wrap {
  clear: both;
  *zoom: 1;
  margin: 0 auto;
  width: 1200px;
  text-align: left;
}
.wrap:before,
.wrap:after {
  content: " ";
  display: table;
}
.wrap:after {
  clear: both;
}

@media all and (max-width:1380px) {
	.widget
	{
		display: none !important;
	}
}

.widget
{
	position: fixed;
	z-index:9999;
	top:0px;
	width:100px;
	background-color:#fff;
	height:660px;
	overflow: hidden;
	right: 0;
	margin-top: 182px;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	
}
.position_fixed
{
	top:0px !important;
	margin-top: 0px !important ;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.widget .widget-head
{
	background-color: #004a80;
	height:60px;
	text-align: center;
	color:white;
	font-size: 12px;
}
.widget .widget-head a
{
	color:white;
}
.widget .widget-head span
{
	font-size: 200%;
	display: block;
	line-height: 140%;
	padding:1em auto
}
.widget .widget-body
{
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 0px 0px 0.2px 1px #DEDEDE;box-shadow: 0px 0px 0.2px 1px #DEDEDE;
	height: 590px;
	overflow: hidden;
}
.today-wrap
{
	height:130px;
	border-bottom: 1px solid #e1e1e1;
	text-align:center;
	position: relative;
	
}

.today-items
{
	text-align:center;
	padding: 0;
	margin: 0;
	width:80px;
}
.today-items img
{
	width:80px !important;
	height:80px !important;
	display: block;
	margin:0.6em auto 1em;
}
.outside
{
	position: absolute;
	z-index:333;
	left:0px;
	width:100%;
	text-align:center;
	bottom:10px;
	height:20px;
	
	
}
.outside > div
{
	display: inline-block !important;
	width:auto;
	height:20px;

}
#slider-prev
{
	text-align:right
}
#slider-next
{
	text-align:left
}
.widget-link
{
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #e1e1e1;
}
.widget-link li
{
	text-align:center;
	padding:12px 0;
	font-size: 14px;
}
.widget-link li span
{
	display: block;
	font-size: 160%;
	padding: 0.5em 0;
}
.widget-body a.blog
{
	display: block;
	background-color:#ebebeb;
	text-align:center;
	width:100%;
	height:90px;
	padding-top: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.widget-body .phone
{
	border-bottom: 1px solid #e1e1e1;
	height:95px;
	text-align:center
}
.widget-body .phone span
{
	font-size: 200%;
	padding:0.5em 0;
	display: block;
}
.widget-body .phone dl,.widget-body .phone dt,.widget-body .phone dd
{
	padding: 0;
	margin: 0;
	font-size: 12px;
}
.widget .widget-foot
{
	margin-top: 0px;
}
.widget .widget-foot a
{
	
	display: block;
	text-align: center;
	
	line-height: 100%;
	color:#dddddd !important
	
}
.widget .widget-foot a span
{
	font-size: 12px !important;
	color:blue;
	padding: 0;
	
}

/*layer*/
.header,
.content,
.footer
	{
		width: 100%;		
		display: block;
		position:relative;
		margin:0 auto;
		min-width:1200px;
		padding: 0;
		
	}

.header:after,
.content:after,
.footer:after

{
	content: "";
  display: table;
  clear: both; 
}


/************
header
****************/

.header
{
	height: 180px;
	background-image:url(../img/header/bg.png);
	-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
			z-index:10;
			
}
.header .up
{
	height:34px;
	
}
.header .up a
{
color:#aeaeae;
display: inline-block;
padding:6px 5px;
text-align:center;
font-size: 13px;	
}
.header .up a:hover
{
	color:gold
}
.header .body{
	height:102px;
	position: relative;
}
.header .down
{
	position: relative;
}
nav.gnb
{
	height:42px;
}
.header .sticky {
            position: fixed;
            width: 100%;
			top:0px;
-webkit-box-shadow: 0.5px 1px 0.2px 1px #DEDEDE;
box-shadow: 0.5px 1px 0.2px 1px #DEDEDE;
			z-index:999999;
			height:42px;
			left:0px;
			-webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
			text-align:center;
			background-color: #f2f2f2;
			
         
 }
 .header h1
 {
	
	 display: block;
	 width:250px ;
	 height:40px;
	top: 14px;
	 z-index:2;
	 position: absolute;
	 left:0px
 }
  .header .h1 img
  {
	  width:100%;
	  height:100%
  }
   .header .search-wrap
   {
	   display: block;
	   width:307px;
	   height:65px;
	   margin:1.8em auto 0.1em;
	   overflow: hidden;
   }
     .header .search
	 {
		 width:307px;
		 height:42px;
		 background-image:url(../img/header/search-bg.png);
		 background-repeat:no-repeat;
		 padding: 0;
		 margin: 0;
	 }
	      .header .search input[type="text"],.header .search input[type="search"]{
			  width:220px;
			  margin:4px 0 0 10px;
			 
			  border: none !important;
		  }
		     .header .search button
			 {
				 border: none;
				 background-color: transparent;
				 float: right;
				 font-size: 24px;
				 color:#a1a1a1;
				 margin-top: 10px;
				 margin-right: 5px;
			 }
	  .search-wrap p
	  {
		  font-size: 12px !important;
		  font-weight: normal;
		  padding: 0;
		  margin: 0.5em 0;
		  height:14px;
		  overflow: hidden;
		  display: block;
		  line-height: 100%;
	  }
	  
 	  .search-wrap p a
	  {
		  color:#929292;
		  font-family:"Nanum Gothic", '나눔고딕', '돋움',dotum, Arial, serif!important ;
		  margin-left: 3px;
		  font-size: 11px;
		  display: inline-block;
		  margin-right: 5px;
	  }
	    .search-wrap p a:hover
		{
			text-decoration:underline
		}
	   .header .links
	   {
		   position: absolute;
		   z-index:1;
		   right:0;
		   top:42px;
		   width:420px;
		   height:30px;
		   display: block;
		   text-align:right
	   }
	      .header .links a
		  {
			  font-size:17px;
			  font-weight: 600;
			  padding:0 0 0 15px;
			  color:#565656
		  }
		  .sales
		  {
			   position: absolute;
		   z-index:100;
		   right:32px;
		   top:-30px;
		   width:30px;
		   height:30px;
		   display: none;
		  }
		   .sales img
		   {
			   width:100%;
			   height:100%
		   }
 /*******
 content
 **********/
 
 
 .content
{
	min-height:400px;
	margin-top: -2px;
}
 .content .container
 {
	 width:1200px;
	 position: relative;
	 display: block;
	 padding: 0;
	 margin: 10px auto !important;
 }
 .member,.sub01
 {
	 width:1200px;
	 position: relative;
	 display: block;
	 padding: 0em 0 2em;
	 margin: 10px auto !important;
 }

/************
footer
****************/
.footer
{
	height: 630px;
	background-color: #000;
	border-top: 1px solid #f2f2f2;
}
	.footer .up
	{
		background-color: #fff;
		height:378px;
		position: relative;
		width:100%;
		overflow: hidden;
		
	}
		.footer .up .container
		{
			width:1200px;
			margin:0 auto;
			height:100%;
			overflow: hidden;
			position: relative;
		}
.footer nav
{
height:50px;
background-color: #555;
text-align:center
}
.footer nav a
{
	display: inline-block;
	color:#f2f2f2;
	font-size: 14px;
	padding: 1.2em 1.4em;
}

.footer .up .container > div
{
	width:400px;
	display: block;
	float: left;
	border-color:  #f2f2f2;
	border-style: solid;
	height:100%;
}
.footer .up .container > div> div
{
	height:189px;
	border-bottom: 0px solid #f2f2f2;
	overflow: hidden;
}
.footer .up .container > div> div.nth2
{
	
	border: none !important;
	overflow: hidden;
}
.setup-wrap
{
	position: absolute;
	z-index:1;
	top:60px;
	left:0px;
	width:380px;
	height:310px;
	overflow: hidden;
}

.setup
{
	width:120%;
	margin-left:20px;
}
.setup a
{
	margin-right: 12px;
	display: block;
	float: left;
	margin-bottom: 30px;
	padding: 0;
	width:110px;
	height:130px;
}
.setup span
{
	display: block;
	font-size: 12px;
	margin-top: 4px;
	font-weight: normal !important;
	font-family: "Malgun Gothic",   Arial, serif !important;
	line-height: 120%;
	color:rgba(108,108,108,1.00)
	
}
.footer .up .container > div> div.nth4
{
	background-image:url(../img/footer/ft-04.jpg);
	background-repeat:no-repeat;
	border: none !important;
	padding:4em 1.5em 1.3em;
	color:white;
	
}

.footer .up .container > div> div.nth4 p
{
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important ;
	line-height: 120%;
	
}
.footer .up .container > div> div.nth4 span
{
	display: block;
	font-size: 13px;
	margin-top: 5px;
}
.footer .up .container > div> div.nth4 span.times
{
	font-size: 1.1em !important;
	margin-top: 0.5em;
	color:#99ccff
}

.footer .up .container > div> div.nth5 dt
{
	font-size: 20px;
	color:#333132;
	font-weight: 600;
}
.footer .up .container > div> div.nth5 dd
{
	font-size: 14px;
	margin-top: 1em;
	width:340px;
	word-break:keep-all;
	color:#4B4B4B !important;
	line-height: 130%;
}
.kakao
{
	width:120px;
	height:120px;
	margin:0 1em;
	float: left;
	display: block;
}
.footer .up .container > div> div.nth6
{
	background-image:url(../img/footer/ft-06.jpg);
	background-repeat:no-repeat;
	border: none !important;
	padding:4em 1.3em 1.3em;
	color:#9f6815;
	font-weight: normal;
	word-break:keep-all;
	font-size: 15px;
	

}
.footer .up .container > div> div.nth6 p
{
	padding: 0;
	margin: 0.4em 0;
	font-weight: 500;
	color:white;
	font-size: 14px;
}
.footer .up .container > div> div.nth6 ul
{
	padding:0;
	margin: 0 0 4px 0;
}
.footer .up .container > div> div.nth6 li
{
	display: block;
	color:brown;
	font-size: 18px;
	line-height: 120%;
}
.footer .up .container > div> div.nth6 li:first-child
{
	font-size: 26px;
}
.footer .up .ft-link1
{
	border-width:0 1px ;
	
}


.footer .up .ft-link2,.footer .up .ft-link3
{
	border-width:0 1px 0px 0px ;

}

.footer h3.title
{
	font-size: 18px;
	position: relative;
	width:100%;
	display: block;
	padding:1em;
	margin:0px;
	font-weight: normal;
	letter-spacing: -1px;
	color:#333 !important
}
.footer h3.title span
{
	float: right
}

.footer .ft-text
{
	color:#8a8989;
	font-size: 14px;
	margin-top: 20px;
}
.footer .ft-text address
{
	font-style: normal!important;
	font-size: 13px;
	line-height: 130% !important ;
	padding:0;
	margin: 1em 0;
}
.footer .ft-text strong
{
	color:skyblue
}
.shield
{
	color:#c73c3c;
	font-size: 16px;
}
/*gnb*/
.gnb-menu
{
	width:1200px;
	display: block;	
	height:42px;
	position: relative;
	margin:0 auto;
	
}
.gnb-menu a{display:block;font-size: 18px;font-weight: 600; color:#5b5b5b;font-family:"NotoSansKR" ;line-height: 130%;letter-spacing: -0.5px;position: relative; text-align:left }
.gnb-menu a span
{
	width:100%;position: absolute;z-index: 1;height:4px;left:0px;bottom:-2px;background-color: transparent;}
	.gnb-menu a:hover.one span,.gnb-menu .hover span{background-color: #fff !important;}
.gnb-menu a:hover.one ,.gnb-menu .hover{border-style: solid;border-width: 1px 1px 0px 1px ;border-color: #ddd #ddd transparent #ddd;
-webkit-box-shadow: 0px 0px 0.2px 1px #DEDEDE;box-shadow: 0px 0px 0.2px 1px #DEDEDE; background-color: #fff !important;z-index: 99999 !important;color:#3263af}
.gnb-menu a.one{position:absolute; top:0px; padding:6px 0; width:150px; text-align:center;height:100%;}
.gnb-menu a.one.fir{left:0px}
.gnb-menu a.one.fit{left:200px}
.gnb-menu a.one.thr{left:400px}
.gnb-menu a.one.for{left:560px}
.gnb-menu a.one.sec{left:610px}
.gnb-menu a.one.six{left:710px}
.gnb-menu a.one.seven{left:880px}
.gnb-menu a.one.eight{left:1050px}

.gnb-menu .twoD{position:absolute; top:42px; width:100%; padding:0px;  z-index:9999 !important;border-style: solid;border-width: 1px 1px 1px 1px ;border-color: #ddd;display:none;left:0px;cursor:pointer;-webkit-box-shadow: 0px 0px 0.2px 1px #DEDEDE;box-shadow: 0px 0px 0.2px 1px #DEDEDE;background-color: #fff;}
.gnb-menu .twoD.fir{left:0; display:none}
.gnb-menu .twoD.sec{left:0px; display:none}
.gnb-menu .twoD.thr{left:0px; display:none}
.gnb-menu .twoD.for{left:0px; display:none}
.gnb-menu .twoD.fit{left:0px; display:none}
.gnb-menu .twoD.six{left:0px; display:none}
.gnb-menu .twoD.sev{left:0px; display:none}
.gnb-menu .twoD.eig{left:0px; display:none}
.gnb-menu .twoDbody{width:100%; padding:14px;  background-color:#ffffff;position: relative;font-size: 14px;z-index:1000}







.gnb-submenu
{
	width:366px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.gnb-submenu li
{
	width:33.3333%;
	background-color:rgba(50,123,188,1.00);
	color:#ffffff;
		display: block ;
	text-align:center;
	height:95px;
	margin: 0;
	float: left;
	font-size: 18px;
	letter-spacing: -1px;
	padding-top: 38px;
	font-weight: 600;
}
.gnb-submenu li a
{
	color:rgba(217,235,251,1.00);
	font-size: 15px;
	font-weight: 500;
}
.gnb-submenu li:nth-child(2)
{
	border-style: solid;
	border-width: 0px 1px;
	border-color: rgba(44,103,156,1.00);
}

/*탑카테고리*/

.tc-category
{
	position: relative;
	padding:1em 0
}
.tc-category ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align:left
}
.tc-category > div
{
	float: left;
	display: block;
	position: relative;
}
.tc-category .dep1
{
	width:120px;
	height:120px;
	float: left;
	display: block;
	margin-right: 10px;
}
.tc-category .dep1 img
{
	width:100%;
	height:100%;
	
}
.tc-category .dep2
{
	float: left;
	width:250px;
	display: block;
}
.tc-category .dep2 h3
{
	border-bottom: 1px solid #f9f9f9;
	padding-bottom: 0.5em;
	padding-left: 5px;
	margin:0 0 0.5em 0;
	text-align:left
}
.tc-category .dep2 ul
{
	padding: 0;
	margin: 0;
	display: block;
	
	
}
.tc-category .dep2  li
{
	padding:3px;
	display: inline-block;
	margin:0;
	width:auto;
	text-align:left !important
}

.tc-category .dep2  li   a
{
	font-size: 13px;
	font-weight: normal;
	line-height: 100%;
	margin:0px;
	padding: 0;
}
.tc-category .dep2   li.on  a,
.tc-category .dep2   li:hover  a
{
	color: #000;
	text-decoration:underline
}

.tc-category-pic a
{
	display: inline-block;
	
	text-align:center;
	font-size: 0.89em;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.tc-category-pic a img
{
	display: block;
	width:146px;
}
.item8
{
	display: block;
	width:auto;
	margin:0 auto
}
.item8 a img
{
	margin: 0;
}
/*common*/

.span_1 {
          
           width:100%;
		   display: block !important;
		   text-align:center;
		   padding-bottom:20px;
        }
        .span_2 
		{
            width:50%!important;
        }
        .span_3 
		{
            width:33.333%!important;
        }
        .span_4 
		{
            width:25%!important;
        }
        .span_5 
		{
            width:20%!important;
        }
        .span_6 {
            width: 16.6666%!important;
        }
 

.thumb-list
{
	padding: 0;
	margin:0;
	position: relative;
	width:120%;
	display: block;
	

	
}
.thumb-list > div
{
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	font-family:"Malgun Gothic", "Nanum Gothic", '나눔고딕',  Arial, serif!important ;
}

.thumb-list > div > a >img
{
	display: block;
	max-width:100%;
	width:268px !important;
	height:268px !important
}
.thumb-list > div > p
{
	padding:0px;
	margin: 3px 0;
	display: block;

}
.vucuum
{
	width:inherit;
	max-width:1200px;
	height:100%;
	margin:0 auto;
	padding: 0;
	text-align:center;
	padding-top: 30px;
	font-size: 0.86em;
	
}
.normal-list
{
	width:232px;
	font-size: 13px;
	margin-right: 10px;
	margin-bottom: 3em !important;
	
	min-height:330px;
	overflow: hidden;
}
.normal-list .normal-thumb{
	width:230px !important;
	height:230px !important;
	display: block;
	border: 1px solid #f8f8f8;
}
.normal-list .normal-thumb:hover
{
	border: 1px solid #ddd !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sale-tag
{
	width:50px;
	height:50px;
	position: absolute;
	z-index:2;
	background-image:url(../img/common/percentage.svg);
	background-repeat:no-repeat;
	text-align:center;
	color:gold;
	padding-top: 16px;
	font-size: 1em;
	top:10px;
	right:10px
	
}
.idx
{
	font-size: 12px;
	width:100px;
	height:30px;
	background-color: rgba(0,0,0,0.50);
	text-align:center;
	color:white;
	z-index:5;
	position:absolute;
	left:0px;
	top:250px;
	padding-top: 7px;
	
}
.lg-tag
{
	width:50px;
	height:50px;
	position: absolute;
	z-index:2;
	background-image:url(../img/common/lg.svg);
	background-repeat:no-repeat;
	text-align:center;
	color:gold;
	padding-top: 16px;
	font-size: 1em;
	top:10px;
	right:10px
	
}
.lg-ptag
{
	top:64px !important;
}
.rental span
{
	color:gold !important;
	font-size: 13px !important;
}
.subject
{
	
	font-size:14px;
	margin: 0.6em  0!important;
	font-weight: 600;
	color:gray;
	width:auto;
	height:36px;
	overflow: hidden;
	line-height: 130%;
	letter-spacing: -0.5px;
}
.price
{
	margin:0.6em 0 0.2em!important;
	letter-spacing: -0.1px;
}
.price .origin
{
	text-decoration:line-through;
	color:#747474;
	margin-right: 10px;
	font-weight: 100;
}
.price .no-origin 
{
	
}
.price .no-origin  strong
{
	color:#f60;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: -0.6px;
}
.sharp
{
	color:#888;
	font-weight: 100;
	font-size: 12px;
}
.soldout
{
	color:#0DA9C9
}
.icons {padding-left: 2px !important; min-height:24px;overflow: hidden;line-height: 24px;}
.icons img{margin-right: 1px;}

.text-list
{
	padding: 0px 10px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width:auto;
	display: block;
}

.text-list li
{
	
	padding:3px 9px;
	display: block;
	word-break:keep-all;
	overflow: hidden;
	text-overflow:ellipsis
}
.text-list li a
{
	white-space:nowrap;
	overflow: hidden;
font-family: "Malgun Gothic",   Arial, serif !important;
	font-size: 0.86em;
	letter-spacing: -0.3px;
}

/*main*/
.visual
{
	display: block;
	position: relative;
	width:100%;
	margin: 0px;
	overflow: hidden !important;
	height: 487px !important;
	min-width:1600px
}
ul[class*="-items"] 
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.visual-items
{
	padding: 0;
	margin: 0;
}
.visual-items img
{
	height:487px !important;
	display: block;
	margin:0 auto;
}
.vbg1
{
	/*background-image:url(../img/main/visual1.jpg);*/
	background-repeat: no-repeat ;
	background-position: 0 0;
}
.vbg2
{
	/*background-image:url(../img/main/visual2.jpg);*/
	background-repeat: repeat ;
	background-position: 0 0;
}
.vbg3
{
	/*background-image:url(../img/main/visual3.jpg);*/
	background-repeat: repeat ;
	background-position: 0 0;
}
.vbg4
{
	/*background-image:url(../img/main/visual3.jpg);*/
	background-repeat: repeat ;
	background-position: 0 0;
}
.main01 h3, .main02 h3, .main03 h3
{
	margin: 2em 0;
}
.main01
{
	min-height:575px;
	position: relative;
}
/*tab*/
.cd-tabs {
  position: relative; 
  width: 1200px;
  margin: 1em 0;
  border: 1px solid #f1f1f1;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {

  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
 
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {

  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.cd-tabs-navigation {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
  width:20%;
  background-color: #fbfbfb;
  border-left:1px solid #f5f5f5;
  margin-right: -0.3px;
}
.cd-tabs-navigation li:first-child
{
	border-left: none !important;
}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 54px;
  width: 240px;
  text-align: center;
  font-size: 18px;
letter-spacing: -1px;
  font-weight: 500;
  color: #888;
  padding-top: 16px;
}
.no-touch .cd-tabs-navigation a:hover {
  color: #29324e;
  background-color: #fff;
}
.cd-tabs-navigation a.selected {
  background-color: #ffffff !important;
  color:#2a2a2a; 
  font-size: 22px;
  font-weight: 700;
}
.cd-tabs-content {
  background: #ffffff;
  padding: 0 0 1.4em 0;
  margin: 0;
  overflow: hidden;
}
.cd-tabs-content li {
  display: none;
  padding: 1.4em ;
  position: relative;
min-height:385px;
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.main-tab
{
	width:268px;
	margin-right: 26px;
	font-size: 16px !important;
	margin-bottom: 24px;

	
}

.product-list
{
	width:282px;
	margin-right: 21px;
	font-size: 16px !important;
	height:420px;
	margin-bottom: 2em;
}

.product-list .list-thumb{
	width:282px !important;
	height:282px !important;
	display: block;
	border: 1px solid #f4f4f4;
}
.product-list .list-thumb:hover
{
	border: 1px solid #ddd !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.main02
{
	height:380px;
	position: relative;
	display: block;
}
.main02-links
{
	width:200px;
	height:30px;
	position: absolute;
	z-index:1;
	right:0px;
	top:40px;
	text-align:right
}
.main02-links a
{
	font-size: 1.5em;
	color:#eee
}
.main02-links a:hover
{
	color:#2259BB
}
.lg
{
	min-height:482px;
	
	
	
}
.lg-head
{
	height:482px
}
.lg-head .top
{
	height:82px;
	background-color: #ff6699;
	padding:0 1em
}
.lg-head .down
{
	border: 1px solid #f8f8f8;
	height:400px;
	position: relative;
	border-top: none !important;
	border-bottom: 1px solid #f8f8f8;
	
}
.lg-head .down  div
{
	float: left;
	display: block;
	height:400px
}
.lg-head .down  .lg-chair
{
	width:355px;
	text-align:center;
	
}
.lg-head .down  .lg-chair .subject
{
	width:300px;
	font-size: 15px !important;
	margin:0 auto 1em !important
}
.lg-head .down  .lg-chair .price strong
{
	font-size: 20px !important;
}
.lg-items li
{
	font-size: 14px;
}
.lg-items li p
{
	margin:5px 0 !important;
	padding: 0px !important ;
}
.lg-items li p.subject
{
	font-weight: 500;
	font-size: 1.3em;
}
.lg-items li p.price strong
{
	font-weight: 700;
	font-size: 1.2em;
}
.lg-items li img
{
	display: block;
	margin:1em auto
}
.lg-head .down  .lg-photo
{
	width:279px;
	overflow: hidden;
}
.lg-head .down  .lg-links
{
	width:564px;
	overflow: hidden;
}
.lg-head .down  .lg-links img
{
	display: block;
	float: left;
}
.lg-head .top .lg-logo
{
	margin-top: 22px;
}
.quick
{
	height:272px;
	position: relative;
	overflow: hidden;
	
}
.quick-photo
{
	position: absolute;
	z-index:2;
	left:10px;
	top:0px;
}
.quick-down
{
	width:100%;
	height:195px;
	background-color: #8e7575;
	margin-top: 77px;
	position: relative;
}
.quick-body
{
	width:100%;
	height:160px;
	
	display: block;
	padding:20px  50px 0px 220px;
	position: relative;
	
}
.quick-body .qb-left
{
	width:368px;
	border-right: 1px solid #725e5e !important;
	height:100%;
	float: left;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
.quick-body .qb-left p
{
	font-size: 14px;
	color:#fff;
	line-height: 140%;
	word-break:keep-all
}
.quick-body .qb-right
{
	width:500px;
	display: block;
	position: relative;
	z-index:1;
	float: left;
	height:100%;
	padding-left: 40px;
}


.quick_agree
{
	
	font-size: 0.86em;
	color:white;
	font-weight: normal !important;
	display: block;
	margin-bottom: 10px;
}
.quick_agree a
{
	color:#00ffe4
}
.quick_agree input
{
margin-right: 2px;	

margin-left: 5px;
}

.quick_body
{
	position: relative;
	display: block;
	width:100%;
}

.quick-button
{
	
	position: absolute;
	z-index:1;
	top:40px;
	left:460px;	
	display: block;
	width:78px;
	height: 78px;
	overflow: hidden;
	
}
.quick-button  button
{
	width:100%;
	height:100%;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px ;
	border-radius:6px ;
	border: none;
	background-color: #f9ad81;
	color:white !important
}
.quick-button  button i
{
	display: block;
	font-size: 2em;
	color:rgba(0,120,191,0.90);
	

}
.quick-kk
{
	position: absolute;
	z-index:1000;
	left:630px;
	top:148px;
}

.form-wrap
{
	width:100%;
	padding:0;
	margin: 0;
	list-style-type: none;
}
.form-wrap li
{
	display: block !important;
	width:220px;
	float: left !important;
	padding: 0.4em 0px;
	margin: 0;

}
.form-wrap li:nth-child(1) input[type="text"]
{
	width:96%
}
.form-wrap li:nth-child(3) input[type="text"]
{
	width:400px
}
.form-wrap li:nth-child(2) select,select
{
	display: inline-block;
	height:32px;
	font-size: 0.86em;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px ;
	border-radius:3px ;
	color: #888;font-weight: normal;
}

.form-wrap li:nth-child(2) input[type="text"]
{
	width:50px !important;
	display: inline-block;
}

.DP
{
	min-height:345px
}
/*서브타이틀*/
.title-group
{
	margin: 0em 0 1.4em;
	text-align:center;
	font-size: 2.0em;
	color:#393939;
	line-height: 130%;
}
.title-group h3
{
	margin:0.2em auto !important;
	padding:0 !important
}
.title-group ul
{
	display: block;padding: 0;margin: 0.5em auto;width:auto;position: relative;
}
.title-group li
{
	display: inline-block;
	padding:3px 0
}

.title-group li.active a,.title-group li a:hover
{
	color:white;
	background-color:#3563ae !important;
	border: 1px solid #2f5ba4 !important;
}
.title-group li a
{
	width:120px;
	padding:0.5em 3em;
	border: 1px solid #ddd;
	-webkit-border-radius: 16px;
	-moz-border-radius:16px ;
	border-radius:16px ;
	color:#676767;
	font-size: 13px;
}
.title-group li a:hover,.title-group li a:focus
{
	background-color:#E0E0E0
}
/*상품목록*/

.category-title ul
{
	padding:5px; margin:0px 0;
}
.category-title li
{
	display: inline-block;
	margin:0;
	padding:0 5px 0 0;
	
	font-family:arial;
	font-size: 0.86em;
	color:#ccc!important;
}
.category-title li a
{
	
	font-weight: normal;
	font-family:arial;
	font-size: 0.86em;
	color:#ccc!important;
}
.category-title li a:hover
{
	text-decoration:underline
}
.cate-list-go
{
	margin:0px;
	position: absolute;
	z-index:1;
	right:0px;
	top:0px;
}
.cate-list-go a
{
	font-family:'dotum', Arial, serif!important;
	
}
.cate-list-go a.button-tiny {
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  padding: 0 14px !important;
 }

.category-title,div[class*="feel-goods"],.feel-paginate
{
	display: block;
	width:1200px;
	padding: 0;
	margin:1em 0;
	position: relative;
	overflow: hidden;
}

.feel-goods-category > ul
{
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	background-color: #F8f8f8;
	
}
.feel-goods-category > ul > li
{
	display: block!important;
	float: left;
	padding:1em 1.4em;
	text-align:center;
	font-size: 13px !important;
	width:auto;

	margin: 0;
}
.feel-goods-category > ul > li.feel-on a
{
	font-weight: bold;
	color:rgba(33,119,19,1.00)
}

.feel-goods-category > ul > li > a > ul
{
	padding: 0;
	margin: 0;
}
.feel-goods-category > ul > li > a > ul > li
{
	display: none;
}
.feel-goods-category > ul > li > a > ul > li:last-child
{
	display: inline-block !important;
}
.feel-goods-sort p
{
	padding: 0;
	margin: 0;
	font-size: 13px;
}
.feel-goods-sort ul
{
	padding: 0;
	margin: 0em 0 0 0;
	width:376px;
}
.feel-goods-sort li
{
	display: block;
	float: left !important;
	padding:0 10px;
	font-size: 13px;
}
.goods-total
{
	width:200px;
	display: inline-block;
}
.feel-goods
{
	border-width: 2px 0px 1px;
	border-style: solid;
	border-color: #ddd;
	padding-top: 3em !important;
}
.feel-goods .thumb-list 
{
	min-height:320px
}
.feel-goods .vucuum
{
	height:240px
}
.ui-pagenate
{
	text-align:center;
}
.ui-pagenate a
{
	
	border: 1px solid #ddd;
	height:30px !important;
	min-width:30px !important;
	
}
.feel-good-content
{
	font-size: 16px;
	position: relative;
}
.feel-good-content img
{
	display: block;
	margin:0 auto;
	max-width:100%
}
.feel-good-content p
{
	font-size: 1em;
}
.farm-A-img figure img
{
	width:450px !important;
	height:450px !important
}
.caution
{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAApSURBVBhXY7S0tPzPAAXHjx9nYIKywRygJEQAxgEBRiD+D+MwMDAwAADJCguwcB6qnAAAAABJRU5ErkJggg==);
display: block;
padding:1em;
color:white;
font-size: 13px;
}
.caution h4
{
	padding: 0;
	margin:0 0 1em;
	color:gold
}
.caution dl
{
	padding: 0;
	margin: 0;
}
.caution dt
{
	color:#11c7ee;
	font-size: 1.4em;
	margin:0.3em 0
}
.caution dd
{
	padding: 0;
	margin: 0;
	font-family:arial,'dotum';
	letter-spacing: -1px;
}
.caution dd strong{
	color:#daff74
}
.price-search
{
	display: block;
	text-align:center;
	width:500px;
	margin:4em auto 1em;
	position: relative;
border: 1px solid #f7f7f7;
	overflow: hidden;
	padding:1em;
	background-color: #f9f9f9;
	height:72px
}
.price-search legend
{
	display: block;
	float: left;
	line-height: 200%;
	height:80px;
	margin-right: 50px;
	margin-top: 0px;
}
.price-search  form
{
	width:340px;
}
.price-btn
{
	position: absolute;
	z-index:1;
	right:20px;
	top:18px;
}
.range-slider {
    position: relative;
    height: 80px;
	width:350px;
	display: block;
	float: left;
}
.extra-controls {

display:none
}
/*cart*/
.farm-A-cart-goods > a > img
{
	width:100px !important;
	height:100px !important; 
}
/*sub01*/
.sub01 .container p
{
	line-height: 150%;
	color:rgba(94,94,94,1.00);
	font-family:inherit !important;
}
.show-wrap
{
	width:49.7%;
	display: inline-block;
	overflow: hidden;
}
.show-wrap h4
{
	font-weight: normal;
	color:rgba(21,139,196,1.00)
}

/*table*/

.content .container table caption
{
	display: none;
}
.table
{
	width:100%;
	margin: 1em 0;
}
.table th,.table td
{
	padding:1em !important;
	display:table-cell;
	font-size: 13px;
}
.table  tr
{
	border-width: 0px 0px 1px 0px;
	border-color: #dddddd;
	border-style:solid ;
}
.table  tr:first-child
{
	border-width: 1px 0px;
	border-color: #dddddd;
	border-style:solid ;
}
.table thead th
{
	border-width: 1px 0px 0px;
	border-color: #dddddd;
	border-style:solid ;
	background-color: #f8f8f8;
	height:30px;
	font-weight: bold;
}
.table tbody th,.table tbody td
{
border-width: 0px 1px 0px 0px;
border-style:solid ;
	border-color: #dddddd;
background-color: #fff;	
}
.table tbody td:last-child
{
	border-right: none !important;
}
.table tbody th:first-child,.table tbody td:first-child
{
	background-color: #f8f8f8;
	text-align:center;
	border-left: none !important;
}
.shop_info
{
	display: block;
	margin:1em auto;
	width:86%;
	border-top: 2px solid #ccc;
}
.shop_info h4
{
	font-size: 16px;
	font-weight: 500;
}
.shop_info h5
{
	font-size: 14px;
	font-weight: 300;
}
ul.sinfo
{
	list-style-type:decimal
}
img[src="http://cfile206.uf.daum.net/image/2210424A519C818B099C3D"],img[src="http://cfile228.uf.daum.net/image/011CB243519C1DCA2FA4E7"]
{
	display:none !important
}
.td_editor > p
{
text-align:left
}
 .efiles
{
padding:10px 0px;
float:left
}



/*showroom*/
.showroom{width:800px;margin:0 auto;}
.showroom h4{font-size:2rem;}
.showroom .txt{margin-bottom:50px;}
.showroom .txt li{margin-bottom:10px;}
.showroom .map{margin-top:15px;}
