/* 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: 993px; margin: 0px auto 20px auto ; } /* 포지션있어야 퀵배너 작동 */
header { min-width: 993px; width: 100%; height: 150px; margin-top: 0px; margin-bottom: 0px; background: #ffffff; }	 /*  background: url(../img/bg_03.gif) 0% 0% repeat-x;  */
#header_box { width: 993px; height: 101px; margin: 0 auto; padding-top: 0px; }
nav { min-width: 993px; width: 100%; height: 49px; position: relative; z-index: 10000; background: url(../img/bg_nav.png) 0% 0% repeat-x; /* overflow: hidden; */ }	/* nav */
nav ul { width: 980px; height: 49px; padding-top: 0px; margin: 0 auto 0 auto; /* background: url(../img/bg_nav2.png) 0% 0% no-repeat; */ }
#second_nav { width:900px; height: 45px; margin:0px auto 0px auto; overflow: hidden; }	/* second_nav */
.second_nav_area { width: 100%; height: 45px; } /* 세컨네비 영역 */
section { margin-bottom: 10px; }
#main_section2 { 
	margin: 26px auto 0px auto; width: 100%; height: 305px; 
	text-align: left; padding: 0;
	overflow: hidden;
}
#site_content { 
	width: 100%;overflow: hidden;margin: 0px auto 20px auto;padding: 0; 
	background: #fff; border: 0px solid #E7E7E7;
} 
#content_m { /* 본문(메인페이지) 좀 작은 사이즈 */ 
	float:left; text-align: left;  width: 993px; min-height: 400px;
	margin: 0 0 0 0px;
}
#content { /* 본문 */
	float:right; text-align: left;  width: 759px; min-height: 400px;
	margin: 0px 0 0 0px;
	padding:0;
	border: 1px solid #dddddd;	
}
aside { /* 사이드바 */ 
	float: left; width: 232px; min-height:400px;
	padding-top: 0px; margin-right: 0px;
}
footer { 
	min-width: 993px; width: 100%; min-height: 70px; 
	margin: 50px 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: 993px; margin: 0 auto; }

/* ********************Detail**************************** */
#logo { 
  float: left;
  width: 238px; height: 71px;
  margin: 13px 0px 0px 0px;	/* 위치값 */
  background: url(../img/logo.png) 0% 0% no-repeat;
}
header a {
	display:block;
	width:100%; height: 100%;
}
.header_call {	/* 전화 */
  float: right;
  width: 477px; height: 71px;
  margin: 0px 00px 0px 0px;
  background: url(../img/call_long.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: 93px; height: 49px; margin-left: 85px; margin-right: 35px; }	/* 위치조절 */
.nav_btn_02 , .nav_btn_02_on { width: 156px; height: 49px; margin-right: 35px; }
.nav_btn_03 , .nav_btn_03_on { width: 192px; height: 49px; margin-right: 35px; }
.nav_btn_04 , .nav_btn_04_on { width: 164px; height: 49px; margin-right: 35px; }
.nav_btn_05 , .nav_btn_05_on { width: 71px; height: 49px; 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; }

/* Second Nav ( Sub page ) */
#second_nav { text-align: left; overflow: hidden; }
#second_nav ul { position: relative; top: 7px; left: 180px; width: 500px; height: 25px; }
#second_nav li { float: left; }
#second_nav .s_nav_li { height: 25px; }
#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: 108px; margin-right: 0px; }
.second_nav_btn_02 , .second_nav_btn_02_on { width: 108px; margin-right: 8px; }
.second_nav_btn_03 , .second_nav_btn_03_on { width: 108px; margin-right: 0px; }
.second_nav_btn_01 a { background: url(../img/se_nav_02_01.png) 0% 0% no-repeat; }
.second_nav_btn_02 a { background: url(../img/se_nav_02_02.png) 0% 0% no-repeat; }
.second_nav_btn_03 a { background: url(../img/se_nav_02_03.png) 0% 0% no-repeat; }
.second_nav_btn_01_on { background: url(../img/se_nav_02_01_on.png) 0% 0% no-repeat; }
.second_nav_btn_02_on { background: url(../img/se_nav_02_02_on.png) 0% 0% no-repeat; }
.second_nav_btn_03_on { background: url(../img/se_nav_02_03_on.png) 0% 0% no-repeat; }

#sub_section { margin-top: 35px; margin-bottom: 0; }



/* 메인 빠른 폼 */
#main_fast {
	float: left;
	width: 331px; height: 305px;
	background: url(../img/fast_form_back.png) 0% 0% no-repeat; 
}

#main_image_box {
	float: left;
	width: 662px; height: 305px;
	overflow: hidden;
}





