/* 참고 
Tahoma,굴림,돋움 
굴림,돋움,Gulim,Dotum,AppleGothic,sans-serif

# 꾸미기 순서 
1. 공통 (게시판을 기준으로 회원, 메일까지 포함) 
	- 기본태그 
	- 상단
	- 왼쪽
	- 오른쪽
	- 하단 
	- 기타 
	- 페이지별 (입력페이지, 목록페이지, 보기페이지)
	- 버튼 
2. 분류별
	- 쇼핑몰 
-------------------------------------------------
7A8187 (medium)	: 기본텍스트, .cmt, .paging(link), .contents(link), 
999999 (light)	: .bottom_menu(text), .top_sub(link) 
333333 (dark)	: .side_title(text), .left_menu(link), 
646B6E (dark)	: 링크들, .form_title(text), .list_title(text), .paging(text) 
E3E3E3 (dark)	: 박스, 배경, 라인들
EFFFFF (light)	: 박스, 배경, 라인들
D22020 (dark)	: 강조, .page_title(text), 팦업창 타이틀, 팦업이미지배경, .lnk_stress(link), .idx_title(link),  
-------------------------------------------------
background : repeat, repeat-x, repeat-y, no-repeat
word-break:break-all, keep-all, normal 의 차이점을 정확히 이해할 것. 
-------------------------------------------------
*/ 


/* 1. 공통 */ 

