/***************************************************************************************************************
ID
***************************************************************************************************************/

#mainBackground {
	background: url(/image/main/background.jpg) no-repeat
}
#subBackground {
	background: url(/image/comm/sub_background.jpg) no-repeat
}
#subVisual_01 {
	background: url(/swf/sample_visual_01.jpg) no-repeat
}
#subVisual_02 {
	background: url(/swf/sample_visual_02.jpg) no-repeat
}
#subVisual_03 {
	background: url(/swf/sample_visual_03.jpg) no-repeat
}
#subVisual_04 {
	background: url(/swf/sample_visual_04.jpg) no-repeat
}
#subVisual_05 {
	background: url(/swf/sample_visual_05.jpg) no-repeat
}
#subVisual_06 {
	background: url(/swf/sample_visual_06.jpg) no-repeat
}
#subVisual_07 {
	background: url(/swf/sample_visual_07.jpg) no-repeat
}
#subVisual_08 {
	background: url(/swf/sample_visual_08.jpg) no-repeat
}
#subVisual_member {
	background: url(/swf/sample_visual_member.jpg) no-repeat
}
#subVisual_mypage {
	background: url(/swf/sample_visual_mypage.jpg) no-repeat
}
#subVisual_sitemap {
	background: url(/swf/sample_visual_sitemap.jpg) no-repeat
}
#subBodyLeftBar {
	background: url(/image/comm/background_body_left_bar.gif) no-repeat; vertical-align:top
}


/***************************************************************************************************************
CLASS
***************************************************************************************************************/

