/* 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 */
.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;
	/* background: #F7F7F7 url(../img/pattern.png) fixed;	*/ /* 바탕(패턴)*/
}
.width20 {  display:inline-block; width:20px; }
.border_none { border: 0px !important; }

/* 배너들 */
.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 { width: 100%; margin: 0 auto 20px auto ; background: url(../img/bg_nav.png) 0% 71px repeat-x; }
header { width: 1026px; height: 119px;background: #fff; border: 0px solid #E7E7E7;}
nav { width:100%; height: 48px; margin-top: 0px; border-top:0px solid #c36615; }	/* nav */
#main_section { margin:9px auto; width: 1026px; height: 311px; background: #fff; border: 0px solid  #E7E7E7; }
#site_content	
{ width: 1026px;overflow: hidden;margin: 5px auto 20px auto;padding: 0; padding-bottom: 30px;
  background: #fff; border: 0px solid #E7E7E7;} 
#content { /* 본문 */
	float:left; text-align: left;  width: 702px; min-height:500px;
	padding-left:7px;padding-top:5px; margin:0; border:0px solid black;
}
aside { /* 사이드바 */ 
	float: right; width: 265px; min-height:500px;
	padding-top:10px;padding-right:7px; margin:0 auto;
	border:0px solid red;
}
footer { 
	width: 1026px; min-height: 60px; background: #e0e0e0;
	margin: 0 auto; border: 1px solid #ababab;
	padding-top: 10px; padding-bottom: 10px;
	color: #555;
}
/* ********************Detail**************************** */
#logo { 
  float: left;
  width: 381px; height: 50px;
  margin: 11px 0 10px 0px;
  background: url(../img/logo.png) 0% 0% no-repeat;
}
header a {
	display:block;
	width:100%; height: 100%;
}
header a:hover {
/*
	background: #efeeee;	
	filter:alpha(opacity=15);
	opacity: 0.15;
	-moz-opacity:0.15;
*/
}
.header_call {	/* 전화 */
  float: left;
  width: 576px; height: 50px;
  margin: 11px 16px 0px 0px;
  background: url(../img/call_long.png) 0% 0% no-repeat;
}
/*
nav li { width: 127px; height: 40px; border-right: 1px solid #545454; }
nav .aljja_01 { background: url(../img/btn_nav_01_on.gif) 0% 0% no-repeat; }
nav .aljja_01_off { background: url(../img/btn_nav_01.gif) 0% 0% no-repeat; }
nav .aljja_02 { background: url(../img/btn_nav_02_on.gif) 0% 0% no-repeat; }
nav .aljja_02_off { background: url(../img/btn_nav_02.gif) 0% 0% no-repeat; }
nav .aljja_03 { background: url(../img/btn_nav_03_on.gif) 0% 0% no-repeat; }
nav .aljja_03_off { background: url(../img/btn_nav_03.gif) 0% 0% no-repeat; }
nav .aljja_04 { background: url(../img/btn_nav_04_on.gif) 0% 0% no-repeat; }
nav .aljja_04_off { background: url(../img/btn_nav_04.gif) 0% 0% no-repeat; }
nav .aljja_05 { background: url(../img/btn_nav_05_on.gif) 0% 0% no-repeat; }
nav .aljja_05_off { background: url(../img/btn_nav_05.gif) 0% 0% no-repeat; }
nav .aljja_06 { background: url(../img/btn_nav_06_on.gif) 0% 0% no-repeat; }
nav .aljja_06_off { background: url(../img/btn_nav_06.gif) 0% 0% no-repeat; }
nav .aljja_07 { background: url(../img/btn_nav_07_on.gif) 0% 0% no-repeat; }
nav .aljja_07_off { background: url(../img/btn_nav_07.gif) 0% 0% no-repeat; }
nav .aljja_08 { background: url(../img/btn_nav_08_on.gif) 0% 0% no-repeat; }
nav .aljja_08_off { background: url(../img/btn_nav_08.gif) 0% 0% no-repeat; }
*/
.mainimage {	/* 메인이미지 */
	float: left;
	width: 710px; 	height: 311px; overflow: hidden;
	margin-top: 0px; margin-left:0px;
	background: url(../img/p_back.png) 0% 0% no-repeat;
}

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

/* MD추천상품 */
/*
#mainimage2 { 
	float: right;
	width: 284px; height: 298px;
	margin-top: 3px; margin-right: 20px;text-align:left;
}
.mainimage2_back_01 { background: url(../img/1_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_02 { background: url(../img/2_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_03 { background: url(../img/3_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_04 { background: url(../img/4_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_05 { background: url(../img/5_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_06 { background: url(../img/6_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_07 { background: url(../img/7_p_2.jpg) 0% 0% no-repeat; }
.mainimage2_back_08 { background: url(../img/8_p_2.jpg) 0% 0% no-repeat; }
*/

/* 사이드바 */
.banner_car { /* 운전자 */
	width: 265px; 	height: 148px;
	margin-top: 10px; margin-left: 0px; margin-bottom: 10px; 
	background: url(../img/banner_car2.png) 0% 0% no-repeat;
}
#introduce { 
	margin: 0px auto 10px auto; width:265px; height:148px;
	background: url(../img/introduce.png) 0% 0% no-repeat;
}
#daum { 
	margin: 5px auto 10px auto; width:279px; height:219px;
	background: url(../img/banner_daum.png) 0% 0% no-repeat;
}
#naver { 
	margin: 0px auto 10px auto; width:265px; height:148px;
	background: url(../img/banner_naver.png) 0% 0% no-repeat;
}
#expo { 
	margin: 0 auto 10px auto; width:279px; height:218px;
	background: url(../img/expo.gif) 0% 0% no-repeat;
}
#call { 
	margin: 0 auto 10px auto; width:265px; height:148px;
	background: url(../img/call.png) 0% 0% no-repeat;
}

