@charset "utf-8";
/* @import url('//fonts.googleapis.com/css?family=Domine:700'); */

/* Sub */
.subContainer:after { display:block; width:0; height:0; content:""; visibility:hidden; clear:both; }
.subContent { float:left; width:785px; padding:0 17px 180px 16px; line-height:24px; }

#SubMenu { float:left; position:relative; width:262px; min-height:300px; margin-top:-56px; background:#E5E5E5; z-index:10; }
#SubMenu.mall { min-height:56px; height:56px; }
#SubMenu h2 { width:262px; height:38px; padding-top:18px; color:#4db630; background:#1C1C1C; font-family:'Lato', NanumGothic,’나눔고딕’,ng ; font-size:21px; font-weight:bold; line-height:1; text-transform: uppercase; text-align:center; }
#SubMenu > ul { padding-left:21px; margin-top:32px; }
#SubMenu > ul li { height:18px; margin-bottom:35px; line-height:1;  }
#SubMenu > ul li a { display:inline-block; height:13px; padding:8px 6px; font-family:'Lato', NanumGothic,’나눔고딕’,ng ; font-size:15px; line-height:1; color:#16221D; }
#SubMenu > ul li.on a,
#SubMenu > ul li a:hover { background:#2A8A15; color:#FFF; }

.topImg { width:1082px; height:462px; font-size:0; }

