@charset "utf-8";
/* main_Layout (메인페이지 구조) */


/***************************** 비주얼 컨텐츠영역 ******************************/
#main_visual { position:relative; height:700px; /*height:640px; 20200518 수정*/ }
.main_visual { overflow:hidden; position:relative; top:-20px; left:0; width:100%; height:667px; text-align:center; }

.main_picture { position:absolute; top:0; left:0; z-index:10; width:100%; min-width:1200px; vertical-align:top; }
.picture2 { display:none; vertical-align:top; }
#main_visual .current { position:absolute; top:0; left:0; width:100%; height:auto; }

.main_txt {
    position: absolute;
    width: 600px;
    text-align: center;
    top: 185px;
    left: 50%;
    margin-left: -150px;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -3px;
    line-height: 49px;
}
.main_txt .step {
    font-size: 17px;
    font-weight: 400;
	line-height: 30px;
    color: #fff;
    text-align: center;
    letter-spacing: 0px;
	border-bottom:2px solid #fff;
	width:60px;
	margin:0 auto;
	margin-bottom: 15px;
}
.main_txt span { font-size:40px; font-weight:500; }

.Btn_Prev { position:absolute; top:213px; left:50%; margin-left:-245px; width:47px; height:93px; z-index: 999; }
.Btn_Next { position:absolute; top:213px; left:50%; margin-left:500px; width:47px; height:93px; z-index: 999; }

.main_dot { position:absolute; top:350px; left:58%; z-index:99999; margin-left:-500px; width:1000px; text-align:center; }
.main_dot a.dot { display:inline-block; width:17px; height:18px; margin-right:10px; background:url('/default/_template/image/default/main/visual_dot.png') no-repeat 0 0; }
.main_dot a.dot_on { display:inline-block; width:47px; height:18px; margin-right:10px; background:url('/default/_template/image/default/main/visual_dot_on.png') no-repeat 0 0; }



/***************************** 하단 컨텐츠영역 ******************************/
#main_contents_wrap { position:absolute; top:426px; width:100%; margin:0 auto; z-index:9999; background:url("/default/_template/image/default/common/contents_bg.png") repeat #EEE; overflow: hidden; padding:40px 0; }
#main_contents_wrap:after{content:""; display:block; clear:both;} /*20200518 추가*/
#main_contents {/*position:relative;*/ width:1200px; margin:0 auto; z-index:9999; }


/*공지사항, 관련뉴스*/
#main_contents .notice_area { overflow:hidden; width:100%;}
#main_contents .notice_area .bbs {position:relative; float:left; width:393px; border-right: 1px dashed #ccc; margin-right:22px; height:195px;}
/*#main_contents .notice_area .bbs {position:relative; float:left; width:393px; border-right: 1px dashed #ccc; margin-right:22px; height:175px;}*/
/*#main_contents .notice_area .bbs {position:relative; float:left; width:393px; border-right: 1px dashed #ccc; margin-right:22px; height:160px;}*/
/*#main_contents .notice_area .bbs {position:relative; float:left; width:393px; background:url('/default/_template/image/default/main/bbs_dot.gif'); margin-right:22px; height:140px;}*/
#main_contents .notice_area .bbs h2{padding:0; background:none; margin:0; color:#000; font-size:20px;}
#main_contents .notice_area .bbs ul.tabcontent {margin-top:15px;}
#main_contents .notice_area .bbs ul.tabcontent li {float:left; color:#7C7B7B; padding:0 0 7px 0; height:20px; width:363px;  font-weight:400;}
#main_contents .notice_area .bbs ul.tabcontent li a{color:#404040; font-size:14px;} 
#main_contents .notice_area .bbs ul.tabcontent li a:hover{color:#00693f; text-decoration:none;}
#main_contents .notice_area .bbs ul.tabcontent li span.subject {float: left; overflow: hidden; width: 280px; padding-left:10px; background:url('/default/_template/image/default/main/bbs_li_dot.gif') no-repeat scroll 0 0.5em ; background-repeat:no-repeat; letter-spacing: -0.5px; height: 24px;}
#main_contents .notice_area .bbs ul.tabcontent li span.date {color: #989898; float: right; font-size: 13px; text-align: right;}
#main_contents .notice_area .bbs .more { display:block; height:20px; position:absolute; right:32px; top:6px; background:url('/default/_template/image/default/main/more_bg.png') no-repeat; background-position: center left; color: #666; padding-left:15px; vertical-align: middle;}
#main_contents .notice_area .bbs .more:hover { display:block; height:20px; /*position:absolute; right:32px; top:6px;*/ background:url('/default/_template/image/default/main/more_bg_on.png') no-repeat; background-position: center left; color:#00571b; padding-left:15px; vertical-align: middle;}
#main_contents .notice_area .banner {position:relative; float:left; /*background:url('/default/_template/image/default/main/main_banner_bg.png') no-repeat; background-position: top right; background-size:138px; */width:354px; /*height:140px;*/}
#main_contents .notice_area .banner h2 { font-size:20px; font-weight: 400; color:#000; margin: 0 0 10px 0; padding: 0; letter-spacing:-1px; line-height:1.2;}
#main_contents .notice_area .banner h2 strong { color: #00571b; font-size:20px; font-weight:400;}
#main_contents .notice_area .banner p {  color: #666; font-size:15px; width: 165px; letter-spacing:-0.5px; line-height:1.2; padding: 0; margin: 0; font-weight:400; text-align: left;}
/*#main_contents .notice_area .banner .more{ border: 1px solid #e1e1e1; color: #666; font-size:13px;font-weight: 300; text-align: center; vertical-align: middle; padding: 8px 13px; }
#main_contents .notice_area .banner .more a:hover{ color: #00571b; }*/
/*#main_contents .notice_area .banner .goBtn { position:absolute; left:0px; bottom:18px; border:1px solid #e1e1e1; padding:5px 13px; background:#fff; color:#666; font-size:12px; }*/
#main_contents .notice_area .banner .goBtn { border:1px solid #e1e1e1; padding:3px 13px; background:#fff; color:#666; font-size:12px; margin-top:10px; cursor: pointer;}
#main_contents .notice_area .banner div{ overflow: hidden; margin-bottom: 7px;}
#main_contents .notice_area .banner .list{ margin-bottom:7px; overflow: hidden;}
#main_contents .notice_area .banner .list p{ border:1px solid #e1e1e1; border-right:0; color:#666; font-size:14px; padding:7px 10px; width:260px; display: block; float: left;}
#main_contents .notice_area .banner .list span{ background:#989898; color:#fff; display: block; float: left;  padding:6px 10px;}

