@charset "utf-8";
/***** 메인비주얼영역 *****/
#mvisual_wrap{position:relative;}
#mvisual{position:relative;width:100%;height:394px;}
#mvisual .main_swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
#mvisual .main_swiper .swiper-slide.bg01{background:url(/nanum/site/builder/main/main04_03/img/mvisual1.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg02{background:url(/nanum/site/builder/main/main04_03/img/mvisual2.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg03{background:url(/nanum/site/builder/main/main04_03/img/mvisual3.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide .mimg_slide{width:1100px;margin:0 auto;text-align:left;}
#mvisual .main_swiper .swiper-slide .text{position:relative;margin-top:100px;color:#000;z-index:2;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:21px;font-family:'NotoKrR', sans-serif;line-height:21px;letter-spacing:-0.1em;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:15px 0 30px 0;font-size:40px;font-family:'NotoKrL', sans-serif;line-height:40px;letter-spacing:-3px;}
#mvisual .main_swiper .swiper-slide .text .txt2 strong{font-family:'NotoKrB', sans-serif;}
#mvisual .main_swiper .swiper-slide .text .txt2 span{margin-left:10px;}
#mvisual .main_swiper .swiper-slide .text .txt3{font-size:17px;font-family:'NotoKrM', sans-serif;color:#858686;letter-spacing:-1px;line-height:30px;}
#mvisual .main_swiper .swiper-slide .txt1,
#mvisual .main_swiper .swiper-slide .txt2,
#mvisual .main_swiper .swiper-slide .txt3{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
#mvisual .main_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#mvisual .main_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);} 
#mvisual .main_swiper .swiper-slide .txt3{-ms-transform: translateY(-130px); -o-transform: translateY(-130px); -moz-transform: translateY(-130px);-webkit-transform: translateY(-130px); transform: translateY(-130px);} 
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt1,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt2,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt3{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}
#mvisual .mvisual_btn{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
#mvisual .mvisual_btn .btn{position:absolute;top:50%;width: 66px;height: 66px;margin-top:-37px;cursor:pointer;opacity:.5;}
#mvisual .mvisual_btn .btn.prev{left:-115px;background:url(/nanum/site/builder/main/main04_03/img/mvisual_btn_prev.png) no-repeat left top;}
#mvisual .mvisual_btn .btn.next{right:-115px;background:url(/nanum/site/builder/main/main04_03/img/mvisual_btn_next.png) no-repeat left top;}
#mvisual .mvisual_btn .btn:hover{opacity:1;}
#mvisual .main_swiper .contol{position:absolute;bottom:30px;left:0;width:100%;height:12px;z-index:55;font-size:0;text-align:center;}
#mvisual .main_swiper .swiper-pagination{position:relative;display:inline-block;vertical-align:middle;}
#mvisual .main_swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;opacity:1;border:2px solid #000;border-radius:100px;background:none;}
#mvisual .main_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:12px;height:12px;margin:0 5px;opacity:1;border:0;border-radius:100px;background:#000;}
#mvisual .main_swiper .contol p{display:inline-block;vertical-align:middle;width:10px;margin-left:5px;}
#mvisual .main_swiper .contol p a{display:block;height:12px;font-size:0;line-height:0;text-indent:-9999px;}
#mvisual .main_swiper .contol p.swiper_play1 {display:none;}
#mvisual .main_swiper .contol p.swiper_play1 a{background:url(/nanum/site/builder/main/main04_03/img/button_play.png) no-repeat center 50%;background-size:10px auto !important;}
#mvisual .main_swiper .contol p.swiper_stop1 a{;background:url(/nanum/site/builder/main/main04_03/img/button_stop.png) no-repeat center 50%;background-size:8px auto !important;}



/***자주이용하는서비스***/
#mservice{position:relative;width:1100px;margin:40px auto 50px;}
#mservice .service_cont{overflow:hidden;clear:both;width:970px;height:140px;margin:0 auto;}
#mservice .service_cont .service_swiper{display:inline-block;width:3600px;}
#mservice .service_cont .service_swiper .service_slide{float:left;}
#mservice .service_cont .service_swiper .service_slide a{display:block;}
#mservice .service_cont .service_swiper .service_slide p{padding-top:110px;font-family:'NotoKrB', sans-serif;font-size:17px;color:#2e2e2e;text-align:center;letter-spacing:-0.05em;}
#mservice .service_cont .service_swiper .service_slide.icon01 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu01.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon02 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu02.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon03 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu03.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon04 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu04.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon05 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu05.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon06 p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu06.gif) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon01:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu01_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon02:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu02_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon03:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu03_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon04:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu04_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon05:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu05_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_swiper .service_slide.icon06:hover p{background:url(/nanum/site/builder/main/main04_03/img/top_mmenu06_ov.jpg) no-repeat top center;}
#mservice .service_cont .service_next,
#mservice .service_cont .service_prev{position:absolute;top:50%;margin-top:-21px;font-size:0;background:none;z-index:1;}
#mservice .service_cont .service_prev{left:0px;}
#mservice .service_cont .service_next{right:0px;}

