/* Add Reset */

html { height: 100%;}
* { margin: 0;padding: 0;border: 0;vertical-align: middle; }
img { border:0 }
/* render html5 elements as block */
header, footer, section, aside, nav, article, ul, li {
	display: block;
}
/* setting */
/* 링크 알파 */
.alpha1:hover { 
	filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; 
}
.alpha2:hover { 
	filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; 
}
.alpha3:hover { 
	filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; 
}
.alpha4:hover { 
	filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70; 
}

.clear { 	clear: both; }	 /*  클리어하기 */
a { outline:none; select-dummy: expression(this.hideFocus=true); }	/* 링크 테두리 없애기 */
h1,h2,h3,h4,h5,h6 { font-weight: bold;color: #333; }
a:link, a:visited { color:#004C9A;	text-decoration: none; }
a:hover, a:active { color: #333; }
.center_inline { display: inline-block;margin:0 auto; }		/* 인라인요소 중앙정렬 */
.center { margin:0 auto; }											/* 블록요소 중앙정렬 */
li { list-style: none; float: left; padding-left: 0px; position: relative; }
p { padding: 0; line-height: 1.5em;font-size: 107%;}
body {
	font-family:"맑은 고딕",sans-serif;		
	color: #555555;
	font-size:14px;
	font-weight: normal;
/*	letter-spacing:-0.11em;	*/
	line-height: 1.6;
	text-align: center;
	background-color: #ffffff;
	border-top: 0px solid #fff;	 /* 상단 배경색 */
}
.width10 {  display:inline-block; width:10px; }
.width20 {  display:inline-block; width:20px; }
.width30 {  display:inline-block; width:30px; }
.border_none { border: 0px !important; }
.color_10 { color: #b1b1b1; }
.margin_zero { margin: 0; }
.margin-right_10 { margin-right: 10px; }

/* 배너들 */
.banner a { display:block; width:100%; height: 100%; }
.banner a:hover { background: #efeeee;	filter:alpha(opacity=15); opacity: 0.15; -moz-opacity:0.15; }

/*	감추기 속성들 ( desk_ )	미디어쿼리 확장용	*/
.desk_hidden { display:none; }


/* layout 윤곽 */
#wrapper, header, #logo, nav, aside , #site_content, #footer
{ margin-left: auto; margin-right: auto;}
#wrapper { position: relative; width: 100%; margin: 0px auto 0px auto ; } /* 포지션있어야 퀵배너 작동 */
header { min-width: 1026px; width: 100%; height: 141px; margin-top: 0px; margin-bottom: 0px; background: #ffffff;}	 /*  background: url(../img/bg_03.gif) 0% 0% repeat-x;  */
#header_box { width: 1026px; height: 79px; margin: 0 auto; padding-top: 0px; }
nav { min-width: 1026px; width: 100%; margin: 0 auto; height: 62px; position: relative; z-index: 10000; background-color: #07579c; /* overflow: hidden; */ }	/* nav */
nav ul { width: 1026px; height: 62px; padding-top: 0px; margin: 0 auto 0 auto; }	
#second_nav { width:975px; height: 39px; margin:0px auto 10px auto; }	/* second_nav */
section { margin-bottom: 10px; }
#main_section_img { 
	margin: 0px auto 0px auto; width: 1023px; height: 273px; 
	text-align: left; padding: 0;
	background: url(../img/bg_m_img.png) 0% 0% no-repeat;
	overflow: hidden;
}
#site_content	
{ width: 100%;overflow: hidden;margin: 0px auto 0px auto;padding: 0; 
  background: #fff; border: 0px solid #E7E7E7;} 
#content_m { /* 본문(메인페이지) */
	float:left; text-align: left;  width: 100%; min-height: 400px;
	margin: 0; 
}
.sub_content_area {	 /* 서브페이지영역 */
	margin: 0 auto; width: 1026px;
}
#content { /* 본문 */
	float:right; text-align: left;  width: 762px; min-height: 400px;
	margin: 5px 0 0 0px; 
}
aside { /* 사이드바 */ 
	float: left; width: 252px; min-height:400px;
	padding-top: 25px; margin-right: 0px;
}
footer { 
	min-width: 1026px; width: 100%; min-height: 75px; 
	margin: 30px auto 0 auto; 
	padding-top: 20px; padding-bottom: 20px; 
	background-color: #f7f7f7;
	color: #7a7a7a;
	outline: 1px solid #d6d6d6;
	border-top: 1px solid #e9e9e9;
}

/* wrapper 벗어나는 영역들 */
#footer_box { width: 1026px; margin: 0 auto; }

/* ********************Detail**************************** */
#logo { 
  float: left;
  /* width: 376px; height: 66px; */
  width: 450px; height: 66px;
  margin: 7px 0px 0px 0px;	/* 높이 값 */
  background: url(../img/logo.png) 0% 0% no-repeat;
}
header a {
	display:block;
	width:100%; height: 100%;
}


.header_call {	
  float: left;
  /* width: 638px; height: 66px; */
  width: 527px; height: 66px;
  margin-right: 0px; margin-top: 13px;
  margin-left: 44px;
  background: url(../img/call_long.png) 0% 0% no-repeat;	 
}


.header_counsel {	
  float: right;
  width: 176px; height: 76px;
  margin-right: 5px;;
  background: url(../img/btn_counsel.png) 0% 0% no-repeat;	 
}
.header_counsel:hover { background: url(../img/btn_counsel_on.png) 0% 0% no-repeat; }

/* Nav */
nav { padding: 0px 0 0px 0px; }	/* ( 조절시 주의 요망 ) */
nav .nav_box_nav { float: left; margin-top: 0px; }
nav li { float: left; margin: 0 0px; }
nav li a , nav li a:hover { width:100%; height: 100%; }
.nav_btn_01 , .nav_btn_01_on { width: 117px; height: 62px; margin-left: 40px; margin-right: 92px; }	/* 위치조절 */
.nav_btn_02 , .nav_btn_02_on { width: 141px; height: 62px; margin-right: 82px; }
.nav_btn_03 , .nav_btn_03_on { width: 161px; height: 62px; margin-right: 82px; }
.nav_btn_04 , .nav_btn_04_on { width: 104px; height: 62px; margin-right: 85px; }
.nav_btn_05 , .nav_btn_05_on { width: 66px; height: 62px; margin-right: 0px; }
.nav_btn_01 a { background: url(../img/btn_nav_01.png) 0% 0% no-repeat; }
.nav_btn_02 a { background: url(../img/btn_nav_02.png) 0% 0% no-repeat; }
.nav_btn_03 a { background: url(../img/btn_nav_03.png) 0% 0% no-repeat; }
.nav_btn_04 a { background: url(../img/btn_nav_04.png) 0% 0% no-repeat; }
.nav_btn_05 a { background: url(../img/btn_nav_05.png) 0% 0% no-repeat; }
.nav_btn_01_on  { background: url(../img/btn_nav_01_on.png) 0% 0% no-repeat; }
.nav_btn_02_on  { background: url(../img/btn_nav_02_on.png) 0% 0% no-repeat; }
.nav_btn_03_on  { background: url(../img/btn_nav_03_on.png) 0% 0% no-repeat; }
.nav_btn_04_on  { background: url(../img/btn_nav_04_on.png) 0% 0% no-repeat; }
.nav_btn_05_on  { background: url(../img/btn_nav_05_on.png) 0% 0% no-repeat; }
/* Nav 2차 */
nav li span { display: none; }
nav li span a { background: none !important; } /* 2차를 나중에 추가했기때문...  */
nav li:hover span { 
	display: block;  
	width: 242px; height: 125px; overflow: hidden; 
	background-color: #fcfcfc;
	padding: 10px;
	border: 1px solid #bcbcbc;
}
.nav_sub_01 ul { width: 100%; height: 100%; overflow: hidden; }
.nav_sub_01 li {  }

nav li:hover span li { 
	float: none;
	list-style: none;
	text-align: left;
	width: 220px; height: 20px; 
	padding: 5px 10px;
	font-size: 13px;
}
nav li:hover span li:hover { 	background: #f1f1f1; }
nav li:hover span li a:link , nav li:hover span li a:visited , nav li:hover span li a:hover , nav li:hover span li a:active { color: #5c5c5c; }

/* Second Nav ( Product page ) */
/*
#second_nav { background: url(../img/bg_p_se_nav.gif) 0% 0% no-repeat; text-align: left; overflow: hidden; }
#second_nav ul { position: relative; top: 7px; left: 22px; width: 950px; height: 24px; }
#second_nav li { float: left; }
#second_nav .s_nav_li { height: 24px; }
#second_nav li a { display: block; }
#second_nav li a , #second_nav li a:hover { width:100%; height:100%; }
.second_nav_btn_01 , .second_nav_btn_01_on { width: 204px; margin-right: 17px; }
.second_nav_btn_02 , .second_nav_btn_02_on { width: 213px; margin-right: 19px; }
.second_nav_btn_03 , .second_nav_btn_03_on { width: 205px; margin-right: 18px; }
.second_nav_btn_04 , .second_nav_btn_04_on { width: 248px; }
.second_nav_btn_01 a { background: url(../img/btn_se_nav_01.gif) 0% 0% no-repeat; }
.second_nav_btn_02 a { background: url(../img/btn_se_nav_02.gif) 0% 0% no-repeat; }
.second_nav_btn_03 a { background: url(../img/btn_se_nav_03.gif) 0% 0% no-repeat; }
.second_nav_btn_04 a { background: url(../img/btn_se_nav_04.gif) 0% 0% no-repeat; }
.second_nav_btn_01 a:hover , .second_nav_btn_01_on { background: url(../img/btn_se_nav_01_on.gif) 0% 0% no-repeat; }
.second_nav_btn_02 a:hover , .second_nav_btn_02_on { background: url(../img/btn_se_nav_02_on.gif) 0% 0% no-repeat; }
.second_nav_btn_03 a:hover , .second_nav_btn_03_on { background: url(../img/btn_se_nav_03_on.gif) 0% 0% no-repeat; }
.second_nav_btn_04 a:hover , .second_nav_btn_04_on { background: url(../img/btn_se_nav_04_on.gif) 0% 0% no-repeat; }
*/

#main_section { margin-top: 25px; }

/* 메인 이미지 */
.m_tip1 { position: relative; top: 30px; left: -400px; width: 339px; height: 207px; background: url(../img/m_tip1.png) 0% 0% no-repeat; } 
.m_tip2 { position: relative; top: -190px; left: -400px; width: 213px; height: 161px; background: url(../img/m_tip2.png) 0% 0% no-repeat; }
.m_handle { position: relative; top: -100px; left: 530px; width: 473px; height: 320px; background: url(../img/m_handle.png) 0% 0% no-repeat; }


#mainimage {	/* sub 메인이미지 */
	float: left;
	width: 698px; 	height: 290px; overflow: hidden;
	margin-top: 0px; margin-left:20px;	/* 미세조정 */
}
.mainimage_01 { background: url(../img/p_01.jpg) 0% 0% no-repeat; }
.mainimage_02 { background: url(../img/p_02.jpg) 0% 0% no-repeat; }
.mainimage_03 { background: url(../img/p_03.jpg) 0% 0% no-repeat; }
.mainimage_04 { background: url(../img/p_04.jpg) 0% 0% no-repeat; }
.mainimage_05 { background: url(../img/p_05.jpg) 0% 0% no-repeat; }
.mainimage_06 { background: url(../img/p_06.jpg) 0% 0% no-repeat; }
.mainimage_07 { background: url(../img/p_07.jpg) 0% 0% no-repeat; }
.mainimage_08 { background: url(../img/p_08.jpg) 0% 0% no-repeat; }
.mainimage_09 { background: url(../img/p_09.jpg) 0% 0% no-repeat; }

#main_2 {			/* 메인이미지 옆 상담폼 위치조정 */
	margin-right:20px;		/* 미세조정 */
}



/* 보험사 로고들 */
.m_com { width: 1026px; height: 96px; margin: 0 auto; background: url(../img/bg_company.png) 0% 0% no-repeat; overflow: hidden; }
.m_com_area { position: relative; top: 26px; left: 26px; width: 974px; height: 50px; overflow: hidden; }
.m_com ul { width: 974px; height: 48px; overflow: hidden; }
.m_com li { width: 179px; height: 48px; list-style: none; float: left; overflow: hidden; }
.com_01 { background: url(../img/com_01.png) -1px -1px no-repeat; }
.com_02 { background: url(../img/com_02.png) -1px -1px no-repeat; }
.com_03 { background: url(../img/com_03.png) -1px -1px no-repeat; }
.com_04 { background: url(../img/com_04.png) -1px -1px no-repeat; }
.com_05 { background: url(../img/com_05.png) -1px -1px no-repeat; }
.com_06 { background: url(../img/com_06.png) -1px -1px no-repeat; }
.com_07 { background: url(../img/com_07.png) -1px -1px no-repeat; }
.com_08 { background: url(../img/com_08.png) -1px -1px no-repeat; }
.com_09 { background: url(../img/com_09.png) -1px -1px no-repeat; }
.com_10 { background: url(../img/com_10.png) -1px -1px no-repeat; }
.com_11 { background: url(../img/com_11.png) -1px -1px no-repeat; }
.com_12 { background: url(../img/com_12.png) -1px -1px no-repeat; }

/* 메인 폼 // 고정형  */
#form_w { margin: 0px auto 0 auto; width: 1038px; height: 211px; background: url(../img/bg_form3.png) 0% 0% no-repeat; overflow: hidden; }
.f_w_content { width: 900px; height: 140px;  }
.f_w_text_box { position: relative; top: 57px; left: 49px; width: 900px; height: 120px; }
.f_w_text_box li { float: none; display: block; }
.f_w_text_area { width:800px; height: 70px;}
#m_aljja_table1 {
	position: relative; top: 0px; left: 0px;
	width: 0px; height: 0px;
	margin-bottom: 0px;
}
.m_checkbox { vertical-align: middle; margin: 0 3px; }
#m_aljja_table2 {
	margin-top: 9px; margin-left: 0px; 
	width: 950px; height: 80px; 
	font-size: 13px; 
}
.input_01 { border: 1px solid #ccc; background-color:#ffffff; width:100px;height:30px;line-height:30px;padding:0 3px;text-align:center; margin-left: 5px; }
.input_02 { border: 1px solid #ccc; background-color:#ffffff; width:40px;height:30px;line-height:30px;padding:0 3px;text-align:center; margin: 0 5px; }
.select01 { width: 120px; height: 23px; 	border: 1px solid #ccc; }
#m_aljja_table2 .input:hover , #m_aljja_table2 .input:focus  { border:#fe9601 1px solid; }

/* 메인 폼 링크 박스 */
.main_go { position: relative; top: -10px; width: 100%; height: 211px; background: url(../img/bg_form_go.png) 0% 46px repeat-x; overflow: hidden; z-index:9999; }



/* 메인 설명 img */
.m_2 { margin-top: 0px; width: 1026px; height: 351px; background: url(../img/bg_m_2.png) 0% 0% no-repeat; }

/* 중간 */
#main_box2 { margin: 10px auto 10px auto; width: 1026px; height: 408px; overflow: hidden; }
#main_box2 ul { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
#main_box2 li { float: left; width: 326px; height: 408px; }
.btn_m_01 { background: url(../img/main_ban_01.png) 0% 0% no-repeat; margin-right: 24px; }
.btn_m_02 a { display: block; width: 326px; height: 408px; }
.btn_m_02 { background: url(../img/main_ban_02.png) 0% 0% no-repeat; margin-right: 24px; }
.btn_m_03 { overflow: hidden; }
.main_box3 { position: relative; top: 0px; left: 0px; width: 326px; height: 408px; overflow: hidden; }
.main_box3 li { float: none; width: 326px; height: 216px; }

.main_ban_03 { height: 216px; background: url(../img/main_ban_03.png) 0% 0% no-repeat; }
.main_ban_03 a { display: block; width: 326px; height: 216px; }
.main_ban_04 { height: 192px; background: url(../img/main_ban_04.png) 0% 0% no-repeat; }
.main_ban_04 a { display: block; width: 326px; height: 192px; }

/* 다른 보험 */
#main_banner { width: 1026px; height: 135px; margin: 20px auto 10px auto; overflow: hidden; }
#main_banner ul { width: 100%px; height: 100%; }
#main_banner li { float: left; display: block; width: 326px; height: 135px; }
#main_banner li a , #main_banner li a:hover { display: block; width: 100%; height: 100%; }
.btn_aljja_01 { background: url(../img/main_ban_05.png) 0% 0% no-repeat; margin-right: 24px; }
.btn_aljja_02 { background: url(../img/main_ban_06.png) 0% 0% no-repeat; margin-right: 24px; }
.btn_aljja_03 { background: url(../img/main_ban_07.png) 0% 0% no-repeat; }

/* 사이드바 */
.aside_tell { 
	margin: 0px auto 18px auto; width:240px; height:101px;
	background: url(../img/aside_tell.png) 0% 0% no-repeat;
}

.aside_ban_01 { 
	margin: 0 auto 10px auto; width:240px; height:67px;
	background: url(../img/aside_ban_01.png) 0% 0% no-repeat;
}
.aside_ban_02 { 
	margin: 0 auto 10px auto; width:240px; height:67px;
	background: url(../img/aside_ban_02.png) 0% 0% no-repeat;
}
.aside_ban_03 { 
	margin: 0 auto 10px auto; width:240px; height:67px;
	background: url(../img/aside_ban_03.png) 0% 0% no-repeat;
}
.aside_ban_04 { 
	margin: 0 auto 10px auto; width:240px; height:67px;
	background: url(../img/aside_ban_04.png) 0% 0% no-repeat;
}
.aside_ban_05 { 
	margin: 0 auto 10px auto; width:240px; height:67px;
	background: url(../img/aside_ban_05.png) 0% 0% no-repeat;
}




/* 푸터 */
.footer_area_01 { float:left; width: 80%; }
.footer_area_02 { float:left; width: 20%; }
footer p { 
	text-align: left; padding: 0 5px; font-size: 12px; line-height: 24px; 
	white-space: nowrap; /* 줄바꿈금지 */ 
}
.arrow_top {
	width: 58px; height: 28px; margin-left: 90px;
	cursor: pointer;
	background: url(../img/arrow_top.gif) 0% 0% no-repeat;
}
.arrow_top a { display: block; width: 100%; height: 100%; }

/* ***************** 서브 컨텐츠 페이지 *********************** */
.sub_title_01 { width: 744px; height: 66px; background: url(../img/sub_title_01.png) 0% 0% no-repeat; }
.sub_title_02 { width: 744px; height: 66px; background: url(../img/sub_title_02.png) 0% 0% no-repeat; }
.sub_title_03 { width: 744px; height: 66px; background: url(../img/sub_title_03.png) 0% 0% no-repeat; }
.sub_title_04 { width: 744px; height: 66px; background: url(../img/sub_title_04.png) 0% 0% no-repeat; }
.sub_title_05 { width: 744px; height: 66px; background: url(../img/sub_title_05.png) 0% 0% no-repeat; }
.sub_title_06 { width: 744px; height: 66px; background: url(../img/sub_title_06.png) 0% 0% no-repeat; }
.sub_title_ment { width: 744px; height: 72px; margin-bottom: 20px; background: url(../img/sub_title_ment.png) 0% 0% no-repeat; }
.sub_content_01 { width: 744px; height: 602px; background: url(../img/sub_content_01.png) 0% 0% no-repeat; }
.sub_content_02 { width: 744px; height: 1168px; background: url(../img/sub_content_02.png) 0% 0% no-repeat; }
.sub_content_03 { width: 744px; height: 1626px; background: url(../img/sub_content_03.png) 0% 0% no-repeat; }
.sub_content_04 { width: 744px; height: 1496px; background: url(../img/sub_content_04.png) 0% 0% no-repeat; }
.sub_content_05 { width: 744px; height: 1352px; background: url(../img/sub_content_05.png) 0% 0% no-repeat; }
.sub_content_06 { width: 744px; height: 986px; background: url(../img/sub_content_06.png) 0% 0% no-repeat; }






/* 회사소개 */
#company_content {
	width: 700px; height: 1675px;	
	margin: 0 auto;
	background: url(../img/company.jpg) 0% 0% no-repeat;
}
/* 보험금 청구 안내 */
#charge_content {
	width: 702px; height: 1529px;	/* height + 14px */
	background: url(../img/charge.gif) 0% 14px no-repeat;
}
.charge_call_1 {
	position: relative;
	top: 1154px; left: 50px;
	width: 500px; height: 70px;
	border:0px solid red;
}
.charge_call_2 {
	position: relative;
	top: 1391px; left: 422px;
	width: 200px; height: 30px;
	font-weight: bold; font-size: 12px; letter-spacing: -0.1em;
	border:0px solid red;
}
/* 보험 지식인 */
#jisik_content {
	width: 702px; min-height: 500px;
}
/* E-Book */
#ebook_content1 {
	width: 680px; height: 314px;	/* height + 14px */
	margin: 0 auto;
	background: url(../img/ebook_title.gif) 0% 0% no-repeat;
}
#ebook_content2 {
	width: 680px; height: 469px;	/* height + 5px */
	margin: 0 auto;
	background: url(../img/ebook_intro.gif) 0% 5px no-repeat;
}

