@charset "utf-8";

/* 브랜드 스토리 */

#onBrandBannerDesBg{
    background:url(../img/sub/about/BrandCon.gif) no-repeat;
    height:460px;
    margin:30px 0 65px 0; 
    
}

.onBrandBannerDes:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

.brandBannerDes1{
    float:left;
    margin-top:85px; 
    margin-left:45px;
}

.brandBannerDes2{
    float:right;
    margin-top:85px;
    margin-right:30px; 
}

.brandDes01{
    font-size:2.4em;
    letter-spacing:2px;
    color:#ffb965;
    font-weight:normal;
    margin-bottom:25px;
}

.brandDes02{
    font-size:1.3em;
    color:#a4b4a3;
    line-height:1.5; 
}

.brandDes03{
    font-size:2em;
    color:#c8d5cc;
    font-weight:normal;
}

.brandDes04{
    font-size:1.5em;
    color:#ffb965;
    font-weight:normal;
    margin:20px 0 25px 0;
}

.brandDes05{
    font-size:1.2em;
    color:#a4b4a3;
    line-height:1.5; 
}

#onSubConBg{
    position:relative;
    background:url(../img/sub/about/brandDesBg.gif) no-repeat bottom;
    height:260px;
    margin-bottom:65px;
}

#onSubConBg:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

.onBrand{
    float:left;
    font-size:2.4em;
    letter-spacing:2px;
    color:#635855;
    font-weight:normal;
    margin-bottom:25px;
}

.onBrandDes{
    float:left;
    color:#635855;
    font-size:1.2em;
    margin:0 30px 0 37px;
}
.onBrandImg1{
    position:absolute;
    top:0;
    right:0;
}


/* News Letter*/

.onGreeting{
    margin-bottom:30px;
}

#onNewsSubCon{
    position:relative;
    background:#f6fafd;
    padding-bottom:10px;
    margin-bottom:130px;
}

.onNewsTitle{
    position:relative;
}

.onNewsTitle:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

.onNewsTitle > img{
    position:absolute;
    display:block;
    margin:40px 200px 30px 152px; 
}

.onNewsTitle > h1{
    color:#6e6e6e;
    float:left;
    font-size:6.7em;
    text-align:center; 
    margin:0 30px;
    padding:30px 0 30px 70px;
    width:830px;
    border-bottom:5px solid #9bcef0;
}

.newsTitle1{
    float:left;
    width:890px;
    height:20px;
    border-top:1px solid #9bcef0;
    border-bottom:1px solid #9bcef0;
    margin:5px 30px 0 30px;
    text-align:center;
    padding:5px;
    color:#59a3d5;
}

.newsWeb{
    position:absolute;
    float:left; 
    text-align:right;
    height:20px;
    color:#59a3d5;
    bottom:5px;
    right:30px;
}

#onNewsSubInner1{
    margin:30px 30px 55px 30px;
    background:#fff;
    padding:30px;
}

#onNewsSubInner1:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onNewsSubInner1 > p{
    float:left;
    margin-right:20px;
}

#onNewsSubInner2{
    margin:30px 30px 55px 30px;
    background:#fff;
    padding:30px;
}

#onNewsSubInner2:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onNewsSubInner2 > p{
    float:left;
    margin-right:20px;
}

#onNewsSubInner3{
    margin:30px 30px 55px 30px;
    background:#fff;
    padding:30px;
}

#onNewsSubInner3:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onNewsSubInner3 > p{
    float:left;
    margin-right:20px;
}

.onNewsDes{
    float:left;
}

.onNewsDesInner > span{
    font-size:1.2em;
    color:#5b5b5b;
}

.onNewsDesInner > span > em{
    font-weight:bold;
}

.onNewsDesInner > a{
    color:#ffb965;
    font-size:1.2em;
    margin-left:278px;
}

.onNewsDesInner > h2{
    font-size:1.2em;
    color:#5b5b5b;
    margin-top:5px;
    padding-top:25px;
    border-top:1px solid #dedede;
}

.onNewsDesInner > p{
    font-size:1.2em;
    color:#5b5b5b;
    line-height:1.3;
    margin:15px 0 0 0;
}

.newsBox:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

.newsBox{
    background:#e3ebe1;
    margin-top:25px;
    height:115px;
}

.newsBox > span{
    float:left;
    color:#6b6b6b;
    font-size:1.3em;
    font-weight:bold;
    margin:20px 15px 0 20px;
    height:80px;
    padding-right:20px;
    border-right:2px dashed #ccc;
}

