#sub_container {width:960px; margin:0 auto;position:relative;}
#sub_container:after { content:""; clear:both; display:block;}

.s_tbn {width:100%;height:170px;margin-top:-26px;background:url(/img/main/fb/m_fb.jpg) no-repeat 50% 40%;}
.s_tbn .gr_img {width:960px;height:170px;margin:0 auto;}

/*서브페이지레이아웃*/
.sub_left_area { float:left;width:170px;height:500px;margin-top:20px;background:url(/img/sub/left_bg.gif) repeat-y 0 0;}
.sub_center_area {float:left;width:770px; margin:20px 0 0 10px;padding:0;min-height:500px;_height:500px;border:1px solid #d8d8d8;}

/* 좌측메뉴 */
.left_menu_area{clear:both; margin:0; width:210px; text-align:left;position:absolute;z-index:9999;}
.left_menu_area h2 img{ vertical-align:top;  margin:0 0 0px 0;z-index:9999}
.left_menu_area .list_area {clear:both;padding:0; margin:0; width:210px; }
.left_menu_area .list_area .l_tit {width:125px;height:20px;padding:5px 0 0 45px;background:url(/img/sub/l_tit.gif) no-repeat 0 0;}
.left_menu_area .list_area .l_tit span {visibility:hidden;}
.left_menu_area .list_area .l_tit h3 {width:100px;height:15px;background:url(/img/menu/leftmenu_sp.png) no-repeat 0 -220px;}
.left_menu_area .list_area .l_tit h3.di01 {background-position:0 0;}
.left_menu_area .list_area .l_tit h3.di02 {background-position:0 -20px;}
.left_menu_area .list_area .l_tit h3.di03 {background-position:0 -40px;}
.left_menu_area .list_area .l_tit h3.di04 {background-position:0 -60px;}
.left_menu_area .list_area .l_tit h3.di05 {background-position:0 -100px;}
.left_menu_area .list_area .l_tit h3.di06 {background-position:0 -160px;}
.left_menu_area .list_area .l_tit h3.di07 {background-position:0 -120px;}
.left_menu_area .list_area .l_tit h3.di08 {background-position:0 -180px;}
.left_menu_area .list_area .l_tit h3.di09 {background-position:0 -80px;}
.left_menu_area .list_area .l_tit h3.di10 {background-position:0 -120px;}
.left_menu_area .list_area .l_tit h3.di11 {background-position:0 -140px;}

.left_menu_area .list_area .l_tit h3.user {background-position:0 -200px;}
.left_menu_area .list_area ul {padding:0px 15px 10px 65px; }
.left_menu_area .list_area ul li {display:block; list-style:none; font-size:1px;padding:0;}

.left_menu_area .list_area ul li a {display:block; margin:0;padding:0; text-decoration:none; color:#717171; font-weight:bold;background:url(/img/sub/l_dot_off.gif) no-repeat 0 2px}
.left_menu_area .list_area ul li a:hover { color:#1175cd !important; }
.left_menu_area .list_area ul li a.select  { color:#1175cd !important; text-decoration:none;background:url(/img/sub/l_dot_on.gif) no-repeat 0 2px}

.left_menu_area .list_area ul li ul {padding:0px 0px !important; background: #f5f5f5 !important; margin:5px 7px 5px 7px !important;}
.left_menu_area .list_area ul li ul li {}
.left_menu_area .list_area ul li ul li a {  padding:2px 0 2px 20px !important; 
																margin:0px 0 0 0 !important; 
																min-height:10px !important;
																_height:10px !important; 
																background: none !important; 
																color:#666 !important; 
																font-weight:normal !important;
																letter-spacing:-0.1em !imporant;
																}

.left_menu_area .list_area ul li ul li a:hover { min-height:normal !important; 
											background:none !important; 
											color:#9dd6ff !important;}

.left_menu_area .list_area ul li ul li a.select { background:none !important; 
								 font-weight:bold !important;
								 color:#9dd6ff !important; 
								 }
.left_menu_area .list_area ul li a.select {color:#9dd6ff;}
.left_menu_area .list_area ul li a {background:url(/img/menu/leftmenu_sp.png) no-repeat; height:15px; width:100px;margin-top:8px; display:inline-block;}
.left_menu_area .list_area ul li a span {visibility:hidden; display:inline-block;font-size:1px;}
	/*회사소개*/
	.list_area ul li a.di0101 {background-position:-100px 0px;}
	.list_area ul li a.di0102 {background-position:-100px -20px;}
	.list_area ul li a.di0103 {background-position:-100px -40px;}
	.list_area ul li a.di0104 {background-position:-100px -60px;}
	.list_area ul li a.di0105 {background-position:-100px -80px;}
	.list_area ul li a.di0106 {background-position:-100px -100px;}
	.list_area ul li a.di0101_on {background-position:-100px -200px;}
	.list_area ul li a.di0102_on {background-position:-100px -220px;}
	.list_area ul li a.di0103_on {background-position:-100px -240px;}
	.list_area ul li a.di0104_on {background-position:-100px -260px;}
	.list_area ul li a.di0105_on {background-position:-100px -280px;}
	.list_area ul li a.di0106_on {background-position:-100px -300px;}
	/*우드펠릿*/
	.list_area ul li a.di0201 {background-position:-190px 0px;}
	.list_area ul li a.di0202 {background-position:-190px -20px;}
	.list_area ul li a.di0201_on {background-position:-190px -200px}
	.list_area ul li a.di0202_on {background-position:-190px -220px;}
	/*톱밥*/
	.list_area ul li a.di0301 {background-position:-280px 0px;}
	.list_area ul li a.di0302 {background-position:-280px -20px;}
	.list_area ul li a.di0301_on {background-position:-280px -200px;}
	.list_area ul li a.di0302_on {background-position:-280px -220px;}
	/*우드칩*/
	.list_area ul li a.di0401 {background-position:-370px 0px;}
	.list_area ul li a.di0401_on {background-position:-370px -200px;}
	
	
	/*팜쉘깔게*/
	.list_area ul li a.di0901 {background-position:-460px 0px;}
	.list_area ul li a.di0902 {background-position:-460px -20px;}
	.list_area ul li a.di0901_on {background-position:-460px -200px;}
	.list_area ul li a.di0902_on {background-position:-460px -220px;}

	/*코코피트*/
	.list_area ul li a.di0501 {background-position:-550px 0px;}
	.list_area ul li a.di0501_on {background-position:-550px -200px;}
	/*팜쉘*/
	.list_area ul li a.di1001 {background-position:-640px 0px;}
	.list_area ul li a.di1001_on {background-position:-640px -200px;}
	/*캐슈넛쉘*/
	.list_area ul li a.di1101 {background-position:-730px 0px;}
	.list_area ul li a.di1101_on {background-position:-730px -200px;}
	/*사료*/
	.list_area ul li a.di0601 {background-position:-820px 0px;}
	.list_area ul li a.di0602 {background-position:-820px -20px;}
	.list_area ul li a.di0601_on {background-position:-820px -200px;}
	.list_area ul li a.di0602_on {background-position:-820px -220px;}
	/*기타제품*/
	.list_area ul li a.di0701 {background-position:-640px 0px;}
	.list_area ul li a.di0702 {background-position:-640px -20px;}
	.list_area ul li a.di0701_on {background-position:-640px -200px;}
	.list_area ul li a.di0702_on {background-position:-640px -220px;}
	/*고객센터*/
	.list_area ul li a.di0801 {background-position:-910px 0px;}
	.list_area ul li a.di0802 {background-position:-910px -20px;}
	.list_area ul li a.di0803 {background-position:-910px -40px;}
	.list_area ul li a.di0804 {background-position:-910px -60px;}
	.list_area ul li a.di0805 {background-position:-910px -80px;}
	.list_area ul li a.di0801_on {background-position:-910px -200px;}
	.list_area ul li a.di0802_on {background-position:-910px -220px;}
	.list_area ul li a.di0803_on {background-position:-910px -240px;}
	.list_area ul li a.di0804_on {background-position:-910px -260px;}
	.list_area ul li a.di0805_on {background-position:-910px -280px;}
	.list_area ul li a.di0806_on {background-position:-910px -300px;}
	/*이용안내*/
	.list_area ul li a.privacy {background-position:-1007px 0px;}
	.list_area ul li a.email {background-position:-1007px -20px;}
	.list_area ul li a.rule {background-position:-1008px -40px;}
	.list_area ul li a.sitemap {background-position:-900px -140px;}
	.list_area ul li a.privacy_on {background-position:-1007px -200px;}
	.list_area ul li a.email_on {background-position:-1007px -220px;}
	.list_area ul li a.rule_on {background-position:-1008px -240px;}
	.list_area ul li a.sitemap_on {background-position:-900px -340px;}

	.list_area ul li a.lgin {background-position:-1008px -60px;}
	.list_area ul li a.modiinfo {background-position:-900px -80px;}
	.list_area ul li a.lgout {background-position:-900px -100px;}
	.list_area ul li a.leav {background-position:-900px -120px;}


.sub_content_area {margin:0px; padding:0; height:100%;}

/*타이틀영역*/
.sub_title_area {height:20px;margin:0 auto; *zoom:1; vertical-align:top;width:755px;border-bottom:2px solid #85694a;background:url(/img/sub/sta_h3.gif) no-repeat 0 7px;}
.sub_title_area:after { content:""; clear:both; display:block;}
.sub_title_area h3 { float:left;width:100px;height:12px; display:inline; margin:6px 0 0 18px;background:url(/img/menu/leftmenu_sp.png) no-repeat -100px -470px; }
	.sub_title_area h3.di0101 {background-position:0 -350px;}
	.sub_title_area h3.di0102 {background-position:0 -365px;}
	.sub_title_area h3.di0103 {background-position:0 -380px;}
	.sub_title_area h3.di0104 {background-position:0 -395px;}
	.sub_title_area h3.di0105 {background-position:0 -410px;}
	.sub_title_area h3.di0106 {background-position:0 -425px;}

	.sub_title_area h3.di0201 {background-position:0 -440px;}
	.sub_title_area h3.di0202 {background-position:0 -455px;}

	.sub_title_area h3.di0301 {background-position:0 -470px;}
	.sub_title_area h3.di0302 {background-position:0 -485px;}

	.sub_title_area h3.di0401 {background-position:0 -500px;}

	.sub_title_area h3.di0901 {background-position:0 -515px;}
	.sub_title_area h3.di0902 {background-position:0 -530px;}

	.sub_title_area h3.di0501 {background-position:0 -545px;}

	.sub_title_area h3.di1001 {background-position:0 -560px;}

	.sub_title_area h3.di1101 {background-position:0 -575px;}

	.sub_title_area h3.di0601 {background-position:0 -590px;}
	.sub_title_area h3.di0602 {background-position:0 -604px;}

	.sub_title_area h3.di0701 {background-position:0 -560px;}
	.sub_title_area h3.di0702 {background-position:0 -575px;}

	.sub_title_area h3.di0801 {background-position:-100px -350px;}
	.sub_title_area h3.di0802 {background-position:-100px -365px;}
	.sub_title_area h3.di0803 {background-position:-100px -380px;}
	.sub_title_area h3.di0804 {background-position:-100px -395px;}
	.sub_title_area h3.di0805 {background-position:-100px -410px;}

	.sub_title_area h3.privacy {background-position:-100px -425px;}
	.sub_title_area h3.email {background-position:-100px -440px;}
	.sub_title_area h3.rule {background-position:-100px -455px;}
	.sub_title_area h3.sitemap {background-position:-100px -485px;}

.sub_title_area .location { float:right; display:inline; margin-top:3px; font-size:11px !important; color:#999;}
.sub_title_area .location a { font-size:11px !important;color:#1175cd;} 

#content { clear:both; width:725px; margin:0px; padding:20px 15px;height:100%; *zoom:1;}
#content:after { content:""; clear:both; display:block;}



/* 서브탭 */
.sub_tab_menu { clear:both; margin:5px auto 20px auto; border-bottom:1px solid #EFEFEF; *zoom:1;}
.sub_tab_menu:after {content:""; clear:both; display:block;}
.sub_tab_menu ul * { font-size:11px; font-weight:bold;color:#FFF; text-decoration:none !important;}

.sub_tab_menu ul li { float:left; display:inline; border:1px solid #c8c8c8; margin:0 2px 0 0; padding:1px;}
.sub_tab_menu ul li a { display:block;  padding:5px 15px; border:1px solid #e3e3e3; background: #c8c8c8; color:#FFF;}
.sub_tab_menu ul li a span {}

.sub_tab_menu ul li.active,
.sub_tab_menu ul li:hover { border:1px solid #e88291;}
.sub_tab_menu ul li.active a,
.sub_tab_menu ul li:hover a { border:1px solid #e88291; !important; background:#e88291 !important; }
.sub_tab_menu ul li.active a span,
.sub_tab_menu ul li:hover a{}

/*로그인 창*/
.login {width:625px; margin:20px auto; /*background:url(/board/skin/member/basic/img/login_bg.gif);*/ padding:0px 0px;}
.login h2 {float:left; width:245px;}
.login_area {padding:40px 0 0 10px;width:370px;float:left;}
.login_area .title {margin:0;height:30px;}
.login .input {width:370px;margin:0px 0 0 0px;padding:20px 0 0 0; float:left;}
.login .input .enter {float:right; margin:0px 0 20px 0px; height:55px; width:370px;}
.login .input .enter table.box {width:275px; float:left;border-collapse:collapse;margin:0 0 0 10px;}
.login .input .enter table.box tr td {padding:0;margin:0;}
.login .input .enter .btn_login_enter {width:62px;float:right;margin:0 20px 0 0}

.login .input .all_btn {clear:both;padding:0px 0 0 0;border-top:1px solid #dbdbdb}
.login .input .all_btn .all_btn_area {width:265px;height:60px;padding:15px 0 0 20px;}
.login .input .all_btn .all_btn_area h3.all_btn {margin:0 0 8px 0;border:none;padding:0}
.login .input .all_btn .all_btn_area ul {}
.login .input .all_btn .all_btn_area ul li {float:left;list-style:none;}
.login .input .all_btn .all_btn_area ul li.cen {padding:0 5px}



/*유튜브영상박스*/
.movie_img_con {padding-left:10px;}
#moviea {width:695px;;padding:10px;margin:10px 0;height:450px;background: #f1f1f1;border:1px solid #cccccc;}