@charset "utf-8";
@font-face {font-family:Nanum; src:url('/font/NanumGothic.eot'); }
@font-face {font-family:NanumTTF; src:local('NanumGothic'), url('/font/NanumGothic.otf') format('opentype'); }
html,body{height:100%;}

* {margin:0; padding:0; font-family:"나눔고딕","NanumGothic","Nanum","맑은고딕", "맑은 고딕","돋움","Dotum"; font-weight:normal;}

body { background:url(/layout_img/_00_bg_img.png) repeat-x top; margin:0; padding:0;}
a {text-decoration:none; font-size:12px; color:#333;}
a:hover {text-decoration:none;}
img {border:none; vertical-align:middle;}
ul, ol { list-style:none; overflow:hidden;}
input {vertical-align:middle;}

#main_layout_start { }

	#index_main {width:1000px; height:600px; position:relative; margin:auto;}
	#sub_main {width:1000px; height:300px; position:relative; margin:auto;}
		.top_menu {width:100%; height:150px; position:absolute; left:0; top:0;}
		
		
		
	#index_body {overflow:hidden; clear:both; overflow:hidden;}
	#index_body .content { width:1000px; margin:0 auto; clear:both; overflow:hidden;}
	
	#sub_body { width:975px; margin:0 auto; overflow:hidden; clear:both;}

				.contnet_left { float:left; width:200px; position:relative; z-index:10; height:600px;}
				.contnet_left p { width:500px; height:500px;}
				
				.content_right {float:right; width:750px;}
				.content_right p {display:block;}
				
					.board_top, .board_bottom {height:20px; clear:both; position:relative;}
					.board_top { height:20px; background:url(/layout_img/content_top_bar.png); }
					.board_bottom { height:20px; background:url(/layout_img/content_bottom_bar.png); }
					.board_main { background:url(/layout_img/content_center_bar.png) repeat-y; overflow:hidden; padding:0 2px;}
						.sub_location { color:#666; text-align:right; padding:7px 15px 0 0; margin:auto; clear:both; font-size:11px; font-family:"돋움"; }
						
						.sub_img {clear:both; height:50px; margin:15px 0; padding-left:20px; background-repeat:no-repeat; background-position:left top;}
							.about_1_1 { background-image:url(/layout_img/_05_sub_title_about_1.gif);}
							.about_1_2 { background-image:url(/layout_img/_05_sub_title_about_2.gif);}
							.about_1_3 { background-image:url(/layout_img/_05_sub_title_about_3.gif);}
							.about_1_4 { background-image:url(/layout_img/_05_sub_title_about_4.gif);}
							.about_1_6 { background-image:url(/layout_img/_05_sub_title_about_6.gif);}
							
							.production_2_1 { background-image:url(/layout_img/_05_sub_title_product_1.gif);}
							.production_2_2 { background-image:url(/layout_img/_05_sub_title_product_2.gif);}
							.production_2_3 { background-image:url(/layout_img/_05_sub_title_product_3.gif);}
							.production_2_4 { background-image:url(/layout_img/_05_sub_title_product_4.gif);}
							.production_2_5 { background-image:url(/layout_img/_05_sub_title_product_5.gif);}
							.production_2_6 { background-image:url(/layout_img/_05_sub_title_product_6.gif);}
				
							.compnaypr_3_1 {background-image:url(/layout_img/_05_sub_title_pr_1.gif);}
							.compnaypr_3_2 {background-image:url(/layout_img/_05_sub_title_pr_2.gif);}
				
							.customer_4_1 {background-image:url(/layout_img/_05_sub_title_customer_1.gif);}
							.customer_4_2 {background-image:url(/layout_img/_05_sub_title_customer_2.gif);}
							.customer_4_3 {background-image:url(/layout_img/_05_sub_title_customer_3.gif);}
							.customer_4_4 {background-image:url(/layout_img/_05_sub_title_customer_4.gif);}
				
				
		
		.companypr_1 {clear:both; overflow:hidden; padding:0 20px;} /*설시현황*/
			.comp_title {clear:both; overflow:hidden;}
			.comp_title span {display:block; float:left; text-align:center;}
			.comp_title .comp_title_00 {overflow:hidden; padding:10px 0; font-size:14px; color:#006600; background-color:#C9E0C9; letter-spacing:-1px; border-bottom:2px #006600 solid;}
			.comp_title .comp_title_00 span {font-weight:bold;}
			.comp_title .comp_list {overflow:hidden; padding:10px 0; font-size:12px;  border-bottom:1px #CFF8C7 solid;}
			
				.eng_name {width:250px; font-weight:bold;}
				.et {width:50px; border-left:1px #CFF8C7 solid; border-right:1px #CFF8C7 solid;}
				.e_memo {width:400px;}
		
		
		
		.sitemap_title, .sitemap_title1 { padding-left:30px;}
		.sitemap_link, .sitemap_link1 { padding-left:10px;}]
		td.sitemap_title, td.sitemap_link {border-right:1px #999 solid;}
		.sitemap_title a, .sitemap_title1 a {color:#030; font-size:14px; font-weight:bold;}
		.sitemap_link a, .sitemap_link1 a {color:#030; font-size:12px; padding-left:10px;}
		.sitemap_link a:hover, .sitemap_link1 a:hover {color:#F30; font-size:12px; padding-left:10px;}		
		
		
		
		
				
		.sub_content {width:900px; margin:0 auto;}	
		.content_bar { height:8px; background:url(/layout_img/content_bar.gif) no-repeat center; margin:10px 0;}
		
		
			
			.sub_title {height:130px; }
			.sub_title1 {height:250px; clear:both; width:950px; margin:0 auto; }
			
			 
				.about { background:url(/layout_img/_03_about_01.gif) no-repeat 0 25px; }
					.about_01_01 { background:url(/layout_img/about_01_01.gif) no-repeat; height:272px; text-indent:-100000px !important;}
					.about_01_02 { background:url(/layout_img/about_01_02.gif) no-repeat; height:260px; text-indent:-100000px !important;}
				
				.wasoung1 {background:url(/layout_img/_03_washong1.png) no-repeat 0 25px;}
				.wasoung2 {background:url(/layout_img/_03_washong2.png) no-repeat 0 25px;}
					.wasoung_01_01 { background:url(/layout_img/wasoung_01.jpg) no-repeat; height:272px; text-align:center;}
					.wasoung_01_02 { background:url(/layout_img/wasoung_02.gif) no-repeat; height:272px; text-align:center;}
					.wasoung_02_01 { background:url(/layout_img/wason_1.jpg) no-repeat; height:1790px; text-align:center;}
					
				.notice { background:url(/layout_img/_03_notice.gif) no-repeat 0 25px; }
				
				
				.customerboard { background:url(/layout_img/_03_customerboard.gif) no-repeat 0 25px; }
				.production { background:url(/layout_img/_03_product1.png) no-repeat 0 25px; }
				.production1 { background:url(/layout_img/_03_product2.png) no-repeat 0 25px; }
				.photogallery { background:url(/layout_img/_03_photogallery.gif) no-repeat 0 25px; }
				
				.member_agree1 { background:url(/layout_img/_03_agreement1.png) no-repeat 0 25px; }
				.member_agree2 { background:url(/layout_img/_03_agreement2.png) no-repeat 0 25px; }
					
				
			
				.page div { font-family:"돋움"; font-size:13px !important; line-height:140%;}
		

		
		
		
	#common_foot { width:1000px; height:128px; clear:both; position:relative; margin:auto; background:url(/layout_img/_01_foot_copyright.png) no-repeat left 41px; margin-top:20px;}
	#common_foot ul { position:absolute; top:10px; right:0;}
	#common_foot li {float:left; margin-right:10px;}
	#common_foot li a {font-size:11px; color:#333;}
	#common_foot li a:hover { color:#F30;}
	
	
	
	
	
/* 인덱스 페이지 슬라이드 이미지 */
.index_slide_img_area_bg {padding:20px 0;}
.index_slide_img_area { width:800px; height:420px; margin:0 auto; padding:15px; border:1px #c3b3cd solid; background-color:#FFF;}
.slide_image {position:relative;width:800px; height:420px; overflow:hidden ;border:1px #c3b3cd solid; }
.slide_image .left_go {position:absolute;top:200px;left:0px;width:14px;height:36px;cursor:pointer; z-index:10;}
.slide_image .right_go {position:absolute;top:200px;right:0px;width:14px;height:36px;cursor:pointer; z-index:10;}
.slide_image .slide_num {position:absolute;top:400px;right:16px;z-index:110;}
.slide_image .slide_num a {float:left;display:block;width:10px;height:10px;margin-left:7px;background:url(/layout_img/slide_dot_num.png) no-repeat 0 0;}
* html .slide_image .slide_num a {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/layout_img/slide_dot_num.png, sizingMethod=crop);}
.slide_image .slide_num a:hover, .slide_image .slide_num a.selected {background:url(/layout_img/slide_dot_num_on.png) no-repeat 0 0;}

.slide_image ul {height:420px;overflow:hidden;}
.slide_image ul li {float:left;padding:0;}	

	
/* 메인 최근게시물 */
	/* 구조 */
.index_latest_area { clear:both; overflow:hidden; padding:20px 0;}	
.index_latest_area_01 {width:335px; float:left; margin-right:30px; }
.index_latest_area_02 {width:330px; float:left; }
.index_latest_area_03 a { display:block; width:275px; height:137px; float:right; background:url(/layout_img/_00_line_go.png) no-repeat; text-indent:-1000000px; }
	/* 탭 타이틀 */
	.latest_title {display:block; width:330px; overflow:hidden; padding-bottom:10px; border-bottom:1px #999 solid;}
	.latest_title .l_tab { display:block; float:left; cursor:pointer; text-indent:-10000000px;}
		#tab1_1, #tab1_2 { width:71px; height:13px; }
		#tab2_1, #tab2_2 { width:56px; height:13px; margin-left:8px; }
		#tab1_1 { background:url(/layout_img/tab_over.png) no-repeat 0 bottom;}
		#tab1_2 { background:url(/layout_img/tab_over.png) no-repeat 0 top;}
		#tab2_1 { background:url(/layout_img/tab_over.png) no-repeat -81px bottom;}
		#tab2_2 { background:url(/layout_img/tab_over.png) no-repeat -81px top;}
		
		
		.set2  { background:url(/layout_img/tab_over.gif) no-repeat -157px top; height:13px;}
	.latest_title .l_more { display:block; width:40px; float:right; background-color:#06F}
	
.latest_list { padding:7px 5px;  overflow:hidden; clear:both;}
.latest_list li { clear:both; width:100%; overflow:hidden; padding:4px 0;}/* border-bottom:1px #CDCDCD dashed; */
.latest_list snap {display:block;}
.latest_list .latest_subject { float:left;}
.latest_list .latest_subject a:hover {color:#F30;}
.latest_list .latest_subject a.comment_num {font-size:11px; letter-spacing:-1px; color:#0033FF;}
.latest_list .latest_date { float:right; width:50px; text-align:right; font-size:11px; letter-spacing:-1px; padding-right:2px;}
	
	
/* 인덱스 갤러리 */	
		.sub_latest_gallery { overflow:hidden; margin-top:10px;}
			.sub_latest_gallery ul {float:left; display:block; overflow:hidden;}
			.sub_latest_gallery li {clear:both; display:block;}
			.sub_latest_gallery li.img_show_li {padding-left:4px;}
			.sub_latest_gallery li a.img_show { background-color:#FFFFFF; display:block; border:1px #999999 solid;}
			.sub_latest_gallery li a.img_show:hover { border:1px #0066CC solid;}
			.sub_latest_gallery .img_subject {text-align:center; width:100%; padding-top:5px;}
			.sub_latest_gallery .img_subject a {font-size:11px;}
			
			.sub_latest_gallery .row_cut {display:block; height:8px; width:100%; clear:both;}
	
	
	
	/* 로그인 창 */
.login_form { width:699px; height:351px; margin:100px auto; position:relative; overflow:hidden; background:url(/layout_img/login_bg.gif) no-repeat; }
.login_form .login_id { position:absolute; left:54px; top:124px; width:207px; height:25px;}
.login_form .login_id input {width:195px; height:25px; border:1px solid #999; background-color:transparent; color:#000; padding-left:10px; }
.login_form .login_pw { position:absolute; left:54px; top:158px; width:207px; height:25px;}
.login_form .login_pw input {width:195px; height:25px; border:1px solid #999; background-color:transparent; color:#000; padding-left:10px; }		
.login_form .login_btn {position:absolute; left:269px; top:124px; width:84px; height:62px; }
.login_form .auto_login { position:absolute; left:54px;top:193px; width:200px; }
.login_form .login_join {position:absolute; left:27px; top:294px; width:111px; height:35px;}
.login_form .login_s_id {position:absolute; left:148px; top:294px; width:111px; height:35px;}
.login_form .login_s_pw {position:absolute; left:269px; top:294px; width:111px; height:35px;}

.login_form .login_no {position:absolute; left:105px; top:203px; width:183px; height:50px;}
.login_form .login_text {position:absolute; left:27px; top:300px; width:300px; height:35px; font-size:13px; color:#FF0000;}
.swf_ad {position:absolute; width:285px; height:341px; top:5px; left:409px; }
	
	
/* 염식공정 확인 로그인 창 */	
	
	/* 로그인 창 */
.v-title {}
.v-title a {display:block; width:300px; height:75px; background:url(http://greenhilldyeing.co.kr/layout_img/v-title.png) no-repeat;}
.login_form_1 { width:308px; height:351px; margin:auto; position:relative; overflow:hidden; background:url(http://greenhilldyeing.co.kr/layout_img/login_bg_v.gif) no-repeat; text-align:left; }
.login_form_1 form {margin:0; padding:0;}
.login_form_1 b { font-weight:bold; }
.login_form_1 .login_id { position:absolute; left:25px; top:124px; width:190px; height:25px; text-align:left;}
.login_form_1 .login_id input {width:160px; height:25px; border:1px solid #999; background-color:transparent; color:#000; padding:5px 0 0 10px; }
.login_form_1 .login_pw { position:absolute; left:25px; top:158px; width:190px; height:25px; text-align:left;}
.login_form_1 .login_pw input {width:160px; height:25px; border:1px solid #999; background-color:transparent; color:#000; padding:5px 0 0 10px; }		
.login_form_1 .login_btn {position:absolute; left:200px; top:124px; width:84px; height:62px; }
.login_form_1 .auto_login { position:absolute; left:25px;top:200px; width:270px; font-size:13px; letter-spacing:-1px; }
.login_form_1 .login_join {position:absolute; left:27px; top:294px; width:111px; height:35px;}
.login_form_1 .login_s_id {position:absolute; left:148px; top:294px; width:111px; height:35px;}
.login_form_1 .login_s_pw {position:absolute; left:269px; top:294px; width:111px; height:35px;}

.login_form_1 .login_no {position:absolute; left:105px; top:203px; width:183px; height:50px;}
.login_form_1 .login_text {position:absolute; left:27px; top:300px; width:300px; height:35px; font-size:13px; color:#FF0000;}

	
.exchange { overflow:hidden; margin:auto; text-align:left; margin-top:20px;  width:308px;   }
.exchange_title { width:74px; height:16px; background:url(http://greenhilldyeing.co.kr/layout_img/exchange_title.png) no-repeat;}