.newsBox > p{
    float:left;
    font-size:1.1em;
    color:#333;
    margin:20px 0 0 5px;
    line-height:1.5;
}

#onNewsBottomB{
    position:absolute;
    bottom:-30px;
    left:50%;
    margin:48px -40px;
}

#onNewsBottomB > a > img{
    margin-bottom:-5px;
}

#onNewsBottomB > a{
    color:#ccc;
    font-size:1.3em; 
}

/* 화장품 체험존 */

#onExperienceBannerBg{
    position:relative;
    background:url("../img/sub/experience/exMainMiddleBg.gif") no-repeat;
    height:290px;
    margin:30px 0 50px 0; 
}

.experiencedBannerDes > img{
    padding:40px 0 0 40px ;
}

.exDes01{
    top:43px;
    left:47px;
    position:absolute;
    color:#fff;
    font-size:2.5em;
    font-weight:normal;
}

.exDes02{
    text-indent:60px;
    font-size:2.5em;
    color:#594f4c;
    font-weight:normal;
}

.exDes03{
    text-indent:60px;
    margin:2px 0 30px 0;
    font-size:1.3em;
    color:#777;
    line-height:1.5;
    font-weight:bold;
}

.exDes04{
    position:absolute;
    left:50px;
    background:url(../img/sub/experience/tip.png) no-repeat;
    height:33px;
    text-indent:60px;
    font-size:1.3em;
    color:#594f4c;
    font-weight:bold;
}

.destip{
    padding:10px 0 0 0;
}

.onExContent1{
    margin-bottom:70px;
}

.onExConDes01{
    color:#666;
    font-size:2.2em;
}

.onExConDes02{
    color:#777;
    font-weight:bold;
    font-size:1.2em;
    line-height:22px;
    margin:10px 0 0 0;
}

.exOilDes > li{ 
    line-height:22px;
    margin:5px 2px;
    padding:30px 35px 60px;
    float:left;
    color:#777;
    font-size:1.2em;
    font-weight:bold;
}

.exOilDes > li > strong{
    color:#333;
    font-weight:bold;
}

#exGreenteaDes{
    margin-bottom:60px;
    padding-bottom:60px;
    background:url("../img/sub/experience/onExLastBg.gif") no-repeat;
}

#exMenuDes{
    position:relative;
}

.greenTeaDes{
    margin:30px 650px 0 5px;
    padding:0px 0 10px 20px;
    border-right:1px solid #ccc;  
}

.greenTeaDes > h1{
    padding:10px 0 15px 0;
    font-size:1.4em;
}

.greenTeaDes > p{
    font-size:1.2em;
    color:#777;
    font-weight:bold;
    line-height:20px;
}

.exGreenManu{
    position:absolute;
    left:300px;
    bottom:-30px;
}

.exGreenManu:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

.greenManu{
    float:left;
    margin:10px 35px;
    
}

.greenManu strong{
    font-size:1.2em;
    font-weight:bold;
}

.greenManu em{
    color:#7eba7c;
}

.greenManu li{
    font-size:1.1em;
    color:#777;
    font-weight:bold;
    line-height:20px;
}

.greenManuLast{
    margin-left:10px;
}

/* our farmers */

#onFarmersSubCon{
    background:url(../img/sub/farmers/treeBg.gif) 0 0;
    background-size:110% 110%;
    margin-bottom:50px;
}

.onFarmersTitle{
    position:relative;
    padding:35px 145px 25px 155px;
}

.onFarmersTitle > h1{
    position:absolute;
    font-size:3.2em;
    color:#fff;
    top:50px;
    left:295px;
    text-shadow:1px 1px 2px #a35f06;
}

.farmersTitle{
    color:#657062;
    font-size:4.6em;
    font-weight:normal;
    
}

.farmersDes{
    font-size:1.2em;
    font-weight:bold;
    line-height:1.7; 
    color:#657062;
    text-align:center;
    margin:30px 0 30px 0;
}

#onFarmersPic1:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onFarmersPic1, #onFarmersPic2{
    width:760px;
    margin:0 auto;
}

#onFarmersPic1 > li{
    float:left;
    margin-right:86px; 
    margin-bottom:45px;
}

#onFarmersPic1 > li:last-child{
    margin-right:0;
}

#onFarmersPic2:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onFarmersPic2 > li{
    float:left;
    margin-right:73px; 
    margin-bottom:45px;
}