/* 기본태그 ------------------------------------------------------- */ 
	/* fonts *
	@font-face			{ font-family:친구체;		src:url(images/font/chin9.eot); }
	@font-face			{ font-family:충여리체;		src:url(images/font/chungyeori9.eot); }
	@font-face			{ font-family:티티체;		src:url(images/font/ttche9.eot); }
	@font-face			{ font-family:진달래체;		src:url(images/font/jindallae9.eot); }
	@font-face			{ font-family:꼬꼬체;		src:url(images/font/ggoggo9.eot); }
	*/

	html				{ font-size:100%; }
	body				{ 
						  margin-left:0; margin-top:0; margin-right:0; margin-bottom:0;
						  background:url('images/body_bg.gif'); 
						  scrollbar-3dlight-color:		#e5e5e5;
						  scrollbar-arrow-color:		#b4b4b4;
						  scrollbar-base-color:			#f5f5f5;
						  scrollbar-darkshadow-color:	#dbdbdb;
						  scrollbar-face-color:			#e8e8e8;
						  scrollbar-highlight-color:	#f5f5f5;
						  scrollbar-shadow-color:		#e8e8e8;
						  scrollbar-track-color:		#f5f5f5;
						}
	table				{ }
	td					{ color:#9DB50B; font-size:9pt; font-family:verdana,arial,sans-serif,굴림,돋움; line-height:160%; word-break:keep-all; } /* background:transparent */ 
	p					{ margin-top:0px;margin-bottom:0px; }
	img					{ border:0px solid #0000ff; } 

	input, select, button, checkbox
						{ vertical-align:middle; } 
	input				{ color:#9DB50B; font-size:9pt; font-family:verdana,arial,sans-serif,굴림,돋움; }
	textarea			{ color:#9DB50B; font-size:9pt; font-family:verdana,arial,sans-serif,굴림,돋움; line-height:120%; }
	select				{ color:#9DB50B; font-size:9pt; font-family:verdana,arial,sans-serif,굴림,돋움; line-height:120%; }
	option				{ color:#9DB50B; font-size:9pt; line-height:150%; }
	button				{ }
	checkbox			{ }

	a:link, a:visited, a:active, a:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	a:hover				{ color:#AE6A27; }

	.basic				{ background:url('images/basic.gif') no-repeat center top; } 

/* 상단 ------------------------------------------------------- */ 
	.top_logo_bg		{ background:url('images/top_logo_bg.gif'); } /* top logo bg */ 

	.top_menu_bg		{ height:22; vertical-align:middle; background:url('images/top_menu_bg.gif'); } /* top menu */ 
	.top_menu_out		{ color:#FFFAC2; font-size:9pt; height:20; text-align:center; background:url('images/top_menu_out.gif'); }  
	.top_menu_over		{ color:#FFFAC2; font-size:9pt; height:20; text-align:center; background:url('images/top_menu_over.gif'); }
	.top_menu:link, .top_menu:visited, .top_menu:active, .top_menu:hover 
						{ color:#FFFAC2; font-size:9pt; font-weight:bold; text-decoration:none; }
	.top_menu:hover		{ color:#FFFAC2; }

	.top_sub_bg			{ height:30; background:url('images/top_sub_bg.gif'); } /* top sub */ 
	.top_sub_out		{ color:#999999; font-size:9pt; text-align:center; background:url('images/top_sub_out.gif'); }  
	.top_sub_over		{ color:#999999; font-size:9pt; text-align:center; background:url('images/top_sub_over.gif'); }
	.top_sub:link, .top_sub:visited, .top_sub:active, .top_sub:hover 
						{ color:#999999; font-size:9pt; font-weight:normal; text-decoration:none; }
	.top_sub:hover		{ color:#777777; }

/* 왼쪽 ------------------------------------------------------- */ 
	.left_box_top_space	{ height:0; }
	.left_box_title		{ color:#333333; font-size:11pt; font-weight:bold; height:30; text-align:left; vertical-align:middle; padding:0 0 0 20; background:url('images/left_box_title_bg.gif'); } 
	.left_box_title a, .left_box_title a:link, .left_box_title a:visited, .left_box_title a:active
						{ color:#333333; font-size:11pt; font-weight:bold; } 
	.left_box_title a:hover	{ } 
	.left_box_hline		{ height:1; background:url('images/left_box_hline.gif'); } /*  */ 
	.left_box_hline2	{ background:url('images/left_box_hline2.gif'); } /*  */ 

	.left_login_input	{ width:100; background:#FFFFFF; border:1px solid #E3E3E3; ime-mode:inactive; 
						  font:8pt, normal, lighter, Verdana, 굴림; } 
	.left_side			{ color:#AE6A27; font-size:9pt; text-align:left; padding:0 0 0 20; } 
	.left_side a:link, .left_side a:visited, .left_side a:active, .left_side a:hover	
						{ color:#AE6A27; font-size:9pt; text-decoration:none; }
	.left_side a:hover	{ color:#AE6A27; }

	.left_menu_out		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; border:1px solid #AAB855; background:url('images/left_menu_out.gif') #E4ECA8; }  
	.left_menu_over		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; border:1px solid #AAB855; background:url('images/left_menu_over.gif') #E4ECA8; }  
	.left_menu:link, .left_menu:visited, .left_menu:active, .left_menu:hover 
						{ color:#AE6A27; font-size:9pt; font-weight:bold; text-decoration:none; }
	.left_menu:hover	{ color:#AE6A27; }
	.left_menu_space	{ height:1; background:url('images/left_menu_space.gif'); } 

	.left_sub_out		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; background:url('images/left_sub_out.gif'); }  
	.left_sub_over		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; background:url('images/left_sub_over.gif'); }
	.left_sub:link, .left_sub:visited, .left_sub:active, .left_sub:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.left_sub:hover		{ color:#AE6A27; }
	.left_sub_space		{ height:2; background:url('images/left_sub_space.gif'); } 
 
	.left_etc_out		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; background:url('images/left_etc_out.gif'); }  
	.left_etc_over		{ color:#AE6A27; font-size:9pt; height:20; text-align:left; padding:0 0 0 20; background:url('images/left_etc_over.gif'); }
	.left_etc:link, .left_etc:visited, .left_etc:active, .left_etc:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.left_etc:hover		{ color:#AE6A27; }
	.left_etc_space		{ height:1; background:url('images/left_etc_space.gif'); } 

    /* 2008.06.15 added */ 
	.side_subject:link, .side_subject:visited, .side_subject:active, .side_subject:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.side_subject:hover	{ color:#AE6A27; }
	.side_contents:link, .side_contents:visited, .side_contents:active, .side_contents:hover
						{ color:#9DB50B; font-size:9pt; font-weight:normal; text-decoration:none; }
	.side_contents:hover{ color:#9DB50B; } 	/* 웹진형, 블로그형 내용링크 */ 
    .side_date          { color:#AE6A27; font-size:8pt; font-weight:normal; }
    .side_blt_03        { width:7; background:url('images/index/blt_03.gif') no-repeat center left; } 
    .side_space         { height:1; background:url('images/left_etc_space.gif'); } 

/* 오른쪽 ------------------------------------------------------- */ 

/* 하단 ------------------------------------------------------- */ 
	.bottom_menu_bg		{ color:#CED164; font-size:8pt; height:26; text-align:center; vertical-align:middle; background:url('images/bottom_menu_bg.gif'); } /* menu */ 
	.bottom_menu:link, .bottom_menu:visited, .bottom_menu:active, .bottom_menu:hover 
						{ color:#CED164; font-size:8pt; font-weight:normal; text-decoration:none; }
	.bottom_menu:hover	{ color:#CED164; } 

	.bottom_copyright_bg{ color:#C9925D; font-size:8pt; text-align:center; padding:0 20 0 20; background:url('images/bottom_copyright_bg.gif'); } /* top logo bg */ 

/* 인덱스 페이지 ------------------------------------------------------- */ 
	.idx_top_bg			{ height:24; background:url('images/index/top_bg.gif'); } 
	.idx_top_bg2		{ height:24; background:url('images/index/top_bg2.gif'); } 
	.idx_title:link, .idx_title:visited, .idx_title:active, .idx_title:hover
						{ color:#D22020; font-size:9pt; font-weight:normal; text-decoration:none; }
	.idx_title:hover	{ color:#D22020; }
	.idx_bottom_bg		{ height:2; background:url('images/index/bottom_bg.gif'); } 
	.idx_blt_03			{ width:7; background:url('images/index/blt_03.gif') no-repeat center left; }  

	.idx_subject:link, .idx_subject:visited, .idx_subject:active, .idx_subject:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.idx_subject:hover	{ color:#AE6A27; }

	.idx_contents:link, .idx_contents:visited, .idx_contents:active, .idx_contents:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.idx_contents:hover	{ color:#AE6A27; }

	.idx_album_img		{ position:relative;left:0;top:0;border:0 solid #000000; } 

	.idx_date			{ font-size:8pt; } /* list page date text */ 

/* 기타 ------------------------------------------------------- */ 
	/* 공통 */
	.cmt				{ color:#9DB50B; word-break:normal; } /* comment, 컬럼에 대한 주석, 설명, 기타 모든 텍스트 (contents의 내용을 제외한) */ 
	.txt_none			{ font:1pt; line-height:1px; } /* */ 
	.txt_stress			{ color:#D22020; font-weight:normal; font-family:arial; } /* */ 
	.txt_stress2		{ color:#D22020; font-weight:normal; font-family:arial; } /* Fields marked with an asterisk (*) are required */ 

	.trans_off			{ width:100%; background:#EFFFFF; border:1px solid #FFFFFF; }
	.trans_on			{ width:100%; background:#EFFFFF; border:1px solid #FFFFFF; opacity:0.50;filter:alpha(opacity=50); }
	.trans_25			{ width:100%; background:#EFFFFF; border:1px solid #FFFFFF; opacity:0.25;filter:alpha(opacity=25); }
	.trans_75			{ width:100%; background:#EFFFFF; border:1px solid #FFFFFF; opacity:0.75;filter:alpha(opacity=75); }

	/* 라인 */ 
	.hline_1			{ background:#E3E3E3; height:1px; } /* etc/category_search.php */ 
	.hline_2			{ background:#eeeeee; height:1px; } /* ? */ 
	.hline_3			{ background:#cccccc; height:1px; } /* ? */ 
	.vline_1			{ background:#FFFFFF; width:1px; }  /* ? */  
	.dline_1			{ height:1px; background:url('images/skin/dot_3_1.gif'); } /* 게시판스타일 리스트페이지 */ 

	/* bullet, 2008.01.24 */

	/* 강조를 필요로 하는 링크들. privacy policy, terms of service */ 
	.lnk_stress:link, .lnk_stress:visited, .lnk_stress:active, .lnk_stress:hover
						{ color:#D22020; font-size:9pt; font-weight:normal; text-decoration:none; }
	.lnk_stress:hover	{ color:#D22020; }

	/* 나머지 링크들. (홈, 게시판(추천), 로그페이지 회원가입등 -> 기본텍스트색상으로) <- title  */ 
	a.lnk_etc:link, a.lnk_etc:visited, a.lnk_etc:active, a.lnk_etc:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	a.lnk_etc:hover		{ color:#AE6A27; }

	/* images opacity */ 
	a.lnk_opacity img	{ opacity:1.0; filter:alpha(opacity=100); } 
	a.lnk_opacity:hover img { opacity:1.0; filter:alpha(opacity=100); } /* opacity:0.5; filter:alpha(opacity=50); */

	/* pop up */
	.pop_title			{ color:#D22020; font-weight:bold; padding:0 0 0 20; background:transparent; } /* pop page title */ 
	.pop_bg				{ background:#ffffff; }  /* pop page background */ 
	.pop_image			{ background:#ffffff; padding:0 0 0 0; } /* pop image out */ 
	.pop_preview		{ padding:5 5 5 5; word-break:break-all; }; /* preview window */ 

	/* rounded corner */ 
	.rt01_BG			{ background:url('images/skin/rt01_BG.png'); }								/* Back Ground */ 
	.rt01_HL			{ background:url('images/skin/rt01_HL.png'); }								/* Horizontal Line */ 
	.rt01_VL			{ background:url('images/skin/rt01_VL.png'); }								/* Vertical Line */ 
	.rt01_TL			{ width:9; height:9; background:url('images/skin/round_corner_01.png'); }	/* Top Left */ 
	.rt01_TB			{ width:9; height:9; background:url('images/skin/round_corner_02.png'); }	/* Top Border */ 
	.rt01_TR			{ width:9; height:9; background:url('images/skin/round_corner_03.png'); }	/* Top Right */ 
	.rt01_LB			{ width:9; height:9; background:url('images/skin/round_corner_04.png'); }	/* Left Border */ 
	.rt01_RB			{ width:9; height:9; background:url('images/skin/round_corner_06.png'); }	/* Right Border */ 
	.rt01_BL			{ width:9; height:9; background:url('images/skin/round_corner_07.png'); }	/* Bottom Left */ 
	.rt01_BB			{ width:9; height:9; background:url('images/skin/round_corner_08.png'); }	/* Bottom Border */ 
	.rt01_BR			{ width:9; height:9; background:url('images/skin/round_corner_09.png'); }	/* Bottom Right */ 

	.rt02_BG			{ background:url('images/skin/rt02_BG.png'); }								/* Back Ground */ 
	.rt02_HL			{ background:url('images/skin/rt02_HL.png'); }								/* Horizontal Line */ 
	.rt02_VL			{ background:url('images/skin/rt02_VL.png'); }								/* Vertical Line */ 
	.rt02_TL			{ width:5; height:5; background:url('images/skin/round_corner2_01.png'); }	/* Top Left */ 
	.rt02_TB			{ width:5; height:5; background:url('images/skin/round_corner2_02.png'); }	/* Top Border */ 
	.rt02_TR			{ width:5; height:5; background:url('images/skin/round_corner2_03.png'); }	/* Top Right */ 
	.rt02_LB			{ width:5; height:5; background:url('images/skin/round_corner2_04.png'); }	/* Left Border */ 
	.rt02_RB			{ width:5; height:5; background:url('images/skin/round_corner2_06.png'); }	/* Right Border */ 
	.rt02_BL			{ width:5; height:5; background:url('images/skin/round_corner2_07.png'); }	/* Bottom Left */ 
	.rt02_BB			{ width:5; height:5; background:url('images/skin/round_corner2_08.png'); }	/* Bottom Border */ 
	.rt02_BR			{ width:5; height:5; background:url('images/skin/round_corner2_09.png'); }	/* Bottom Right */ 
	.rt02_CN			{ background:url('images/skin/rt02_CN.png'); }								/* Back Ground */ 
	/*
	*/

/* 메인, 본문 ------------------------------------------------------- */ 
	.main_top_space		{ height:0; } 

	.page_title_bg		{ height:30; background:url('images/main_page_title_bg.gif'); } /* page title, 페이지제목 (주문양식, 회원가입...) */  
	.page_title			{ color:#8C6238; font-family:georgia; font-size:15pt; font-weight:bold; padding-left:10; } 
	/*.page_title	tr td	{ color:#D22020; font-weight:bold; padding-left:10; } */
	.page_title_bottom	{ height:10; } 

	.section_header		{ color:#D22020; font-weight:bold; } /* hdr : section header 헤딩 (USER NAME, Shipping Address....) */

	/* etc, member, mail */
	.etc_bottom			{ background:transparent; height:1px; }	 

/* 입력페이지 ------------------------------------------------------- */ 

/* 목록페이지 ------------------------------------------------------- */ 

/* 보기페이지 ------------------------------------------------------- */ 
	/* 공통 */
	.view_subject		{ background:transparent; border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; 
						  height:26px; text-align:center; font-weight:bold; }	/* 제목 */ 
	.view_subtitle		{ border-bottom:1px solid #E3E3E3; padding-left:10; }	/* 부제목 */ 
	.view_outline		{ background:transparent; }									/* 보기 페이지*/ 
	.view_writer		{ border-bottom:1px solid #E3E3E3; padding-left:10; }	/* 작성자 */ 
	.view_contents		{ padding:0 10 0 10;  } /* text-align:justify; */ 
	.view_simg			{ background:transparent; border:1px solid #EFFFFF; }		/* 작은이미지 박스 */ 
	.view_buttons		{ border-bottom:1px solid transparent; height:26px; text-align:right; padding-right:10; } /* 각 버튼들 아웃라인 */ 
						                 
	/* 파일 링크 */ 
	.lnk_file:link, .lnk_file:visited, .lnk_file:active, .lnk_file:hover
						{ color:#AE6A27; font-size:9pt; font-weight:normal; text-decoration:none; }
	.lnk_file:hover		{ color:#AE6A27; }

/* 기타 */