@charset 'utf-8';
/* 01.봉사처및 활동 소개 */
.s-cont{background-color:#fff;*word-break:keep-all;-ms-word-break:keep-all}
.tab_about{margin-top:25px;}
.tab_about li{float:left; margin:5px 6px 0 0}
.tab_about li img{width:143px; height:35px;}
.space-h4{margin:40px 0 18px; color:#666}
.txt-h4{line-height:18px;}
.about-img{ margin:30px 0;}
.about-img li{float:left; margin-right:10px;}
.about-img li img{width:240px; height:150px;}

.about-define{ color:#666}
.about-define dt{padding:19px 0 0 20px; background:url('/images/ico/bull_blue.gif') no-repeat 10px 23px}
.about-define dd{padding:15px 0 15px 19px; line-height:22px; border-bottom:1px solid #dadada}
.about-define dd.last{border-bottom:0}
.about-define dd strong{padding-right:5px; font-weight:normal}
.about-define .img_map{margin-top:13px; width:721px;}

/* 02.사진방 */
.gallery_list{border-top:2px solid #7e7e7e; border-bottom:2px solid #e5e5e5}
.gallery_list li{width:170px; height:180px; float:left; padding:20px 20px 0 0; border-bottom:1px solid #e2e2e2}
.gallery_list dt img{width:170px; height:120px }
.gallery_list .tit{display:block; padding:10px 0 7px;}
.gallery_list span.photo{padding-left:20px; display:inline-block; height:12px; line-height:12px; background:url('/images/ico/ico_photo.gif') no-repeat left 0px}
.gallery_list span.date{margin-left:9px; padding-left:10px;display:inline-block; background:url('/images/ico/bar_btn.gif') no-repeat left 1px}
.gallery_list li.noList{ width:100%; text-align:center; height:110px; padding:90px 0px 0 0;}

.contcont {height:515px; margin:0px; }
.gallery_view{text-align:center;position:relative; padding:0px; overflow:hidden; padding-bottom:40px; }
.gallery_view02{overflow:hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 100%; margin-left:25px;}
.gallery_view02>ul{ padding: 20px 0 20px 0px; margin: 0;  list-style-type: none; z-index: 1; width:624px; left:0px; }
.gallery_view02>ul>li{  position:relative;width:130px; height:74px; text-align:center; border-right:1px solid #e5e5e5}
.gallery_view02>ul>li img{width:98px ; height:68px; border:1px solid #e5e5e5}
.gallery_view02>ul>li img.thumPhoto{width:98px ; height:68px}
.gallery_view02>ul>li.on img{border:3px solid #229be8}
.prev{position:absolute; left:0; top:530px; border:none;}
.next{position:absolute; right:0px;top:530px;border:none}
.txt_view{ padding-top:40px; text-align:left; border-top:1px solid #7b7b7b}

/* 03.샘터소식지 */
.newsletter-year { border-top:2px solid #7e7e7e; border-bottom:1px solid #7e7e7e; text-align:center; padding:8px 0; font-size:14px; font-weight:bold; }
.newsletter-year .year-txt { display:inline-block; margin:4px 5px 0; }

.newsletter-total { width:100%; overflow:hidden; }
.newsletter-list { width:780px; border-bottom:2px solid #e3e3e3; margin-left:-40px; overflow:hidden; }
.newsletter-list li { position:relative; float:left; border-bottom:1px solid #e3e3e3; padding:30px 0; width:350px; height:194px; padding-left:40px; }
.newsletter-list li p { float:left; }
.newsletter-list li p a img{width:143px ;height:194px}
.newsletter-list li dl { float:right; width:188px; margin-top:8px; }
.newsletter-list li dl dt { font-size:14px; font-weight:bold; color:#137bc4; margin-bottom:15px; }
.newsletter-list li dl dd { line-height:18px; }
.newsletter-list li .download { position:absolute; bottom:30px; left:201px; }
.newsletter-list li .download img{width:124px ;height:27px}
.newsletter-list li.noList{ width:740px;text-align:center; padding:122px 0 0 40px; height:132px;}
/* 04.15주년 기념백서/영상 */
.mvArea{ height:698px; margin-top:39px; padding:29px; background:url('/images/activity/bg_mvArea.gif') no-repeat 0 0}
.mvArea .mv-define{position:absolute; top:711px; left:28px;}
.mvArea .mv-define dt{padding:30px 0 9px; color:#696969; font-weight:bold; font-size:16px;}
.mvArea .mv-box{ text-align:left; width:666px ; height:81px; position:absolute; top:800px; line-height:16px; overflow-y:scroll; padding:4px 6px 0px 8px;font-size: 12px;color: #696969; border:1px solid #ccc; background:#fff}
.anniver-paper{ position:relative; border-bottom:2px solid #e3e3e3 }
.anniver-paper>dl>dt{padding:39px 0 10px; border-bottom:1px solid #e3e3e3}
.anniver-paper>dl>dd{padding:50px 0 90px ; line-height:18px;}
.down-anniver-paper{ position:absolute; text-align:center; width:208px; height:200px; right:0px; top:100px; }
.down-anniver-paper a{display:block}
.down-txt{margin-top:20px; color:#767676; font-size:11px;}
.down-txt .btn_adobedown{margin-left:77px; display:block; float:right; margin-top:-8px;}