#onFarmersPic2 > li:last-child{
    margin-right:0;
}

#onFarmersPic3:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onFarmersPic3{
    width:520px;
    margin:0 auto;
}

#onFarmersPic3 > li{
    float:left;
    margin-right:103px; 
    margin-bottom:45px;
}

#onFarmersPic3 > li:last-child{
    margin-right:0;
}

/* 동물실험 반대 */

#onSubInnerBanner{
	padding:20px 0;
}

#onSubContentWrap:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

#onSubNavWrap{
	float:left;
	width:177px;
}

#onSubInnerContent{
	position:relative;			
	float:left;
	width:750px;
	padding:10px 10px 10px 20px;	
}

#onSubAnimalBanner p{
    background:url(../img/sub/animal/animalBg.gif) no-repeat;
    height:300px;
    letter-spacing:17px;
    font-size:2em;
    font-weight:bold;
    color:#cfe2ef;
    padding:5px;
    margin:10px 0 20px 0;
    border-top:1px dashed #ddd;
}

#onSubNavWrap h2{
	font-size:1.7em;
	color:#fff;
	text-align:center;
	height:45px;			
	line-height:45px;
	border-bottom:1px solid #fff;
	background:#9acb98;
}

#onSubNavWrap ul li{
    font-size:1.2em;
	text-align:center;
	height:35px;
	line-height:35px;
	border-bottom:1px solid #cfe2ef;
}


#onSubNavWrap ul li a:link, #onSubNavWrap ul li a:visited{
	display:block;	
	color:#777;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

#onSubNavWrap ul li a:hover, #onSubNavWrap ul li a:focus, #onSubNavWrap ul li.onSelected a:link, #onSubNavWrap ul li.onSelected a:visited{
	color:#7eba7c;
    background:#e9f3fa;
}

#onSubInnerContent:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

#onSubInnerContent h2.innerConT{
	padding:8px 10px 10px 10px;
	font-size:1.6em;
	font-weight:500;
	color:#999;
    display:inline;
}

.onSubContentDes{
	background:#cfe2ef;
}

#onSubIcon img{
    float:right;
    margin:-30px 0 10px 7px;
}

#onAniTest{
    margin-bottom:50px;
}

#onAniTest p{
    font-size:1.3em;
    line-height:25px; 
    margin:10px 0 0 0;
}

#onAniTest h1{
    font-size:1.4em;
    margin:25px 0 0 0;
    color:#7eba7c;
}

/* 지역 경제 발전 */

#onSubRegionalBanner p{
    background:url(../img/sub/regional/regionalB.gif) no-repeat;
    height:300px;
    letter-spacing:9px;
    font-size:2em;
    font-weight:bold;
    color:#fff;
    margin:10px 0 20px 0;
    padding:5px;
    border-top:1px dashed #ddd;
}

#onRegionalDes p{
    font-size:1.3em;
    line-height:25px; 
    margin:5px 0 50px 0;
}

/* 100% 식물성 */

#onSubVegetableBanner p{
    letter-spacing:25px;
    font-size:2em;
    font-weight:bold;
    color:#cfe2ef;
    margin:10px 0 20px 0;
    padding:5px;
    border-top:1px dashed #ddd;
}

#onVegetableDes strong{
    font-size:1.3em;
    font-weight:bold;
}

.VegetableDes1{
    background:url(../img/sub/vegetable/onVegetaBg1.gif) no-repeat;
    height:330px;
    text-align:right;
    font-size:1.2em;
    padding:10px;
    line-height:25px;
    color:#333;
}

.VegetableDes2{
    background:url(../img/sub/vegetable/onVegetaBg2.gif) no-repeat;
    height:330px;
    text-align:left;
    font-size:1.2em;
    padding:10px;
    line-height:25px;
    color:#333;
}

.VegetableDes3{
    background:url(../img/sub/vegetable/onVegetaBg3.gif) no-repeat;
    height:330px;
    text-align:right;
    font-size:1.2em;
    padding:10px;
    line-height:25px;
    color:#333;
    margin-bottom:50px;
}

/* 지구 환경 보호*/

#onSubEarthBanner p{
    background:url(../img/sub/earth/earthBg.jpg) no-repeat;
    height:300px;    
    letter-spacing:25px;
    font-size:2em;
    font-weight:bold;
    color:#cfe2ef;
    margin:10px 0 20px 0;
    padding:5px;
    border-top:1px dashed #ddd;
}

