@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif; }

	img, form, input, select, textarea, button { border:0; margin:0; }
	th {  font-size:10pt; color:#333333;line-height:18px; font-weight: normal;}
	td {  font-size:10pt; color:#333333;line-height:18px; font-weight: normal;}
	.td {  font-size:10pt; color:#333333;line-height:18px;}



	.input		{font-size:10pt; line-height:10pt; border:1px solid #CCCCCC; padding:5px;  margin:2px; ime-mode:active;}

	textarea	{ font-size:10pt;  line-height:12pt; vertical-align:middle; ime-mode:active;}
	.textarea	{  line-height:14pt; border:1px solid #CCCCCC; padding:2px; }


	.select		{ font-size:10pt; border:1px solid #CCCCCC; padding:4px; margin:2px;}
	/* 셀렉트 초기열 */	
	.select_init{ color:#AAAAAA; }


	a{color:#333333;text-decoration:none}
	a:link {color:#333333;text-decoration:none},a:visited {text-decoration:none}, a:active {text-decoration:none} a:hover {color:#04559b;text-decoration:none}


/* ---------------------------------------------------------------------------------------------------
	버튼
--------------------------------------------------------------------------------------------------- */
button { font-size:9pt;  line-height:10pt; padding:6px; margin-left:1px; margin-right:1px;  cursor:pointer;  }
	/* 작은버튼 '수정' */
	.butS_normal{  font-size:8pt; padding:2px; background-color:#ffffff; color:#000000; border:0px solid #666666; cursor:pointer;}
	.butS_make	{  font-size:8pt; padding:2px; background-color:#333333; color:#FFAA00; border:0px solid #CCCCCC; cursor:pointer;}
	.butS_update{  font-size:8pt; padding:2px; background-color:#333333; color:#FFAA00; border:0px solid #CCCCCC; cursor:pointer;}
	.butS_delete{  font-size:8pt; padding:2px; background-color:#333333; color:#FF0000; border:0px solid #CCCCCC; cursor:pointer;}
	.butS_link	{  font-size:8pt; padding:2px; background-color:#333333; color:#FFFFFF; border:0px solid #666666; cursor:pointer;}


	/* 일반버튼 */
	.but_normal {  background-color:#ffffff; color:#000000; border:1px solid #666666; cursor:pointer; padding:4px 10px 4px 10px; }
	.but_search	{  background-color:#333333; color:#FFFFFF; border:1px solid #000000; cursor:pointer; padding:4px 10px 4px 10px; }
	.but_close	{  background-color:#333333; color:#FFFFFF; border:1px solid #000000; cursor:pointer; padding:4px 10px 4px 10px; }
	.but_make	{  background-color:#333333; color:#FFAA00; border:1px solid #000000; cursor:pointer; padding:4px 10px 4px 10px; }
	.but_update	{  background-color:#333333; color:#FFAA00; border:1px solid #000000; cursor:pointer; padding:4px 10px 4px 10px; }
	.but_delete	{  background-color:#333333; color:#FF0000; border:1px solid #000000; cursor:pointer; padding:4px 10px 4px 10px; }

	/* 확대버튼 */
	.butB_normal{  background-color:#333333; color:#FFFFFF; border:1px solid #000000; cursor:pointer; padding:8px 12px 8px 12px; }
	.butB_close	{  background-color:#333333; color:#FFFFFF; border:1px solid #000000; cursor:pointer; padding:8px 12px 8px 12px; }
	.butB_make	{  background-color:#333333; color:#FFAA00; border:1px solid #000000; cursor:pointer; padding:8px 12px 8px 12px; }
	.butB_update{  background-color:#333333; color:#FFAA00; border:1px solid #000000; cursor:pointer; padding:8px 12px 8px 12px; }
	.butB_delete{  background-color:#333333; color:#FF0000; border:1px solid #000000; cursor:pointer; padding:8px 12px 8px 12px; }




	div,dl,dt,dd,ul,ol,li{list-style:none; margin:0px; padding:0px; font-size:10pt; color:#333333; line-height:18px;}

	/* 작을글씨 */
	.t_small	{  font-size: 8pt; line-height: 12pt }

	.t_small_hot{  font-size: 8pt; line-height: 12pt; color:#FF0000; }



	.t_so {    font-size: 8pt; color: #FF6600; line-height: 12pt; font-weight: bold;}
	/* 설명문 */ 
	.doc		{  font-size: 8pt; color: #999999; line-height: 12pt}
	/* 경고문 */ 
	.doc_alert  {  font-size: 8pt; color: #FF0000; line-height: 12pt}


	.input_readonly	{ border:1px solid #CCCCCC; background-color:#f3f3f3; height:18px; vertical-align:middle; font-size:10pt; font-family:'Nanum Gothic'}

    .input_price {  text-align:right; font-weight:bold;  border:1px solid #CCCCCC; padding:2px;}	/* 일반숫자형 */


	.height_1	{height:1px; width:100%; clear:both;}
	.height_2	{height:2px; width:100%; clear:both;}
	.height_3	{height:3px; width:100%; clear:both;}
	.height_4	{height:4px; width:100%; clear:both;}
	.height_5	{height:5px; width:100%; clear:both;}
	.height_6	{height:6px; width:100%; clear:both;}
	.height_7	{height:7px; width:100%; clear:both;}
	.height_8	{height:8px; width:100%; clear:both;}
	.height_9	{height:9px; width:100%; clear:both;}
	.height_10	{height:10px; width:100%; clear:both;}
	.height_11	{height:11px; width:100%; clear:both;}
	.height_12	{height:12px; width:100%; clear:both;}
	.height_13	{height:13px; width:100%; clear:both;}
	.height_14	{height:14px; width:100%; clear:both;}
	.height_15	{height:15px; width:100%; clear:both;}
	.height_16	{height:16px; width:100%; clear:both;}
	.height_17	{height:17px; width:100%; clear:both;}
	.height_18	{height:18px; width:100%; clear:both;}
	.height_19	{height:19px; width:100%; clear:both;}
	.height_20	{height:20px; width:100%; clear:both;}
	.height_21	{height:21px; width:100%; clear:both;}
	.height_22	{height:22px; width:100%; clear:both;}
	.height_23	{height:23px; width:100%; clear:both;}
	.height_24	{height:24px; width:100%; clear:both;}
	.height_25	{height:25px; width:100%; clear:both;}
	.height_26	{height:26px; width:100%; clear:both;}
	.height_27	{height:27px; width:100%; clear:both;}
	.height_28	{height:28px; width:100%; clear:both;}
	.height_29	{height:29px; width:100%; clear:both;}
	.height_30	{height:30px; width:100%; clear:both;}
	.height_31	{height:31px; width:100%; clear:both;}
	.height_32	{height:32px; width:100%; clear:both;}
	.height_33	{height:33px; width:100%; clear:both;}
	.height_34	{height:34px; width:100%; clear:both;}
	.height_35	{height:35px; width:100%; clear:both;}
	.height_36	{height:36px; width:100%; clear:both;}
	.height_37	{height:37px; width:100%; clear:both;}
	.height_38	{height:38px; width:100%; clear:both;}
	.height_39	{height:39px; width:100%; clear:both;}
	.height_40	{height:40px; width:100%; clear:both;}
	.height_50	{height:50px; width:100%; clear:both;}
	.height_60	{height:60px; width:100%; clear:both;}
	.height_70	{height:70px; width:100%; clear:both;}
	.height_80	{height:80px; width:100%; clear:both;}
	.height_90	{height:90px; width:100%; clear:both;}
	.height_100 {height:100px; width:100%; clear:both;}



.text_box { color:#666666;line-height:18px; margin:10px 0px 10px 0px; padding:6px; border:1px solid #EEEEEE; background-color:#fafafa;}



.menu_box	{ float:left; margin:3px; padding:10px;  background-color:#ffffff; border:1px solid #cccccc; cursor:pointer;  position: relative;}
.menu_box_ck{ float:left; margin:3px; padding:10px;  background-color:#ffffff; border:1px solid #FF0000; color:#FF0000; cursor:pointer; position: relative;}

.menu_box2	 { float:left; margin:3px; padding:10px;  background-color:#333333; border:1px solid #000000; color:#FFFFFF; cursor:pointer;  position: relative;}
.menu_box2_ck{ float:left; margin:3px; padding:10px;  background-color:#333333; border:1px solid #000000; color:#FF9900; cursor:pointer; position: relative;}

/* 안내글 박스 */
.info_box {  color:#333333; line-height:18px; padding:10px; border:1px dashed #CCCCCC; background-color:#ffffff; color:#888888;}
.info_box2 {  color:#333333; line-height:18px; margin:5px 5px 5px 5px; padding:10px; border:1px dashed #CCCCCC; background-color:#ffffff;  color:#888888;}


body {
margin: 0px; /* 언제나 전체 body에는 margin 값을 0으로 세팅해준다 */
}
html, body {
    height: 100%;
}
 


/* 테이블 라인없음 */
table.blank {  clear:both; padding:0px; border-collapse: collapse;}
table.blank caption  { margin: 0; padding: 0; }
table.blank th {  margin: 0; padding:0px 0px 0px 0px;  vertical-align:top; text-align:left;}
table.blank td {  margin: 0; padding:0px 0px 0px 0px;  vertical-align:top; text-align:left;}
table.blank .center { padding:0px 0px 0px 0px; text-align:center;}
table.blank .right  { padding:0px 0px 0px 0px; text-align:right;}


/* ---------------------------------------------------------------------------------------------------
	게시판 관련
--------------------------------------------------------------------------------------------------- */
.pds_doc_title	{ padding:20px; clear: both; text-align:left; font-weight:bold; background-color:#f7f7f7; font-size:13pt;}

.pds_doc_info	{ float:left;  padding:5px 0px 5px 10px; text-align:left;}
.pds_doc_file	{ clear:both; padding:5px 0px 5px 0px; text-align:center}
.pds_doc_memo	{ clear:both; padding:10px 10px 50px 10px;  text-align:left}

.pds_tail_list	{ clear: both; width:100%; padding:0px 0px 0px 0px;  border-top:1px solid #eeeeee;}
.pds_tail_list1	{width:20%; float:left; padding:10px 0px 10px 0px;}
.pds_tail_list2	{width:80%; float:left; padding:10px 0px 10px 0px;}

.pds_search	{width:100%; padding:20px 0px 20px 0px; clear: both; text-align:center}

.one_pds_reply_y { clear: both; padding:6px 8px 6px 8px; text-align:left; background-color:#FFFF00;}
.one_pds_reply_n { clear: both; padding:6px 8px 6px 8px; text-align:left; background-color:#f7f7f7;}


/* 입력폼제목 강조문 */
.fil		{ color:#FF0000;}
.post_top	{width:98%; margin:auto; padding:0px 0px 4px 0px; }
.post_so_title  {width:98%; margin:auto; padding:10px 0px 4px 0px; text-align:left; }    /* 표의 소제목 */
.post_exe	{width:100%; padding:15px 0px 50px 0px; position: relative;clear: both; text-align:center}



/* 팝업형식 내용입력폼 */
table.post {  clear:both; width:100%; margin:auto; padding:0px;  border-left:0px solid #DDDDDD; border-right:0px solid #DDDDDD; border-collapse: collapse; border-top:2px solid #f7cf73;  }
table.post th, table.post td { margin:0px; padding:10px 8px 10px 8px;  text-align:left; border-bottom: 1px solid #DDDDDD; }
table.post caption { margin: 0; padding: 0; }
table.post th { background-color: #f8f8f8; color:#000000;}
table.post td { background-color: #FFFFFF; color:#000000;}
table.post .center { text-align:center;}

table.list { clear:both;  padding:0px;  border-collapse: collapse; border-left:0px solid #DDDDDD; border-right:0px solid #DDDDDD; border-top:2px solid #f7cf73; }
table.list caption  { margin: 0; padding: 0; }
table.list th {  margin: 0; padding:15px 0px 15px 0px;  text-align:center; border-bottom:1px solid #DDDDDD;  background-color: #f8f8f8; color:#777777;}
table.list td {  margin: 0; padding:15px 0px 15px 0px;  text-align:center; border-bottom:1px solid #DDDDDD;  color:#777777;}
table.list .left { padding:15px 8px 15px 8px; text-align:left;}
table.list .right { padding:15px 8px 15px 8px; text-align:right;}


.list_search	{clear: both;  text-align:center; padding:10px 0px 10px 0px; background-color:#EEEEEE; border:1px solid #DDDDDD;}

.list_menu		{width:100%;clear: both;}
.list_menu .menu1	{width:50%; padding:6px 0px 6px 5px; float:left; text-align:left;}
.list_menu .menu2	{width:40%; padding:6px 0px 6px 0px; float:right; text-align:right; }

.list_doc		{ padding:10px 10px 10px 10px; margin:10px 0px 10px 0px; background-color:#f3f3f3; }

.list_page		{ width:100%; height:30px; text-align:center; padding:20px 0px 20px 0px; background-color:#ffffff; }

.list_sub		{ width:100%; text-align:left; padding:30px 0px 6px 0px; background-color:#ffffff; }






/* ---------------------------------------------------------------------------------------------------
	상단
--------------------------------------------------------------------------------------------------- */
.top_text_back { width:100%; height:40px;  background-color:#55474a; }
	.top_text_lay { width:998px; height:40px;  margin:auto;}
	.top_text_lay li { float:left; }


.top_logo_back	{ width:998px; height:115px; margin:auto; position:relative; }
	.top_left	{ position:absolute; left:0px; top:34px;  }
	.top_logo	{ position:absolute; left:394px; top:34px;  }
	.top_phone	{ position:absolute; left:827px; top:34px;  }
	.top_all_service  { position:absolute; left:920px; top:96px; z-index:200; }
	.top_service_back { position:absolute; left:0px; top:115px; width:998px; height:222px; background: url('img/main/service_back.jpg') no-repeat left top;   }
		.top_service_blank { height:20px; }
		.top_service	{ font-size:13px; color:#666666; margin-left:1px; padding-top:5px; height:25px; padding-left:16px; background-color:#ffffff; }
		.top_service_on { font-size:13px; color:#f04c23; margin-left:1px; padding-top:5px; height:25px; padding-left:16px; background-color:#f8f7f4; text-decoration:underline;}
		.top_s_loan { padding-top:27px; }
		.top_s_loan li { float:left; padding-left:45px;  }



.main_item_back	{ width:998px; height:400px; position:relative; margin:auto; background: url('img/main/item_back.jpg') no-repeat left top;  }
	.main_item	{ width:998px; height:347px; position:relative;  }

	.main_menu	{ width:998px; height:66px; position:absolute; top:334px; left:0px;  }
	.main_menu li	{ float:left;  }


	.main_faq_tit { padding-top:35px; padding-left:50px; }
	.main_faq  { height:200px; padding-top:25px; padding-left:50px; overflow:hidden; }
		.main_faq_q   { width:900px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dddddd;  }
		.main_faq_q a { font-size:20px; color:#483b3d; }
		.main_faq_a   { width:900px; padding-top:10px;  padding-bottom:10px;font-size:15px; color:#666666;  }
	.main_faq_text { padding-top:10px; text-align:center; }



/* 메인빠른 상단신청 */
.main_order_lay { width:998px; margin:auto; padding-top:15px; }
	.q_order_back {  width:370px; height:258px; position:relative;  background: url('img/main/q_order_back.jpg') no-repeat left top;   }
		.m_loan_name	{ position:absolute; left:25px; top:121px;  color:#666666; font-size:9pt; }
		.m_loan_mobile	{ position:absolute; left:25px; top:154px;  color:#666666; font-size:9pt;  }
		.m_loan_hope	{ position:absolute; left:25px; top:187px;  color:#666666; font-size:9pt;  }

		.m_loan_agree	{ position:absolute; left:25px; top:230px;  color:#666666; font-size:9pt;  }
		.m_loan_but		{ position:absolute; left:256px; top:136px;  }
		.main_input		{ border:1px solid #dddddd; padding:2px; height:20px; vertical-align:middle; font-size:9pt; color:#CCCCCC; font-family:'나눔고딕'}
		.main_input2	{ border:1px solid #dddddd; padding:2px; height:20px; vertical-align:middle; font-size:10pt; color:#666666; font-family:'나눔고딕'}
		.main_select    { border:1px solid #dddddd; padding:2px; height:24px; vertical-align:middle; font-size:10pt; color:#666666; font-family:'나눔고딕'}


/* 하단 */
.bottom_menu {  width:996px;  margin:auto; padding-top:10px; padding-bottom:10px; background-color:#f5f5f5;  border:1px solid #dddddd; }
	.bottom_link	{ padding-top:4px; }
	.bottom_banner	{ float:right; }
	.bottom_banner li { float:left; padding-right:16px;   }

.bottom {  width:998px; height:330px; margin:auto; position:relative;  background-color:#ffffff;  }
	.bottom_logo	{ position:absolute; left:0px; top:24px;  color:#666666;  }
	.bottom_phone	{ position:absolute; left:0px; top:100px;  color:#685557;  font-size:15px;line-height:26px; 	}
	.bottom_info	{ position:absolute; left:219px; top:24px;  color:#666666; font-size:12px; font-weight:600; line-height:16px; /*color:#999999; font-size:11px;*/ }
	.bottom_info2	{ position:absolute; left:219px; top:130px;  color:#685557; font-size:12px; line-height:22px; }
	.bottom_info3	{ position:absolute; left:219px; top:60px;  color:#666666; font-size:12px; font-weight:600; }


/* home.php */
.home_body  {  width:998px;  margin:auto; }


/* 서브상단 */
.top_sub_back { width:998px; height:222px; position:relative; margin:auto;  margin-bottom:40px; }
	.sub_title		{ position:absolute; left:48px; top:58px; font-size:35px; color:#483b3d; font-weight:bold; letter-spacing:-1px; }
	.sub_menu_home	{ position:absolute; left:0px; top:156px;}
	.sub_menu		{ position:absolute; left:48px; top:156px; width:951px; }
	.sub_menu li	{ float:left;  position:relative; }
		.s_menu		{ position:absolute; left:-1px; top:66px; z-index:100;}
		.s_menu .sm_off { font-size:13px; color:#666666; font-weight:normal; width:191px; height:30px; padding-top:10px; text-align:center; background: url('img/sub/s_menu_off.png') no-repeat left top;   }
		.s_menu .sm_on  { font-size:13px; color:#f04c23; font-weight:bold;   width:191px; height:30px; padding-top:10px; text-align:center; background: url('img/sub/s_menu_on.png') no-repeat left top;   }


/* 회사소개 > 인사말 */
.about1_back {	height:483px; position:relative; margin:auto; background: url('img/sub/about1_back.jpg') no-repeat left top;  margin-bottom:50px;  }
	.about1_a { padding-top:30px; padding-left:20px; font-size:24px; font-weight:bold; color:#483b3d; line-height:35px; letter-spacing:-1px;  }
	.about1_b { padding-top:10px; padding-left:20px; font-size:17px; font-weight:normal; color:#514547; line-height:30px; }
	.about1_c { padding-top:20px; padding-left:20px; font-size:13px; font-weight:normal; color:#666666; line-height:24px; }
	.about1_d { padding-top:10px; padding-left:20px;}

/* CI */
.about_sub_tit  { height:26px; font-size:15px; color:#444444; font-weight:bold; }
.about_sub_tit2 { height:26px; font-size:15px; color:#444444; font-weight:bold; padding-top:45px; }
.about2_down { padding-top:20px;  }
.about2_simbol { color:#666666; font-size:13px; line-height:25px;  border-top:1px solid #f7cf73; background-color:#f8f7f4; padding:20px;}

/* 찾아오시는길 */
.about3_map {  height:593px; position:relative; margin:auto; background: url('img/sub/about3_map.jpg') no-repeat left top;  margin-bottom:50px;    }
	.about3_addr { padding-top:22px; padding-left:22px; color:#483b3d; font-size:24px; line-height:35px; letter-spacing:-1px; }


/* 대출상품 */
.loan_sub_tit  { height:26px; font-size:15px; color:#444444; font-weight:bold; }
.loan_doc_info  { padding-top:10px; padding-left:10px;  font-size:14px; color:#f04c23; font-weight:normal; line-height:25px; }

table.t_loan {  clear:both; width:100%; margin:auto; padding:0px;  border-left:0px solid #e1e1e1; border-right:0px solid #DDDDDD; border-collapse: collapse; border-top: 1px solid #f6ab00;  }
table.t_loan th, table.t_loan td { margin:0px; padding:0 8px 0 8px; border-bottom:1px solid #e1e1e1; height:40px;}
table.t_loan caption { margin: 0; padding: 0; }
table.t_loan th { text-align:center; background-color: #f8f7f4; color:#444444; font-weight:bold; }
table.t_loan td { text-align:left; background-color: #FFFFFF; color:#444444;}
table.t_loan .center { text-align:center;}

.hot  { color:#f05123; font-weight:bold;  }

.loan_post_lay { position:relative;  height:70px; }
	.loan_post_agree	{ position:absolute; left:23px; top:10px; }
	.loan_post_agree_but{ position:absolute; left:23px; top:38px; }
	.loan_post_but		{ position:absolute; left:750px; top:15px; }

.loan_post_info  { position:relative;  padding:20px; margin-top:30px; background-color: #f8f7f4; border-bottom:1px solid #e1e1e1; border-top:1px solid #f6ab00;  }
	.loan_post_info_1  { font-size:15px; color:#f04c23; font-weight:bold; height:32px; }
	.loan_post_info_2  { font-size:13px; color:#666666; line-height:26px;  }

/* 카카오톡 상담 */
.kakao_post_but  { padding-top:20px; height:150px;  }

/* 자주하는질문*/
.faq  {  border-top:2px solid #f7cf73;}
	.faq_q   { padding-left:14px; padding-top:14px; padding-bottom:14px; border-bottom:1px solid #dddddd;  }
	.faq_q a { font-size:20px; color:#483b3d; }
	.faq_a   { padding-left:14px; padding-top:14px;  padding-bottom:14px;font-size:15px; color:#666666;  }
.faq_text { padding-top:10px; text-align:center; }



/* 대출가이드 */
.guide_sub_tit  { height:26px; font-size:15px; color:#444444; font-weight:bold; }
.guide_doc { color:#666666; font-size:13px; line-height:25px;  border-top:1px solid #f7cf73; background-color:#f8f7f4; padding:20px;}