@charset "utf-8";




/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body			{ }
#skipnavigation { display:none; visibility:hidden;}

#wrapper{position:relative; width:100%; min-width:1100px;}
#header{position:relative; width:100%; height:150px; background:url('/image/common/top_bg.png') repeat-x bottom; z-index:1000}
	.headDiv{position:relative; width:1260px; margin:auto}
	.headDiv h1{position:absolute; top:10px; left:530px; z-index:1}
	.headDiv h1 img{height:60px}
	.headDiv .util{position:relative; text-align:right; padding-top:43px}
	.headDiv .util a{display:inline-block; color:#888; padding:10px 0;}
	.headDiv .util span{color:#d5d5d5; margin:0 9px}
	
	#gnb{position:absolute; top:88px; left:0px; border-left:1px solid #ddd; z-index:1000; border-top:1px solid #ddd;}
	#gnb.on{border-left:1px solid #dedede;}
	#gnb .oneD{display:block; width:250px; height:43px; float:left; text-align:center; font-size:20px; color:#000; 
	font-weight:600; border-right:1px solid #ddd; letter-spacing:-1px; padding-top:15px; background:#fafafa}
	#gnb.on .oneD{border-right:1px solid #dedede;}
	#gnb .oneD.on{color:#8a171b; background:#fff}
	#gnb .twoD{display:none; position:absolute; top:55px; width:220px; height:282px; padding:0 15px; border-left:1px solid #dedede; border-right:1px solid #dedede; z-index:100;}
	#gnb .twoD.on{ background:#fff}
	#gnb .twoD.one{left:-1px;}
	#gnb .twoD.two{left:250px;}
	#gnb .twoD.thr{left:501px;}
	#gnb .twoD.fou{left:752px;}
	#gnb .twoD.fiv{left:1003px;}
	#gnb .twoD a{display:block; margin-top:15px; color:#777; font-family:'NanumSquareB'; font-weight:normal;}
	#gnb .twoD.on a{color:#666; font-family:'NanumSquareB'; font-weight:normal;}
	#gnb .twoD.on a.on{color:#398601; font-family:'NanumSquareB'; font-weight:normal;}
	#header .twoDbg{display:none; position:absolute; top:89px; left:0; width:100%; height:347px; margin:auto; background:url('/image/common/submenu_bg.png') bottom center; 
	z-index:900}


.top-link {
    position: absolute;
    right: 0px;
    top: 6px;
    z-index: 100;
}
.top-link li {
    display: inline;
    float: left;
    height: 39px;
    box-sizing: border-box;
    padding-left: 2px;
}

@media all and (max-width:980px) {
    .top-link{
        display: none;
    }
}



#footer{width:100%; height:180px;z-index:800; border-top:5px solid #444; background:#f2f3f3}
	.footDiv{position:relative; width:1260px;  margin:auto; padding:5px 0}
	.footDiv a{font-family:'NanumSquareB'; font-weight:normal; color:#222;}
	.footDiv span{color:#ccc; margin:0 7px}
	.footDiv .select-box{position:absolute; top:10px; right:50px; width:162px;}
	.fUtil	{border-bottom:1px solid #ccc; padding:10px 0;}
	.footDiv .copyRight{font-size:13px; color:#777; line-height:160%; padding-top:10px; font-family:"나눔고딕"}
	.footDiv .copyRight p{font-size:12px; margin-top:5px; font-family:"나눔고딕"}
	
	.footerDiv3	{ width:0; height:0; padding:0; margin:0; min-width: 0; height: 0; line-height: 0; font-size: 0;}
	.footerDiv3 iframe	{ width:0; height:0; padding:0; margin:0}
	.footerDiv3 input	{ width:0; height:0; padding:0; margin:0}


	#footer .btn-top {width:41px;height:41px;overflow:hidden;background:url(/image/common/btn_top.png) no-repeat;display:block;position:fixed;bottom:140px;right:-80px;z-index:300;background-color:rgba(0,0,0,0.4);border-radius:10%;transition:right .3s ease;z-index:1000;border:0;}
	#footer .btn-top.on {right:10px;}
	
/*-----------------------------------------------------------------------------------------------------------
모바일
-----------------------------------------------------------------------------------------------------------*/


#mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;}
	#mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;}
	#mobileLnb .mLnbDiv a{display:block}
	#mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne.on{color:#333; font-family:'NanumSquareB'; font-weight:normal;}
	#mobileLnb .mLnbDiv .lnbOne.cur{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;}
	#mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;}
	#mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff}
	#mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;}
	#mobileLnb .mLnbDiv .lnbTwo a:hover{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;}
	#mobileLnb .mLnbDiv .lnbTwo a.on{color:#4a4098; font-family:'NanumSquareB'; font-weight:normal;}

	.mobileMenu{display:none; position:absolute; top:10px; right:15px}
	.mobileMenu img{width:30px;}
	
#gnbM{display:none; position:absolute; top:0; right:-300px; width:300px; background:#fff; z-index:1000}
	#gnbM .mUtil{padding:17px 15px; background:#bf0000; font-size:13px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#fff;}
	#gnbM .mUtil span{margin:0 6px; color:#d13030}
	#gnbM .mobileMenuXbt{position:absolute; top:18px; right:10px;}
	#gnbM .mobileMenuXbt img{width:15px}
	#gnbM .gnbDiv a{display:block}
	#gnbM .gnbDiv .one{padding:14px 20px 10px; font-size:16px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:400; 
	background:url('../images/icon/mgnb_oneicon.gif') no-repeat 270px center; background-size:18px 18px;}
	#gnbM .gnbDiv .one.on{color:#bf0000; border-bottom:1px solid #bf0000; background:url('../images/icon/mgnb_oneicon_on.gif') no-repeat 270px center; background-size:18px 18px;}
	#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9;}
	#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
	#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
	.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:; background:url('../images/icon/dimd_bg.png') repeat 0 0; z-index:900}

#mobileSub{position:relative; display:none; height:; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333}
	#mobileSub h2{ margin:0 13%}
	#mobileSub .mPrv{position:absolute; top:0; left:0; border-right:1px solid #ddd}
	#mobileSub .mNxt{position:absolute; top:0; right:0; border-left:1px solid #ddd}
	#mobileSub a{display:block; padding:14px 20px;}
	#mobileSub a img{height:15px;}
	
	.mobileSubmenu{display:none; position:absolute; top:50px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#fff; z-index:999}
	.mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;}

	.newTxt {font-size:16px; color:#4a4098; font-weight:bold;}


/*-----------------------------------------------------------------------------------------------------------
탭
-----------------------------------------------------------------------------------------------------------*/
.tab_menu			{overflow:hidden;width:100%; border-bottom:3px solid #4a4645; height:40px;}
	.tab_menu li		{_display:inline;float:left;margin-right:-1px;}
	.tab_menu li.off		{display:block;_float:left; height:38px; border:1px solid #c6c6c6; background:#fbfbfb; text-align:center; line-height:38px; padding:0 40px; }
	.tab_menu li.off a			{color:#333; }
	.tab_menu li.off a:hover	{color:#c60c23;}
	.tab_menu li.on			{display:block;_float:left; height:38px; border:1px solid #615e5a; background:#615e5a; text-align:center; line-height:38px; padding:0 40px;}
	.tab_menu li.on a	{color:#fff; }
	
/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/
#main-wrap	{ width:100%; position:relative;}	
	.f1_1_con_wrap			{ max-width:1260px; width:100%; overflow:hidden; margin:0 auto; position:relative }
		.f1_con_ex_box		{ }
		.f1_con_ex_box1		{ float:left; width:65.8%; margin-right:1.2%; position:relative; }
		.f1_con_ex_box2		{ float:left; }
		.f1_con_ex_box3		{ float:left; width:32.8%; }
	
	.f2_ex_con_wrap			{ overflow:hidden; max-width:1260px; width:100%; margin:25px auto 0 auto; clear:both }
	.f2_ex_con_bg			{ background:#f5f5f5; width:100%; }
		.f2_1_con_wrap,
		.f2_2_con_wrap		{ margin-bottom:.4%; overflow:hidden; }
			.f2_con_ex_box		{ width:32.8%; float:left; }
			.f2_con_ex_box2		{ width:49%; float:left; position:relative }
			.f2_con_ex_box3		{ float:left; width:65.8%; margin-right:1.2%; position:relative; }
			.f2_con_ex_box4		{ float:left; width:32.8%; }
	
		.con_ex_box_1			{ padding:0% 0 0 0 !important; }
		.con_ex_box_2			{ margin:0 .7%; }
	
	.f3_ex_con_wrap			{ overflow:hidden; max-width:1260px; width:100%; margin:25px auto 0 auto; clear:both }
		.f3_con_ex_box1		{ float:left; width:48%; }
		.f3_con_ex_box2		{ float:right; width:48%; }
		
	.f4_ex_con_wrap			{ overflow:hidden; max-width:1260px; width:100%; margin:0 auto; clear:both; padding:0; border-top:1px solid #ddd; }
	
	
	#m_visual 	{ position:relative; left:0; top:0; width:100%; height:411px;min-width:1000px; overflow: hidden; }
	.mimg_view1 { position:absolute; left:50%; top:0; width:100%; height:100%; z-index:0; margin-left: -1000px; /*background:url(/images/main/visual1.jpg) repeat-x 50% 0px;*/ }
	.mimg_view2 { position:absolute; left:50%; top:0; width:100%; height:100%; /*background:url(/images/main/visual2.jpg) repeat-x 50% 0px;*/ z-index:0; margin-left: -1000px;}
	.mimg_view3 { position:absolute; left:50%; top:0; width:100%; height:100%; z-index:0;margin-left: -1000px; }
	.main_visual a.btn{display:block;position:absolute;top:200px;width:60px;height:60px;text-indent:-9999px;overflow:hidden;}
	.main_visual a.btn_mvisualback{ opacity: 0.6;background:url(/image/main/vs_btn_pre.png) no-repeat 0 0;left:5%;}
	.main_visual a.btn_mvisualnext{ opacity: 0.6;background:url(/image/main/vs_btn_nex.png) no-repeat 0 0;right:5%;}
	
	.main_visual a.btn_mvisualback:hover{ opacity: 1;}
	.main_visual a.btn_mvisualnext:hover{opacity: 1;}
	
	#slider{display:none;}

	.popupzone_wrap			{ border:1px solid #e2e2e2; position:relative; padding-bottom:8%; height:230px}
	
	.popupzone_wrap div.num		{ top:20px; right:8%; position:absolute; z-index:2}
	.popupzone_a			{ padding:3px 5px; border:1px solid #ddd; background:#f5f5f5; color:#444}
	.popupzone_a_on			{ padding:3px 5px; border:1px solid #ddd; background:#bf0000; color:#fff}
	
	.popupzone div.images	{ position:absolute; top:65px; left:8%}
	.clsBannerScreen 		{position:relative;height: 187px; cursor:pointer; clear:both;}
	.clsBannerScreen .images {position:absolute; display:none; }
	ul.clsBannerButton li 		{list-style:none; margin:0; padding:0 1px; float:left; }
	.clsBannerButton 			{cursor:pointer;}
			
	.m_board_list			{ height:262px; position:relative; border:1px solid #ddd;}
	.tab_menu_a				{ position:absolute; height:31px; line-height:31px; top:20px; font-size:24px;  color:#000; font-weight:600; letter-spacing:-1px }
	.tab_menu_a:hover		{ /* text-decoration:underline; */ }
	.tab_menu_a2			{ position:absolute; height:31px; line-height:31px; top:20px; font-size:24px;  color:#000; font-weight:600; letter-spacing:-1px }
	.tab_menu_a2:hover		{ /* text-decoration:underline; */ }
	.tab_menu_a1			{ left:8%; top:20px }
	.tab_menu_a3			{ left:8%;  }
	.tab_menu_a4			{ left:4%;  }
	.tab_menu_more			{ top:20px; right:8%;}
	.tab_menu_more2			{ top:20px; right:4%;}
	
	ul.board	{ margin-left:8%; margin-right:8%;}
	ul.board li	{ clear:both; padding-bottom:13px; background:url(/image/common/dot.gif) no-repeat 0 5px; padding-left:15px; height:20px;}
	ul.board li span.date	{ font-size:13px; color:#666; font-weight:normal}
	ul.board li a	{ color:#555}
	
	.m_board_photo		{ border:1px solid #ddd; height:250px;}
	ul.board_photo		{ padding-top:75px;margin-right:4%;margin-left:4%;}
	ul.board_photo li	{ float:left; width:24.7%; margin-right:.3%; padding-bottom:.5px;}
	ul.board_photo li img{ width:100%;}
	ul.board_photo li p{ clear:both; height:40px; padding-top:10px;}
	ul.board_photo li a{ color:#555}
	
	ul.icon_bn		{ padding-top:5px;}
	ul.icon_bn li	{ float:left; width:24%; margin-right:0.6%; text-align:center; border:1px solid #ddd; text-align:center;}
	ul.icon_bn li.end	{ float:left; width:24%; margin-right:0; text-align:center; border:1px solid #ddd; text-align:center;}
	ul.icon_bn img	{ padding-top:13px}
	ul.icon_bn p	{ clear:both; height:25px; padding-top:3px; font-size:14px; letter-spacing:-0.5px;}
	
	
	div.today				{ height:142px; border:1px solid #ddd; position:relative}
	.today p.more			{ position:absolute; top:7%; right:3%;}
	.today dl				{ padding:20px;}
	.today dt				{ float:left; width:35%;}
	.today dt span.tt		{ color:#296dcb; font-size:20px;}
	.today dd				{ float:left; width:65%; overflow-y:auto; height:100px}
	.today dd span.tt		{ color:#296dcb; font-size:14px; padding-bottom:5px;}
	
	.huwoo_list	{ border:1px solid #f7941e;}
	.huwoo_list .tt	{ float:left; width:15%; background:#f7941e; text-align:center; padding:15px 10px; color:#fff}
	.huwoo_list .con{ float:right; width:70%; padding:12px 10px;}
	
	.huwoo2_list	{ border:1px solid #327a00;}
	.huwoo2_list .tt { float:left; width:15%; background:#327a00; text-align:center; padding:15px 10px; color:#fff}
	.huwoo2_list .con{ float:right; width:70%; padding:12px 10px;}
	
	
	span.bn_tt	{ float:left; padding:35px 10px 0 0; font-size:16px; font-weight:bold}
	.f_bn		{ float:right; height:90px; }
	.f_bn .fp_prev {display:inline-block; vertical-align:middle; width:27px; height:27px; background:url("/image/main/bn_left.png") center center no-repeat;}
	.f_bn .fp_next {display:inline-block; vertical-align:middle; width:27px; height:27px; background:url("/image/main/bn_right.png") center center no-repeat;}
	.f_bn .fp_list {display:inline-block; vertical-align:middle; width:1050px; overflow:hidden;}
	.f_bn .fp_list ul {display:inline-block; vertical-align:middle; margin:16px 5px; width:100%}
	.f_bn .fp_list li {float:left; display:inline; vertical-align:middle; margin:0 12px; }
	.f_bn .fp_list img {display:inline-block; vertical-align:middle; margin-bottom:5px;}
	.ti {width:0px; height:0px; display:block; .display:none; overflow:hidden; text-indent:-1000px;}

/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/

/* 서브페이지 */
	/* 상단 비주얼, 로케이션 영역 */
	.subTop .top_area { position:relative; left:0; top:0; width:100%; height: 170px; z-index:999; height:135px; background:url(/image/common/sub_bg.jpg) top center; }
	.subTop  {height:180px;border-bottom: 1px solid #ddd; background-color:#f6f6f6 }
	
	.subimg_wrap { width:1260px; margin:0 auto; height:135px}
	.subImg_tit  {position:absolute; top:30px; left:0;}
	.subImg_tit2 {font-size:16px; color:#777;; position:absolute; top:90px; left:0; font-weight: bold; color:#000}
	.subImg_tit2 span {color:#ccc; margin:0 7px}
	
	.top_area { position: relative;  z-index: 20; clear:both}
	.top_area .visual2 { position: relative; margin: 0 auto;   width: 1260px;height:220px; }
	.top_area .visual2 h1 {position: relative; text-align:center; height:104px; padding-top:30px;}
	.top_area .location2 { position: absolute; height:48px; left: 0;  z-index: 30; *zoom: 1; }
	.top_area .location2:after { display: block; content:''; clear: both; }
	.top_area .location2 .list { padding: 0 15px; border-left: 1px solid #ddd; vertical-align: top; float: left; }
	.top_area .location2 .list > a { display: block; min-width: 118px; height: 47px; color: #444; line-height: 48px; text-align: center; }
	.top_area .location2 .list.last { border-right: 1px solid #ddd; }
	.top_area .location2 .home { width: 28px; }
	.top_area .location2 .home a { padding-top: 48px; min-width: 0; height: 0; line-height: 0; font-size: 0;
	background: url('/image/common/navi_home.png') no-repeat center center; overflow: hidden; }
	.top_area .float_img { position: absolute; top: 0; right: 0; z-index: 9; }

	#lnb2 { position: relative; padding: 0; min-width: 180px; border-left: none; background: url('/image/common/bg_lnb.png') repeat-y 0 0 #fff; z-index: 20; }
	#lnb2.on { background: url('/image/common/bg_lnb_on.png') repeat-y 0 0 #fff; }
	#lnb2 > a { padding: 0 10px; min-width: 140px; color: #000; font-weight: bold; background: url('/image/common/bg_lnb.png') repeat-y right 0; text-align: center; }
	#lnb2.on > a { background: url('/image/common/bg_lnb_on.png') repeat-y right 0; }
	#lnb2 > a span { display: inline-block; padding-right: 18px; text-decoration: underline; background: url('/image/common/mc1_ico_arrow.jpg') no-repeat right center; *display: inline; *zoom: 1;text-decoration: none; }
	#lnb2.on > a span { background: url('/image/common/mc1_ico_arrow.jpg') no-repeat right center; }
	#lnb2 .depth { display: none; border-bottom: 1px solid #ddd; background: #fff url('/image/common/bg_lnb.png') repeat-y 0 0; }
	#lnb2.on .depth { display: block; border-bottom: 1px solid #999; background: #fff url('/image/common/bg_lnb_on.png') repeat-y 0 0; }
	#lnb2 .depth ul { background: url('/image/common/bg_lnb.png') repeat-y right 0; }
	#lnb2.on .depth ul { background: url('/image/common/bg_lnb_on.png') repeat-y right 0; }
	#lnb2 .depth ul li { border-top: 1px solid #ddd; }
	#lnb2 .depth ul li.on { border-top: none; }
	#lnb2 .depth ul li a { display: block; padding: 14px 10px; color: #444; text-align: center; }
	#lnb2 .depth ul li.on a {font-weight: bold;  border-top: 1px solid #ddd;  }


	.container_wrap  { width:1260px; margin:0 auto; margin-top:50px;}
	.container_wrap:after {clear:both;content:"";display:block;}
	
	#container { padding-bottom: 100px; width: 100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}
	
	/* 제목 영역 */
	.tit_area { margin-bottom: 40px; }
	.tit_area h2 { font-size: 40px; line-height: 44px;  letter-spacing:-0.5px; text-align:center;  font-family:'NanumSquareB'; font-weight:normal;}
	
	#container .cont {position:relative; width:100%; text-align:left; min-height:600px;_height:expression(this.scrollHeight<600?"600px":"auto"); }

@media only screen and (min-width:1024px) {/* PC */
}

/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {	
	#wrapper{min-width:100%}
	.headDiv{width:100%; height:50px;}
	.headDiv .util{padding:0 3%;}

	#gnb .oneD{width:230px;}
	#gnb .twoD{width:210px; padding:0 10px;}
	#gnb .twoD.one{left:-1px;}
	#gnb .twoD.two{left:230px;}
	#gnb .twoD.thr{left:461px;}
	#gnb .twoD.fou{left:691px;}
	#gnb .twoD.fiv{left:923px;}

	.footDiv{width:94%; margin:0 auto}


	/* 서브페이지 */
	
	.top_area .visual2	{ width:100%;}
	.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
	.container_wrap:after {clear:both;content:"";display:block;}	
	#container { padding-bottom: 100px;padding:0 2% 20px; width:96%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}
	#lnb{display:none;}
	#subCon .path{display:none;}
	#mobileLnb{display:block}
	

	/* 메인페이지 */
	.f1_1_con_wrap,									
	.f2_ex_con_wrap,
	.f3_ex_con_wrap,
	.f4_ex_con_wrap	{ width:96%; }

	.f_bn .fp_list {display:inline-block; vertical-align:middle; width:840px; overflow:hidden;}

	
	ul.icon_bn li		{ float:left; width:23.7%; margin-right:0.5%;}
	ul.icon_bn li.end	{ float:left; width:24%;}
}

/* 테블릿 세로 해상도 */
@media all and (max-width:980px) {
	.winPop{display:none}
	#wrapper{overflow:hidden}
	#header{height:50px; background:url('../images/icon/header_bg.gif') repeat-x 0 -37px}
	.headDiv h1{position:absolute; top:10px; left:15px;}
	.headDiv h1 img{height:30px}
	
	.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
	.container_wrap:after {clear:both;content:"";display:block;}
	#container { padding-bottom: 100px;padding:0 2% 20px; width:96%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}

	.headDiv .util{display:none}
	#gnb{display:none}
	#mobileLnb{display:none}
	.subTop{display:none; background:none}
	.tit_area{display:none}

	.mobileMenu{display:block}
	#gnbM{display:block}
	#mobileSub{display:block}
	.mobileSubmenu{display:none;}
	.obitStep{position:relative; width:100%; margin-top:40px; background:url('../images/txt/obituary_notice_step.gif') no-repeat center 0; background-size:85%; overflow:hidden}
	
	.popupzone_wrap		{ border:1px solid #e2e2e2  !important; }	
	
	ul.board_photo li	{ float:left; width:30%; margin-right:3%;}
	ul.board_photo li img{ width:100%;}
	
	.f_bn		{  margin-right:3%;}	
	.f_bn .fp_list {display:inline-block; vertical-align:middle; width:650px; overflow:hidden;}
}

/* 모바일 해상도 */
@media all and (max-width:800px) {	

	#wrapper{min-width:100%}
	.headDiv .util{display:none}
	#gnb{display:none}
	#gnb .oneD{width:123px; font-size:15px;}
	#gnb .twoD{width:103px; padding:0 10px;}
	#gnb .twoD.on{background:#4a4098}
	#gnb .twoD.one{left:-1px;}
	#gnb .twoD.two{left:123px;}
	#gnb .twoD.thr{left:247px;}
	#gnb .twoD.fou{left:371px;}
	#gnb .twoD.fiv{left:495px;}
	#gnb .twoD.six{left:619px;}

	/* 메인페이지 */

	.main_visual{ display:none;}
	#slider{display:block}
	.swipe { overflow: hidden; /*visibility: hidden;*/ position: relative; }
	.swipe-wrap { overflow: hidden; position: relative; }
	.swipe-wrap > div { float: left; width: 100%; position: relative; }
	.swipe-wrap > div img {width: 100%;height: auto; }
	.pagination { display: inline-block;  width: 100%; text-align: center; bottom:3%; z-index:9; position:absolute; }
	.pagination a {display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 1em; height: 1em; border-radius: 0.75em; background-color: #fff; transition: background-color 0s ease; }
	.pagination a.active, .pagination a:hover {background-color: #1a3c96; }
	
	/* 서브페이지 */
	.subBody{width:94%; padding:0 3%; margin:20px auto 0; min-height:400px}
	#lnb{display:none;}
	.subImg{display:none; background:none}
	.subTop{display:none; background:none}
	
	.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
	.container_wrap:after {clear:both;content:"";display:block;}
	
	#container { padding-bottom: 100px;padding:0 2% 20px; width:96%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}

	.dotBox{padding:20px 3% 20px; font-size:13px; color:#777; line-height:22px;}
	.dotBox dt{font-size:14px;}
	.dotBox2{padding:20px 3% 20px; line-height:20px; font-size:13px;}
	.dotBox3{line-height:22px;}
	.dotBox3 .tit{padding:15px 3%; font-size:14px;}
	.dotBox3 dl{padding:15px 3%; font-size:13px;}
	.dotBox3 dt{margin-top:10px}
	.titTxt{font-size:17px;}
	
	#footer{height:auto;}
	.footDiv{padding:15px 0; height:auto}
	.footDiv a{display:inline-block; line-height:24px; letter-spacing:-1px}
	.footDiv .select-box{display:none}
	.footDiv .linkBt{display:none}
	.footDiv .linkBt2 {display:none;}
	.footDiv .copyRight{font-size:13px; padding-top:20px}
	.footDiv .copyRight p{margin-top:10px; font-size:12px; line-height:18px;}

	/* tab */
	.tab1.six a{font-size:11px;}
	.tab2{padding:15px 0 0;}
	.tab2 a{font-size:13px; padding:0 3% 13px; background:url('../images/icon/bar1x14.gif') no-repeat right 4px; background-size:1px 10px;}

	.errorDiv .errorBox img{width:35%;}
	.errorDiv .errorBox .type1{font-size:30px;}
	.errorDiv .errorBox .type2{margin-top:15px; padding-top:17px; background:url('../images/icon/redbar2x69.gif') no-repeat center 0; background-size:40px 2px; font-size:18px;}
	.errorDiv .errorBox .type3{line-height:20px; font-size:13px;}

	#mobileLnb{display:none;}
	.boxTxt .addInfoBt img{width:100px;}
	.mHidden{display:none;}
	.obitStep{position:relative; width:100%; height:498px; margin-top:40px; background:url('../images/txt/obituary_notice_step_m.gif') no-repeat center 0; background-size:auto 498px; overflow:hidden}


	/* F1_EN_CON_WRAP */
	.f1_1_con_wrap				{ width:96%; margin:0 auto ; }
		.f1_con_topbox_wrap3	{ display:none; }
		.f2_0_con_wrap			{ padding:10% 0; }
	/* F2_EN_CON_WRAP */
	.f2_ex_con_wrap				{ width:96%; }
		.f1_con_ex_box			{ width:100%; height:auto; margin:0 auto 2% auto; }
		.f1_con_ex_box1			{ padding-bottom:3%; }
	.f3_ex_con_wrap				{ width:96%; }
	.f4_ex_con_wrap				{ width:96%; }
		
		.f2_con_ex_box,
		.f2_con_ex_box2,
		.f2_con_ex_box3,
		.f2_con_ex_box4,
		.f3_con_ex_box1,
		.f3_con_ex_box2			{ width:100%; margin-bottom:2%; }
		.f2_con_ex_box2			{ padding-left:3%}
	
	
	.popupzone_wrap			{ border:1px solid #e2e2e2  !important;;}
	.popupzone div.images	{ padding-left:0;}

	.m_board_photo			{ border: none; height: auto;}
	.tab_menu_a1			{ left:4%;  }
	.tab_menu_a3			{ left:4%;  }
	.tab_menu_a4			{ left:4%;  }
	.tab_menu_more			{ top:20px; right:4%;}
	.tab_menu_more2			{ top:20px; right:4%;}
	.m_board_list			{ height:264px; position:relative; border-bottom:1px solid #ddd; margin-bottom:10px}
	
	ul.board	{ margin-left:2%; margin-right:2%;}
	ul.board_photo		{ padding-top:92px; margin-right:2%; margin-left:2%}
	ul.board_photo li	{ float:left; width:48.5%; margin-right:1%;}
	ul.board_photo li img{ width:100%;}
	
	ul.icon_bn li		{ float:left; width:48%; margin-right:1px; margin-bottom:1%;}
	ul.icon_bn li.end	{ float:left; width:48%; margin-right:0; margin-bottom:1%;}
	
	span.bn_tt		{ display:none}
	.f_bn			{margin:0 4%; clear:both; float:none}
	.f_bn .fp_list 	{display:inline-block; vertical-align:middle; width:250px; overflow:hidden;}
	
.tab_menu			{overflow:hidden;width:100%; border-bottom:3px solid #4a4645; height:40px;}
	.tab_menu li		{_display:inline;float:left;margin-right:-1px;}
	.tab_menu li.off		{display:block;_float:left; height:38px; border:1px solid #c6c6c6; background:#fbfbfb; text-align:center; line-height:38px; padding:0 15px; }
	.tab_menu li.off a			{color:#333; }
	.tab_menu li.off a:hover	{color:#c60c23;}
	.tab_menu li.on			{display:block;_float:left; height:38px; border:1px solid #615e5a; background:#615e5a; text-align:center; line-height:38px; padding:0 15px;}
	.tab_menu li.on a	{color:#fff; }
	
	
}

/* 모바일 해상도2 */
@media all and (max-width:680px) {	

}