/****기본****/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	scrollbar-face-color: #F8F8F8; 
	scrollbar-shadow-color: #CECECE; 
	scrollbar-highlight-color: #ececec; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #EAEAEA; 
	scrollbar-arrow-color: #696969;
}
body, #intro_layout { font-family: dotum, 돋움, Verdana, arial ; font-size: 12px; color: #676767; line-height:16px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: left; }
form { margin: 0px } 
img { border: none;}

table, tr, td, select, textarea, {
	font-family: dotum,돋움, Verdana, arial; 
	font-size: 12px;
	line-height:16px;
	color: #676767;
	vertical-align: top;
}
ul,ol,li { margin: 0; padding: 0; list-style: none; }

a		{ color: #555555; text-decoration: none; }
a.t:link	{ color: #555555; text-decoration: none; }
a.t:visited	{ color: #555555; text-decoration: none; }
a.t:hover	{ color: #7b7b7b; text-decoration:none; }
a.t:active	{ color: #555555; text-decoration: none; }


a.tt:link	{ color: #0571c6; text-decoration: none; }
a.tt:visited	{ color: #0571c6; text-decoration: none; }
a.tt:hover	{ color: #882222; text-decoration:none; }
a.tt:active	{ color: #0571c6; text-decoration: none; }




.layer_popup { 
	position: absolute ;
	width: 249px; 
	height: 200px; 
	z-index: 100; 
	visibility: hidden ;
	} /* 일반적인 png 파일의 background image 사용법 */

.layer_popup_m { 
	position: absolute;
	width: 179px; 
	height: 130px; 
	z-index: 100; 
	visibility: hidden;
	} 
	
.join1 { 
	position: absolute;
	width: 179px; 
	height: 130px; 
	z-index: 100; 
	visibility: hidden;
	} 

/**** 레이아웃 ****/
.h_5  { height:5px; }
.h_8  { height:8px; }
.h_10  { height:10px; }
.h_15  { height:15px; }
.h_20  { height:20px; }
.h_30  { height:30px; }

.img_ll { margin-left:3px; }
.img_r1 { margin-right:5px; }
.img_btn_page { margin-right:7px; margin-left:7px;}

.img_align, .img_ll, .img_r1, .img_btn_page { vertical-align:middle; } 


#intro { 
	width: 100%; 
	height: 100%;
	background: url('../images/intro/cretop02_bg.jpg') repeat-x center top;
	text-align: center;
	}

table.intro_layout { width: 947px;}

.head {	height: 54px; padding:13px 0 0 0; }
.intro_img { }

table.map_frame {  width: 947px; }
table.map_frame .cretop_frame { 
	width: 197px; 
	height: 234px;
	background: url('../images/total/intro/cretop_bg.jpg') no-repeat left top; 
	table-layout: fixed;
	padding-top:128px;
	}

table.map_frame .servicemap_frame_m { 
	width: 750px; 
	background: url('../images/total/intro/service_map_bg.jpg') no-repeat left top; 
	position: relative;
	}

.cretop_frame_bg { background: url('../images/intro/cretop01_b_bg.jpg') repeat-x left top; height:40px; }
.servicemap_frame_bg { background: url('../images/intro/service_map_b_bg.jpg') no-repeat left top; }


#intro, .intro_layout , .head, .intro_img, .input_area { vertical-align: top; }

table.login { background: url('../images/intro/cretop_login_bg.jpg') no-repeat left top; width:174px; height:88px; }
table.login .input_area { padding: 12px 0 0 13px; width:105px; }
table.login .btn_area { text-align: center; padding-bottom: 7px; }

.area2 { padding : 29px 0 0 15px; }


.area { padding : 15px 0 0 15px; }

ul.in_service_list {  list-style:none; padding: 0px; margin: 0px; }
.in_service_list li.s_list {
	line-height: 100%;
	padding-bottom : 0px;
	padding-left: 5px;
	}

.in_service_list li.title { padding-bottom : 5px; width: 135px; }

ul.board_list {  list-style:none; padding: 0px; margin: 5px 0 0 0; }
.board_list li.b_list {
	line-height: 100%;
	padding-bottom:5px; 
	padding-left: 12px; 
	background: url('../../images/bul_gray.gif') no-repeat 5px 3px;
	}
	
.popup_area { 
/*	background: url('../images/intro/popup_view.gif') no-repeat left top; */
	width: 458px;
	}
.banner_area { 
	width: 262px;
	text-align: center;
	}
.notice_area { 
	width: 227px;

	}

.notice_tit{ padding:4px 0 5px 0; }
.btn_more{ text-align: right; padding-top:10px; }

.notice { width: 100%; }
ul.notice_list { list-style:none; padding: 0px; margin: 0px; border-bottom:1px #e8e8e8 solid;}
li.list { width:170px; background: url('../images/bul_gray.gif') no-repeat left 8px; padding-left:7px; letter-spacing:-1;}
li.data { width:57px; }

li.list, li.data { display: inline; padding-top:4px; padding-bottom:3px; color:#888888; }


.popup_area_in { padding : 0px 15px 0 10px; }

ul .popup_data { list-style:none; padding: 0px; margin: 0px; }
li.img { width:170px; letter-spacing:-1;  padding:0 0 10px 0;}
li.title { width:204px; letter-spacing:-1; color:#0571c6; font-weight:bold; font-size:14px; }
li.btn { width:33px;}
li.txt {  width:203px; padding:10px 8px 10px 0px; line-height: 15px; }

li.title, li.btn, li.txt { display: inline; }


.ticker { width:458px;  background: url('../images/intro/ticker_bg.gif') no-repeat left top; padding:7px, 10px, 0, 13px; letter-spacing:-1; }


.footer_area { border-top: 1px #dadcdd solid; border-bottom: 1px #dadcdd solid;}
.footer_menu {vertical-align: middle; padding-left: 240px; height: 30px; }
.footer_site { padding-left: 130px; padding-top: 6px; }
.footer_bi { width: 240px; height: 60px; text-align: center; }
.footer { padding-left: 0px; }
.footer_bi, .footer { padding-top: 15px; }

.btn_frame { padding-top:15px; text-align:center; }



/**** 팝업 ****/
.pop_layout { width: 100%; height: 100%; }

.pop_layout .top_contents { width: 100%; padding: 0 10px 0 10px ; vertical-align: top; text-align: center; }
.pop_layout .contents { width: 100%; padding: 0 0 0 20px ; vertical-align: top; text-align: left; }
.pop_layout .contents_all { width: 100%; height:100%; padding: 0 15px 15px; 15px ; vertical-align: top; text-align: center; }/*?��비스?��?��?��보기 ?�� 기�?? ?��?��?���?? ?��?��*/
.pop_layout .footer { padding: 1px 11px 1px 0 ; text-align: right; background: #a0a0a0; }

/*POPUP HEAD*/
/*서비스자세히보기*/
.pop_shead_frame { width: 100%; height: 50px; background: url('../../images/pop_stop_bg.gif') repeat-x left top; }

/* 기타 팝업*/
.pop_head_frame { width: 100%; height: 50px; background: url('../../images/pop_top_bg.gif') repeat-x left top; }

/*팝업공통*/
.pop_shead_frame .left, .pop_head_frame .left { width: 50%; padding: 0 0 0 8px; vertical-align: top; }
.pop_shead_frame .right, .pop_head_frame .right {  text-align: right; padding: 6px 11px 0 14px;vertical-align: top; }

.servicemap_frame { width: 100%; }
.servicemap_frame .title  { padding: 0 0 5px 5px; }
.servicemap_frame .line  { height: 2px; background: #6c85b1; }
.servicemap_frame .g_bg  { background: #f2f2f2; padding: 5px 6px 9px 9px; vertical-align: top; }

.servicemap_inbox .servicemap { width: 100%; height:100%; }
.servicemap_inbox .inbox { height:100%; vertical-align: top; padding-right:3px; }

.servicemap .s_title { color: #646464; font-weight: bold; font-size:12px; padding: 3px 0 3px 10px; }
.servicemap .bg { 
	background: url('../../images/service_in_bg.gif') repeat-y left top; 
	vertical-align: top;
	padding: 3px 7px 5px 9px;
	height:100%;
	}

.service_list li { 
	background: url('../../images/bul_arrow_gray.gif') no-repeat 0px 5px;  
	font-size: 11px;
	line-height:100%;
	padding : 2px 0 2px 7px;
	}
.service_list li a:hover { color:#eb571e;  text-decoration: underline; }

.service_list li.on { 
	background: url('../../images/bul_arrow_blue.gif') no-repeat 0px 5px;  
	font-size: 11px;
	line-height:100%;
	padding : 2px 0 2px 7px;
	color: #eb571e;
	font-weight: bold;
	}
.service_list li.on a { color:#eb571e;  text-decoration: underline; }
.service_message { background: url('../../images/message_img.gif') no-repeat center 40px; height:400px; }

/* tab */
.tab_frame { width: 100%;}
.tab_frame .left { width: 80%; text-align: left; background: url('../../images/tab04_bg.gif') repeat-x left bottom; height: 31px; }
.tab_frame .right { width: 20%;  text-align: right ; padding-bottom: 2px; background: url('../../images/tab04_bg.gif') repeat-x left bottom; height: 31px; }

.tab  { width: 50%; }
.tab td { padding-right: 3px; }

/* service contents*/
.contents_area { width: 780px;  height: 495px; padding-right: 10px; overflow:scroll; position: relative; }
.contents_area1 { width: 780px;  height: 495px; padding-right: 10px; position: relative; }
.contents_area2 { width: 780px;  height: 430px; padding-right: 10px; overflow:scroll; position: relative; }

.s_contents { width:100%;}

.img_box_top { background: url('../../images/img_box_top.gif') no-repeat left bottom; height:6px; }
.img_box_bg { background: url('../../images/img_box_bg.gif') repeat-y left top; padding: 10px 0 10px 0; text-align:center; }
.img_box_bottom { background: url('../../images/img_box_bottom.gif') no-repeat left top; height: 6px; }



.h1 { padding-bottom:10px; }
.h2 { padding-bottom:10px; padding-left: 9px; }
.h3 { 
	padding-bottom:5px; 
	padding-left: 20px; 
	background: url('../../images/bul_arrow_red.gif') no-repeat 12px 5px;
	}
.h4 { 
	padding-bottom:3px; 
	padding-left: 20px; 
	background: url('../../images/bul_gray.gif') no-repeat 12px 5px;
	}

.h_txt { 
	padding-bottom: 3px; 
	padding-left: 20px; 
	}



table.board{ width:100%; border-collapse:collapse; }

table.board td.bo_t00 { 
	height: 1px;
	background: #8d9cb1;
	}

table.board td.bo_t { 
	height: 1px;
	background: #94cdd1;
	}

table.board td.bo_1 { height: 1px; background: #b8c0ca; }


table.board td.bo_text {
	color: #57657a;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background: #e4eaf2;
	padding-top: 2px;
	}/* board top-블루 */
	
table.board td.bo_text_g {
	color: #57657a;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1;
	height: 25px;
	text-align: right;
	vertical-align: middle;
	background: #f4f4f4;
	padding-top: 2px;
	padding-right:10px;
	}/* board top-회색 */

table.board td.bo_text_gcenter {
	color: #57657a;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background: #f4f4f4;
	padding-top: 2px;
	}

table.board td.bo_left {
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF;
	padding: 2px 2px 3px 7px;
	}

table.board td.bo_center {
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF;
	padding: 2px 2px 2px 2px;
	}

table.board td.bo_right {
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF;
	padding: 2px 10px 2px 2px;
	}

table.board td.bo_right_s {
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF;
	padding: 2px 20px 2px 2px;
	}
.bo_g { height:30; background-color:f7f7f7; padding-top:8px;  }


/**** 텍스트 ****/
font.f_b12 {
	color:#0e8ed0;
	font-size:12px;
	font-weight: bold;
	letter-spacing:-1;
	}/* 텍스트강조_블루 */

font.f_o12 {
	color:#f26522;
	font-size:12px;
	font-weight: bold;
	letter-spacing:-1;
	}/* 텍스트강조_오렌지*/

font.fs_b12 {
	color:#0e8ed0;
	font-size:12px;
	letter-spacing:-1;
	}/* 텍스트강조_블루 */

font.fs_o12 {
	color:#f26522;
	font-size:12px;
	letter-spacing:-1;
	}/* 텍스트강조_오렌지*/


font.fs_r12 {
	color:#b71111;
	font-size:12px;
	letter-spacing:-1;
	}/* 텍스트강조_레드*/


/**** FORM ****/
.input_login {
	font-family: dotum, 돋움, Verdana, arial ;
	font-size: 11px;
	color:#5d86bc;
	width:97px;
	border:1px solid #3e69a8;
	height:18px;
	vertical-align:middle;
	padding:2px 3px 0 3px;
	margin-bottom: 2px;
	}

.input {
	font-family: dotum, 돋움, Verdana, arial ;
	font-size: 12px;
	color: #676767;
	border:1px solid #7f9db9;
	height:18px;
	vertical-align:middle;
	padding:3px 3px 0 3px;
	ime-mode:active ;
	}

.input_m {
	font-family: dotum, 돋움, Verdana, arial ;
	font-size: 12px;
	color: #676767;
	border:1px solid #7f9db9;
	height:19px;
	vertical-align:middle;
	padding:3px 3px 0 3px;
	ime-mode: inactive;
	}
	
	
	.br5 {height:5px;}
.br10 {height:10px;}
.br20 {height:20px;}


/******************* rating ���̺� *******************************************************/

.table { background-color: #E6E6E6; text-valign: middle; padding-left:5px; padding-right:5px; font-family:굴림,verdana;}
.tableDark { background-color: #C8C8C8; text-valign: middle; padding-left:5px; padding-right:5px; font-family:굴림,verdana;}
.blue_top { background-color: #76C7DA; height:3px; font-family:굴림,verdana;}
.blue_text { background-color: #76C7DA; color : #FFFFFF; font-weight:bold; height:30px; font-family:굴림,verdana;}
.blue_txt { background-color: #76C7DA; color : #FFFFFF; font-weight:bold; font-family:굴림,verdana;}
.blue_td01 { background-color: #EEF7F9; height:30px; color: #0091AF; font-weight:bold; font-family:굴림,verdana;}
.blue_td02 { background-color: #88BCD1; height:30px; color: #1E729E; font-weight:bold; font-family:굴림,verdana;}
.green_td01 { background-color: #EEFFEE; height:15px; color: #006600; font-weight:bold; font-family:굴림,verdana;}
.blue_bottom { background-color: #83CCDE; height:2px; font-family:굴림,verdana;}
.table_td02 { background-color: #FFFFFF; height:30px; font-family:굴림,verdana;}
.table_td_2 { background-color: #FFFFFF; height:5px; font-family:굴림,verdana;}
.table_td03 { background-color: #F8F8F8; height:30px; font-family:굴림,verdana;}
.table_td04 { background-color: #F8F8F8; height:25px; font-family:굴림,verdana;} 
.table_td05 { background-image: url(../images/kr/ar/img_board_bg.gif); padding-left: 5px; padding-right: 5px; font-family:굴림,verdana;}
.table_td06 { height:30px; padding-left:3px; padding-right:3px; font-family:굴림,verdana;}
.table_td07 { background-color: #EDEDED; height:40px; font-family:굴림,verdana;}
.table_td08 { padding-left: 5px; padding-right: 5px; font-family:굴림,verdana;}
.table_td09 { background-color: #F4F8FA;  font-weight:bold; font-family:굴림,verdana;}
.table_td10 { background-color: #FFFFFF; height:70px; font-family:굴림,verdana;}
.table_td11 { background-color: #FFFFFF; height:60px; font-family:굴림,verdana;}
.table_td12 { background-color: #FFFFFF; height:20px; font-family:굴림,verdana;}

            
.table_bar { background-color: #E5E5E5; height:1px; font-family:굴림,verdana;}

.cener_line{border-right: 1 solid #E4E4E4;font-family:굴림,verdana;}
.bottom_line{border-top: 1 solid #E4E4E4;border-bottom: 1 solid #E4E4E4;font-family:굴림,verdana;}

/* 20100401 */
.b { font-weight:bold;}
.red { color:#990000;}