/* 메인 2번째 2개 메뉴 */
#m_2 { margin-top: 20px; width: 100%px; height: 217px; overflow: hidden; }
#m_2 li { float: left; }
#m_2 a { display: block; width: 100%; height: 100%; }
.m_2_01 { width: 245px; height: 217px; background: url(../img/m_2_01.png) 0% 0% no-repeat; margin-right: 5px; }
.m_2_02 { width: 245px; height: 217px; background: url(../img/m_2_02.png) 0% 0% no-repeat; margin-right: 4px; }
.m_2_03 { width: 245px; height: 217px; background: url(../img/m_2_03.png) 0% 0% no-repeat; margin-right: 4px; }
.m_2_04 { width: 245px; height: 217px; }


/* 3번째줄 */
#m_3 { margin-top: 20px; width: 100%px; height: 338px; overflow: hidden; }
#m_3 li { float: left; }
#m_3 a { display: block; width: 100%; height: 100%; }
.m_3_01 { width: 331px; height: 338px; background: url(../img/m_3_01.png) 0% 0% no-repeat; margin-right: 0px; }
.m_3_02 { width: 332px; height: 338px; background: url(../img/m_3_02.png) 0% 0% no-repeat; margin-right: 0px; }
.m_3_03 { width: 330px; height: 338px; background: url(../img/m_3_03.png) 0% 0% no-repeat; margin-right: 0px; }