.banner_charge { /* 보험금 청구 안내 */
	width: 265px; 	height: 76px;
	margin-top: 0px; margin-left: 0px;
	background: url(../img/btn_charge.png) 0% 0% no-repeat;
}
.banner_jisik { /* 보험 지식인 */
	width: 265px; 	height: 76px;
	margin-top: 10px; margin-left: 0px;
	background: url(../img/btn_jisik.png) 0% 0% no-repeat;
}
.banner_ebook { /* E-book */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_ebook.jpg) 0% 0% no-repeat;
}


.banner_aljja_01 { /* 의료실비보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_01.gif) 0% 0% no-repeat;
}
.banner_aljja_02 { /* 태아,어린이보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_02.gif) 0% 0% no-repeat;
}
.banner_aljja_03 { /* 운전자보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_03.gif) 0% 0% no-repeat;
}
.banner_aljja_05 { /* 연금,저축보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_05.gif) 0% 0% no-repeat;
}
.banner_aljja_06 { /* 실버보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_06.gif) 0% 0% no-repeat;
}
.banner_aljja_07 { /* 종신,사망보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_07.gif) 0% 0% no-repeat;
}
.banner_aljja_08 { /* 치아보험 */
	width: 270px; 	height: 48px;
	margin-top: 4px; margin-left: 22px;
	background: url(../img/btn_p_08.gif) 0% 0% no-repeat;
}
#banner_box {
	width: 265px; height: 260px;
	margin-top: 10px; margin-left: 0px;
	padding: 30px 0px 10px 0px;
	background: #efefef url(../img/banner_other.png) 0% 0% no-repeat;
}
#banner_box ul { 
	position: relative; top:0; left: 12px;
	width: 239px; height: 250px;
}
#banner_box li {
	float: none;
	text-align: center;
	width: 239px; height: 27px;
	margin:9px 0 0 0; padding:0;
	font-size:14px; font-weight: bold;
	border-bottom: 1px dotted #c1c1c1;
}
#banner_box li a , #banner_box li a:link , #banner_box li a:visited {		
	color: #5a5a5a;
}
#banner_box li a:hover , #banner_box li a:active {
	color: #b3b3b3;
}
#banner_box li:last-child {	/* ie에서 안됨 */
	border:0;
}

/* 푸터 */
.footer_area_01 { float:left; width: 70%; }
.footer_area_02 { float:left; width: 30%;}
footer p { text-align: left; padding: 0 10px; font-size: 13px; }


/* ***************** 서브 컨텐츠 페이지 *********************** */
/* 회사소개 */
#company_content {
	width: 630px; height: 2133px;	/* height + 14px */
	margin: 0 auto;
	background: url(../img/company.gif) 0% 14px 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;
	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% 14px no-repeat;
}
#ebook_content2 {
	width: 680px; height: 469px;	/* height + 5px */
	margin: 0 auto;
	background: url(../img/ebook_intro.gif) 0% 5px no-repeat;
}

/* Nav ( 안씀 ) */
#mainNav { clear:both; width:100%; margin-left:1px; }
#mainNav.sixStep li{width:170px; height: 50px;}
#mainNav.sixStep li a{width:170px; 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: 14px;
}

#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;
}


/* Nav */
nav { padding: 0px 0 0px 0px; margin-top: 0px; background: url(../img/bg_nav.png) 0% 0% repeat-x; }	/* ( 조절시 주의 요망 ) */
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: 189px; height: 48px; margin-left: 9px; margin-right: 39px; }	/* 위치조절 */
.nav_btn_02 , .nav_btn_02_on { width: 155px; height: 48px; margin-right: 30px; }
.nav_btn_03 , .nav_btn_03_on { width: 87px; height: 48px; margin-right: 29px; }
.nav_btn_04 , .nav_btn_04_on { width: 75px; height: 48px; margin-right: 38px; }
.nav_btn_05 , .nav_btn_05_on { width: 94px; height: 48px; margin-right: 29px; }
.nav_btn_06 , .nav_btn_06_on { width: 125px; height: 48px; margin-right: 33px; }
.nav_btn_07 , .nav_btn_07_on { width: 56px; height: 48px; 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_06 a { background: url(../img/btn_nav_06.png) 0% 0% no-repeat; }
.nav_btn_07 a { background: url(../img/btn_nav_07.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_btn_06_on  { background: url(../img/btn_nav_06_on.png) 0% 0% no-repeat; }
.nav_btn_07_on  { background: url(../img/btn_nav_07_on.png) 0% 0% no-repeat; }