@charset "utf-8";

body,td,input,select,div,form,textarea,center,option,pre,blockquote 
{
	font-size:12px;
	font-family:"돋움", "돋움체", verdana;
	color:#666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#F7F7F7;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #5a5a5a;
	line-height: 140%;
}



/* 가이드*/

/* 01 폰트와 관련된 효과 */
/* 02 여백/마진과 관련된 효과 */
/* 03 폼과 관련된 효과 */
/* 04 테이블 라인과 관련된 효과 */
/* 05 글씨 줄간격과 관련된 효과 */
/* 06 이미지로 BG효과 주기 */
/* end 기타 */




/* ★★★★★★★★★★★★★★★★ 폰트와 관련된 효과 ★★★★★★★★★★★★★★★★ 01 */



/* 폰트 효과주기(BOLD=NO) */
.font_ff0101_12  {font-size:12px; color:#ff0101;}
.font_ffffff_12  {font-size:12px; color:#ffffff;}
.font_666666_11  {font-size:11px; color:#666666;}
.font_333333_11  {font-size:11px; color:#333333;}
.font_7a7a7a_11  {font-size:11px; color:#7a7a7a;}
.font_1c87d4_11  {font-size:11px; color:#1c87d4;}
.font_e97300_11  {font-size:11px; color:#ff3e03;}
.font_333333_12  {font-size:12px; color:#333333;}
.font_d6f0fe_11  {font-size:11px; color:#d6f0fe;}
.font_2b5b94_12  {font-size:12px; color:#2b5b94;}
.font_dafef6_11  {font-size:11px; color:#dafef6;}
.font_del {font-size:12px; color:#bab9b9;}



/* 폰트 효과주기(BOLD=YES) */
.font_b  {font-weight:bold;}
.font_0f5590_12  {font-size:12px; color:#0f5590; font-weight:bold;}
.font_ffffff_11  {font-size:11px; color:#ffffff; font-weight:bold;}
.fontb_8d7070_11  {font-size:11px; color:#8d7070; font-weight:bold;}
.fontb_285b9e_11  {font-size:11px; color:#285b9e; font-weight:bold;}
.fontb_fe5301_11  {font-size:11px; color:#fe5301; font-weight:bold;}
.fontb_00717e_14  {font-size:14px; color:#00717e; font-weight:bold;}
.fontb_ffffff_14  {font-size:14px; color:#ffffff; font-weight:bold;}
.font_002974_13  {font-size:13px; color:#002974; font-weight:bold;}
.font_333333_14  {font-size:14px; color:#333333; font-weight:bold;}



/* Navi폰트 효과주기(BOLD=NO) */
.Nfont_666666_11  {font-size:11px; color:#666666;}




/* Navi폰트 효과주기(BOLD=YES) */
.Nfontb_666666_11  {font-size:11px; color:#666666; font-weight: bold;}

.fontb_3333 {
	font-family: "돋움", verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.fontb_333333_12 {
	font-family: "돋움", verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}



/* 작은 영문 폰트 효과주기 */
.sfont_verdana  {font-face:verdana; font-size:11px; color:#666666; padding-top:1; letter-spacing:1px;}




/* 페이지 번호 효과주기 */
.pnum_333333_11          {font-size:11px; color:#939393;font-face:verdana;}
.pnum_333333_11:link     {font-size:11px; color:#939393; text-decoration:none;font-face:verdana;}
.pnum_333333_11:visited  {font-size:11px; color:#939393; text-decoration:none;font-face:verdana;}
.pnum_333333_11:hover    {font-size:11px; color:#333333; text-decoration:none;font-face:verdana;}




/* 폰트에 링크 효과주기 */
a            {font-size:12px; color:#666666;  text-decoration:none}
a:link       {font-size:12px; color:#666666;  text-decoration:none}
a:visited    {font-size:12px; color:#666666;  text-decoration:none}
a:hover      {font-size:12px; color:#009999;  text-decoration:none}

.flink_333333_12            {font-size:12px; color:#333333;}
.flink_333333_12:link       {font-size:12px; color:#333333; text-decoration:none;}
.flink_333333_12:visited    {font-size:12px; color:#333333; text-decoration:none;}
.flink_333333_12:hover      {font-size:12px; color:#333333; text-decoration:underline;}


.flink_333333_11            {font-size:11px; color:#333333;font-face:verdana; font-weight: bold;}
.flink_333333_11:link       {font-size:11px; color:#333333; text-decoration:none;font-face:verdana; font-weight: bold;}
.flink_333333_11:visited    {font-size:11px; color:#333333; text-decoration:none;font-face:verdana; font-weight: bold;}
.flink_333333_11:hover      {font-size:11px; color:#333333; text-decoration:none;font-face:verdana; font-weight: bold;}

.flink_ff5400_12            {font-size:12px; color:#666666;font-face:verdana; font-weight: none;}
.flink_ff5400_12:link       {font-size:12px; color:#666666; text-decoration:none;font-face:verdana; font-weight: none;}
.flink_ff5400_12:visited    {font-size:12px; color:#666666; text-decoration:none;font-face:verdana; font-weight: none;}
.flink_ff5400_12:hover      {font-size:12px; color:#ff5400; text-decoration:none;font-face:verdana; font-weight: underline;}

.flink_017c8b_11            {font-size:11px; color:#017c8b;font-face:verdana; font-weight: bold;}
.flink_017c8b_11:link       {font-size:11px; color:#017c8b; text-decoration:none;font-face:verdana; font-weight: bold;}
.flink_017c8b_11:visited    {font-size:11px; color:#017c8b; text-decoration:none;font-face:verdana; font-weight: bold;}
.flink_017c8b_11:hover      {font-size:11px; color:#017c8b; text-decoration:none;font-face:verdana; font-weight: bold;}

.flinkb_4c4c4c_11            {font-size:11px; color:#4c4c4c; font-weight:bold;  text-decoration:none;}
.flinkb_4c4c4c_11:link       {font-size:11px; color:#4c4c4c; font-weight:bold;  text-decoration:none;}
.flinkb_4c4c4c_11:visited    {font-size:11px; color:#4c4c4c; font-weight:bold;  text-decoration:none;}
.flinkb_4c4c4c_11:hover      {font-size:11px; color:#436cbf; font-weight:bold;  text-decoration:none;}

.flinkb_base     {font-size:12px; color:#666666;  font-weight: bold;}
.flinkb_base     {font-size:12px; color:#666666;  font-weight: bold;}
.flinkb_base     {font-size:12px; color:#666666;  font-weight: bold;}
.flinkb_base     {font-size:12px; color:#009999;  font-weight: bold;}

.flink_3ff5400_12            {font-size:12px; color:#333333;font-face:verdana; font-weight: none;}
.flink_3ff5400_12:link       {font-size:12px; color:#333333; text-decoration:none;font-face:verdana; font-weight: none;}
.flink_3ff5400_12:visited    {font-size:12px; color:#333333; text-decoration:none;font-face:verdana; font-weight: none;}
.flink_3ff5400_12:hover      {font-size:12px; color:#ff5400; text-decoration:none;font-face:verdana; }









/* ★★★★★★★★★★★★★★★★ 여백/마진과 관련된 효과 ★★★★★★★★★★★★★★★★ 02 */



/* 테이블 LEFT 여백 효과주기 */
.pad_l9  {padding-left:9px;}




/* 테이블 RIGHT 여백 효과주기 */
.pad_r8  {padding-right:8px;}




/* 테이블 TOP 여백 효과주기 */
.pad_t5  {padding-top:5px;}




/* 테이블 BOTTOM 여백 효과주기 */
.pad_b5  {padding-bottom:5px;}






/* 테이블 2개 여백 효과주기 */
/* top, left */
.pad_t5l5  {padding-top:5px;padding-left:5px;}



/* top, right */
.pad_t5r5  {padding-top:5px;padding-right:5px;}



/* top, bottom */
.pad_t5b5  {padding-top:5px;padding-bottom:5px;}



/* left, right */
.pad_l5r5  {padding-left:5px;padding-right:5px;}



/* bottom, left */
.pad_b5l5  {padding-bottom:5px;padding-left:5px;}



/* bottom, right */
.pad_b5r5  {padding-bottom:5px;padding-right:5px;}






/* 테이블 3개 여백 효과주기 */
/* left, top, right */
.pad_l5t5r5  {padding-left:5px; padding-top:5px; padding-right:5px;}




/* top, right, bottom */
.pad_t5r5b5  {padding-top:5px; padding-right:5px; padding-bottom:5px;}




/* left, bottom, right */
.pad_l5b5r5  {padding-left:5px; padding-bottom:5px; padding-right:5px;}




/* top, left, bottom */
.pad_t5l13b5  {padding-top:5px; padding-left:13px; padding-bottom:5px; line-height:18px;}






/* 테이블 전체 여백 효과주기 */
.pad_t14r12b14l12 {padding-top:14px; padding-right:12px; padding-bottom:14px; padding-left:12px; line-height:20px;} 
.pad_t8r8b8l8 {padding-top:8px; padding-right:8px; padding-bottom:8px; padding-left:8px; line-height:20px;} 
.pad_t2r2b2l2 {padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px;} 
.pad_t5r18b5l18 {padding-top:5px; padding-right:18px; padding-bottom:5px; padding-left:18px;} 
.pad_7929 {
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
}
.pad_tb46 {
	padding-top: 46px;
	padding-bottom: 46px;
	
}

 



/* 마진 효과주기 */
.margin_trb15l  {margin : 0px 0px 15px 0px}






 

/* ★★★★★★★★★★★★★★★★ 폼과 관련된 효과 ★★★★★★★★★★★★★★★★ 03 */



/* Text Field 효과주기 */
.tfield_01  {background-color:#ffffff;border:2px solid #336799; width:80; height:24;}
.tfield_02  {background-color:#ffffff;border:1px solid #d7dfe3; width:125; height:18;}
.tfield_03  {background-color:#ffffff;border:1px solid #d7dfe3; height:18; color:666666; font-size:11px}
.tfield_04  {background-color:#ffffff;border:1px solid #d7dfe3; height:18; color:666666; font-size:11px}
.tfield_05  {background-color:#ffffff;border:1px solid #dfdfdf; height:18; color:666666; font-size:11px}
.tfield_06  {background-color:#ffffff;border:1px solid #d7dfe3; width:120; height:30;}
.tfield_07 {background-color:#ffffff;border:1px solid #d7dfe3; width:120; height:26;}


/* Text Area 효과주기 */
.tarea_01  { font-size:11px; padding:5,5,5,5 ; border:solid #D9D9D9 1px;}
.tarea_b2  {  border-bottom:solid #bcd7e7 2px;}
.tarea_b1_2  {  border-bottom:solid #bcd7e7 1px;}


/* Check Box 효과주기 */
.chkbox_6  {width:6; height:6;}


/* Radio Button 효과주기 */
.radio_btn_01 {}


/* Select Box 효과주기 */
.select_box_01 {behavior: url('/css/selectbox.htc');}


/* Jump Menu 효과주기 */
.jump_menu_01 {}


/* File Field 효과주기 */
.ffield_01  {}










/* ★★★★★★★★★★★★★★★★ 테이블 라인과 관련된 효과 ★★★★★★★★★★★★★★★★ 04 */



/* 테이블 LEFT 라인 효과주기 */
.line_l1_gray  {border-left: solid 1px #cccccc;}



/* 테이블 RIGHT 라인 효과주기 */
.line_r1_gray  {border-right: solid 1px #e5e5e5;}



/* 테이블 TOP 라인 효과주기 */
.line_t1_gray  {border-top: solid 1px #cccccc;}



/* 테이블 BOTTOM 라인 효과주기 */
.line_b1_gray  {border-bottom: solid 1px #DBDBDB;}






/* 테이블 2개 라인 효과주기 */
/* top, left */
.line_t1l1_gray  {border-top: solid 1px #cccccc; border-left: solid 1px #cccccc;}



/* top, right */
.line_t1r1_gray  {border-top: solid 1px #cccccc; border-right: solid 1px #cccccc;}



/* top, bottom */
.line_t1b1_gray  {border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}



/* left, right */
.line_l1r1_gray  {border-left: solid 1px #cccccc; border-right: solid 1px #cccccc;}



/* bottom, left */
.line_b1l1_gray  {border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc;}



/* bottom, right */
.line_b1r1_gray  {border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc;}






/* 테이블 3개 라인 효과주기 */
/* left, top, right */
.line_l1t1r1_gray  {border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; border-right: solid 1px #cccccc;}



/* top, right, bottom */
.line_t1r1b1_gray  {border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}



/* left, bottom, right */
.line_l1t1r1_gray  {border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc;}



/* top, left, bottom */
.line_l1t1r1_gray  {border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}




/* 테이블 전체 라인 효과주기 */
.line_t1r1b1l1_gray  {border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc; } 
.line_176ed5 {border-top: solid 1px #176ed5; border-right: solid 1px #176ed5; border-bottom: solid 1px #176ed5; border-left: solid 1px #176ed5; } 









/* ★★★★★★★★★★★★★★★★ 글씨 줄간격과 관련된 효과 ★★★★★★★★★★★★★★★★ 05 */


.txt_lh16 {line-height:16px;}

.txt_17 {
	font-family: "돋움", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}

.txt_20 {
	font-family: "돋움", verdana;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
}






/* ★★★★★★★★★★★★★★★★ 이미지로 BG효과 주기 ★★★★★★★★★★★★★★★★ 06 */

.index_bg01  {
	background-image: url(../images/main/notice_bg.gif);
	background-repeat: no-repeat;
}
.index_logobg {
	background-image: url(/images/main/familys_logobg.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 103px;
}
.foot_bg {
	background-image: url(/images/inc/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 62px;
}

.index_bg {
	background-image: url(/images/inc/total_bg.gif);
	background-repeat: repeat-x;
}

.left_bg2 {
	background-image: url(/images/inc/left_bg2.gif);
	background-repeat:repeat-y;
}
.img_box {
	border: 1px solid #e6e6e6;
}

.sub_flash_bg01 {
	background-image: url(/images/inc/sub_flash_bg01.gif);
	background-repeat:no-repeat;
}

.sub_flash_bg02 {
	background-image: url(/images/inc/sub_flash_bg02.gif);
	background-repeat:no-repeat;
}

.bar_bg01 {
	background-image: url(/images/inc/bar_bg01.gif);
	background-repeat:no-repeat;
	width:5px;
	height:27px;
}

.bar_bg02 {
	background-image: url(/images/inc/bar_bg02.gif);
	background-repeat:repeat-x;
}

.bar_bg03 {
	background-image: url(/images/inc/bar_bg03.gif);
	background-repeat:no-repeat;
	width:5px;
	height:27px;
}





/* ★★★★★★★★★★★★★★★★ 기타 ★★★★★★★★★★★★★★★★ end */


/* 이미지 보더=0 */
IMG {border:0px}
.imgbg {
	background-image: url(/images/workshop/pop_imgbg.gif);
	background-repeat: no-repeat;
	height: 482px;
	width: 632px;
	background-position: center center;
	padding: 16px;
}