@charset "utf-8";
@import url("/common/css/contents.css");



/*-----------------------------------------------------------------------------------------------------------
공통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.gif') repeat-x bottom; z-index:1000}
	.headDiv{position:relative; width:1260px; margin:auto}
	.headDiv h1{position:absolute; top:22px; left:0px; z-index:1}
	.headDiv .util{position:relative; text-align:right; padding-top:20px}
	.headDiv .util a{display:inline-block; color:#888; padding:10px 0;}
	.headDiv .util span{color:#31b97f; margin:0 9px}
	
	#gnb{position:absolute; top:88px; left:0px; z-index:1000;}
	#gnb .oneD{display:block; width:252px; height:43px; float:left; text-align:center; font-size:22px; color:#fff; 
	font-weight:600; letter-spacing:-1px; padding-top:20px; }
	#gnb .oneD.on{color: #FF0;}
	#gnb .twoD{display:none; position:absolute; top:55px; width:252px; height:250px; padding:10px 0 0; text-align:center;}
	#gnb .twoD.one{left:0px;}
	#gnb .twoD.two{left:252px;}
	#gnb .twoD.thr{left:504px;}
	#gnb .twoD.fou{left:756px;}
	#gnb .twoD.five{left:1008px;}
	#gnb .twoD a{display:block; margin-top:2px; color:#777; font-family:'NanumSquareB'; font-weight:normal; padding:8px}
	#gnb .twoD.on a{color:#444; font-family:'NanumSquareB'; font-weight:normal}
	#gnb .twoD.on a.on{color:#fff; font-family:'NanumSquareB'; font-weight:normal; background:#0d7261}
	#header .twoDbg{display:none; position:absolute; top:150px; left:0; width:100%; height:250px;padding-top: 10px; margin:auto; 
	background:url('/image/common/menu_bg.jpg') bottom center #fff; z-index:900; border-bottom:3px solid #0d7261}
    	
    #gnb .twoD2{background:#f2f2f2; margin: 5px; padding:5px;position: relative; border-radius: 10px;}
    #gnb .twoD2:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color:  #f2f2f2 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -8px;
    left: 110px;}
    #gnb .twoD2 a.twoD2_2{display:block; margin-top:2px; color:#777; font-family:'NanumSquareB'; font-weight:normal; padding:5px;font-size: 14px;}
	#gnb .twoD2.on a.twoD2_2{color:#444; font-family:'NanumSquareB'; font-weight:normal}
	#gnb a.twoD2_2.on{color:#31b97f!important; font-family:'NanumSquareB'; font-weight:600; background:none!important;}   
   

#footer{width:100%; height:180px;z-index:800;  background:#464c58}
	.footDiv{position:relative; width:1260px;  margin:auto; padding:5px 0}
	.footDiv a{font-family:'NanumSquareB'; font-weight:normal; color:#222;}
	.footDiv a.c_rink{font-family:'NanumSquareB'; font-weight:normal; color:#e9e9e9!important;}
	.fUtil	{padding:15px 0; background:#595f6a; text-align:center}
	.fUtil a{ color:#e9e9e9}
	.fUtil span{color:#999; margin:0 7px}
	.footDiv .copyRight{font-size:13px; color:#e9e9e9; line-height:160%; padding-top:20px; font-family:"나눔고딕"}
	.footDiv .copyRight span{color:#999; margin:0 7px}
	.footDiv .copyRight p{font-size:12px; color:#e9e9e9; 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:#5caa1a; font-size:13px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#fff;}
	#gnbM .mUtil span{margin:0 6px; color:#3a7243}
	#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-size:18px 18px;}
	#gnbM .gnbDiv .one.on{color:#3a7243; border-bottom:1px solid #5caa1a; 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%;  z-index:900}
	#gnbM a.twoD2{display:block; color:#777; padding:7px 0 7px 15px;  font-weight:normal; font-size:15px; }
	#gnbM a.twoD2.on{color:#31b97f; background: #f9f9f9;}


#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_ex_con_wrap			{ max-width:1260px; width:100%; overflow:hidden; margin:0 auto; position:relative }
		.f1_con_ex_box1		{ width:30.6%; float:left; margin-right:2.2%; }
		.f1_con_ex_box2		{ width:32.8%; float:left; }
	
	.f2_ex_con_wrap			{ overflow:hidden; max-width:1260px; width:100%; margin:25px auto 0 auto; clear:both }
	.f2_ex_con_bg			{ background: url(/image/main/con_bg.gif); height:300px; width:100%; }
		.f2_con_ex_box1		{ float:left; width:65.8%; margin-right:1.2%; position:relative; }
		.f2_con_ex_box2		{ float:left; width:32.8%; }
		
	.f4_ex_con_wrap			{ overflow:hidden; max-width:1260px; width:100%; margin:0 auto; clear:both; padding:0; }
	
	
	#m_visual 	{ position:relative; left:0; top:0; width:100%; height:455px;min-width:1000px; overflow: hidden; border-bottom:1px solid #ddd; }
	.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,.mimg_view4,.mimg_view5,.mimg_view6,.mimg_view7
	{ 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				{ position:relative; padding-bottom:8%; height:230px}
	.popupzone div.event	{ text-align:center;}
	.event img				{ }
	.popupzone div.event p	{ clear:both; padding:10px 0;}
	
	.popupzone div.num		{ top:10px; 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}
	
	.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 3px; float:left; }
	.clsBannerButton 			{cursor:pointer;}
			
			
	.m_board_list			{ min-height:175px; }
	.tab_menu_a				{ height:31px; line-height:31px; font-size:24px;  color:#000; font-weight:400; letter-spacing:-1px;  }
	.tab_menu_a:hover		{ /* text-decoration:underline; */ }
	.tab_menu_more			{ top:5px; right:1%; width:30px; height:30px; background:url(/image/main/icon_more.gif); font-size:0px; position: absolute}
	.tt_line	{ border-bottom:3px solid #9bc71c; padding-bottom:15px; margin-top:30px;  position:relative;}
	
	/*메인탭메뉴*/
	#main_tab2 { height:31px; }
	#main_tab2 ul li { float:left; padding-right:10px;}
	#main_tab2 .off1 	{ color:#777;letter-spacing:-1px; font-size:18px; padding-top:2px}	
	#main_tab2 .off2 	{ color:#777;letter-spacing:-1px; font-size:18px; border-left:#999 1px dotted; padding-left:10px; padding-top:2px}	
	#main_tab2 .on1 	{ color:#000; font-size:19px; font-size:400}
	#main_tab2 .on2 	{ color:#000; font-size:19px; font-size:400;border-left:#999 1px dotted; padding-left:10px;}
	
	
	ul.board	{ margin:15px 3%;}
	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}
	
	ul.photo	{ margin:10px 0;}
	ul.photo li {height:95px;margin-bottom:14px;overflow:hidden}
	ul.photo li:last-child{margin-bottom:0}
	ul.photo li div{float:left;height:85px;margin:2px 0 0 10px; width:125px}
	ul.photo li div img{ border:1px solid #ededed}
	ul.photo li p{float:left}
	ul.photo li .photoData{padding-top:10px;font-size:12px;color:#888;text-align:center; font-family:"나눔고딕"}
	ul.photo li .photoData strong{display:block;margin-bottom:5px;padding:0 0 5px 0;background:url('/resources/images/main/bg_storyDay.gif') no-repeat 10px 32px;font-size:28px;color:#444;font-weight:normal;letter-spacing:-1px}
	ul.photo li .photoTxt{width:180px;padding-top:2px;margin:0 0 0 10px}
	ul.photo li .photoTxt h4{margin-bottom:8px;font-size:16px;font-weight:normal;letter-spacing:-1px;word-wrap:break-word}
	ul.photo li .photoTxt h4 a{color:#333;}
	ul.photo li .photoTxt p{float:none;font-size:13px;color:#888;line-height:20px;word-wrap:break-word}
	
	ul.m_bn		{ padding-top:25px;}
	ul.m_bn li	{ float:left; width:33%; text-align:center; text-align:center;}
	ul.m_bn img		{}
	ul.m_bn p.tt	{ clear:both; padding-top:37px; font-size:20px; letter-spacing:-0.5px; font-weight:600; color:#000}
	ul.m_bn p.txt	{ clear:both; padding-top:17px; color:#888;  letter-spacing:-0.5px}
	
	div.event_img img	{ border:1px solid #3abb84; margin-top:24px}
	
	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;}

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

/* 서브페이지 */
#cBody{position:relative}
	.subBody{width:1260px; margin:0 auto; overflow:hidden}
	#lnb{width:210px; float:left; margin-top:10px}
	#lnb div{width:210px;}
	#lnb a.twoD{display:block; font-size:16px; color:#777; padding:15px 10px; border-bottom:1px solid #ddd; }
	#lnb a.twoD.on{color:#fff; border-bottom:1px solid #ddd; font-size:16px; background:url(/image/common/submenu_on.png) no-repeat #006a59}
	#lnb a.twoD2{display:block; color:#777; padding:12px 0 12px 6px;  font-weight:normal; font-size:15px; }
	#lnb a.twoD2.on{color:#31b97f; background: #f9f9f9;}
	
	#subCon{position:relative; width:980px; min-height:500px; float:left; padding-bottom:100px; padding-left:50px}
	#subCon h3{font-size:36px; color:#333; line-height:24px; padding-top:40px; font-family:'NanumSquareB'; font-weight:normal;}
	#subCon .subTxT{color:#888; padding-top:15px; line-height:23px;}
	
	#subCon .path{position:absolute; top:55px; right:0;}
	#subCon .path span{padding-left:19px; margin-left:15px; background:url('/image/common/path_arrow.gif') no-repeat 0 center}
	#subCon .path span.home{padding-left:0px; margin-left:0px; background:none}
	.subTT		{ background:url(/image/common/subTT_bg.gif) repeat-x bottom; height:110px}
	.titTxt		{font-size:22px; color:#000; font-family:'NanumSquareB'; font-weight:normal;}
	.titTxt .displayC{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;}
	.titTxt .addTxt{font-size:14px; color:#555; font-family:'NanumSquareR'; font-weight:normal;}
	.subP	{ width:960px; margin:30px 0}
	.subImg	{ width:100%; height:129px; background:url('/image/main/con_bg.gif'); border-bottom:1px solid #ddd; clear:both}	
	.con_wrap{ width:1260px;  margin:0 auto; position:relative }
	.subImg h2.subImg_tit {font-size:28px; color:#125316; position:absolute; top:40px; left:0; font-weight:600}
	.subImg p.subImg_tit2 {color:#52bd15; position:absolute; top:80px; left:0;}
		
	.quick2	{ position: fixed;top:300px; right:20px; z-index:10000}
	.quick2 ul li		{background:url(/image/common/quick_icon.jpg) no-repeat; text-align:center; margin-bottom:4px; padding-top:45px}
	.quick2 ul li span	{ color:#fff; font-size:12.5px; letter-spacing:-0.5px;}
	.quick2 ul li.bn1	{ width:60px; height:20px; background-position:0 0;}
	.quick2 ul li.bn2	{ width:60px; height:20px; background-position:0 -69px;}
	.quick2 ul li.bn3	{ width:60px; height:35px; background-position:0 -138px;}
	.quick2 ul li.bn4	{ width:60px; height:20px; background-position:0 -222px;}
	.quick2 ul li.bn5	{ width:60px; height:35px; background-position:0 -291px;}
	.quick2 ul li.bn6	{ width:60px; height:40px; background:url(/image/common/quick_icon2.png) no-repeat;  }
	.quick2 ul li.top	{ width:60px; height:60px; background-position:0 -384px; font-size:0;}
	
	

@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}


	/* 서브페이지 */
	.subBody	{width:94%; margin:0 auto; padding-top:40px}
	#lnb		{display:none;}
	#subCon .path{display:none;}
	#mobileLnb{display:block}
	
	.subImg h2.subImg_tit	{left:30px;}
	.subImg p.subImg_tit2 	{left:30px;}

	#subCon			{width:100%; float:none; padding:0 0 100px 0; margin:auto; border-left:none}
	#subCon h3		{font-size:36px; color:#333; line-height:24px; padding-top:0px; margin-bottom:20px;}
	#subCon .path	{position:absolute; top:15px; right:0;}
	#subCon .path span{padding-left:19px; margin-left:15px; background:url('../images/icon/path_arrow.gif') no-repeat 0 center}
	#subCon .path span.home{padding-left:0px; margin-left:0px; background:none}
	
	.subP	{ width:100%;}
	

	/* 메인페이지 */
	.f1_con_ex_box1,									
	.f1_con_ex_box2,
	.f2_con_ex_box1,
	.f2_con_ex_box2	{ width:96%; }
	.f2_ex_con_bg	{ height: auto }

	.quick2	{ display:none}

}

/* 테블릿 세로 해상도 */
@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}
		
	.quick2	{ display:none}
	
	
	
}

/* 모바일 해상도 */
@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}
	
	#subCon		{width:100%; padding:0 0 50px 0;}
	#subCon h3	{ display:none}
	#subCon .subTxT{ display:none}
	#subCon .path		{position:absolute; top:15px; right:0;}
	#subCon .path span	{padding-left:19px; margin-left:15px; background:url('../images/icon/path_arrow.gif') no-repeat 0 center}
	#subCon .path span.home{padding-left:0px; margin-left:0px; background:none}
	.titTxt		{font-size:17px;}
	.displayC	{display:block; margin-top:5px}
	.quick2	{ display:none}
	
	
	.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 .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_ex_con_wrap,									
	.f2_ex_con_wrap,
	.f3_ex_con_wrap,
	.f4_ex_con_wrap			{ width:96%; }
	.f2_ex_con_bg			{ height: auto }

		.f1_con_ex_box1,									
		.f1_con_ex_box2,
		.f2_con_ex_box1				{ width:100%; margin-bottom:2%; }
	
	
	.popupzone				{ height: auto; position:relative}
	.popupzone div.event	{ }
	.popupzone div.num		{ top:20px; right:5%; position:absolute; z-index:2}
	

	.tab_menu_a1			{ left:4%;  }
	.m_board_list			{ position:relative;  margin-bottom:10px}
	
	ul.photo li {height: auto;margin-bottom:14px;overflow:hidden; border-bottom:1px solid #ddd;}
	ul.photo li div{float:left;height:auto;margin:2px 0 0 10px; width:20%}
	ul.photo li div img{ border: none; width:100%;}
	ul.photo li .photoTxt{width:60%;}
	
	ul.m_bn li			{}
	ul.m_bn li img		{ width:60%;}
	ul.m_bn li p.txt	{ display:none}
	
	div.event_img img	{ width:98%; text-align:center}
	
	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) {	

}

	
/*-----------------------------------------------------------------------------------------------------------
메인_2018
-----------------------------------------------------------------------------------------------------------*/
	.f0_ex_con_wrap			{ max-width:1260px; width:100%; overflow:hidden; margin:30px auto 0 auto; position:relative }
		.f0_con_ex_box1		{ width:65.8%; float:left; position:relative; border:1px solid #ddd; height:306px;box-sizing:border-box  }
		.f0_con_ex_box2		{ width:30.6%; float:right; border:1px solid #ddd; height:306px;box-sizing:border-box }
		
	.f1_ex_con2_wrap			{ max-width:1260px; width:100%; overflow:hidden; margin:10px auto; position:relative;}
		.f1_con2_ex_box1		{ width:32.8%; float:left; margin-right:2.2% }
		.f1_con2_ex_box2		{ width:30.6%; float:left; }
		.f1_con2_ex_box3		{ width:30.6%; float:right; }
	

	ul.m_bn2		{ padding-top:25px;}
	ul.m_bn2 li		{ float:left; width:32%; text-align:center; text-align:center;}
	ul.m_bn2 img	{}
	ul.m_bn2 p.tt	{ clear:both; padding-top:20px; font-size:20px; letter-spacing:-0.5px; font-weight:600; color:#000}
	ul.m_bn2 p.txt	{ clear:both; padding-top:17px; color:#888; letter-spacing:-1px}
	ul.m_bn2 p.txt2	{ clear:both; padding-top:15px; font-size:18px; color:#1b9506; letter-spacing:-1px}
	ul.m_bn2 p.btn	{ clear:both; padding-top:5px; color:#1b9506; letter-spacing:-1px}
	
	
	ul.board2		{ }
	ul.board2 li	{ clear:both; padding:12px 15px; border:1px solid #ddd; margin-top:13px; line-height:150%}
	ul.board2 li>div.tt	{ color:#000; font-size:17px;}
	
	ul.photo2	{ margin:10px 0;}
	ul.photo2 li { width:48%; float:left; margin-right:2%}
	ul.photo2 li:last-child{margin-right:0}
	ul.photo2 li div{float:left;margin:2px 0 0 10px;}
	ul.photo2 li div img{ border:1px solid #ededed}
	ul.photo2 li .photoTxt{ clear:both; padding-top:10px; height:45px}
	ul.photo2 li .photoTxt h4{margin-bottom:8px;font-size:16px;font-weight:normal;letter-spacing:-1px;word-wrap:break-word}
	ul.photo2 li .photoTxt h4 a{color:#333;}
	
	div.video_box video	{ margin-top:26px}
	
/* 모바일 해상도 */
@media all and (max-width:800px) {	

	/* F1_EN_CON_WRAP */
	.f0_ex_con_wrap,	
	.f1_ex_con2_wrap	{ width:96%; margin:0 auto; }
	
	.f0_con_ex_box1		{ width:100%; margin-bottom:2%; height:auto}							
	.f0_con_ex_box2,
	.f1_con2_ex_box1,
	.f1_con2_ex_box2,
	.f1_con2_ex_box3,.f2_con_ex_box2	{ width:100%; margin-bottom:2%;}
	
	ul.m_bn2 li			{ width:50%; margin-bottom:15px}
	ul.m_bn2 li img		{ width:60%;}
	
	ul.photo2 li 		{height: auto;margin-bottom:14px;overflow:hidden;}
	ul.photo2 li div	{height:auto;margin:2px 0 0 10px;}
	ul.photo2 li div img{ border: none; width:100%;}
	ul.photo2 li .photoTxt{width:80%;}

}