@import "default.css";
@import "layout.css";
@import "page.css";

/**************************************** story 01 ****************************************/
#mainBox {width:1000px; height:423px; background:url(../images/sub/storymain_bg.jpg) 0 0 no-repeat;  margin:0 auto;}
#mainBox02 {width:1000px; height:352px; background:url(../images/sub/storymain02_bg.jpg) 0 0 no-repeat; margin:0 auto;}
#mainBox03 {width:1000px; height:423px; background:url(../images/sub/material_main_bg.jpg) 0 0 no-repeat; margin:0 auto;}
#mainBox04 {width:1000px; height:352px; background:url(../images/sub/material_main02_bg.jpg) 0 0 no-repeat; margin:0 auto;}
#mainBox05 {width:1000px; height:492px; background:url(../images/sub/detail_main_bg.jpg) 0 0 no-repeat; margin:0 auto;}
#mainBox06 {width:1000px; height:492px; background:url(../images/sub/detail_main02_bg.jpg) 0 0 no-repeat; margin:0 auto;}

/*main menu*/
#menuBox {width:1000px; height:148px; margin:0 auto; }
#left {width:775px; height:148px; float:left;  background:url(../images/sub/story_titbg.jpg) 0 0 no-repeat;}
#left02 {width:775px; height:148px; float:left;  background:url(../images/sub/material_titbg.jpg) 0 0 no-repeat;}
#right {width:225px; height:148px; float:left;}
ul.right li {padding-bottom:2px;}