#onEarthConDes{
    font-size:1.2em;
    line-height:19px;
}

.earthStarttxt{
    color:#7e7e7e;
    margin-bottom:30px;
}

.earthStarttxt strong{
    font-weight:bold;
}

.onEarthBox:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onEarthBox{
    border-top:1px solid #cfe2ef;
    border-bottom:1px solid #cfe2ef;
}

.earthProtcet1 em{
    font-weight:bold;
}

.earthProtcet1{
    float:left;
    width:500px;
    padding:30px 33px;
}

.onEarthInnerCon div h1{
    font-size:1.3em;
    padding-bottom:7px;
    color:#ffb965;
}

.EarthInnerConImg1{
    float:left;
    width:180px;
    padding:135px 0;
    border-right:1px solid #cfe2ef;
}

.EarthInnerConImg2{
    float:left;
    width:180px;
    padding:50px 0;
    border-right:1px solid #cfe2ef;
}

.EarthInnerConImg3{
    float:left;
    width:180px;
    padding:107px 0;
    border-right:1px solid #cfe2ef; 
}

.onEarthBoxLast{
    margin-bottom:50px;
}

/* 카멜리아 */

#onSubProContent{
	position:relative;			
	float:left;
	width:750px;
	padding:10px 10px 10px 20px;	
}

#onSubProBanner{
    background:url(../img/sub/camellia/camellia01.gif) no-repeat;
    background-position:right; 
    padding-bottom:20px;
}

#onSubProBanner h1{
    font-size:4.5em;
    color:#f78faa;
}
#onSubProBanner h2{
    font-size:2em;
    font-weight:500;
    color:#f78faa;
}
#onSubProBanner h3{
    font-size:2.5em;
    font-weight:600;
    margin:15px 0;
    color:#666;
}
.proDes01{
    font-size:1.2em;
    line-height:20px; 
    color:#777;
    margin-bottom:20px;
}

.productsDes:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.proInnerDes{
    float:left;
}

.proImg1{
    float:left;
    margin:0 15px 30px 0;
    padding:15px 0;
}

#onSubProBanner h4{
    font-size:1.8em;
    font-weight:bold;
    color:#f78faa;
}

.proDes02{
    font-size:1.2em;
    margin:10px 0 20px 0;
    padding-bottom:25px 0;
    line-height:20px; 
}

#onProductsCon{
    background:url(../img/sub/camellia/camellia02.gif) no-repeat; 
    background-position:left;
    margin:150px 0 50px 0; 
}

#onProductsCon:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onSubInnerProDes{
    padding:60px 0;
}

.proImg2{
    float:left;
    margin:0 10px 10px 350px
}

.onSubInnerProDes h4{
    padding:10px 0;
    font-size:1.8em;
    font-weight:bold;
    color:#666;
}

.onSubInnerProDes p{
    float:right;
    margin:0 0 30px 10px;
    font-size:1.2em;
    padding-bottom:25px 0;
    line-height:20px; 
}

.onSubInnerProDes1{
    float:left;
    margin:40px 0 0 350px;
}

.proInner{
    margin:40px 0;
}

/* 비타민 트리 */

#onSubProVitaBanner{
    background:url(../img/sub/vitamintree/vitamintree01.gif) no-repeat;
    background-position:right; 
    padding-bottom:65px;
}

#onSubProVitaBanner h1{
    font-size:4.5em;
    color:#c4c4c4;
}

#onSubProVitaBanner h2{
    font-size:2em;
    font-weight:500;
    color:#c4c4c4;
}

#onSubProVitaBanner h3{
    font-size:2.5em;
    font-weight:600;
    margin:15px 0;
    color:#666;
}

#onSubProVitaBanner h4{
    font-size:1.8em;
    font-weight:bold;
    color:#c4c4c4;
}

#onProductsVitaCon{
    background:url(../img/sub/vitamintree/vitamintree02.gif) no-repeat; 
    background-position:left;
    margin:100px 0 50px 0;
    padding:10px 0;
}

#onProductsVitaCon:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onSubInnerProVitaDes h4{
    float:left;
    padding:25px 0;
    font-size:1.8em;
    font-weight:bold;
    color:#666;
}

.onSubInnerProVitaDes p{
    float:right;
    margin:0 0 30px 10px;
    font-size:1.2em;
    padding-bottom:25px 0;
    line-height:20px; 
}

/* 쿠마토 */

