* 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 #e60000; /* 상단 띠 */
}
.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 !important; } /* 중요 */ 
.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; min-width: 1026px; width: 100%; margin: 0px auto 20px auto ; 	background: url(../img/bg_pattern02.png) 0% 0% repeat-x;} /* 포지션있어야 퀵배너 작동 */
header { min-width: 1026px; width: 100%; height: 119px; margin-top: 0px; margin-bottom: 0px; border-bottom: 0px solid #e31c23; background: #ffffff; }	
nav { min-width: 1026px; width: 1026px; height: 70px; position: relative; z-index: 10000; margin-top: 0px; /* nav 배경 */ /* overflow: hidden; */ }	/* nav */
nav ul { float: right; width: 700px; height: 70px; padding-top: 0px; margin: 16px 0px 0px 26px; }	
#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: 1026px; height: 444px; 
	text-align: left; padding: 0;
	background: url(../img/bg_main_image.png) 0% 0% no-repeat;	 /* 통 배경이미지 */
	overflow: hidden;
}
#site_content	
{ width: 100%; overflow: hidden;margin: 0px auto 20px auto;padding: 0; 
  background: #fff; border-top: 0px solid #d1d1d1; } 
/* 서브페이지 너비 */
#site_content_sub { width: 1026px; overflow: hidden; margin: 0px auto 20px auto; padding-top: 0px; border-top: 0px solid #d1d1d1;
   } 
#content_m { /* 본문(메인페이지) */
	float:left; text-align: left;  width: 100%; min-height: 444px;
	margin: 0 auto; 
	background: url(../img/bg_pattern01.png) 0% 0% repeat-x;
}
#content { /* 본문 */
	float:right; text-align: left;  width: 762px; min-height: 400px;
	margin: 0px 0px 0 0;
}
aside { /* 사이드바 */ 
	float: left; width: 240px; min-height:400px;
	padding-top: 18px; 
}
footer { 
	min-width: 1026px; width: 100%; min-height: 215px; 
	margin: 0 auto; 
	padding-top: 0px; padding-bottom: 0px; 
	background-color: #7d7d7d;
	color: #e5e5e5;
    overflow: hidden;
}

#bottom_form_area {
	position: fixed;
	bottom: 0; left: 0;
	margin: 0 auto;
	width: 100%; height: 60px;
	text-align: center;
	z-index: 20000;
}


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

/* ********************Detail**************************** */
#logo { 
  float: left;
  width: 264px; height: 70px;
  margin: 16px 0px 0px 0px;	/* 높이 값 */
  background: url(../img/logo.png) 0% 0% no-repeat;
}
header a {
	display:block;
	width:100%; height: 100%;
}
.header_top {
	width: 100%; height: 33px; background: #3e3e3e; 
	margin: 0px; text-align: center;
}
.header_call {	/* 전화 */
  margin: 0 auto;
  width: 851px; height: 33px;
  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: 124px; height: 70px; margin-left: 0px; margin-right: 46px; }	/* 위치조절 */
