@charset "utf-8";
/*개요 & 교화현황 공통*/
.about_bg{padding:85px 0;}
.about_bg.bg1{background:url(/nanum/site/builder/dir/temple/img/menu3300/about_bg.jpg) no-repeat right center;}
.about_bg.bg2{background:url(/nanum/site/builder/dir/temple/img/menu3300/about_bg2.jpg) no-repeat right center;}
.about_bg p{font-size:30px;font-family:'NotoKrL', sans-serif;color:#222;line-height:45px;letter-spacing:-0.05em;}
.about_bg p span{font-family:'NotoKrB', sans-serif;}

/*개요*/
.about_wrap .character_box{display:inline-block;width:100%;margin-top:45px;}
.about_wrap .character_box li{float:left;width:282px;height:195px;border-left:1px solid #ccc;}
.about_wrap .character_box li:first-child{border-left:0;}
.about_wrap .character_box li p{padding-top:120px;font-size:16px;color:#555;line-height:24px;text-align:center;}
.about_wrap .character_box li p.icon01{background:url(/nanum/site/builder/dir/temple/img/menu3300/about_icon01.gif) no-repeat center 30px;}
.about_wrap .character_box li p.icon02{background:url(/nanum/site/builder/dir/temple/img/menu3300/about_icon02.gif) no-repeat center 30px;}
.about_wrap .character_box li p.icon03{background:url(/nanum/site/builder/dir/temple/img/menu3300/about_icon03.gif) no-repeat center 30px;}
.about_wrap .about_box{overflow:hidden;display:inline-block;width:100%;border-top:1px solid #000;border-bottom:1px solid #ccc}
.about_wrap .about_box .box{float:left;width: 366px;height: 154px;margin:-1px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 35px 30px;}
.about_wrap .about_box .box .tit{margin-bottom:15px;font-size:19px;font-family:'NotoKrB', sans-serif;color:#222;letter-spacing:-0.05em;}
.about_wrap .about_box .box.icon01{background: url(/nanum/site/builder/dir/temple/img/menu3300/activity_icon01.gif) no-repeat right 30px bottom 20px;}
.about_wrap .about_box .box.icon02{background:url(/nanum/site/builder/dir/temple/img/menu3300/activity_icon02.gif) no-repeat right 30px bottom 20px;}


/*연혁*/
.history_wrap{width:100%;}
.history_wrap .year_box{font-family:'Prompt', 'NotoKrR', sans-serif;letter-spacing:0;}
.history_wrap .year_box:first-child p{margin-top:0;}
.history_wrap .year_box .year{margin:50px 0 20px 0;font-size:22px;color:#3660e2;}
.history_wrap .year_box dl{display:inline-block;width:100%;padding:10px 0;font-size:16px;color:#000;background:url(/nanum/site/builder/dir/temple/img/menu3300/history_line.gif) repeat-y 5px;}
.history_wrap .year_box dl dt{float:left;min-width:50px;margin:0 30px 10px 0;padding-left:50px;font-family:'Prompt', sans-serif;font-weight:500;background:url(/nanum/site/builder/dir/temple/img/menu3300/history_icon.gif) no-repeat 0 50%;}
.history_wrap .year_box dl dd{margin-bottom:10px;font-family:'Prompt', 'NotoKrR', sans-serif;letter-spacing:-0.05em;}
.history_wrap .year_box dl dd ul{display:inline-block;width:700px;}
.history_wrap .year_box dl dd ul li{margin-bottom:10px;line-height:23px;}


/******************************1024******************************/
@media all and (max-width:1024px){
/*개요 & 교화현황 공통*/
.about_bg{padding:61px 0;background-size:280px auto !important;}
.about_bg p{font-size:26px;line-height:40px;}

/*개요*/
.about_wrap .character_box{margin-top:30px;}
.about_wrap .character_box li{width:33.33%;box-sizing:border-box;}
.about_wrap .about_box{border-bottom:0;border-left:1px solid #ccc;}
.about_wrap .about_box .box{width:50%;min-height:230px;height:auto;margin:0;box-sizing:border-box;}

/*연혁*/
.history_wrap .year_box dl dt{padding-left:30px;}
.history_wrap .year_box dl dd ul{width:80%;}

}


/******************************767******************************/
@media all and (max-width:767px){
/*개요 & 교화현황 공통*/
.about_bg{padding:230px 0 0 0;background-size:260px auto !important;background-position:center top !important;}
.about_bg p{font-size:22px;text-align:center;line-height:35px;}
.about_bg p br{display:none;}

/*개요*/
.about_wrap .about_box .box{width:100%;min-height:auto;padding:20px;}

/*연혁*/
.history_wrap .year_box dl dt{margin:0 15px 10px 0;}
.history_wrap .year_box dl dd ul{width:75%;}
}


/******************************480******************************/
@media all and (max-width:480px){
/*개요 & 교화현황 공통*/
.about_bg{padding:180px 0 0 0;background-size:200px auto !important;}
.about_bg p{font-size:18px;line-height:26px;word-break:keep-all;}

/*개요*/
.about_wrap .character_box{margin-top:0;}
.about_wrap .character_box li{float:none;width:100%;height:auto;padding:20px 0;border-top:1px solid #ccc;border-left:0;}
.about_wrap .character_box li:first-child{border:0;}
.about_wrap .character_box li p{padding-top:80px;background-position:center top !important;}
.about_wrap .character_box li p br{display:none;}

.about_wrap .about_box .box{background:none !important;}
.about_wrap .about_box .box .tit{margin-bottom:0;font-size:17px;}

/*연혁*/
.history_wrap .year_box .year{margin:20px 0 10px 0;font-size:20px;}
.history_wrap .year_box dl{padding:10px 0 0 0;font-size:15px;}
.history_wrap .year_box dl dt{margin:0 0 5px 0;}
.history_wrap .year_box dl dd{margin-bottom:0;}
.history_wrap .year_box dl dd > ul{width:100%;padding-left:30px;box-sizing:border-box;}

}