@charset "utf-8";

body,td,input,select,div,form,textarea,center,option,pre,blockquote
{font-size:11px; font-family:돋움,돋움체,verdana; color:#777777;
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;
}



/* 가이드*/

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




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



/* 폰트 효과주기(BOLD=NO) */
.font_9a9a9a_11  {font-size:11px; color:#9a9a9a;}
.font_333333_11  {font-size:11px; color:#333333;}
.font_888888_11  {font-size:11px; color:#888888;}
.font_999999_11  {font-size:11px; color:#999999;}
.font_7b2e00_11  {font-size:11px; color:#7b2e00;}
.font_ff0000_11  {font-size:11px; color:#ff0000;}
.font_6b808f_11  {font-size:11px; color:#6b808f;}
.font_6c93ab_11  {font-size:11px; color:#6c93ab;}


.font_666666_12  {font-size:12px; color:#666666;}
.font_333333_12  {font-size:12px; color:#333333;}
.font_777777_12  {font-size:12px; color:#777777;}
.font_888888_12  {font-size:12px; color:#888888;}
.font_999999_12  {font-size:12px; color:#999999;}
.font_555555_12  {font-size:12px; color:#555555;}




/* 폰트 효과주기(BOLD=YES) */
.fontb_000000_11  {font-size:11px; color:#000000; font-weight:bold;}
.fontb_ffffff_11  {font-size:11px; color:#ffffff; font-weight:bold;}
.fontb_666666_11  {font-size:11px; color:#666666; font-weight:bold;}
.fontb_777777_11  {font-size:11px; color:#777777; font-weight:bold;}
.fontb_999999_11  {font-size:11px; color:#999999; font-weight:bold;}
.fontb_ffa749_11  {font-size:11px; color:#ffa749; font-weight:bold;}
.fontb_444444_11  {font-size:11px; color:#444444; font-weight:bold;}
.fontb_d98b4e_11  {font-size:11px; color:d98b4e; font-weight:bold;}
.fontb_6b808f_11  {font-size:11px; color:#6b808f; font-weight:bold;}
.fontb_ff8400_11  {font-size:11px; color:#ff8400; font-weight:bold;}

.fontb_8560a8_12  {font-size:12px; color:#8560a8; font-weight:bold;}
.fontb_333333_14  {font-size:14px; color:#333333; font-weight:bold;}
.fontb_888888_12  {font-size:12px; color:#888888; font-weight:bold;}
.fontb_555555_12  {font-size:12px; color:#555555; font-weight:bold;}
.fontb_777777_12  {font-size:12px; color:777777; font-weight:bold;}
.fontb_6b808f_12  {font-size:12px; color:#6b808f; font-weight:bold;}

.fontb_5679cc_13  {font-size:13px; color:#5679cc; font-weight:bold;}
.fontb_999999_13  {font-size:13px; color:#999999; 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;}



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




/* 페이지 번호 효과주기 */
.pnum_999999_11          {font-size:11px; color:#999999;text-decoration:none;font-family:arial;}
.pnum_999999_11:link     {font-size:11px; color:#999999; text-decoration:none;font-family:arial;}
.pnum_999999_11:visited  {font-size:11px; color:#999999; text-decoration:none;font-family:arial;}
.pnum_999999_11:hover    {font-size:11px; color:#ffa749; text-decoration:underline; font-weight:bold;font-family:arial;}



/* 폰트에 링크 효과주기 */
a            {color:#777777;  text-decoration:none}
a:link       {color:#777777;  text-decoration:none}
a:visited    {color:#777777;  text-decoration:none}
a:hover      {color:#515151;  text-decoration:underline}

.flink_6c93ab_11            {font-size:11px; color:#6c93ab;  text-decoration:underline}
.flink_6c93ab_11:link       {font-size:11px; color:#6c93ab;  text-decoration:underline}
.flink_6c93ab_11:visited    {font-size:11px; color:#6c93ab;  text-decoration:underline}
.flink_6c93ab_11:hover      {font-size:11px; color:#6c93ab;  text-decoration:underline; font-weight:bold;}

.flink_777777_11            {font-size:11px; color:#777777;  text-decoration:none; }
.flink_777777_11:link       {font-size:11px; color:#777777;  text-decoration:none; }
.flink_777777_11:visited    {font-size:11px; color:#777777;  text-decoration:none; }
.flink_777777_11:hover      {font-size:11px; color:#515151;  text-decoration:underline; }

.flink_777777_12            {font-size:12px; color:#777777;  text-decoration:none; }
.flink_777777_12:link       {font-size:12px; color:#777777;  text-decoration:none; }
.flink_777777_12:visited    {font-size:12px; color:#777777;  text-decoration:none; }
.flink_777777_12:hover      {font-size:12px; color:#515151;  text-decoration:underline; }





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



/* 테이블 LEFT 여백 효과주기 */

.pad_l3  {padding-left:3px;}
.pad_l4  {padding-left:4px;}
.pad_l7  {padding-left:7px;}
.pad_l10  {padding-left:10px;}
.pad_l16  {padding-left:16px;}
.pad_l20  {padding-left:20px;}
.pad_l35  {padding-left:35px;}
.pad_l12  {padding-left:12px;}
.pad_l5  {padding-left:5px;}
.pad_l1  {padding-left:1px;}
.pad_l70  {padding-left:70px;}
.pad_l89  {padding-left:89px;}
.pad_l2  {padding-left:2px;}



/* LEFT 여백 및 TEXT 효과주기 */

.tpad01  {padding-left:15px; font-weight:bold; font-size:11px; color:777777;}
.tpad02  {padding-left:15px; font-size:11px; color:777777;}
.tpad03  {padding-left:16px; font-size:11px; color:777777;}
.tpad04  {padding-left:15px; font-size:11px; color:6c93ab;}
.tpad05  {padding-left:8px; color:6c93ab;}
.tpad06  {padding-left:20px; font-size:11px; color:6c93ab;}
.tpad07  {padding-left:17px; font-size:11px; color:888888;}
.tpad08  {padding-left:15px; font-size:11px; color:999999;}
.tpad09  {padding-left:22px; font-size:11px; color:777777;}
.tpad10  {padding-left:16px; font-size:14px; color:#FFFFFF; font-weight:bold;}
.tpad11  {padding-left:16px; font-size:11px; color:#ff0000;}
.tpad12  {padding-left:1px; font-size:11px; color:999999;}
.tpad13  {padding-left:0px; font-size:20px; color:#FFFFFF; font-weight:bold;}
.tpad14  {padding-left:16px; font-size:11px; color:#FFFFFF;}
.tpad17  {padding-left:20px; font-size:11px; color:#777777;}
.tpad19  {padding-left:16px; font-size:11px; color:#999999;}
.tpad20  {padding-left:21px; font-size:11px; color:#999999;}
.tpad21  {padding-left:85px; font-size:11px; color:777777;}
.tpad22  {padding-left:4px; font-size:11px; color:666666;}

.tpad15  {padding-right:12px; font-size:13px; color:#6b808f; font-weight:bold;}
.tpad16  {padding-right:12px; font-size:11px; color:#777777;}
.tpad18  {padding-right:3px; font-size:11px; color:#999999;}



/* 테이블 RIGHT 여백 효과주기 */
.pad_r3  {padding-right:3px;}
.pad_r65  {padding-right:65px;}




/* 테이블 TOP 여백 효과주기 */
.pad_t5  {padding-top:5px;}
.pad_t2  {padding-top:2px;}
.pad_t3  {padding-top:3px;}
.pad_t1  {padding-top:1px;}



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






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



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



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



/* left, right */
.pad_l15r5  {padding-left:15px;padding-right:5px;}
.pad_l9r11  {padding-left:9px;padding-right:11px;}
.pad_l10r22  {padding-left:10px;padding-right:22px;}


/* 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_t5l5b5  {padding-top:5px; padding-left:5px; padding-bottom:5px;}






/* 테이블 전체 여백 효과주기 */

.pad_t2r11_11 {padding:2px 11px 0px 0px; color:999999; font-size:11px;}
.pad_01 {padding:15px 20px 15px 20px}
.pad3_15 {padding:15px 15px 0px 15px}
.pad_all15 {padding:15px 15px 25px 15px}
.pad_all10 {padding:10px 10px 10px 10px; line-height:17px; color:666666;}
.pad_all10_11 {padding:10px 10px 10px 15px; line-height:14px; color:999999; font-size:11px;}
.pad_all5 {padding:5px 5px 5px 15px; line-height:17px; color:666666;}
.pad_all15_11 {padding:15px 15px 15px 15px; line-height:18px; color:888888; font-size:11px;}
.pad_t15r15b15l15 {padding:15px 15px 15px 15px; line-height:17px; color:777777;} 
.pad_t15r15b45l15 {padding:15px 15px 45px 15px; line-height:17px; color:777777; font-size:11px;}
.pad_t20b20l20 {padding:20px 0px 20px 20px; line-height:18px; color:777777; font-size:11px;}
.pad_r5l5 {padding:0px 5px 0px 5px; color:777777; font-size:11px;}
.pad_t18r15b18l15 {padding:18px 15px 18px 15px; line-height:17px; color:777777; font-size:11px;}
.pad_t15r10b10l15 {padding:15px 10px 10px 15px; line-height:17px; color:777777; font-size:11px;}





/* 마진 효과주기 */
.margin_t5rbl  {margin : 5px 0px 0px 0px}





 

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



/* Text Field 효과주기 */
.tfield_01  {background-color:#ffffff;border:1px solid #cccccc; height:19;}
.tfield_02  {background-color:#ffffff;border:1px solid #d3d3d3; height:22; width:626px;}
.tfield_03  {background-color:#ffffff;border:1px solid #ffffff; height:18; color:#666666;}
.tfield_04  {background-color:#ffffff;border:1px solid #cccccc; height:19; width:100%}
.tfield_05  {background-color:#eeeeee;border:1px solid #eeeeee; height:19;}
.tfield_06  {background-color:#000000;border:1px solid #000000; height:19; color:ffffff;}
.tfield_07  {background-color:#ffffff;border:1px solid #d4d4d4; height:19; width=162;}
.tfield_08  {background-color:#ffffff;border:1px solid #d4d4d4; height:21; width=233;}
.tfield_09  {background-color:#ffffff;border:1px solid #d4d4d4; height:18; width=122;}
.tfield_10  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=110;}
.tfield_11  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=80;}
.tfield_12  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=100;}
.tfield_13  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=110;}
.tfield_14  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=202;}
.tfield_15  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=182;}
.tfield_16  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=521;}
.tfield_17  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=222;}
.tfield_18  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=321;}
.tfield_19  {background-color:#e4e4e4;border:1px solid #e4e4e4; height:19; width=195;}



/* Text Area 효과주기 */
.tarea_01  { font-size:12px; color:#666666;  border:solid #eeeeee 1px;  background-color:#FFFFFF; width:100%; padding: 5 5 5 5; line-height:16px;}
.tarea_02  { font-size:12px; color:#666666;  border:solid #cccccc 1px;  background-color:#FFFFFF; width:100%; padding: 5 5 5 5; line-height:16px;}


/* 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 #cccccc;}



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



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






/* 테이블 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; } 








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


.txt_lh16 {line-height:16px;}








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




/* Board BG */


.list_bar {
	background-image: url(/images/board/list_bar.gif);
	background-repeat: no-repeat;
	height: 36px;
}


.list_bar_part {
	background-image: url(/images/board/list_bar_part.gif);
	background-repeat: no-repeat;
	width:1px;
}

.list_bottom_line {
	background-image: url(/images/board/list_bottom_line.gif);
	background-repeat: repeat-x;
	height:3px;
}

.list_top_line {
	background-image: url(/images/board/list_top_line.gif);
	background-repeat: repeat-x;
	height:3px;
}




/* 미드 정보 */

.copy_line {
	background-image: url(/images/sub/copy_bg.gif);
	background-repeat:repeat-x;
	height:6px;
}





/* 회원가입 */

.login_bg {
	background-image: url(/images/member/login_bg.jpg);
	background-repeat:no-repeat;
	height:212px;
}

.id_img {
	background-image: url(/images/member/id_img.gif);
	background-repeat:no-repeat;
	width:235px;
	height:130px;
}

.pw_img {
	background-image: url(/images/member/pw_img.gif);
	background-repeat:no-repeat;
	width:235px;
	height:130px;
}

.img_bg01 {
	background-image: url(/images/member/img_bg01.gif);
	background-repeat:repeat-x;
	height:130px;
}

.img_bg02 {
	background-image: url(/images/member/img_bg02.gif);
	background-repeat:no-repeat;
	width:5px;
	height:130px;
}




/* 팝업 */

.pop_bar_bg {
	background-image: url(/images/popup/pop_bar_bg.gif);
	background-repeat:repeat-x;
	height:30px;
}

.pop_box_tl {
	background-image: url(/images/popup/pop_box_tl.gif);
	width:5px;
	height:5px;
}

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

.pop_box_tr {
	background-image: url(/images/popup/pop_box_tr.gif);
	width:5px;
	height:5px;
}

.pop_box_ml {
	background-image: url(/images/popup/pop_box_ml.gif);
	background-repeat:repeat-y;
}

.pop_box_mr {
	background-image: url(/images/popup/pop_box_mr.gif);
	background-repeat:repeat-y;
}


.pop_box_bl {
	background-image: url(/images/popup/pop_box_bl.gif);
	width:5px;
	height:5px;
}

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

.pop_box_br {
	background-image: url(/images/popup/pop_box_br.gif);
	width:5px;
	height:5px;
}









/* sub 공통 BG */


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


.top_bg  {
	background-image: url(/images/sub/top_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}


.left_menu_bg02  {
	background-image: url(/images/sub/left_menu_bg02.gif);
	background-repeat: repeat-y;
}

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


.main_lbg {
	background-image: url(/images/main/main_left_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 768px;
	width: 63px;
}
.main_rbg {
	background-image: url(/images/main/main_right_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 768px;
	width: 62px;
}
.main_topbg {
	background-image: url(/images/main/main_top_bg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 900px;
}






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


/* 이미지 보더=0 */
IMG {border:0px}