#onSubProKumaBanner{
    background:url(../img/sub/kumato/kumato01.gif) no-repeat;
    background-position:right; 
    padding-bottom:65px;
}

#onSubProKumaBanner h1{
    font-size:4.5em;
    color:#a1737d;
}

#onSubProKumaBanner h2{
    font-size:2em;
    font-weight:500;
    color:#a1737d;
}

#onSubProKumaBanner h3{
    font-size:2.5em;
    font-weight:600;
    margin:15px 0;
    color:#666;
}

.proImg01{
    float:left;
    margin:0 15px 30px 0;
    padding:10px 0;
}

#onSubProKumaBanner h4{
    font-size:1.8em;
    font-weight:bold;
    color:#a1737d;
}

#onProductsKumaCon{
    background:url(../img/sub/kumato/kumato02.gif) no-repeat; 
    background-position:left;
    margin:100px 0 50px 0;
    padding:10px 0;
}

#onProductsKumaCon:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onSubInnerProKumaDes h4{
    float:left;
    padding:25px 0;
    font-size:1.8em;
    font-weight:bold;
    color:#666;
}

.onSubInnerProKumaDes p{
    float:right;
    margin:0 0 30px 10px;
    font-size:1.2em;
    padding-bottom:25px 0;
    line-height:20px; 
}

/* 석류 */

#onSubProPomeBanner{
    background:url(../img/sub/pomegranate/pomegranate01.gif) no-repeat;
    background-position:right; 
    padding-bottom:110px;
}

#onSubProPomeBanner h1{
    font-size:4.5em;
    color:#e77e92;
}

#onSubProPomeBanner h2{
    font-size:2em;
    font-weight:500;
    color:#e77e92;
}

#onSubProPomeBanner h3{
    font-size:2.5em;
    font-weight:600;
    margin:15px 0;
    color:#666;
}

#onSubProPomeBanner h4{
    font-size:1.8em;
    font-weight:bold;
    color:#e77e92;
}

#onProductsPomeCon{
    background:url(../img/sub/pomegranate/pomegranate02.gif) no-repeat; 
    background-position:left;
    margin:100px 0 50px 0;
    padding:25px 0;
}

#onProductsPomeCon:after{
	clear:both;
	display:block;
	content:'';
	height:0;
	visibility:hidden;
}

.onSubInnerProPomeDes h4{
    float:left;
    padding:25px 0;
    font-size:1.8em;
    font-weight:bold;
    color:#666;
}

.onSubInnerProPomeDes p{
    float:right;
    margin:0 0 30px 10px;
    font-size:1.2em;
    padding-bottom:25px 0;
    line-height:20px; 
}

/* 오시는 길 */

#onSubInnerBanner p{
    background:url(../img/sub/location/onLocaBg.gif) no-repeat;
    height:200px;
    letter-spacing:35px;
    font-size:2em;
    font-weight:bold;
    color:#cfe2ef;
}

.tab{
	overflow:hidden;
}

.tab li{
	float:left;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.tab li a{
    font-size:1.3em;
    font-weight:bold;
	display:block;
	background:#fff;
}

.tab li a.selected{
	background:#9acb98;
	color:#fff;
	text-decoration:none;
}

.panel{
	border-top:none;					
}

.panel li{
	padding:10px;						
}

#locaAdr{
    margin:20px 0 20px 0;
}

#locaAdr li{
    line-height:20px;
    font-size:1.2em;
    list-style:inside;
}

#locaAdr strong{
    font-weight:bold;
}

#locaAdr em{
    color:#7eba7c;
    font-weight:bold;
}


/* 공지사항 */

/* ///// gnu reset ///// */

/*board buttons*/
.btn_bo_user li a.btn_b02, 
.btn_bo_user li a.btn_admin, 
.btn_bo_adm input, 
.btn_submit, 
.btn_confirm .btn_submit, 
.btn_confirm a.btn_cancel, 
.bo_v_com .btn_b01, 
.bo_v_com .btn_b02, 
.bo_v_com .btn_admin, 
#bo_v_act a.btn_b01, 
.win_btn .btn_submit, 
.bo_v_nb a
{background-color: #7eba7c; color: #fff;  font-size: 1em; padding: 5px 7px; border:none;}
 .btn_cancel{display:none !important;}
 .btn_submit{padding:5px 18px;}
/*board table*/
#bo_v_table{display:none;}
#bo_list thead, #bo_list th{border:none !important;}
#bo_list th{background:#7eba7c; color:#fff; font-size:1.1em;letter-spacing:2px;}
#bo_list th a{color:#fff;}
.td_subject a, .sv_member, .td_date, .td_num{font-size:1em;}
/*board search*/
#sfl{font-size:1em; padding:6px; border:1px solid #ccc;}
#stx{font-size:1em; width:150px; padding:2px; border:1px solid #ccc;}
.btn_submit{height:28px !important; display:inline-block;}
/*board title*/
#container_title{display:none;}


#container_title{
    display: none !important;
}