.nav_btn_02 , .nav_btn_02_on { width: 60px; height: 70px; margin-right: 46px; }
.nav_btn_03 , .nav_btn_03_on { width: 58px; height: 70px; margin-right: 46px; }
.nav_btn_04 , .nav_btn_04_on { width: 74px; height: 70px; margin-right: 46px; }
.nav_btn_05 , .nav_btn_05_on { width: 75px; height: 70px; margin-right: 46px; }
.nav_btn_06 , .nav_btn_06_on { width: 57px; height: 70px; 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_01 a:hover , .nav_btn_01_on  { background: url(../img/btn_nav_01_on.png) 0% 0% no-repeat; }
.nav_btn_02 a:hover , .nav_btn_02_on  { background: url(../img/btn_nav_02_on.png) 0% 0% no-repeat; }
.nav_btn_03 a:hover , .nav_btn_03_on  { background: url(../img/btn_nav_03_on.png) 0% 0% no-repeat; }
.nav_btn_04 a:hover , .nav_btn_04_on  { background: url(../img/btn_nav_04_on.png) 0% 0% no-repeat; }
.nav_btn_05 a:hover , .nav_btn_05_on  { background: url(../img/btn_nav_05_on.png) 0% 0% no-repeat; }
.nav_btn_06 a:hover , .nav_btn_06_on  { background: url(../img/btn_nav_06_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: 180px; height: 620px; overflow: hidden; 
	background-color: #fcfcfc;
	padding: 10px;
	border: 1px solid #bcbcbc;
}
.nav_sub_01 ul { margin-top:10px; width: 100%; height: 100%; overflow: hidden; }
.nav_sub_01 li {  }

nav li:hover span li { 
	float: none;
	list-style: none;
	text-align: left;
	width: 160px; height: 22px; 
	padding: 4px 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 { margin: 0 auto; width: 720px; height: 100px; background: url(../img/sub_title_bg.png) 0% 75px no-repeat; text-align: left; overflow: hidden; }
#second_nav ul { position: relative; top: 5px; left: 2px; width: 720px; height: 51px; }
#second_nav li { float: left; }
#second_nav .s_nav_li { height: 51px; }
#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: 267px; margin-right: 50px; }
.second_nav_btn_02 , .second_nav_btn_02_on { width: 267px; margin-right: 50px; }
.second_nav_btn_01 a { background: url(../img/btn_se_nav_01.png) 0% 0% no-repeat; }
.second_nav_btn_02 a { background: url(../img/btn_se_nav_02.png) 0% 0% no-repeat; }
.second_nav_btn_01 a:hover , .second_nav_btn_01_on { background: url(../img/btn_se_nav_01_on.png) 0% 0% no-repeat; }
.second_nav_btn_02 a:hover , .second_nav_btn_02_on { background: url(../img/btn_se_nav_02_on.png) 0% 0% no-repeat; }

#main_section { margin:0px auto 0px auto; width: 1026px; padding-top: 20px; }

.num { position: relative; top: 192px; left: 80px; width: 100px; height: 30px; background: url(../img/num.gif) 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;		/* 미세조정 */
}

#main_image_box {
	position: relative;
	top: 197px; left: 36px;
	width: 367px; height: 46px;
	overflow: hidden;
}
#main_image_box li { float: left; display: block; }
/* 테두리 효과 */
#main_image_box li a { display: block; width: 100%; height: 100%; padding: 0px; }
/*	#main_image_box li a:hover { background: #ffffff;	filter:alpha(opacity=25); opacity: 0.25; -moz-opacity:0.25; }	*/
.main_image_btn_01 { width: 166px; height: 43px; background: url(../img/btn_m_img_01.jpg) 0% 0% no-repeat; margin-right: 7px; }
.main_image_btn_02 { width: 166px; height: 43px; background: url(../img/btn_m_img_02.jpg) 0% 0% no-repeat; }

/* 메인이미지 내부 박스 ( 상담폼 ) */
.main_image_btn_box { 
	position: relative; top: -275px; left: 385px;
	width: 250px; height: 160px;
	z-index: 2000;
	outline: 0px dotted red;
}

/* 메인 상조회사 소개 + 제대로 선택하는 방법 */
#main_box1 { margin: 50px auto 30px auto; width: 1026px; height: 370px; overflow: hidden; }
.m_product {  }
.m_product_01 { background: url(../img/m_product_01.png) 0% 0% no-repeat; margin-right: 28px; }
.m_product_02 { background: url(../img/m_product_02.png) 0% 0% no-repeat; margin-right: 0px; }
.m_product li a { display: block; width: 100%; height: 100%; }
.m_choice { float: right; width: 290px; height: 370px; background: url(../img/m_choice.png) 0% 0% no-repeat; }
.m_choice a { display: block; width: 100%; height: 100%; }
/* 상조회사 비교표 */
#main_box2 { margin: 0px auto 40px auto; width: 1026px; height: 375px; background: url(../img/m_box2_bg.png) 0% 0% no-repeat; overflow: hidden; }
/* 원스톱서비스/이용해야하는 이유 */
#main_box3 { margin: 0px auto 50px auto; width: 1026px; height: 314px; background: url(../img/m_box3_bg.png) 0% 0% no-repeat; overflow: hidden; }

/* 메인 폼 */
#form_w_100 { margin: 10px auto 40px auto; width: 1026px; min-height: 133px; }
.f_w_100_title { /* width: 1026px; height: 58px; background: url(../img/bg_form_01_top.gif) 0% 0% no-repeat; */ }
.f_w_100_content { width: 1026px; height: 144px; background: url(../img/bg_form_01.png) 0% 0% no-repeat; }
.f_w_100_bottom { /* width: 1026px; height: 10px; background: url(../img/bg_form_01_bottom.gif) 0% 0% no-repeat; */ }
.f_w_text_box { position: relative; top: 40px; left: 49px; width: 924px; height: 78px; }
.f_w_text_box li { float: left; display: block; }
.f_w_text_area { width:697px; height: 78px; /* background: url(../img/bg_form_text.png) 0% 0% no-repeat; */ }
#m_aljja_table1 {
	position: relative; top: 5px; left: 60px;
	width: 930px; 
	margin-bottom: 8px;
}
.m_checkbox { vertical-align: middle; margin: 0 3px; }
#m_aljja_table2 {
	margin-top: 9px; margin-left: 80px; 
	width:550px; height: 60px; 
}
.input_01 { border: 1px solid #6f6f6f; background-color:#ffffff; width:100px;height:22px;line-height:22px;padding:0 3px;text-align:center; margin-left: 5px; }
.input_02 { border: 1px solid #6f6f6f; background-color:#ffffff; width:40px;height:22px;line-height:22px;padding:0 3px;text-align:center; margin: 0 5px; }
.btn_m_submit { margin-top: 4px; }

/* 메인 섹션 4 */
#main_section_4 {margin: 0px auto 30px auto; width: 100%; height: 262px; background: url(../img/bg_section.png) 0% 83px repeat-x; }
.main_section_4_area { margin: 0 auto; width: 1026px; height: 262px; }
.m_s_4_div { float: left; }
.m_s_4_div ul { position: relative; top: 105px; left: 30px; width: 280px; height: 130px; overflow: hidden; }
.area_01 li { float: none; background: url(../img/dot_01.png) 0% 9px no-repeat; padding-left: 12px; }
.area_02 li { float: none; background: url(../img/dot_02.png) 15px 9px no-repeat; padding-left: 27px; }
.m_s_4_div li a { display: block; width: 100%; height: 100%; color: #4e4e4e; }
.main_section_4_area .area_01 { width: 342px; height: 262px; background: url(../img/section4_01.png) 0% 0% no-repeat; }
.main_section_4_area .area_02 { width: 346px; height: 262px; background: url(../img/section4_02.png) 0% 0% no-repeat; }
.main_section_4_area .area_03 { width: 336px; height: 262px; background: url(../img/section4_03.png) 0% 0% no-repeat; }


/* 사이드바 */
.aside_ban01 { 
	margin: 0 auto 1px auto; width:240px; height:76px;
	background: url(../img/aside_ban01.png) 0% 0% no-repeat;
}
.aside_ban02 { 
	margin: 0 auto 1px auto; width:240px; height:160px;
	background: url(../img/aside_ban02.png) 0% 0% no-repeat;
	overflow: hidden;
}
.aside_ban02 ul { 
	position: relative; top: 48px; left: 16px;
	width: 220px; height: 95px;
}
.aside_ban02 li { list-style: none; float: left; width: 95px; height: 95px; }
.aside_reward { margin-right: 15px; }
.aside_question { margin: 0;  }
.aside_tell { 
	margin: 0 auto 10px auto; width:240px; height:226px;
	background: url(../img/aside_call.png) 0% 0% no-repeat;
}
.aside_vod {
	margin: 0 auto 28px auto; width: 240px; height: 135px;
	padding-top: 33px;
	background: gray url(../img/aside_vod.png) 0% 0% no-repeat;
}

/* 푸터 */
.footer_header { width: 100%; height: 50px; background: #b4b4b4; color: #efefef; font-weight: bold; }
.footer_header ul { margin: 0 auto; padding-top: 12px; width: 1026px; height: 26px; color: #fff; font-weight: normal; }
.footer_header li { width: 120px; float: left; margin-left: 40px; }
.footer_header li a , .footer_header li a:hover , .footer_header li a:visited  { color: #fff; }
.arrow_top { margin-left: 150px; width: 100px; height: 26px; background: url(../img/arrow_top.png) 0% 0% no-repeat; }
.arrow_top a { display: block; width: 100%; height: 100%; }
.footer_area_01 { float:left; width: 100%; background: url(../img/logo_footer.png) 20px 50% no-repeat; padding-left: 280px; padding-top: 15px; }
.footer_area_02 { float:left; width: 0%; text-align: center; }
footer p { 
	text-align: left; padding: 0 5px; font-size: 12px; line-height: 24px; 
	white-space: nowrap; /* 줄바꿈금지 */
}
.footer_call {
	width: 288px; height: 48px; margin-top: 15px;
	background: url(../img/footer_call.png) 0% 0% no-repeat;
}

/* 하단 폼 Fixed */
#bottom_form { 
	margin: 0 auto;
	width: 990px; height: 60px;
	background: url(../img/bottom_form_bg.png) 0% 0% no-repeat;
	text-align:left; font-size:14px;letter-spacing:-0.1em; overflow: hidden;
}
#bottom_form input { margin:0 4px;border: 1px solid #a3a3a3; }
#bottom_form input:focus , #bottom_form input:hover { border: 1px solid #ff9f2d; outline: 1px solid #ffad4b; }
#bottom_form input[type=checkbox] { border:0;margin:0 4px; outline: 0; }
#bottom_form input[type=image] { outline: 0; }
#bottom_form .bottom_form { 
	position:relative;top:16px;left:240px;
	width:720px;height: 25px; 
	margin:0;padding:0; 
	text-align: left;
}




/* ***************** 서브 컨텐츠 페이지 *********************** */
.content_bg {
	width: 784px; height: 259px;
	margin: 0 0 40px 0;
	background: url(../img/content_bg.png) 0% 0% no-repeat;
}
.content_title { 
	width: 744px; height: 50px;
	margin: 0 0 0px 0;
}
.content_title_product { background: url(../img/content_title_product.gif) 0% 0% no-repeat; }
.content_title_guarantee { background: url(../img/content_title_guarantee.gif) 0% 0% no-repeat; }
.content_title_example { background: url(../img/content_title_example.gif) 0% 0% no-repeat; }
.content_title_refund { background: url(../img/content_title_refund.gif) 0% 0% no-repeat; }
.content_title_payment { background: url(../img/content_title_payment.gif) 0% 0% no-repeat; }
.content_title_reference { background: url(../img/content_title_reference.gif) 0% 0% no-repeat; }
.content_title_reward { background: url(../img/content_title_reward.gif) 0% 0% no-repeat; }
.content_title_question { background: url(../img/content_title_question.gif) 0% 0% no-repeat; }
.content_title_company { background: url(../img/content_title_company.gif) 0% 0% no-repeat; }

.content_title2 { width: 744px; height: 277px; background: url(../img/p_01.png) 0% 0% no-repeat; }

.content_product { 
	width: 744px; height: 350px;
	margin: 0 0 50px 0;
	background: url(../img/p_01_01.png) 0% 0% no-repeat; 
}
.content_guarantee { 
	width: 744px; height: 5810px;
	margin: 0 0 50px 0;
	background: url(http://today24.co.kr/img/product/1030_02.png) -10px -10px no-repeat; 
}
.content_example { 
	width: 744px; height: 3261px;
	margin: 0 0 50px 0;
	background: url(http://today24.co.kr/img/product/1030_03.png) -10px -10px no-repeat; 
}
.content_reference { 
	width: 744px; height: 780px;
	margin: 0 0 50px 0;
	background: url(../img/p_01_04.png) 0% 0% no-repeat; 
}
.content_refund { 
	width: 744px; height: 1695px;
	margin: 0 0 50px 0;
	background: url(../img/content_refund.png) 0% 0% no-repeat; 
}
.content_payment { 
	width: 744px; height: 3132px;
	margin: 0 0 50px 0;
	background: url(../img/content_payment.png) 0% 0% no-repeat; 
}
.content_reward { 

}
.content_question { 

}
.content_company { 
	width: 744px; height: 2559px;
	margin: 0 0 50px 0;
	background: url(../img/content_company.gif) 0% 0% no-repeat; 
}


/* 혜택 */
.service_content {
	width: 751px; height: 996px;
	margin: 0 auto;
	background: url(../img/service_content.png) 0% 0% no-repeat;
}
/* 상조를 가입하는 이유 */
.reason_content {
	width: 751px; height: 2332px;
	margin: 0 auto 0;
	background: url(../img/reason_content.png) 0% -15px no-repeat;
}
/* 장의용어 */
.term_content {
	width: 751px; height: 2163px;
	margin: 0 auto 0;
	background: url(../img/term_content.png) 0% 0% no-repeat;
}
/* 장례절차 */
.procedure_content {
	width: 751px; height: 3754px;
	margin: 0 auto 0;
	background: url(../img/procedure_content.png) 0% 0% no-repeat;
}
/* 조문 예절 */
.condolence_content {
	width: 751px; height: 2640px;
	margin: 0 auto 0;
	background: url(../img/condolence_content.png) 0% 0% no-repeat;
}
/* 자주하는 질문 */
.faq_title {
	width: 752px; height: 54px;
	margin: 20px auto 0;
	background: url(../img/faq_title.png) 0% 0% no-repeat;
}