BODY {
	MARGIN: 0px; WORD-BREAK: break-all; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
BODY {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: "µ¸¿ò"
}
DIV {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: "µ¸¿ò"
}
TD {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: "µ¸¿ò"
}
LI {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: "µ¸¿ò"
}
A {
	COLOR: #3c3c3c; TEXT-DECORATION: none
}
A:hover {
	COLOR: #3c3c3c; TEXT-DECORATION: underline
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
SELECT	{ 
	behavior: url('/css/selectbox.htc'); color: #6C6C6C; font-size: 11px; font-family: "µ¸¿ò"; letter-spacing: -1px
}
H1 {
	DISPLAY: none
}
H2 {
	DISPLAY: none
}
select	{ 
	behavior: url('/css/selectbox.htc'); color: #6C6C6C; font-size: 11px; font-family: "µ¸¿ò"; letter-spacing: -1px
}
.pageLocation /* º»¹® ÇöÀçÀ§Ä¡ ÀüüÅؽºÆ® */ {
	font-family: "µ¸¿ò"; color: #828180; font-size: 11px; text-decoration: none; padding: 0 2px 0 2px
}
a.pageLocation: link {
	font-family: "µ¸¿ò"; color: #828180; font-size: 11px; text-decoration: none; padding: 0 2px 0 2px
}
a.pageLocation: visited {
	font-family: "µ¸¿ò"; color: #828180; font-size: 11px; text-decoration: none; padding: 0 2px 0 2px
}
a.pageLocation: hover {
	font-family: "µ¸¿ò"; color: #828180; font-size: 11px; text-decoration: underline; padding: 0 2px 0 2px
}
a.pageLocation: active {
	font-family: "µ¸¿ò"; color: #828180; font-size: 11px; text-decoration: none; padding: 0 2px 0 2px
}
.pageLocationNow /* º»¹® ÇöÀçÀ§Ä¡ ÇØ´çÅؽºÆ® */ {
	font-family: "µ¸¿ò"; color: #000000; font-size: 11px; text-decoration: none; padding: 0 0 0 2px
}
.text_body /* º»¹®ÅؽºÆ® ±âº» */ {
	font-size: 11px; color: #7F7D78; line-height: 1.8em; font-family: "µ¸¿ò"; letter-spacing: 0px; text-align: justify; padding-top: 10px; padding-bottom: 10px
}
.text_01 /* º»¹®ÅؽºÆ® ÀåÁ¡,´ÜÁ¡ */ {
	font-size: 11px; color: #B2656F; line-height: 1.8em; font-family: "µ¸¿ò"; letter-spacing: 0px; text-align: justify; padding-top: 10px; padding-bottom: 10px
}
.text_02 /* º»¹®ÅؽºÆ® ¹è°æ»ö»óÆ÷ÇÔ °­Á¶¹®±¸ */ {
	font-size: 11px; color: #7F7D78; line-height: 1.8em; font-family: "µ¸¿ò"; letter-spacing: 0px; text-align: justify; padding: 10px 15px 10px 15px; background-color: #F3EFED
}
.text_03 /* º»¹®ÅؽºÆ® ¼­ºê2Â÷ ŸÀÌƲ: ³ì»ö */ {
	font-size: 11px; color: #1C947C; line-height: 2.6em; font-family: "µ¸¿ò"; letter-spacing: 0px; text-align: justify
}
.text_photo /* Æ÷Åä°¶·¯¸® ÅؽºÆ® */ {
	font-size: 11px; color: #7F7D78; line-height: 1.4em; font-family: "µ¸¿ò"; letter-spacing: 0px; padding-left:5px
}
.eng, a.eng:link, a.eng:visited, a.eng:active, a.eng:hover /* ¿µ¹® */ { 
	font-family: Verdana
}


/***************************************************************************************************************
BOARD
***************************************************************************************************************/

.board_news {font-size: 8.5pt; color: #787878; font-family: "µ¸¿ò"; letter-spacing: 0px;}
.board_date {font-size: 9pt; color: #A2A2A2; font-family: "µ¸¿ò"}
.board_title {font-size: 9pt; color: #666666; font-family: "µ¸¿ò"; padding:3px 0 0 10px;}
.board_text {font-size: 9pt; color: #666666; font-family: "µ¸¿ò"; padding:3px 0 0 0;}
.board_option {font-size: 9pt; color: #AF1638; font-family: "µ¸¿ò"; padding:3px 0 0 0;}
.board_pagenum {font-size: 9pt; color: #B5AAA4; font-family: "µ¸¿ò";}
.board_exp {font-size: 9pt; color: #76764C; font-family: "µ¸¿ò";}
.board_view_title {font-size: 9pt; color: #333333; font-weight:bold; font-family: "µ¸¿ò"; padding:3px 0 0 20px;}
.board_view_writer {font-size: 9pt; color: #333333; font-weight:bold; font-family: "µ¸¿ò"; padding:3px 0 0 5px;}
.board_view_text {font-size: 9pt; color: #666666; font-family: "µ¸¿ò"; line-height: 22px; padding:25px 20px 20px 20px;}
.board_view_reply {font-size: 9pt; color: #665CA0; font-family: "µ¸¿ò"; line-height: 20px; padding:10px 20px 0 20px;}
.board_01, a.board_01:link, a.board_01:visited, a.board_01:hover, a.board_01:active{ color:#585858; padding:7px 0 0 0; text-decoration: none }


/***************************************************************************************************************
COLOR
***************************************************************************************************************/

.color_b /* °ËÁ¤»ö */ {
	color: #000000
}
.color_w /* Èò»ö */ {
	color: #FFFFFF
}
.color_g /* ³ì»ö */ {
	color: #1C947C
}
.color_p /* ÀÚÁÖ»ö */ {
	color: #B2656F
}


/***************************************************************************************************************
DECORATION
***************************************************************************************************************/

.b /* ±½°Ô */ {
	font-weight: bold
}
.ls /* ÀÚ°£ ÃʱâÈ­ */ { 
	letter-spacing: 0px 
}
.jst /* ÅؽºÆ® ¾çÂÊÁ¤·Ä */ { 
	text-align : justify
}
.u /* ÅؽºÆ® ÇϴܶóÀÎ */ {
	text-decoration: underline
}


/***************************************************************************************************************
FONT SIZE
***************************************************************************************************************/

.fs11, a.fs11: link, a.fs11: visited, a.fs11: active, a.fs11: hover { font-size: 11px }
.fs12, a.fs12: link, a.fs12: visited, a.fs12: active, a.fs12: hover { font-size: 12px }
.fs13, a.fs13: link, a.fs13: visited, a.fs13: active, a.fs13: hover { font-size: 13px }
.fs14, a.fs14: link, a.fs14: visited, a.fs14: active, a.fs14: hover { font-size: 11px }


/***************************************************************************************************************
LINE HEIGHT
***************************************************************************************************************/

.lh14, a.lh14: link, a.lh14: visited, a.lh14: active, a.lh14: hover { line-height: 1.4em }
.lh15, a.lh15: link, a.lh15: visited, a.lh15: active, a.lh15: hover { line-height: 1.5em }
.lh16, a.lh16: link, a.lh16: visited, a.lh16: active, a.lh16: hover { line-height: 1.6em }
.lh17, a.lh17: link, a.lh17: visited, a.lh17: active, a.lh17: hover { line-height: 1.7em }
.lh18, a.lh18: link, a.lh18: visited, a.lh18: active, a.lh18: hover { line-height: 1.8em }


/***************************************************************************************************************
TEXTAREA
***************************************************************************************************************/

.ta_def {
	font-family: "µ¸¿ò"; font-size: 11px; color: #666666; background-color:#FFFFFF; border: 1px solid #CECECE
}
.ta_tra {
	font-family: "µ¸¿ò"; font-size: 11px; color: #333333; background-color: transparent; border: none
}
.textarea_request {
	font-family: "µ¸¿ò"; font-size: 11px; color: #666666; background-color:#FFFFFF; border: 1px solid #CECECE
}
.textarea_provision {
	font-family:"µ¸¿ò"; font-size: 9pt; background-color: transparent; border: none; color: #333333; line-height: 18px
}


/***************************************************************************************************************
INPUT
***************************************************************************************************************/

.inp_01 { 
	border: 0px; height: 17px; font-family: "µ¸¿ò"; font-size:11px; color:#717171; padding: 1px 0 0 2px; line-height: 18px
}
.inp_02 { 
	border: 1px solid #C3C3C3; height: 19px; font-family: "µ¸¿ò"; font-size: 11px; color: #808080; padding: 3px 0 0 8px; line-height: 18px
}


/***************************************************************************************************************
SELECT
***************************************************************************************************************/

.select_def {
	background-color: #F3F3F3; border: 1px solid #F3F3F3; font-family: "µ¸¿ò"; font-size: 11px; color: #666666
}


/***************************************************************************************************************
SCROLL BAR DECORATION
***************************************************************************************************************/

body {
	margin: 0px;
	scrollbar-face-color: #C5BAA7;         /* Bar Color */
	scrollbar-track-color: #ECE8DD;        /* Background Color */
	scrollbar-arrow-color: #FFFFFF;        /* Arrow Color */
	scrollbar-shadow-color: #9E9585; 	     /* Bar Shadow 1Depth Color */
	scrollbar-darkshadow-color: #887F6E; 	 /* Bar Shadow 2Depth Color */
	scrollbar-highlight-color: #E6E1D8;    /* Bar Highlight 1Depth Color */
	scrollbar-3dlight-color: #DDD1BC     /* Bar Highlight 2Depth Color */
}