.noticeTitle{
    font-size:1.6em;
    font-weight:normal; 
    color:#999; 
}

#onSubNoticeBanner > p{
    background:url(../img/sub/notice/onNoticeBg.gif) no-repeat;
    height:200px;
    margin-top:20px; 
    letter-spacing:35px;
    font-size:2em;
    font-weight:bold;
    color:#fff;
    margin-bottom:30px; 
}

/* 고객센터 */

#onSubCsBanner p{
    background:url(../img/sub/cs/onCsBg.gif) no-repeat;
    height:200px;
    margin-top:20px; 
    letter-spacing:29px;
    font-size:2em;
    font-weight:bold;
    color:#fff;
}

.subConCsDes{
    min-height:100px;
}

.subConCsDes table{
    border-top:1px solid #888;
    width:100%;
    margin-bottom:10px;
}

.subConCsDes table caption{
    font-size:1.2em;
    background:#eee;
    text-align:left;
    padding:10px 0 10px 10px;
    border-top:1px solid #888;
}

.subConCsDes table tr{
    /*background:#e5f7e5;*/
}

.subConCsDes table th, .subConCsDes table td{
    border-bottom:1px solid #999 !important;
    padding:5px 0;
}

.subConCsDes table th{
    font-size:1.2em;
    font-weight:normal;
    width:20%;
    height:35px;
    border-bottom:1px solid #999;
    background:#e5f7e5;    
}

table td input, select, button{
    margin:0 0 0 10px;
    height:23px;
}

#csWriterText{
    width:200px;
}

#userPhoneNum, #userPhoneNum2{
    width:155px;
}

#email, #email2{
    width:145px;
}

#qnaTitle{
    width:400px;
}

textarea{
    width:550px;
    margin:10px;
    height:100px;
}

.box1{
    font-size:1.1em;
}

.onCsPersonalDes{
    background:#eee;
    padding:8px;
    line-height:20px;
    margin-bottom:50px;
}

/* 자주하는 질문 */

#onSubFaqBanner p{
    background:url(../img/sub/faq/onFaqBg.gif) no-repeat;
    height:200px;
    margin-top:20px; 
    letter-spacing:29px;
    font-size:2em;
    font-weight:bold;
    color:#eee;
    border-bottom:1px dashed #9acb98; 
}

#onSubFaqBanner{
    position:relative;
}

.subConFaqDes{
    margin-bottom:50px;
}

.faqSrch{
    position:absolute;
    top:180px;
}

.faqSrch button{
    color:#fff;
    font-weight:bold;
    background:#7eba7c;
    border:none;
    padding:3px;
}

legend{
    text-indent:-9999em;
}

.faqSrch p {
    color:#777;
    margin:10px; 
}

.faqSrch p a{
    color:#fff;
    padding:3px;
    font-weight:bold;
    background:#6ea3c8;
}

.customer{
    font-size:1.3em;
    margin-top:30px; 
}

thead{
    border-top:2px solid #7eba7c;
    background:#e5f7e5;
}

.faqTable > caption{
    text-indent:-9999em;
}

.faqTable a:link, .faqTable a:visited{
	color:#535353;
}

.faqTable a:hover, .faqTable a:focus{
	color:#535353;
}

.subConFaqDes table th, .subConFaqDes table td{
    padding:10px;
    font-size:1.1em;
    border-bottom:1px solid #999
}

.subConFaqDes table td.onFaqTableLeft{
    text-align:center;
    width:140px;
}

tbody{
    position:relative;
}

.ldata, .show{
    width:600px;
}

.faqDes{
    position: absolute;
    right:20px;
    color:#ffb965;
    text-align:right;
    font-weight:bold;
}

.rBtn01{
    text-align:right;
}

.answer{
    padding:10px 0 0 0;
}

.answer a.buttonClose{
    background:#7eba7c;
    padding:3px;
    color:#fff;
}