/* 테마별 보험 */
#m_4 { margin-top: 10px; width: 100%; height: 127px; background: url(../img/m_4_back.png) 0% 0% no-repeat; overflow: hidden; }
#m_4 ul { position: relative; top: 35px; left: 30px; width: 920px; height: 80px; }
.theme_01 { width: 72px; height: 80px; background: url(../img/theme_01.png) 0% 0% no-repeat; margin-right: 0px; }
.theme_02 { width: 118px; height: 80px; background: url(../img/theme_02.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_03 { width: 85px; height: 80px; background: url(../img/theme_03.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_04 { width: 76px; height: 80px; background: url(../img/theme_04.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_05 { width: 100px; height: 80px; background: url(../img/theme_05.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_06 { width: 72px; height: 80px; background: url(../img/theme_06.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_07 { width: 100px; height: 80px; background: url(../img/theme_07.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_08 { width: 72px; height: 80px; background: url(../img/theme_08.png) 0% 0% no-repeat; margin-right: 25px; }
.theme_09 { width: 82px; height: 80px; background: url(../img/theme_09.png) 0% 0% no-repeat; margin-right: 0px; }
#m_4 a { display: block; width: 100%; height: 100%; }
#m_4 a:hover { outline: 3px solid #f58f20; }


/* 다른 보험 */
#main_banner { width: 1026px; height: 110px; margin: 0px 0 10px 0px; background: url(../img/bg_02.gif) 0% 0% no-repeat; padding-top: 60px; padding-left: 19px; overflow: hidden; }
#main_banner ul { width: 985px; height: 60px; padding-left: 3px; padding-top:7px; background-color: #fff; }
#main_banner li { float: left; display: block; width: 90px; height: 90px; margin: 0 24px; }
#main_banner li a , #main_banner li a:hover { display: block; width: 100%; height: 100%; }
.btn_aljja_01 { background: url(../img/btn_aljja_01.gif) 0% 0% no-repeat; }
.btn_aljja_02 { background: url(../img/btn_aljja_02.gif) 0% 0% no-repeat; }
.btn_aljja_03 { background: url(../img/btn_aljja_03.gif) 0% 0% no-repeat; }
.btn_aljja_04 { background: url(../img/btn_aljja_04.gif) 0% 0% no-repeat;}
.btn_aljja_05 { background: url(../img/btn_aljja_05.gif) 0% 0% no-repeat; }
.btn_aljja_06 { background: url(../img/btn_aljja_06.gif) 0% 0% no-repeat; }
.btn_aljja_07 { background: url(../img/btn_aljja_07.gif) 0% 0% no-repeat; }
.btn_aljja_08 { background: url(../img/btn_aljja_08.gif) 0% 0% no-repeat; }

/* 사이드바 */

/* aside_nav */
#aside_nav { width: 232px; height: 330px; position: relative; z-index: 10000; background: url(../img/aside_nav_bg.png) 0% 0% no-repeat; overflow: hidden; }
#aside_nav ul { width: 214px; height: 233px; padding-top: 0px; margin: 90px 0 0 9px; }
#aside_nav li { float: left; width: 214px; height: 44px; }
#aside_nav li a , #aside_nav li a:hover { display: block; width:100%; height: 100%; }
.aside_nav_btn_01 , .aside_nav_btn_01_on { margin-bottom: 0px; }	/* 위치조절 */
.aside_nav_btn_02 , .aside_nav_btn_02_on { margin-bottom: 0px; }
.aside_nav_btn_03 , .aside_nav_btn_03_on { margin-bottom: 0px; }
.aside_nav_btn_04 , .aside_nav_btn_04_on { margin-bottom: 0px; }
.aside_nav_btn_05 , .aside_nav_btn_05_on { margin-bottom: 0px; }
.aside_nav_btn_01 a { background: url(../img/aside_nav_01.png) 0% 0% no-repeat; }
.aside_nav_btn_02 a { background: url(../img/aside_nav_02.png) 0% 0% no-repeat; }
.aside_nav_btn_03 a { background: url(../img/aside_nav_03.png) 0% 0% no-repeat; }
.aside_nav_btn_04 a { background: url(../img/aside_nav_04.png) 0% 0% no-repeat; }
.aside_nav_btn_05 a { background: url(../img/aside_nav_05.png) 0% 0% no-repeat; }
.aside_nav_btn_01_on  { background: url(../img/aside_nav_01_on.png) 0% 0% no-repeat; }
.aside_nav_btn_02_on  { background: url(../img/aside_nav_02_on.png) 0% 0% no-repeat; }
.aside_nav_btn_03_on  { background: url(../img/aside_nav_03_on.png) 0% 0% no-repeat; }
.aside_nav_btn_04_on  { background: url(../img/aside_nav_04_on.png) 0% 0% no-repeat; }
.aside_nav_btn_05_on  { background: url(../img/aside_nav_05_on.png) 0% 0% no-repeat; }

#call { 
	margin: 0 auto 10px auto; width:220px; height:87px;
	background: url(../img/call_2.gif) 0% 0% no-repeat;
}

.banner_charge { /* 보험금 청구 안내 */
	width: 220px; 	height: 45px;
	margin-top: 0px; margin-left: 0px;
	background: url(../img/btn_charge.gif) 0% 0% no-repeat;
}
.banner_jisik { /* 보험 지식인 */
	width: 220px; 	height: 45px;
	margin-top: 7px; margin-left: 0px;
	background: url(../img/btn_jisik.gif) 0% 0% no-repeat;
}
.banner_ebook { /* E-book */
	width: 220px; 	height: 45px;
	margin-top: 7px; margin-left: 0px;
	background: url(../img/btn_ebook.gif) 0% 0% no-repeat;
}
#banner_box {
	width: 220px; height: 306px;
	margin-top: 7px; margin-left: 0px;
	background: url(../img/banner_other.gif) 0% 0% no-repeat;
	text-align: left;
	overflow: hidden;
}
#banner_box ul { 
	position: relative; top: 65px; left: 30px;
	width: 200px; height: 247px;
}
#banner_box li {
	float: none;
	text-align: left;
	width: 160px; height: 33px;
	margin:0; padding-left: 20px;
	font-size:14px; font-weight: normal;
	background: url(../img/icon_q.gif) 0% 6px no-repeat;
}
#banner_box li a , #banner_box li a:link , #banner_box li a:visited {		
	color: #717171;
}
#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: 90%; }
.footer_area_02 { float:left; width: 10%; text-align: center; }
footer p { 
	text-align: left; padding: 0 5px; font-size: 12px; line-height: 24px; 
	white-space: nowrap; /* 줄바꿈금지 */
}
.arrow_top {
	width: 58px; height: 28px;
	cursor: pointer;
	background: url(../img/arrow_top.gif) 0% 0% no-repeat;
}
.arrow_top a { display: block; width: 100%; height: 100%; }

/* ***************** 서브 컨텐츠 페이지 *********************** */
/*	상세 뷰 보기 */
.tab-wrap { position:relative; width: 759px; margin:0;}
.tabs { width: 750px; height: 50px; overflow: hidden; }
.tabs li { display: block; float: left; list-style: none; width: 138px; height: 43px; margin: 0 3px; }
.tabs .tab_01 { background: url(../img/tab_01.png) 0% 0% no-repeat; }
.tabs .tab_02 { background: url(../img/tab_02.png) 0% 0% no-repeat; }
.tabs .tab_03 { background: url(../img/tab_03.png) 0% 0% no-repeat; }
.tabs .tab_04 { background: url(../img/tab_04.png) 0% 0% no-repeat; }
.tabs .tab_05 { background: url(../img/tab_05.png) 0% 0% no-repeat; }
.tabs a { display: block; width: 100%; height: 100%; padding: 0px 0; text-decoration: none; }
.tabs a.current { border-bottom: 4px solid #0088a0;  }
.tabs a:hover { }
#article_1 {
	width: 759px; height: 851px; margin: 20px auto;
	background: url(../img/sub_03_01.png) 0% 0% no-repeat;
}
#article_2 {
	width: 759px; height: 860px; margin: 20px auto;
	background: url(../img/sub_03_02.png) 0% 0% no-repeat;
}
#article_3 {
	width: 759px; height: 858px; margin: 20px auto;
	background: url(../img/sub_03_03.png) 0% 0% no-repeat;
}
#article_4 {
	width: 759px; height: 866px; margin: 20px auto;
	background: url(../img/sub_03_04.png) 0% 0% no-repeat;
}
#article_5 {
	width: 759px; height: 895px; margin: 20px auto;
	background: url(../img/sub_03_05.png) 0% 0% no-repeat;
}