/* Nav (off한 3D 효과) */
#mainNav { clear:both; width:100%; margin-left:1px; }
#mainNav.sevenStep li{width:146px; height: 50px;}
#mainNav.sevenStep li a{width:146px; height: 50px; display:block;}
#mainNav li {
	list-style:none;
	float:left;
	border: 0px;
	background-color:#7c8437;	/* btn 배경 #EBEBEB */
	background-image: url(../img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 15px;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../img/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../img/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../img/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, 
#mainNav li a:visited, #mainNav li a:active {
color:#ffffff;		/* 다음단계 글씨색 */
}
#mainNav li a:hover { color: #FFFF99; }	/* 다음단계 글씨 f82c0b */

#mainNav li.lastDone a, #mainNav li.lastDone a:link, 
#mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, 
#mainNav li.lastDone a:active, #mainNav li.current a, 
#mainNav li.current a:link, #mainNav li.current a:visited, 
#mainNav li.current a:hover, #mainNav li.current a:active, 
#mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, 
#mainNav li.done a:hover, #mainNav li.done a:active {
color:#ffffff;
}
#mainNav li.current a em { color: #ffffff; }

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
	width:130px;
	display:block;
	margin:12px 0 0 0;
	font-style:normal;
	font-weight:bold;
}

#mainNav li.mainNavNoBg{
	background-image:none;
}