p.storytit {color:#6699cc; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; background:url(../images/sub/story_bu.png) 0 100% no-repeat; padding-left:35px; margin-left:15px; padding-top:24px;}
ul.storyimg {}
ul.storyimg li {float:left; width:312px; height:341px; margin-top:19px;  margin-left:16px;}

.storytitBar {clear:both; width:1000px; height:71px; background:url(../images/sub/story_producttit_bg.jpg) 0 0 no-repeat;}
p.story_protit {padding-top:32px;width:228px; height:39px; float:left;}
.storyProduct {clear:both; position:relative; width:1000px;  }

ul.spro {clear:both; margin-top:20px;  width:1000px; }
ul.spro li {width:480px; height:540px; float:left; margin-left:13px; margin-top:10px;  text-align:center; line-height:20px;}
ul.spro .pics { width:480px; height:480px;overflow:hidden;}
span.ntit {display:block; padding-top:3px;}
span.n_price {font-weight:bold;}

ul.s_tit {}
ul.s_tit li {float:left; padding-top:45px; padding-left:10px;}
ul.s_tit li a {color:#cc9999; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold;}
ul.s_tit li a:hover {color:#ffcccc;}

/**************************************** story2 ****************************************/
p.storytit02 {color:#99cc66; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; background:url(../images/sub/story_bu02.png) 0 100% no-repeat; padding-left:35px; margin-left:15px; padding-top:24px;}
p.plant_main {background-color:#ccc; width:974px; height:274px; margin-left:15px; margin-top:15px;}
ul.s_tit li.plant_text a  {color:#99cc66;}
ul.s_tit li.plant_text a:hover  {color:#ffcccc;}

/**************************************** Material  ****************************************/
p.matterial_protit {padding-top:32px;width:309px; height:39px; float:left;}
.matterialProduct {position:relative;  width:1000px; }
ul.mpro {margin-top:20px;  }
ul.mpro li {width:307px; height:410px; float:left; margin-left:18px; margin-top:10px;  text-align:center; line-height:20px;}
ul.mpro .pics { width:307px; height:361px;overflow:hidden;}
.mpro span.ntit {display:block; padding-top:3px;}
.mpro span.n_price {font-weight:bold;}


/**************************************** Material 2  ****************************************/
ul.supro li {width:307px; height:290px; float:left; margin-left:18px; margin-top:10px;  text-align:center; line-height:20px;}

/****************************************detail  ****************************************/
.dleft {width:551px; height:492px;  float:left;}
.dright {width:449px; height:492px; float:left;}

p.detailtit {color:#6666cc; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; background:url(../images/sub/detailbu.png) 0 100% no-repeat; padding-left:35px; margin-left:15px; padding-top:24px;}
p.detailMenu {padding-left:50px; line-height:40px;}
p.detailp {width:465px; height:352px; background-color:#ccc; float:left; margin-left:50px; margin-top:10px;}
p.detailp02 {width:400px; height:340px; background-color:#ccc; float:left; margin-left:80px; margin-top:10px;}

p.titd {font-family:'Nanum Gothic'; font-size:16px; padding-top:50px; border-bottom:2px solid #ccc; width:425px; line-height:30px;}
ul.price  {padding-top:20px; line-height:40px;}
span.fty {margin-left:40px;}
.ev {width:425px; height:114px; border:2px solid #ccc; margin-top:20px;}
ul.now {float:left; margin-left:5px; margin-top:20px;}
ul.now li {float:left; padding-left:10px;}
ul.ent {padding-left:15px; padding-top:20px;}

.dtitBar {width:1000px; height:45px; }
p.detailMenu02 {padding-left:0px; line-height:40px; padding-top:20px;}

.dProduct {width:1000px; min-height:500px;}
.move {padding-bottom:100px;}

/**************************************** community  ****************************************/
#left03 {width:775px; height:148px; float:left; }
#communiTit {width:1000px; height:39px; margin:0 auto; background-color:#ffcc99;}
p.communitit {  color:#fff; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; line-height:39px; padding-left:20px;}
.cBoxA {width:1000px; height:630px; }
.cleft {width:580px; height:630px;  float:left;}
.mybg {width:553px; height:620px; border-bottom:3px solid #fecc9b; background:url(../images/sub/mys_bg.jpg) 0 0 no-repeat; margin-top:16px;}
p.mystit {padding-top:10px;  float:center;}
p.sstit {color:#000; padding-top:20px; padding-left:70px; float:left;}
p.smore {float:right; margin:0 10px 0 20px;}
.storym {clear:both; width:528px; height:326px; margin-left:15px;}
.cright {width:420px; height:551px; float:left;}

.cBoxB {width:502px; height:227px; float:left;}
.cBoxE {width:498px; height:227px; float:left;}
.cBoxC {width:502px; height:227px;  margin-bottom:20px; float:left;}
.cBoxD {width:498px; height:227px;  margin-bottom:20px; float:left;}

ul.mysal {padding-top:15px; padding-left:10px;}
ul.mysal li {width:450px; height:95px; background-color:#; margin-bottom:8px;overflow:hidden;}
span.mysalsbj {padding:4px 0;}
span.mysaltext {}

.cqnaBox {position:relative;width:420px; height:300px;border-bottom:3px solid #fecc9b; background:url(../images/sub/cqnabox_bg.jpg) 0 0 no-repeat; margin-top:15px;}
ul.cqna {padding-left:26px; padding-top:8px;}
ul.cqna li {background:url(../images/sub/board_bu.gif) 0 5px no-repeat;padding-left:10px; height:22px;}

.cplants {position:relative;width:420px; height:295px;border-bottom:3px solid #fecc9b;  background:url(../images/sub/cqnabox_bg.jpg) 0 0 no-repeat; margin-top:23px;}
ul.plants {padding-top:15px; padding-left:20px;}
ul.plants li {width:395px; height:95px; background-color:#; margin-bottom:15px;overflow:hidden;}

.cBoxBtit {widht:1000px; height:63px; }
.photoBox {width:476px; height:144px; border:3px solid #fecc9b;  }
.photoBoxE {width:492px; height:144px; border:3px solid #fecc9b;  }

ul.cphoto { padding-top:17px; }
ul.cphoto li {width:140px; height:140px; margin-left:15px; float:left; text-align:center;overflow:hidden;}
ul.cphoto .pics { width:140px; height:120px; overflow:hidden;}
.cphoto span.ntit {display:block; padding-top:3px;}

ul.cphotoE { padding-top:17px; }
ul.cphotoE li {width:141px; height:140px; margin-left:15px; float:left; text-align:center;overflow:hidden;}
ul.cphotoE .pics { width:141px; height:120px; overflow:hidden;}
.cphotoE span.ntit {display:block; padding-top:3px;}

.cBestbg {width:483px; height:176px; background:url(../images/sub/cbest_bg.jpg) 0 0 no-repeat;}
ul.cBestpic { padding-top:17px; }
ul.cBestpic li {width:141px; height:140px; margin-left:15px; float:left; text-align:center;overflow:hidden;}
ul.cBestpic .pics { width:141px; height:120px; overflow:hidden;}
.cBestpic span.ntit {display:block; padding-top:3px;}
.cBestpic span.n_price {font-weight:bold;}

/* À̺¥Æ® ¹Ú½º */
ul.studybox { padding-top:17px; }
ul.studybox li {width:154px; height:140px; margin-left:15px; float:left; text-align:center;overflow:hidden;}
ul.studybox .pics { width:141px; height:120px; overflow:hidden;}
.studybox span.ntit {display:block; padding-top:3px;}


/* À̺¥Æ® ¹Ú½º */
ul.eventbox { padding-top:17px; }
ul.eventbox li {width:141px; height:140px; margin-left:15px; float:left; text-align:center;}
ul.eventbox .pics { width:141px; height:120px; overflow:hidden;}
.eventbox span.ntit {display:block; padding-top:3px;}

/* Æ˾÷Á¸ */
.popup_zone { width:498px; height:176px; background:url(../images/sub/popup_bg.gif) 0 0 no-repeat;padding:3px 0 0 3px;}
#mainpop {clear:both; z-index:10; visibility:visible; position:relative;  width:492px; height:170px;padding:0;}
/*
.mainpop {visibility:hidden; overflow:hidden; position:absolute; left:2px; top:2px; width:492px; height:170px;}
.mainpop a {text-decoration:none;}
.popbt {float:left; position:absolute; padding-left:430px; width:310px;}
.popbt dl {float:left; position:relative; top:150px;}
.popbt dl dd {float:left; display:inline; padding-right:4px;}
*/


/**************************************** community : ½ºÅ丮°¡µç ½ºÅ丮  ****************************************/
.plantstoryTit {width:1000px; height:77px; background:url(../images/sub/plantstorytit_bg.jpg) 0 0 no-repeat; margin-top:17px; margin-bottom:20px;}

.plantpic {width:1000px; height:250px; background-color:#ccc; margin-bottom:50px;}

/**************************************** Help desk :   ****************************************/
#communiTit02 {width:1000px; height:39px; margin:0 auto; background-color:#ccccff;}
p.hdtitle {font-family:'Nanum Gothic'; font-size:24px; color:#ccccff; padding-top:20px; text-align:center; font-weight:bold; background:url(../images/sub/titbullet.png) 31% 50% no-repeat;}
p.hdtitle02 {font-family:'Nanum Gothic'; font-size:16px; color:#ccccff; padding-top:20px; padding-left:35px; font-weight:bold;  background:url(../images/sub/titbullet.png) 5% 50% no-repeat;}
p.hdtitle03 {font-family:'Nanum GothicNanum Gothic'; font-size:16px; color:#ccccff; padding-top:20px; padding-left:20px; font-weight:bold;  background:url(../images/sub/titbullet.png) 0% 50% no-repeat;}
p.hdtitle04 {font-family:''; font-size:16px; color:#ccccff; padding-top:20px; padding-left:30px; font-weight:bold;  background:url(../images/sub/titbullet.png) 5% 50% no-repeat;}

.hBoxA {width:1000px; height:431px;}
.hBoxB {clear:both; width:1000px; height:410px;  margin-bottom:20px;}

.haBoxLeft {width:394px; height:431px;  float:left;}
.hdBox {width:377px; height:399px; background:url(../images/sub/hdeskbox_bg.jpg) 0 0 no-repeat; margin-top:16px;}
.haBoxRight {width:236px; height:431px; float:left;}


.haBoxCenter {width:370px; height:431px;  float:left;}
.hguide  {width:355px; height:191px; background:url(../images/sub/hguide_bg.jpg) 0 0 no-repeat; margin-bottom:10px; margin-top:20px; }
p.hguidett {padding-left:40px; padding-top:10px;  font-family:'Nanum Gothic'; font-size:14px; line-height:25px;}
p.hguidett a {color:#66cccc;}
p.hguidett a:hover {color:#669999;}


.hnotice   {width:355px; height:192px;  background:url(../images/sub/hnotice_bg.jpg) 0 0 no-repeat;}
#notice02 {width:355px; height:192px;}
ul.no02 { width:315px; height:85px;  background:url(../images/sub/hno_ulbg.jpg) 0 0 no-repeat; margin-left:20px; margin-top:0px; padding-top:7px;}
ul.no02 li { line-height:18px;  background:url(../images/main/notice_bu.gif) 0 30% no-repeat; margin-left:20px;}
ul.no02 li.noti {padding-left:10px; }

.hinquiry {width:236px; height:281px; background:url(../images/sub/hinquiry_bg.jpg) 0 0 no-repeat; margin-top:20px;}
#notice03 {width:236px; height:281px;}
ul.no03 { width:213px; height:107px;  background:url(../images/sub/hno_ulbg02.jpg) 0 0 no-repeat; margin-left:10px; margin-top:5px; padding-top:20px;}
ul.no03 li { width:205px; line-height:18px;padding:0 0 0 5px; }
ul.no03 li a {float:left; background:url(../images/main/notice_bu.gif) 0 30% no-repeat; padding-left:8px; width:160px;overflow:hidden;} 
ul.no03 .date01 {float:right;} 


.hfaq {width:236px; height:103px; background:url(../images/sub/hfaqbox.jpg) 0 0 no-repeat; margin-top:10px;}


.hbBoxLeft {width:394px; height:410px;  float:left;}
.hbBoxCenter {width:370px; height:410px;  float:left;}
.hbBoxRight {width:236px; height:410px;  float:left;}

/*±¸¸ÅÈıâ*/
.hdlBg {position:relative; width:377px; height:320px; background:url(../images/sub/hreview01_bg.jpg) 0 0 no-repeat; margin-top:23px;padding:10px 0 0 0;}
ul.hdlab {position:relative; margin:0px 0 0 10px;vertical-align:top;}
ul.hdlab li  {width:350px; height:65px;  overflow:hidden; margin-bottom:8px; vertical-align:top;}

.hdlBg02 {width:355px; height:320px; background:url(../images/sub/hreview02_bg.jpg) 0 0 no-repeat; margin-top:23px;}
#notice04 {width:355px; height:192px;}
ul.no04 { width:315px; height:135px;  background:url(../images/sub/hno_ulbg04.jpg) 0 0 no-repeat; margin-left:20px; margin-top:0px; padding-top:15px;}
ul.no04 li { line-height:18px;  background:url(../images/main/notice_bu.gif) 0 30% no-repeat; margin-left:20px;}
ul.no04 li.noti {padding-left:10px; }

.hbBoxRight {width:236px; height:410px; background:url(../images/sub/hd_previewbg.jpg) 0 0 no-repeat;}
ul.hdpropic {margin-left:20px; margin-top:15px;}
ul.hdpropic li {width:198px; height:120px; overflow:hidden;  margin-bottom:10px;}

.hdpage_tit {width:1000px; height:41px; background:url(../images/sub/hd_pagetit.jpg) 0 0 no-repeat; }

/**************************************** ABOUT Èú¸µ°¡µç ÈÞ ****************************************/
#communiTit03 {width:1000px; height:39px; margin:0 auto; background-color:#996666;}

ul.about_work li {float:left; padding-left:15px; padding-bottom:15px;}
span.about_work {display:block; text-align:center; line-height:20px; padding-top:10px;}
ul.about_work02 li {float:left; padding-left:5px; padding-bottom:100px;}


ul.ah { border-top:2px solid #ccc; height:35px; border-bottom:2px dotted #ccc;}
ul.ah li {float:left;  height:22px; padding-top:10px;}
ul.ah li.ahtit {width:154px; height:22px; background:url(../images/sub/about_history_bg01.jpg) 0 50% no-repeat; font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; }
ul.ah li.ahtit01 {font-family:'Nanum Gothic';  font-size:14px; color:#333399;}

ul.ah02 li { float:left; margin-left:10px; margin-top:20px;}
ul.ah li.ahtit02 {width:154px; height:22px; background:url(../images/sub/about_history_bg02.jpg) 0 50% no-repeat; font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; }


/**************************************** º»¹® ****************************************/
.contents {clear:both; line-height:140%;}
.contents p {padding-bottom:10px; padding-left:20px;}
.contents ul, .content ol, .content dl {margin-left:10px; padding-bottom:10px;}
.contents h4 {clear:both; margin-bottom:12px; padding:4px 0 4px 28px; color:#000; font-size:15px; font-family:'Nanum Gothic' !important; background:url(../images/sub/h4_ico.gif) 0 6px no-repeat;}
.contents h5 {clear:both; margin-bottom:8px; padding:4px 0 6px 20px; color:#3a3a3a; font-size:14px; font-family:'Nanum Gothic' !important; background:url(../images/sub/h5_ico.gif) 0 40% no-repeat;}
.contents h6 {clear:both; margin-bottom:15px; color:#336699; font-size:12px; font-family:'Nanum Gothic' !important;}


ul.uls, ol.ols {margin-bottom:16px; padding-left:22px; list-style:outside;}
ul.uls li {list-style-type:disc; padding-bottom:6px;}
ol.ols li {list-style-type:decimal; padding-bottom:6px;}
ol.ols li ol li {list-style-type:disc;}
dl.dls {margin-bottom:16px;}
dl.dls dt {padding-left:14px; color:#2aa400; font-weight:bold; letter-spacing:-1px; background:url(../images/sub/dt_bu.gif) 0 46% no-repeat;}
dl.dls dd {padding:0 0 10px 20px;}

/* ÅǸ޴º */
ul.tabs {float:left; margin-bottom:20px; margin-left:0; padding:0; width:100%; list-style:none; background:url(../images/sub/tabs_bg_line.gif) 0 100% repeat-x;}
ul.tabs li {float:left; margin:0 2px 0 0; list-style-type:none;}
ul.tabs a {float:left; padding:5px 10px 2px 10px; border:1px solid #b0b0b0; border-bottom:#96c2c4; background:#ffffff;}
ul.tabs a:link, ul.tabs a:visited {color:#2e7e6a;}
ul.tabs a:hover {color:#cccccc;}
ul.tabs a.active {padding-bottom:3px; border-color:#96c2c4; border-bottom:none; background:url(../images/sub/tabs_bg_on.gif) #ffffff 50% 0 repeat-x; font-weight:bold;}
ul.tabs:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
*html ul.tabs {height:1%} /* IE 5¿Í IE 6¸¦ À§ÇÑ ±ÔÄ¢ */
*:first-child+html ul.tabs {min-height:1px;} /* IE 7¸¦ À§ÇÑ ±ÔÄ¢ */

/****************************************  ȸ¿ø ****************************************/
#communiTit04 {width:1000px; height:39px; margin:0 auto 30px; auto; background-color:#ccccff;}

/**************************************** ¼îÇθô ****************************************/
#communiTit05 {width:1000px; height:39px; margin:0 auto 30px; auto; background-color:#ccccff;}

/* ÀÏ¹Ý »óÇ° ¸ñ·Ï */
ul.prdlist {}
ul.prdlist li {width:241px; height:257px;float:left; margin-left:4px; margin-right:4px; text-align:center; line-height:20px; }
ul.prdlist a   {}
ul.prdlist .pics { width:241px; height:197px;overflow:hidden;}
.prdlist span.ntit {display:block; padding-top:10px;}
.prdlist span.n_price {font-weight:bold;}

/* °ü·Ã»óÇ° ¸®½ºÆ® */
ul.addonlist {}
ul.addonlist li {width:241px; height:257px;float:left; margin-left:4px; margin-right:4px; text-align:center; line-height:20px; }
ul.addonlist a   {}
ul.addonlist .pics { width:241px; height:197px;overflow:hidden;}
.addonlist span.ntit {display:block; padding-top:10px;}
.addonlist span.n_price {font-weight:bold;}


/* Å×À̺í */
.tbL {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbL caption {line-height:0;}
.tbL th, .tbL td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbL th {color:#265268; padding:6px 7px 3px 7px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x;}
.tbL td {padding:6px 6px 3px 6px;}
.tbL .spc {color:#565656; background:#f2f2f2;}
.tbL .algL {text-align:left;}