/***section 공통***/
#section{display:inline-block;margin-bottom:90px;}
#section > div{float:left;margin-left:35px;width:344px;height:266px;font-size:0;}
#section > div:first-child{margin-left:0;}

/***공지사항***/
#section .mnotice{position:relative;overflow:hidden;width:340px;}
#section .mnotice dl{padding-top:13px;}
#section .mnotice dl dt{font-size:22px;font-family:'NotoKrB', sans-serif;color:#000;letter-spacing:-0.05em;}
#section .mnotice dl dd{margin-top:4px;font-size:16px;font-family:'NotoKrM', sans-serif;color:#8b8b8b;letter-spacing:-0.05em;}
#section .mnotice .more{position:absolute;top:54px;right:0;}
#section .mnotice ul{margin-top:30px;border-top:2px solid #000;line-height:0;}
#section .mnotice ul li{display:inline-block;width:100%;border-bottom:1px solid #e2e2e2;}
#section .mnotice ul li.new a{padding-right:20px;color:#010101;background:url(/nanum/site/builder/main/main04_03/img/notice_new.gif) no-repeat center right;}
#section .mnotice ul li a{display:inline-block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px;float:left;height:53px;line-height:53px;font-family:'NotoKrM', sans-serif;color:#444;font-size:15px;text-align:left;letter-spacing:-0.05em;}
#section .mnotice ul li span.date{float:right;padding-right:5px;font-size:14px;font-family:'Lato', sans-serif;font-weight:600;color:#b2b2b2;letter-spacing:0;line-height:50px;}

/***법회안내***/
/* .mcourt{float:left;width:284px;height:218px;padding:25px 30px;background:url(/nanum/site/builder/main/main04_03/img/mcourt_bg.jpg) no-repeat center center;}
.mcourt .tit{font-size:22px;font-family:'NotoKrB', sans-serif;color:#000;letter-spacing:-0.05em;}
.mcourt .num{margin:10px 0 15px 0;padding-left:48px;font-size:30px;font-family:'Lato', sans-serif;color:#000;font-weight:900;background:url(/nanum/site/builder/main/main04_03/img/mcourt_icon.gif) no-repeat left center;}
.mcourt ul{margin-top:20px;}
.mcourt ul li{margin-bottom:1px;}
.mcourt ul li dl{display:inline-block;width:100%;}
.mcourt ul li dl span{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:0;}
.mcourt ul li dl dt{float:left;width:93px;height:29px;line-height:29px;font-size:14px;font-family:'NotoKrB', sans-serif;color:#36230d;text-align:center;border-radius:100px;border:2px solid #968969;}
.mcourt ul li dl.lt dt{letter-spacing:0.13em;}
.mcourt ul li dl dd{float:left;margin:6px 0 0 20px;font-size:14px;font-family:'NotoKrM', sans-serif;color:#78744f;line-height:20px;letter-spacing:-0.05em;}
.mcourt ul li dl dd span{font-size:15px;color:#2e2e2e;}
.mcourt ul li dl dd p{color:#d85353;} */

/*팝업존*/
#section .mpopupzone{position:relative;width:344px;height:266px;overflow:hidden;border:1px solid #e2e2e2;box-shadow:0px 16px 21px 0px rgba(0,0,0,0.12);}
#section .pop_swiper{font-size:0;}
#section .pop_control{display:inline-block;position:absolute;top:20px;right:20px;z-index:1}
#section .pop_control .swiper-pagination{position:relative;display:inline-block;vertical-align: middle;}
#section .pop_control .swiper-pagination-bullet{width:9px;height:9px;margin-left:8px;background:#bec2c6;opacity:1;}
#section .pop_control .swiper-pagination-bullet-active{background:#000;}
#section .pop_control p{display:inline-block;vertical-align:middle;width:10px;margin-left:5px;}
#section .pop_control p a{display:block;height:11px;font-size:0;line-height:0;text-indent:-9999px;}
#section .pop_control p.swiper_play {display:none;}
#section .pop_control p.swiper_play a{background:url(/nanum/site/builder/main/main04_03/img/button_play.png) no-repeat center 50%;background-size:9px auto !important;}
#section .pop_control p.swiper_stop a{;background:url(/nanum/site/builder/main/main04_03/img/button_stop.png) no-repeat center 50%;background-size:7px auto !important;}