h3.stit { margin-left:15px; margin-bottom:29px; font-family:'Lato', sans-serif; font-size:40px; font-weight:900; text-transform:uppercase; color:#00653A; }

.subContent p { margin-bottom:26px; font-size:18px; color:#36332e; }
.subContent dl { margin-left:15px; margin-bottom:26px; }
.subContent dt { font-size:16px; font-weight:bold; color:#36332e; }
.subContent dt { font-size:15px; color:#36332e; }

.tableOut { display:table; padding-top:36px; }
.tableOut .tbRecord { display:table-row; }
.tableOut .tbRecord div:first-child { padding-right:83px; }
.tableOut .article { display:table-cell; width:351px; padding-bottom:26px; }
.tableOut .article h4 { margin-bottom:26px; font-size:25px; color:#00653A; }
.tableOut .article p { margin-bottom:14px; font-size:14px; }

.googlemap { position:relative; width:785px; height:407px; margin-bottom:37px; }
.contactInfo { line-height:35px; text-align:center; }
address.new { font-size:25px; font-weight:900; font-style:normal; }
address.old { font-size:22px; font-style:normal; }
p.phone { font-size:22px; font-weight:700; }

/* 
 * WWOOF 
 */
.about { clear:both; margin-left:21px; margin-bottom:30px; overflow:hidden; }
.about .wwoofLogo { float:left; font-size:0; }
.about .article { float:right; width:390px; padding-top:20px; }
.about .article h5 { font-size:16px; font-weight:bold; }
.about .article p { font-size:14px; }
.about .article .link { display:block; width:184px; height:36px; background-color:#42B630; line-height:36px; text-align:center; font-family: 'Crete Round', serif; color:#1C1C1C; }

.howto { clear:both; margin-left:21px; overflow:hidden; }
.howto h5 { font-size:16px; font-weight:bold; }
.howto p { font-size:14px; }

dl.indent9 dt { font-size:16px; font-weight:bold; }
dl.indent9 dd { padding-left:9px; font-size:14px; }

h4.stit { font-size:18px; margin-bottom:30px; font-weight:bold; }
.typeGreenDot { margin-bottom:25px; font-size:16px; }
.typeGreenDot li { padding-left:12px; background:url('../images/sub/dot_green.gif') no-repeat 5px 12px; }
p.effectList { padding-left:12px; font-size:14px; }
ul.workImgList { width:785px; height:126px; margin-left:10px; font-size:0; overflow:hidden; }
ul.workImgList li { display:inline-block; padding:0 2px; }

.resevation { height:641px; padding:24px 0 0 465px; background:url('../images/sub/img_m0204_01.jpg') no-repeat 0 0; }
.resevation p img { vertical-align:middle; }

/*
 * Support
 */
ul.galleryList { width:785px; margin-left:10px; font-size:0; line-height:0; overflow:hidden; }
ul.galleryList li { display:inline-block; padding:2px; }

table.tbNewsList { width:100%; border-collapse:collapse; border-spacing:0; border-bottom:3px solid #41942B; }
table.tbNewsList th { height:36px; font-size:18px; font-weight:bold; background:#41941B; border-bottom:4px solid #FFF; }
table.tbNewsList td { padding:7px 0; font-size:13px; line-height:24px; text-align:center; }
table.tbNewsList td.title { text-align:left; padding-left:48px; }
table.tbNewsList td a { color:#36332e; }
table.tbNewsList td a:hover { color:#41942b; }
table.tbNewsList tbody tr:hover { background:#EAE9E6; color:#41942b; }
table.tbNewsList tbody tr:hover a { color:#41942b; }
table.tbNewsView { width:100%; border-collapse:collapse; border-spacing:0; border-bottom:3px solid #41942B; }
table.tbNewsView th { height:36px; font-size:18px; font-weight:bold; background:#41941B; border-bottom:4px solid #FFF; }
table.tbNewsView td { padding:7px 0; font-size:13px; line-height:24px; text-align:center; }
table.tbNewsView td.title { text-align:left; padding-left:48px; }
table.tbNewsView td a { color:#36332e; }
table.tbNewsView td a:hover { color:#41942b; }
table.tbNewsView tbody tr:hover { background:#EAE9E6; color:#41942b; }
table.tbNewsView tbody tr:hover a { color:#41942b; }
table.tbNewsView td.contview {
	min-height: 280px;
	padding:12px 30px;
	line-height:1.8 !important;
	border-top:1px solid #dce6d1;
	text-align:left;
	}
a.button { display:inline-block; width:100px; height:35px; background-color:#41942b; line-height:35px; text-align:center; font-size:18px; font-weight:bold; color:#36332e; }

.pagenate { padding:18px 0; height:17px; font-size:12px; line-height:17px; text-align:center; }
.pagenate a { display:inline-block; padding:0 4px; color:#B3B3B3; }
.pagenate a span.current { color:#41942b; font-weight:bold;  }
.pagenate a img { vertical-align:middle; }

/*
 * Sitemap
 */
ul.sitemap { width:650px; padding-top:11px; margin:0 auto;  }
ul.sitemap > li { margin-bottom:28px; clear:both; overflow:hidden; }
ul.sitemap > li .menuTree { float:left; padding-top:27px; }
ul.sitemap > li .menuTree h2 { margin-bottom:45px; font-size:30px; font-weight:600; line-height:1; font-family:'Crete Round', NanumGothic,’나눔고딕’,ng ; text-transform:uppercase; }
ul.sitemap > li .menuTree ul { margin-left:27px; }
ul.sitemap > li .menuTree li { height:18px; margin-bottom:35px; line-height:1;  font-family:'Lato', NanumGothic,’나눔고딕’,ng ; }
ul.sitemap > li .menuTree a { display:inline-block; height:20px; padding:8px 6px; font-size:20px; line-height:1; color:#16221D; }
ul.sitemap > li .menuTree a:hover { background:#2A8A15; color:#FFF; }
ul.sitemap p { margin-bottom:0; }


/* common */
.f_green { color:#00653A; font-weight:600; font-family:'Lato', NanumGothic,’나눔고딕’,ng ; }
.f_uppper { text-transform:uppercase; }

p.location { padding-top:25px; padding-bottom:17px; margin-bottom:0; font-size:12px; text-align:right; text-transform:uppercase; }
p.location .current { color:#3f8d2a; font-weight: bold; }

/* 
 * Mall 
 */
.subContent.mall { float:none; width:100%; padding-bottom:0; box-sizing:border-box; }
.subContent.mall h2 { height:40px; padding-bottom:30px; font-size:40px; line-height:40px; font-weight:bold; color:#245557; }
.subContent.mall .productBox { position:relative; }
.subContent.mall .productBox .prodImg { margin-bottom:225px; }
.subContent.mall .productBox .prodInfo { position:absolute; top:30px; left:30px; }
.subContent.mall .productBox .prodInfo h3 { font-size:70px; line-height:1em; margin-bottom:0.3em; }
.subContent.mall .productBox .prodInfo .prodExp { font-size:15px; margin-bottom:35px; }
.subContent.mall .productBox .prodInfo .prodPrice { margin-bottom:25px; }
.subContent.mall .productBox .prodInfo .prodPrice li { padding-bottom:15px; font-size:21px; font-weight:bold; color:#245557; }
.subContent.mall .productBox .prodInfo .prodPrice li:before { display:inline-block; content:"-"; font-weight:bold; font-size:21px; }
.subContent.mall .productBox .prodInfo .prodPrice li span { font-size:15px; font-weight:normal; }
.subContent.mall .productBox .prodInfo .buy {  }
.subContent.mall .productBox .prodInfo .buy input[type="button"] { width:134px; height:36px; font-size:18px; font-weight:bold; line-height:36px; background:#FFF; border:0; }

.subContent.mall .customerSupport { display:block; width:100%; padding:12px 0; border-top:1px solid #DDD; overflow:hidden; }
.subContent.mall .customerSupport .callcenter { float:left; width:50%; padding:12px 0 12px 88px; box-sizing:border-box; border-right:1px solid #DDD; }
.subContent.mall .customerSupport .callcenter h3 { float:left; font-size:18px; margin-right:30px; }
.subContent.mall .customerSupport .callcenter > div { float:left; font-size:14px; }
.subContent.mall .customerSupport .item { display:inline-block; font-weight:bold; }
.subContent.mall .customerSupport .value { display:inline-block; margin-right:15px; }
.subContent.mall .customerSupport .accountInfo { float:right; width:50%; padding:12px 0 12px 88px; box-sizing:border-box; margin-left:-1px; } 
.subContent.mall .customerSupport .accountInfo h3 { float:left; font-size:18px; margin-right:30px; }
.subContent.mall .customerSupport .accountInfo > div { float:left; font-size:14px; margin-right:30px; }

.policyContainer { padding:0 15px 0 25px; }
.policyContainer > p { font-size:13px; margin-bottom:2em; }
.policyContainer ul.policy { font-size:12px; }
.policyContainer ul.policy >li {  margin-bottom:2em;  }
.policyContainer ul.policy >li h3 { font-weight:bold; }
.policyContainer ul.policy >li ul.depth1 { font-size:11px;}
.policyContainer ul.policy >li ul.depth1 >li:before { display:inline-block; width:12px; content:"ㆍ"; }
.policyContainer ul.policy >li ul.depth2 { font-size:11px;}
.policyContainer ul.policy >li ul.depth2 >li:before { display:inline-block; width:12px; content:"-"; text-align:center; }
.policyContainer ul.policy >li ul.nostyle >li:before { display:none; }
.policyContainer ul.policy.mall >li ul { padding-left:12px; text-indent:-12px; }


/* 주문하기 */
.subContent.mall .orderBox { width:1080px; margin-left:-16px; margin-right:-17px; }
.subContent.mall .prodInfo { width:1010px; overflow:hidden; }
.subContent.mall .prodInfo .prodImg { float:left; width:636px; }
.subContent.mall .prodInfo .prodOption { float:right; width:374px; padding-right:18px; box-sizing:border-box; }
.subContent.mall .prodInfo .prodOption >h3 { height:37px; margin-bottom:60px; font-size:37px; line-height:1; font-weight:bold; color:#2a8a15; }
.subContent.mall .prodInfo .prodOption dl { display:table; border-collapse:collapse; margin-left:0; margin-bottom:11px; font-size:13px; }
.subContent.mall .prodInfo .prodOption dl dt { display:table-cell; width:105px; font-size:13px; font-weight:normal; }
.subContent.mall .prodInfo .prodOption dl dd { display:table-cell; }
.subContent.mall .prodInfo .prodOption .option { width:388px; margin-bottom:20px; }
.subContent.mall .prodInfo .prodOption .option select { width:374px; height:29px; background:#E1E1E1; border:1px solid #C6C6C6; }
.subContent.mall .prodInfo .prodOption .countBox { display:block; position:relative; width:62px; height:30px; overflow:hidden; }
.subContent.mall .prodInfo .prodOption .countBox input.count { width:42px; height:26px; border:1px solid #C5C5C5; }
.subContent.mall .prodInfo .prodOption .countBox .chgCount { position:absolute; top:0; right:0; width:17px; height:29px; margin-left:-1px; }
.subContent.mall .prodInfo .prodOption .countBox .chgCount .btnCount { float:left; width:17px; }
.subContent.mall .prodInfo .prodOption input.btn { width:374px; height:50px; line-height:50px; font-size:34px; font-weight:bold;  background:#245557; color:#FFF; border:0; text-align:center; }
.subContent.mall .prodInfo .prodOption dl.count,
.subContent.mall .prodInfo .prodOption dl.count dt,
.subContent.mall .prodInfo .prodOption dl.count dd { height:30px; }
.subContent.mall .prodInfo .prodOption dl.price { border-top:1px solid #AAA; }
.subContent.mall .prodInfo .prodOption dl.price dt { font-size:18px; height:31px; padding-top:23px; }
.subContent.mall .prodInfo .prodOption dl.price dd { width:264px; height:31px; padding-top:23px; font-size:31px; font-weight:bold; line-height:1; text-align:right;  color:#2a8a15; }
.subContent.mall .prodDetailBox { width:1042px; margin:0 auto; padding-top:70px; }
.subContent.mall .prodDetailBox .detailTab { width:100%; height:47px; margin-bottom:67px; box-sizing:border-box; border-bottom:1px solid #BFBFBF; }
.subContent.mall .prodDetailBox .detailTab li { float:left; width:172px; height:47px; margin-right:5px; border:1px solid #BFBFBF; background:#E4E0DB; text-align:center; line-height:47px; box-sizing: border-box; cursor:pointer; }
.subContent.mall .prodDetailBox .detailTab li.on { background:#FFF; border-bottom:1px solid #FFF; }
.subContent.mall .prodDetailBox .prodDetail { width:952px; margin:0 auto 50px; }
.subContent.mall .prodDetailBox .prodDetail >p { margin:45px 0; }
.subContent.mall .prodDetailBox .prodDetail >dl { margin:45px 0; }
.subContent.mall .prodDetailBox .prodDetail >dl dt { font-size:25px; margin-bottom:15px; }
.subContent.mall .prodDetailBox .prodDetail >h3 { margin-top:70px; font-size:35px; color:#2a8a15; }
.subContent.mall .prodDetailBox .deliveryPolicy {  }
.subContent.mall .prodDetailBox .deliveryPolicy .delArticle { width:930px; margin:0 auto 50px; overflow:hidden; }
.subContent.mall .prodDetailBox .deliveryPolicy .delArticle h3 { float:left; width:140px; }
.subContent.mall .prodDetailBox .deliveryPolicy .delArticle .delCont { float:left; width:790px; }
.subContent.mall .prodDetailBox .tabContents1 { display:block; }
.subContent.mall .prodDetailBox .tabContents2 { display:none; }

.subContent.mall .orderBox { width:1010px; margin:0 auto; }
.subContent.mall .orderBox .orderSummary { margin-bottom:20px; }
.subContent.mall .orderBox .orderSummary .orderProdList { width:100%; border-collapse:collapse; }
.subContent.mall .orderBox .orderSummary .orderProdList th { height:36px; font-size:18px; font-weight:normal; background:#41942B; color:#000; }
.subContent.mall .orderBox .orderSummary .orderProdList td { padding:10px; font-size:15px; text-align:center; border-bottom:1px solid #EAE9E6; }
.subContent.mall .orderBox .orderSummary .totalPrice { padding:24px 0; font-size:30px; border-bottom:3px solid #41942B; text-align:center; }
.subContent.mall .orderBox .orderSummary .priceInfo { width:910px; margin:0 auto; padding:30px 50px; border-bottom:1px solid #EAE9E6; }
.subContent.mall .orderBox .orderSummary .priceInfo h3 { margin-bottom:20px; font-size:21px; }
.subContent.mall .orderBox .orderSummary .priceInfo dl { display:block; font-size:14px; margin-bottom:0; }
.subContent.mall .orderBox .orderSummary .priceInfo dl dt { display:inline-block; padding-right:15px; vertical-align:top; color:#635a53; }
.subContent.mall .orderBox .orderSummary .priceInfo dl dd { display:inline-block; vertical-align:top; color:#635a53; }
.subContent.mall .orderBox .orderSummary .productInfo { width:910px; margin:0 auto; padding:30px 50px; border-bottom:1px solid #EAE9E6; }
.subContent.mall .orderBox .orderSummary .productInfo h3 { margin-bottom:20px; font-size:21px; }
.subContent.mall .orderBox .orderSummary .productInfo p { font-size:14px; }
.subContent.mall .orderBox .orderInfo { margin-bottom:200px; }
.subContent.mall .orderBox .orderInfo h3 { width:910px; margin:0 auto 20px;font-size:21px; }
.subContent.mall .orderBox .orderInfo .infoBox { width:910px; margin:0 auto 50px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox { display:table; border-collapse:collapse; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items { display:table-row; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dt { display:table-cell; padding:6px; font-size:14px; width:140px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd { display:table-cell; padding:6px; font-size:14px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt { height:30px; border:1px solid #B3BAC2; box-sizing:border-box; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.name { width:154px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.bank { width:325px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.phone { width:100px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.email { width:325px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.address { width:325px; }
.subContent.mall .orderBox .orderInfo .infoBox .itemBox dl.items dd input.txt.notice { width:740px; }
.subContent.mall .orderBox .orderInfo .btnLine { text-align:center; }
.subContent.mall .orderBox .orderInfo .btnLine input.button { width:100px; height:36px; text-align:center; font-size:18px; line-height:36px; border:none; }
.subContent.mall .orderBox .orderInfo .btnLine input.button.ok { background:#41942B; }

.subContent.mall .orderBox .orderSummary .deliveryInfo { padding:30px 0; border-bottom:1px solid #EAE9E6; color:#9f9f9e; font-size:21px; text-align:center; }
.subContent.mall .orderBox .orderSummary .deliveryInfo span.title { font-weight:bold; color:#635a53; }
.subContent.mall .orderBox .orderSummary .deliveryInfo span.current { font-weight:bold; color:#2a8a15; }

/* 주문/배송조회 */
.loginBox { width:700px; height:400px; padding:30px; margin:0 auto 230px; box-sizing:border-box; background:#EBE9E8; }
.loginBox > p { font-size:21px; text-align:center; }
.loginBox .findForm { width:636px; margin:0 auto; padding-top:40px; border-top:1px solid #CCC; }
.loginBox .findForm dl { width:440px; margin:0 auto 15px; overflow:hidden; }
.loginBox .findForm dt { float:left; width:110px; height:40px; font-size:21px; color:#245557; line-height:40px; }
.loginBox .findForm dd { float:left; width:326px; height:40px; }
.loginBox .findForm dd .txt { width:326px; height:40px; line-height:40px; border:0; }
.loginBox .findForm .btn { width:326px; padding-left:110px; margin:0 auto; }
.loginBox .findForm .btn button { width:326px; height:67px; line-height:67px; font-size:34px; font-weight:bold;  background:#245557; color:#FFF; border:0; text-align:center; cursor:pointer; }
.Inline
{
    display : inline-Table;

}