@import url("_slider.css");

@font-face{
font-family:"NG";
src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'), 
	url('/font/NanumGothic.woff') format('woff'), 
	url('/font/NanumGothic.ttf') format('truetype'),
	url('/font/NanumGothic.svg#Nanum') format('svg');

}
@font-face{
font-family:"NGB";
src:url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), 
	url('/font/NanumGothicBold.woff') format('woff'), 
	url('/font/NanumGothicBold.ttf') format('truetype'),
	url('/font/NanumGothicBold.svg#Nanum') format('svg');

}
@font-face{
font-family:"NGEB";
src:url('/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'), 
	url('/font/NanumGothicExtraBold.woff') format('woff'), 
	url('/font/NanumGothicExtraBold.ttf') format('truetype'),
	url('/font/NanumGothicExtraBold.svg#Nanum') format('svg');
}
/*
 * Nanum Myeongjo (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'NMJ';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NMJB';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NMJEB';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

body,table,tr,td,div,form,textarea {font-family:'NG','NGB','NGEB','돋움','NMJE','NMJEB',dotum,Helvetica,sans-serif;
	font-size:14px;
	color:#333; 
	letter-spacing:0em; 
	margin:0px;
	padding:0px;
	line-height:160%;
}

img,fieldset{border:0 none;}

dl, ul, ol, li, dt, dd{float:left; margin:0px; padding:0px; list-style:none; display:inline;}

h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}

nav, header, footer, section, aside, article{display:block;}

table,th,td,tr {padding:0; margin:0; border-collapse:collapse}


/* link*/
a {color:#333; text-decoration:none;}
a:hover{color:#333;}

.input {
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	height: 19px;
	padding: 3px 0 0 0px;
}

.textarea {
    background-color:#FAFAFA; 
	border: 1px solid #c8c8c8;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #e5e5e5;
	scrollbar-highlight-color: #e5e5e5;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #e5e5e5;
	padding: 3px 0 0 5px;
}

select { font-size:12px;
	color:#3c3c3c;
	background-color:#ffffff;
	border:1px solid #abadb3;
}

input[type="radio"], input[type="checkbox"] {display: inline-block; width:18px; height:18px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer outline:none;}
input[type="radio"] {background: url('/images/shop/btn_radio.png') no-repeat 0 0; background-size:18px;}
input[type="checkbox"] {background: url('/images/shop/btn_check.png') no-repeat 0 0; background-size:18px;}
input[type="checkbox"]:checked, input[type="radio"]:checked {background-position:0 -18px;}
input[type="checkbox"]:disabled, input[type="radio"]:disabled {background-position:0 -36px;}
input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked {background-position:0 -54px;}

#wrap {width:100%;}

/* header */
#header {float:left; width:100%;}

#header #link {float:left; width:100%; height:34px; overflow:hidden; border-bottom:0px solid #5f4a43; background:#f9f9f9;}
#header #link .link {position:relative; margin:0 auto; width:1000px;}
#header #link ul {float:left;}
#header #link ul.guide {float:right;}
#header #link ul li a {float:left; padding:0 10px; font-size:11px; color:#3a3a3a; line-height:34px; background:url('/images/link_bar.png') no-repeat 0 13px;}
#header #link ul li a:hover {color:#3a3a3a;}
#header #link ul.guide li:first-child a {background:none;}
#header #link ul li a.bookmark {padding-left:20px; background:url('/images/icon_star.png') no-repeat 0 10px;}
#header #link ul li a.cart {padding-left:27px; background:url('/images/icon_cart.png') no-repeat 10px 12px;}
#header #link ul li a.customer {color:#ff3e3e; font-weight:bold;}

#header #top {float:left; width:100%; height:115px; background:#fff;}
#header #top .top {position:relative; margin:0 auto; width:1000px; border:0px solid #ff0000;}
#header #top .top h1 {float:left;}
#header #top .top .search {float:left; margin:38px 0 0 136px; width:288px; height:40px; background:#fff; border:2px solid #5f4a43;}
#header #top .top .search input[type=text] {float:left; margin:0; padding:0 10px 0 10px; width:228px; height:40px; font-size:14px; color:#a8a09f; line-height:35px; border:0; background:#fff;}
#header #top .top .search img {float:right;border-left:0px solid #5f4a43;box-sizing: border-box;}
#header #top .top .topBn {float:right; margin:0; width:220px;}

#header .top .gallery_rolling {position:relative; margin:0 0 0 780px; width:220px; height:115px; overflow:hidden;}
#header .top .gallery_rolling .arrow_prev {position:absolute; top:95px; left:160px; width:18px; height:17px; cursor:pointer; z-index:9; display:none;}
#header .top .gallery_rolling .arrow_next {position:absolute; top:95px; left:179px; width:18px; height:17px; cursor:pointer; z-index:9; display:none;}
#header .top .gallery_rolling div.carrousel_box {position:relative; top:0; margin-left:-1px; width:220px;}
#header .top .gallery_rolling div.carrousel_box ul {position:absolute; overflow:hidden;}
#header .top .gallery_rolling li {float:left; width:220px; text-align:left;}

/* menu */
#gnb_wrap {float:left; width:100%; height:53px; border-top:1px solid #5f4a43; border-bottom:1px solid #5f4a43; background:#4c3c36;}/* 상단고정 */
.gnbFix {position:fixed; top:-1px; z-index:999999;}/* 상단고정 */
#menu {position:relative; width:100%; height:50px; z-index:9999999;}
#menu .menu {position:relative; margin:0 auto; width:100%;}
#menu .menu ul {float:left; width:100%; text-align:center;border-left:1px solid rgba(255,255,255,0.3);}
#menu .menu ul li {display:inline-block; float:none;_width:99px;}
#menu .menu ul li a {padding:0 10px; font-family:'NGB'; font-size:16px; color:#fff; line-height:53px; text-decoration:none; text-align:center; border-right:1px solid rgba(255,255,255,0.3);}
#menu .menu ul li:first-child a {_width:123px;}

/* main */
#contentsBody {float:left; width:100%;}

/* visual */
.slider {float:left; width:100%; height:480px;}
.flexslider .slides > li {height:480px;}

#bestItem {float:left; margin:50px 0 0 0; width:100%;}
#bestItem .bestItem {position:relative; margin:0 auto; width:1000px;}
#bestItem h1 {padding:10px 0 10px 0; font-family:'NGB'; font-size:24px; color:#3d3d3d; background:url('/images/tit_line.gif') repeat-x 0 20px;}
#bestItem h1 span {padding:0 30px 0 0; background:#fff;}
#bestItem .item {float:left; width:100%;}
#bestItem .item ul {float:left;}
#bestItem .item ul li a {float:left; margin:30px 0 0 20px; width:233px; height:320px; border:1px solid #ddd; overflow:hidden;}
#bestItem .item ul li a:hover {border:1px solid #ff444f;}
#bestItem .item ul li:nth-child(4n+1) a {margin-left:0;}
#bestItem .item ul li .thumbnail {width:233px; height:188px; overflow:hidden;}
#bestItem .item ul li .thumbnail img {width:233px; height:188px;}
#bestItem .item ul li h2 {padding:10px 10px 15px 10px; font-size:16px; color:#333; font-weight:600; line-height:120%;}
#bestItem .item ul li h3 {padding:0 10px; font-size:14px; color:#666; font-weight:normal; line-height:120%;}
#bestItem .item ul li h3 span {padding:0 20px 0 0;}
#bestItem .item ul li p {padding:10px 0 0 10px;}
#bestItem .item ul li p img {margin-right:2px;}

#saleItem {float:left; margin:50px 0 0 0; width:100%;}
#saleItem .saleItem {position:relative; margin:0 auto; width:1000px;}
#saleItem h1 {padding:10px 0 10px 0; font-family:'NGB'; font-size:24px; color:#3d3d3d; background:url('/images/tit_line.gif') repeat-x 0 20px;}
#saleItem h1 span {padding:0 30px 0 0; background:#fff;}
#saleItem .item {float:left; width:100%;}
#saleItem .item ul {float:left;}
#saleItem .item ul li a {float:left; margin:30px 0 0 20px; width:233px; height:310px; border:1px solid #ddd; overflow:hidden;}
#saleItem .item ul li a:hover {border:1px solid #ff444f;}
#saleItem .item ul li:nth-child(4n+1) a {margin-left:0;}
#saleItem .item ul li .thumbnail {width:233px; height:188px; overflow:hidden;}
#saleItem .item ul li .thumbnail img {width:233px; height:188px;}
#saleItem .item ul li h2 {padding:10px 10px 15px 10px; font-size:16px; color:#333; font-weight:600; line-height:120%;}
#saleItem .item ul li h3 {padding:0 10px; font-size:14px; color:#666; font-weight:normal; line-height:120%;}
#saleItem .item ul li h3 span {padding:0 20px 0 0;}
#saleItem .item ul li p {padding:10px 0 0 10px;}
#saleItem .item ul li p img {margin-right:2px;}

#companyBn {float:left; margin:60px 0 0 0; width:100%; height:260px; text-align:center; background:url('/images/bn_company_bg.jpg') no-repeat center 0;}

#pruduct {float:left; margin:50px 0 0 0; width:100%;}
#pruduct .pruduct {position:relative; margin:0 auto; width:1000px;}
#pruduct h1 {padding:10px 0 10px 0; font-family:'NGB'; font-size:30px; color:#3d3d3d; text-align:center; background:url('/images/tit_line.gif') repeat-x 0 20px;}
#pruduct h1.st {font-size:18px; color:#c0c0c0; background:none;}
#pruduct h1 span {padding:0 30px; background:#fff;}
#pruduct .item {float:left; width:100%;}
#pruduct .item ul {float:left;}
#pruduct .item ul li a {float:left; margin:30px 0 0 20px; width:233px; height:310px; border:1px solid #ddd; overflow:hidden;}
#pruduct .item ul li a:hover {border:1px solid #ff444f;}
#pruduct .item ul li:nth-child(4n+1) a {margin-left:0;}
#pruduct .item ul li .thumbnail {width:233px; height:188px; overflow:hidden;}
#pruduct .item ul li .thumbnail img {width:233px; height:188px;}
#pruduct .item ul li h2 {padding:10px 10px 15px 10px; font-size:16px; color:#333; font-weight:600; line-height:120%;}
#pruduct .item ul li h3 {padding:0 10px; font-size:14px; color:#666; font-weight:normal; line-height:120%;}
#pruduct .item ul li h3 span {padding:0 20px 0 0;}
#pruduct .item ul li p {padding:10px 0 0 10px;}
#pruduct .item ul li p img {margin-right:2px;}

/* slide */
.quick_slide {width:80px;}
.quick_slide ul {float:left; width:100%;}
.quick_slide li {float:left;  width:100%;}
.quick_slide li.today {padding:0 0 0 0;}
.quick_slide li.today .btn {float:left; width:100%;}
.quick_slide li.today dl {float:left; width:100%;}
.quick_slide li.today dl dd {float:left; padding:4px 0; width:78px; text-align:center; border-right:1px solid #ccc; border-left:1px solid #ccc; background:#fff;}

/* 하단고객센터 */
#customer {float:left; margin:60px 0 0 0; padding:60px 0; width:100%; border-top:2px solid #7a7066;}
#customer .customer {position:relative; margin:0 auto; width:1000px;}
#customer h2 {padding:17px 0 0 0; font-weight:bold; font-size:24px; color:#222;}
#customer h3 {padding:17px 0 5px 0;}
#customer p {padding:17px 0 0 0; font-size:12px; color:#666;}

#noticeArea {float:left; width:240px; height:200px;}
#noticeArea h1 {float:left; padding:0 0 20px 0; width:100%; font-size:20px; color:#222; border-bottom:1px solid #ddd;}
#noticeArea h1 span {float:right; padding:5px 0 0 0;}
#noticeArea ul {float:left; margin:20px 0 0 0; width:100%;}
#noticeArea ul li {float:left; width:100%; background:url('/images/dottedline1.png') repeat-x 0 bottom;}
#noticeArea ul li a {float:left; width:190px; font-size:14px; color:#5d5d5d; line-height:26px;}
#noticeArea ul li a:hover {color:#000;}
#noticeArea ul li span {float:right; width:50px; text-align:right;}

#quick_bn {float:left; margin:0 0 0 50px; width:420px; height:200px;}
#quick_bn h1 {float:left; padding:0 0 20px 0; width:100%; font-size:20px; color:#222;}
#quick_bn ul {float:left; width:418px; height:153px; border:1px solid #ddd;}
#quick_bn ul li {float:left; margin:20px 0 0 0; width:25%; text-align:center;}
#quick_bn ul li p {font-size:14px; color:#6d6967; line-height:120%;}

#accArea {float:left; margin:0 0 0 50px; width:240px; height:200px;}
#accArea h1 {float:left; padding:0 0 20px 0; width:100%; font-size:20px; color:#222;}
#accArea .account {float:left; width:238px; height:98px; border:1px solid #ddd;}
#accArea .account p {padding:10px 10px; font-size:14px; color:#7d7d7d;}
#accArea .account h2 {padding:0 10px;}
#accArea .account h3 {padding:10px; font-size:24px; color:#222; font-weight:600; letter-spacing:-0.07em;}
#accArea .delivery {float:left; margin:4px 0 0 0; width:100%;}

#csArea {float:left; margin:40px 0 0 0; width:100%; height:140px; background:url('/images/bn_tel_bg.jpg') no-repeat 0 0;}
#csArea h1 {position:absolute; margin:0 0 0 110px; font-size:24px; color:#fff; line-height:140px;}
#csArea h2 {position:absolute; margin:0 0 0 320px; font-size:30px; color:#fff; line-height:180%;}
#csArea p {position:absolute; margin:30px 0 0 570px; font-size:14px; color:#eaddc3; line-height:180%;}

#liquor_not {float:left; margin:40px 0 0 0; width:100%;}

/* footer */
#footer {float:left; clear:both; margin:0px 0 0 0; padding:0 0 60px 0; width:100%; background:#676767;}
#footer #link {float:left; width:100%; height:50px; background:#f0f0f0;}
#footer .link {position:relative; margin:0 auto; width:1000px;}
#footer .link ul {float:left; width:100%;}
#footer .link ul li a {float:left; padding:0 15px; font-size:14px; color:#777; line-height:50px; background:url('/images/copyLink_bar.gif') no-repeat 0 20px;}
#footer .link ul li:first-child a {padding-left:0; background:none;}
#footer .footer {position:relative; margin:0 auto; width:1000px;}
#footer .footer .copy {float:left; margin:30px 0 0 0; font-size:14px; color:#b9b9b9; letter-spacing:0em; line-height:160%;}
#footer .footer .copy span {padding:0 10px;}
#footer .footer .copy p {padding:15px 0 0 0; color:#c4c4c4;}
#footer .footer .bn {float:right; margin:30px 0 0 0;}

/* sub */
.gap10 {float:left; width:100%; height:10px;}
.gap20 {float:left; width:100%; height:10px;}
.gap30 {float:left; width:100%; height:10px;}
.gap40 {float:left; width:100%; height:10px;}
.gap50 {float:left; width:100%; height:10px;}
.gap60 {float:left; width:100%; height:10px;}
.gap70 {float:left; width:100%; height:10px;}
.gap80 {float:left; width:100%; height:10px;}
.gap90 {float:left; width:100%; height:10px;}
.gap100 {float:left; width:100%; height:10px;}
.gap120 {float:left; width:100%; height:10px;}
.gap150 {float:left; width:100%; height:10px;}

.navigation {position:relative; margin:0 auto; width:1000px; height:30px; font-size:14px; color:#666; text-align:right;}
.navigation2 {float:right; height:30px; font-family:'돋움';  font-size:12px; color:#666; text-align:right;}
.navigation2 select {padding:2px; font-family:'돋움';  font-size:12px;}

.navigation3 {float:left; height:30px; font-family:'돋움';  font-size:12px; color:#666; text-align:right;}
.navigation3 select {padding:2px; font-family:'돋움';  font-size:12px;}

#bestItem2 {float:left; margin:30px 0 0 0; width:100%;}
#bestItem2 .bestItem2 {position:relative; margin:0 auto; width:998px; height:380px; border:1px solid #efefef; background:#f9f9f9;}
#bestItem2 h1 {padding:20px 0 20px 20px; font-size:18px; color:#616267; font-weight:normal;}
#bestItem2 h1 font {font-weight:bold; color:#e1534d;}
#bestItem2 h1 span {padding-left:10px; font-family:'dotum'; font-size:11px; color:#999;}
#bestItem2 .item {position:relative; margin:0 auto; width:959px;}
#bestItem2 .item ul {float:left;}
#bestItem2 .item ul li a {float:left; margin:0 0 0 8px; width:233px; height:300px; overflow:hidden;}
#bestItem2 .item ul li:first-child a {margin-left:0;}
#bestItem2 .item ul li .thumbnail {width:231px; height:188px; text-align:center; border:1px solid #e7e7e7;}
#bestItem2 .item ul li .thumbnail:hover {border:1px solid #ff444f;}
#bestItem2 .item ul li .thumbnail img {width:231px; height:188px;}
#bestItem2 .item ul li h2 {padding:10px 10px 15px 10px; font-size:16px; color:#333; font-weight:600; line-height:120%; text-align:center;}
#bestItem2 .item ul li h3 {padding:0 10px; font-size:14px; color:#666; font-weight:normal; line-height:120%; text-align:center;}
#bestItem2 .item ul li h3 span {padding:0 20px 0 0;}
#bestItem2 .item ul li p {padding:10px 10px 0 10px; text-align:center;}
#bestItem2 .item ul li p img {margin-right:2px;}
#bestItem2 .item ul li p img {margin-right:2px;}

#itemList2 {float:left; margin:50px 0 0 0; width:100%;}
#itemList2 .itemList {position:relative; margin:0 auto; width:1000px;}
#itemList2 h1 {float:left; padding:0 0 10px 15px; font-weight:bold; font-size:20px; color:#000; background:url('/images/tit_bar1.gif') no-repeat 0 3px;}
#itemList2 .category {float:left; margin:10px 0 0 0; padding:0; width:1000px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
#itemList2 .category h2 {float:left; padding:10px 0; width:149px; font-size:12px; color:#000; line-height:140%; text-align:center; border-right:1px solid #dedede;}
#itemList2 .category div {float:right; padding:10px 0; width:calc(100% - 150px);}
#itemList2 .category div a {padding-left:20px; font-size:12px; color:#616161; line-height:140%; background:url('/images/category_dot.gif') no-repeat 0 7px;}

#itemList {float:left; margin:30px 0 30px 0; width:100%;}
#itemList .itemList {position:relative; margin:0 auto; width:1000px;}
#itemList h1 {float:left; padding:0 0 10px 15px; font-size:20px; color:#000; background:url('/images/tit_bar1.gif') no-repeat 0 3px;}
#itemList .category {float:left; margin:10px 0 30px 0; padding:0; width:1000px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
#itemList .category h2 {float:left; padding:10px 0; width:199px; font-size:12px; color:#000; line-height:140%; text-align:center; border-right:1px solid #dedede;}
#itemList .category div {float:right; padding:10px 0; width:800px;}
#itemList .category div a {padding-left:20px; font-size:12px; color:#616161; line-height:140%; background:url('/images/category_dot.gif') no-repeat 0 7px;}
#itemList .tab {float:left; width:100%;}
#itemList .tab ul {float:left; width:100%; background:url('/images/listTab_line.gif') repeat-x 0 bottom;}
#itemList .tab li a {float:left; width:112px; font-size:12px; color:#888; line-height:30px; text-align:center; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background:url('/images/listTab_bg.gif') no-repeat 0 0;}
#itemList .tab li:first-child a {border-left:1px solid #c8c8c8;}
#itemList .tab li a.act {color:#666; font-weight:bold; border-bottom:1px solid #fff; background:#fff;}
#itemList .item {float:left; width:100%;}
#itemList .item ul {float:left; width:100%;}
#itemList .item ul li a {float:left; margin:30px 0 0 20px; width:233px; height:310px; border:1px solid #ddd; overflow:hidden; bac}
#itemList .item ul li a:hover {border:1px solid #ff444f;}
#itemList .item ul li:nth-child(4n+1) a {margin-left:0;}
#itemList .item ul li .thumbnail {width:233px; height:188px; overflow:hidden;}
#itemList .item ul li .thumbnail img {width:233px; height:188px;}
#itemList .item ul li h2 {padding:10px 10px 15px 10px; font-size:16px; color:#333; font-weight:600; line-height:120%;}
#itemList .item ul li h3 {padding:0 10px; font-size:14px; color:#666; font-weight:normal; line-height:120%;}
#itemList .item ul li h3 span {padding:0 20px 0 0;}
#itemList .item ul li p {padding:10px 0 0 10px;}
#itemList .item ul li p img {margin-right:2px;}

.pageNum {float:left; margin:30px 0 0 0; width:100%; text-align:center;}
.pageNum a {padding:5px 10px; font-size:12px; color:#666; border:1px solid #ddd; background:#f8f8f8;}
.pageNum a.act {color:#fff; border:1px solid #666d7f; background:#666d7f;}

.pageTit {float:left; margin:10px 0 30px 0; width:100%;}
.pageTit h1 {float:left; font-family:'NanumBarunGothic'; font-size:28px; color:#333; line-height:160%;}
.pageTit p {float:right; font-size:12px; color:#666;}

.contentsBody {position:relative; margin:0 auto; width:1000px;}

.contents {float:left; margin-bottom:50px; width:100%;}

/* 검색 */
.searchArea {float:left; margin:0 0 30px 0; width:100%;}
.searchArea .ty1 {float:left; padding:15px; width:968px; text-align:center; border:1px solid #e0e0e0; background:#fff;}
.searchArea .ty1 h1 {padding:0 0 15px 0; font-size:20px; color:#000;}
.searchArea .ty1 h1 span {color:#ff0000; font-weight:bold;}
.searchArea .ty1 h1 font {font-size:16px; color:#555; font-weight:300;}
.searchArea .ty1 input[type="text"] {padding:0 0 0 5px; width:300px; height:30px; font-size:14px; color:#000; border:2px solid #e72b31;}
.searchArea .ty1 a.btn {padding:7px 10px; font-size:14px; color:#fff; background:#e72b31;}

#itemList2 {float:left; width:100%;}
.itemList2 {position:relative; margin:0 auto; width:1000px;}
.itemList2 h1 {padding:0 0 10px 0; font-size:20px; color:#000;}
.itemList2 h1 span {font-size:14px; color:#ff0000;}
.itemList2 .tab {float:left; width:100%;}
.itemList2 .tab ul {float:left; width:100%; background:url('/images/listTab_line.gif') repeat-x 0 bottom;}
.itemList2 .tab li a {float:left; width:112px; font-size:12px; color:#888; line-height:30px; text-align:center; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background:url('/images/listTab_bg.gif') no-repeat 0 0;}
.itemList2 .tab li:first-child a {border-left:1px solid #c8c8c8;}
.itemList2 .tab li a.act {color:#666; font-weight:bold; border-bottom:1px solid #fff; background:#fff;}
.itemList2 .item {float:left; margin:30px 0 30px 0; width:100%;}
.itemList2 .item table {}
.itemList2 .item table th {}
.itemList2 .item table td {padding:20px 0; text-align:center; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.itemList2 .item table td.thumbnail {padding:20px; width:100px;}
.itemList2 .item table td.thumbnail img {width:100px; height:100px;}
.itemList2 .item table td.name {width:400px; text-align:left;}
.itemList2 .item table td.name p a {font-size:16px; color:#555; font-weight:bold;}
.itemList2 .item table td.name p a:hover {text-decoration:underline;}
.itemList2 .item table td.name p.review {padding:5px 0 0 0; font-size:14px; font-weight:normal;}
.itemList2 .item table td.name p.review span {color:#f16853; font-weight:bold;}
.itemList2 .item table td.name p.btn {padding:10px 0 0 0;}
.itemList2 .item table td.name p a.cart {padding:3px 10px; font-size:12px; color:#777; font-weight:normal; border:1px solid #c8c8c8; background:#f4f4f4;}
.itemList2 .item table td.name p a.cart:hover {text-decoration:none;}
.itemList2 .item table td.price_tit {width:80px;}
.itemList2 .item table td.price_tit span {padding:2px 5px; font-size:11px; color:#a9a9a9; border:1px solid #ebebeb; background:#fff;}
.itemList2 .item table td.price {width:130px; font-size:20px; color:#000; font-weight:700; letter-spacing:-0.07em; font-weight:bold;}
.itemList2 .item table td.price font {font-size:14px;}
.itemList2 .item table td.icon {text-align:left;}
.itemList2 .item table td.icon img {margin-right:2px;}

/* 게시판 */
#boardArea {float:left; margin:20px 0 0 0; width:100%;}
.boardArea {position:relative; margin:0 auto; width:1000px;}

.boardArea .lm {float:left; width:180px;}
.boardArea .lm ul {float:left; width:178px; border:1px solid #3f302e;}
.boardArea .lm ul ol {float:left; padding:33px 0; width:100%; font-size:24px; color:#fff; font-weight:bold; line-height:140%; text-align:center; border-bottom:1px solid #ddd; background:#3f302e;}
.boardArea .lm ul li {float:left; padding:15px 0; width:100%;}
.boardArea .lm ul li p {padding:8px 0 8px 20px; font-size:14px; color:#666; line-height:140%;}
.boardArea .lm ul li a {color:#666;}
.boardArea .lm ul li a.act {color:#3f302e; font-weight:bold;}
.boardArea .lm ul li a:hover {text-decoration:underline;}

.boardArea .rightBody {float:right; width:800px;}


/* 고객센터 */
.customerArea {float:left; width:100%;}

.customerTit {float:left; width:798px; height:120px; border:1px solid #ddd; background:#f9f9f9 url('/images/customer/img01.gif') no-repeat 20px bottom; background-size:180px;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
.customerTit h1 {float:left; padding:30px 0 0 250px; font-size:20px; color:#333; line-height:140%;}
.customerTit h1 span {font-weight:bold;}
.customerTit h2 {position:absolute; margin:60px 0 0 250px; font-weight:bold; font-size:33px; color:#454a55; line-height:140%;}
.customerTit p {position:absolute; margin:30px 0 0 580px; font-size:12px; color:#595959; line-height:140%;}

.customerArea .latest {float:left; margin:30px 0 0 0; width:100%; height:160px;}
.customerArea .latest .notice {float:left; width:370px;}
.customerArea .latest .review {float:right; width:370px;}
.customerArea .latest .tit {float:left; padding:0 0 5px 0; width:100%; border-bottom:1px solid #ddd;}
.customerArea .latest .tit h1 {float:left; font-size:16px; color:#333;}
.customerArea .latest .tit p a {float:right; font-size:12px; color:#969696;}
.customerArea .latest ul {float:left; margin:15px 0 0 0; width:100%;}
.customerArea .latest ul li {float:left; width:350px; font-size:13px; color:#666; line-height:24px;}
.customerArea .latest ul li a {float:left; width:350px; font-size:13px; color:#666; line-height:24px;}
.customerArea .latest ul li a:hover {color:#000; text-decoration:underline;}
.customerArea .latest ul li.date {float:right; width:70px; font-size:12px; color:#999; line-height:24px; text-align:right;}

.customerArea .faq_search {float:left; margin:40px 0 30px 0; width:798px; height:60px; border:1px solid #ffcdd0; background:#fff1f2;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
.customerArea .faq_search h1 {float:left; padding:0 0 0 40px; font-weight:bold; font-size:16px; color:#ff444f; line-height:60px;}
.customerArea .faq_search input {float:left; margin:12px 0 0 30px; padding:0 10px; width:535px; height:35px; font-size:14px; color:#000; border:0; background:#fff;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-o-border-radius:0.3em;
}
.customerArea .faq_search img {float:left; margin:10px 0 0 15px;}

.customerArea .faq_best {float:left; width:100%;}
.customerArea .faq_best h1 {padding:0 0 5px 0; font-size:16px; color:#333;}
.customerArea .faq_best h1 span {color:#e10007;}
.customerArea .faq_best h1 font a {float:right; font-size:12px; color:#969696; font-weight:normal;}
.customerArea .faq_best ul {float:left; width:100%; border-top:1px solid #c7c7c7;}
.customerArea .faq_best ul ol {float:left; width:80px; height:43px; font-size:14px; color:#666; font-weight:bold; line-height:43px; text-align:center; border-bottom:1px solid #e6e6e6;}
.customerArea .faq_best ul ol span {font-size:18px; color:#e10007;}
.customerArea .faq_best ul li {float:left; width:820px; height:43px; line-height:43px; border-bottom:1px solid #e6e6e6;}
.customerArea .faq_best ul li a {font-size:12px; color:#666;}
.customerArea .faq_best ul li a:hover {color:#000; text-decoration:underline;}

.customerArea .banner {float:left; margin:50px 0 0 0; width:100%;}
.customerArea .banner ul {float:left; width:100%;}
.customerArea .banner ul li {float:left; margin:0 0 0 40px; width:430px;}
.customerArea .banner ul li:first-child {margin-left:0;}

.member_leave {float:left; width:100%;}
.member_leave .info {float:left; margin:0 0 20px 0; padding:15px; width:768px; border:1px solid #d9e7ef; background:#edf7fd;}
.member_leave .info ul {float:left; width:100%;}
.member_leave .info ul li {float:left; padding:0 0 0 10px; width:758px; font-size:12px; color:#555; background:url('/images/arrow1.png') no-repeat 0 8px;}
.member_leave .info ul li span {color:052caa;}
.member_leave .data {float:left; width:100%;}
.member_leave .data table {}
.member_leave .data table th {border:1px solid #f0f0f0; background:#f8f8f8; width:100px; padding:10px; font-size:14px; font-weight:normal;}
.member_leave .data table td {border:1px solid #f0f0f0; padding:10px; font-size:14px; color:#000; font-weight:bold;}
.member_leave .data table td input {width:150px; height:25px; padding:0 0 0 10px; font-size:12px; color:#000; border:1px solid #ccc;}
.member_leave .data table td textarea {width:100%; height:130px; padding:10px; font-size:12px; color:#000; border:1px solid #ccc;}
.member_leave .btn {float:left; margin:30px 0 0 0; width:100%; text-align:center;}
.member_leave .btn a.out {padding:10px 30px; font-size:14px; color:#fff; background:#ff444f;}
.member_leave .btn a.cancel {padding:10px 30px; font-size:14px; color:#666; border:1px solid #ddd; background:#fafafa;}
.member_leave .not {float:left; margin:30px 0 0 0; width:100%; font-size:14px; color:#333; line-height:160%; text-align:center;}

/* 이용안내 */
#guideArea {float:left; width:100%;}
#guideArea ul {float:left; width:100%;}
#guideArea ul li {float:left; margin:0 0 50px 0; width:100%;}
#guideArea ul li h3 {padding:0 0 15px 0; font-size:18px; color:#53920a;}
#guideArea ul li p {padding:0 0 20px 0; font-size:14px; color:#333;}
#guideArea ul li p span {color:#ff0000;}


/* 회사소개 */
#companyArea {float:left; width:100%;}

#greetingArea {float:left; width:100%;}
#greetingArea .left {float:left; width:315px;}
#greetingArea .left p {font-size:14px; color:#444; line-height:160%; text-align:center;}
#greetingArea .left p span {font-size:18px; color:#000; font-weight:600;}
#greetingArea .right {float:right; width:450px;}
#greetingArea .right h1 {padding:0 0 20px 0; font-family:'NMJB'; font-size:28px; color:#000; line-height:140%;}
#greetingArea .right p {font-size:14px; color:#444; line-height:160%;}

#farmArea {float:left; width:100%; overflow:hidden;}
#farmArea h1 {padding:0 0 20px 0; font-family:'NMJB'; font-size:32px; color:#632a00; line-height:140%;}
#farmArea h2 {padding:0 0 20px 0; font-family:'NGB'; font-size:16px; color:#d45a00; line-height:140%;}
#farmArea p {font-size:14px; color:#444; line-height:160%;}
#farmArea table {border-top:2px solid #632a00;}
#farmArea table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 20px; width:200px; text-align:left;}
#farmArea table td {border-bottom:1px solid #ddd; padding:10px 20px;}
#farmArea table td:nth-child(2) {border-right:1px solid #ddd; width:60px;text-align:center;}

#companyArea1 {float:left; width:100%;}
#companyArea1 h1 {padding:0 0 20px 0; font-family:'NMJB'; font-size:32px; color:#632a00; line-height:140%;}
#companyArea1 h2 {padding:0 0 20px 0; font-family:'NGB'; font-size:16px; color:#d45a00; line-height:140%;}
#companyArea1 h3 {padding:0 0 20px 0; font-size:14px; color:#444; line-height:160%;}
#companyArea1 p {font-size:14px; color:#444; line-height:160%;}

#movieArea {float:left; width:100%;}
#movieArea h1 {float:left; margin:0 0 20px 0; padding:10px; width:798px; font-family:'NGB'; font-size:20px; color:#000; line-height:140%; border:1px solid #ddd; background:#f9f9f9;}
#movieArea ul {float:left; margin:0 0 30px 0; width:100%:}
#movieArea ul li {float:left; margin:0 0 30px 100px; width:197px;}
#movieArea ul li:nth-child(3n+1) {margin-left:0;}
#movieArea ul li p {padding:10px 0 0 0; font-size:14px; color:#444; line-height:160%; text-align:center;}

#locationArea {float:left; width:100%;}
#locationArea table {margin:0 0 20px 0; border-top:2px solid #632a00;}
#locationArea table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 20px; width:80px; background:#f9f9f9;}
#locationArea table td {border-bottom:1px solid #ddd; padding:10px 20px;}