/*배너존*/
#mbanner{padding:10px 0;border-top:1px solid #d9d9d9;}
#mbanner .wsize{display:inline-block;}
#mbanner .banner_cont{overflow:hidden;position:relative;float:right;width:900px;}
#mbanner .banner_cont .banner_swiper .banner_slide{display:inline-block;height:50px;}
#mbanner .banner_cont .banner_swiper .banner_slide a{display:block;}
#mbanner .banner_cont .banner_swiper .banner_slide img{width:160px;height:50px;}
#mbanner .ban_control{display:inline-block;margin-top:10px;font-size:0;}
#mbanner .ban_control li{float:left;}
#mbanner .ban_control li a{display:inline-block;width:27px;height:28px;margin-left:-1px;border:1px solid #a5a5a5;}



/******************************1024******************************/
@media all and (max-width:1024px){
/***** 메인비주얼영역 *****/
#mvisual{height:300px;}
#mvisual .main_swiper .swiper-slide{background-size:cover !important;}
#mvisual .main_swiper .swiper-slide .mimg_slide{text-align:center;}
#mvisual .main_swiper .swiper-slide .text{position:absolute;top:50%;left:50%;width:500px;height:200px;padding:40px;margin:-100px 0 0 -250px;color:#fff;background:rgba(0,0,0,0.5);box-sizing:border-box;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:10px 0;font-size:30px;}
#mvisual .main_swiper .swiper-slide .text .txt3{color:#fff;}
#mvisual .mvisual_btn .btn{width:50px;height:50px;margin-top:-25px;background-size:50px auto !important;}
#mvisual .mvisual_btn .btn.prev{left:10px;}
#mvisual .mvisual_btn .btn.next{right:10px;}
#mvisual .main_swiper .contol{bottom:20px;}

/***자주이용하는서비스***/
#mservice{width:100%;margin:25px auto;}
#mservice .service_cont{width:90%;}
#mservice .service_cont .service_prev{left:10px;}
#mservice .service_cont .service_next{right:10px;}

/***section 공통***/
#section{margin-bottom:0;}
#section > div{width:50%;height:auto;margin-left:0;box-sizing:border-box;}

/***공지사항***/
#section .mnotice{width:100%;padding:0 10px;margin-bottom:20px;}
#section .mnotice dl{padding-top:0;}
#section .mnotice .more{top:40px;right:10px;}
#section .mnotice ul{margin-top:20px;}
#section .mnotice ul li a{max-width:85%;}
#section .msection img{width:100%;}
#section .mpopupzone{width:50%;height:auto;box-shadow:none;}
#section .mpopupzone .swiper-slide img{width:100%;}

/*배너존*/
#mbanner{margin-top:20px;}
#mbanner .banner_cont{width:85%;}
#mbanner .ban_control{width:15%;}

}




/******************************767******************************/
@media all and (max-width:767px){
/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .text{width:400px;height:150px;padding:30px;margin:-75px 0 0 -200px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:17px;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:0;font-size:20px;}
#mvisual .main_swiper .swiper-slide .text .txt3{font-size:15px;}
#mvisual .mvisual_btn .btn{width:25px;height:25px;margin-top:-12px;background-size:25px auto !important;}

/***자주이용하는서비스***/
#mservice .service_cont{height:120px;}
#mservice .service_cont .service_swiper .service_slide p{padding-top:100px;font-size:16px;background-size:85px auto !important;}
#mservice .service_cont .service_next img,
#mservice .service_cont .service_prev img{width:30px;height:30px;}

/***공지사항***/
#section .mnotice dl dt{font-size:20px}
#section .mnotice dl dd{font-size:15px;}
#section .mnotice .more{top:37px;}
#section .mnotice ul li a{max-width:65%;}

/*배너존*/
#mbanner{display:none;}

}



/******************************640******************************/
@media all and (max-width:640px){



}

/******************************480******************************/
@media all and (max-width:480px){
/***** 메인비주얼영역 *****/
#mvisual{height:250px;}
#mvisual .main_swiper .swiper-slide .text{width:240px;height:80px;padding:12px;margin:-40px 0 0 -120px;}
#mvisual .main_swiper .swiper-slide .text.long_t{height:auto;margin:0 0 0 -120px;top:25%}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:16px;}
#mvisual .main_swiper .swiper-slide .text .txt2 span{margin-left:5px;}
#mvisual .main_swiper .swiper-slide .text .txt2 span img{width:6px;height:6px;}
#mvisual .main_swiper .swiper-slide .text .txt3{display:none;}

/***section 공통***/
#section > div{width:100%;float:none;}

/*팝업존*/
#section .mpopupzone{width:100%;}


}