#main_contents .notice_area .banner a:hover.list p { color:#333; font-weight:400;}
#main_contents .notice_area .banner a:hover.list span { background:#03832a; color:#fff;}



/* 경계 */
#main_contents .notice_area .line {clear:both; width:810px; height:30px; border-bottom:1px solid #dedede; margin-bottom:30px;}

/* 팝업존 */
#main_contents .notice_area .pop_zone {position:relative; float:left; width:393px; background:url('/default/_template/image/default/main/bbs_dot.gif'); margin-right:22px; height:147px;}
#main_contents .notice_area .pop_zone h2{float:left; padding:0 0 20px 4px; margin:0;}
#main_contents .notice_area .pop_zone ol {float:right; padding-right:30px;}
#main_contents .notice_area .pop_zone ol li {float:left; margin-left:4px;border:1px solid #ccc; background-color:#fff; font-size:12px;}
#main_contents .notice_area .pop_zone ol li.on {border:1px solid #636b7e; background-color:#00693f; font-size:12px;}
#main_contents .notice_area .pop_zone ol li.on a {color:#fff;}
#main_contents .notice_area .pop_zone ol li a {display:block; padding:1px 6px;color:#333;}
#main_contents .notice_area .pop_zone ol li div.con a {padding:0;}
#main_contents .notice_area .pop_zone ol li div.con {position:absolute; left:0; bottom:0; width:353px; height:107px; border:1px solid #ccc; margin-left:8px;}

/* 후원계좌 안내 */
.bank_area { position:absolute; top:110px; left:50%; z-index:9990; margin:0 0 0 -600px; background:url("/default/_template/image/default/main/bank_bg.png")  repeat-y; height: 336px; overflow: hidden; }
.bank_area .bank { width:272px; padding:0 25px; position: relative; top:82px;}
.bank_area h2 {padding:0 0 13px; margin:0; background:none; color:#fff; font-size:20px; }
.bank_area h2 span { font-size:14px; margin-left: 0; }
.bank_area ul {clear:both; }
.bank_area ul li {float:left; color:#404040; line-height: 1.4;}
.bank_area ul.list { width:100%; height:20px; border-bottom:1px solid #e1e1e1;}
.bank_area ul.end {border:0;}
.bank_area ul.list li.icon {width:33px; height:20px; line-height:20px;}
.bank_area ul.list li.icon img {vertical-align:middle;}
.bank_area ul.list li.txt {text-align:left; font-weight:400; color:#fff; font-size:20px;}
.bank_area ul.list li.txt span {padding:0 0 0 15px;}
.bank_area ul.list li.txt span {padding:0 0 0 15px; font-weight: 400;}
.bank_area .button { background:url("/default/_template/image/default/main/bank_button_bg.png") repeat; border: 1px solid #00571b; padding:10px 60px; color: #fff; font-size: 16px; position: relative; top:50px; margin: 0; text-align: center; vertical-align: middle;}

/* 이달의 기부자 */
#contributor { width:100%; min-height:470px; background:url('/default/_template/image/default/main/contributor_bg.gif'); background-repeat:no-repeat; text-align:center; /*20200518 추가 -> */ background-size: cover;}
#contributor h2 { padding-top:55px; width:300px; text-align:center; font-size:40px; color:#00571b; letter-spacing:-3px; font-weight:500; margin:0 auto;}
#contributor p { padding-bottom:7px; text-align:center; font-size:18px; color:#000; letter-spacing:-1px; font-weight:300;}
#contributor table {width:1200px; margin:0 auto;}
#contributor td {border:1px solid #f0e9df; width:100px; height:35px; background:url('/default/_template/image/default/main/contributor_li_bg.png'); color:#000; font-size:15px; padding:12px 23px; line-height:1 }
#contributor .btn_contributor {width:268px; height:42px; background:#215a27; color:#fff; font-weight:400; font-size:14px; margin:0 auto; margin-top:20px; border:1px solid #215a27; cursor: pointer;}

/* 관련기관 배너 */
.agencybanner {border-top:1px solid #ddd;}
.agencybanner ul {overflow:hidden; width:1200px; margin:0 auto;}
.agencybanner ul li {float:left; height:74px; border-left:1px solid #ddd;}
.agencybanner ul li:last-child {border-right:1px solid #ddd;}
.agencybanner ul li a {display: block;}

/* 반응형 */
@media screen and (max-width:640px) {
  
}