﻿@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("topmenu.css");
@import url("tabmenu.css");
@import url("../../module/css/button.css");

/*
@import url("/module/css/board.css");
@import url("/module/css/button.css");
@import url("/module/css/module_board.css");
@import url("/module/css/name_chck.css");

*/

/*레이아웃*/
.wrap {*zoom:1;}
.wrap:after{content:""; display:block; clear:both;}
.wrap{position:relative;width:960px;margin:0 auto;margin-top:0px; }




/*page-arrow button*/
.pagePrev{ position:absolute; top:0; left:0; z-index:10;width:65px;height:65px;}
.pageNext{position:absolute; top:0; right:0; z-index:10;width:65px;height:65px;}
.pagePrev a{display:block;width:65px;height:65px; background:url(../../images/common/page_arrow_prev.png) no-repeat left top;}
.pageNext a{display:block;width:65px;height:65px; background:url(../../images/common/page_arrow_next.png) no-repeat left top;}
.pagePrev a:hover{background:url(../../images/common/page_arrow_prev_over.png) no-repeat left top;}
.pageNext a:hover{background:url(../../images/common/page_arrow_next_over.png) no-repeat left top;}


/*현재위치(navi 기능)*/
.naviWrap {*zoom:1;}
.naviWrap:after{content:""; display:block; clear:both;}
.naviWrap{
	margin-top:20px;
	background-color:#908dc4;
	border: 1px solid #7b78b1;
	overflow: hidden;
	position: relative;
	z-index: 200;
}
.naviWrap div{
	float: left;
	position: relative;
	min-width: 175px;
	border-right: 1px solid #7b78b1;
	padding: 9px 15px 9px 0;
	z-index: 300;
}
.naviWrap div>a {
	display: block;
	line-height: 20px;
	color:#FFF;
	background: url(../../images/common/ir_iconSet.png) no-repeat;
}

.naviWrap .home a {
	background-position: 20px -55px;
	padding: 2px 0 0 40px;
	font-size:11px;
}
.naviWrap .path a{
	background-position: right -84px;
	padding: 2px 50px 0 20px;
	font-weight: normal;
}

.naviWrap .home:hover,
.naviWrap .path:hover,
.naviWrap .home:hover > a,
.naviWrap .path:hover > a{background-color:#a6a3d4;}

.naviWrap .path.on a{
	background-position: right -900px;
	color:#FFF;
	/*background-color:#908dc4;
	font-weight:bold;*/
}

.naviWrap .path .list {
	position: absolute;
	top: 39px;
	left: -1px;
	width: 100%;
	/*background: #fff;*/
	background-color:#908dc4;
	border: 1px solid #7b78b1;
	border-bottom: 0;
	z-index: 100;
}
.naviWrap .path .list li {
	/*border-bottom: 1px solid #eee;*/
	background-color:#908dc4;
	border-bottom: 1px solid #7b78b1;
}
.naviWrap .path .list li a {
	display: block;
	color: #FFF;
	height: 39px;
	line-height: 39px;
	white-space: nowrap;
}
.naviWrap .path .list li a:hover {
	background-color:#a6a3d4;
	color: #FFF;
	/*font-weight:bold;*/
}



/*subVisualImg*/
.subVisualWrap{width:100%;height:209px; background-color:#ffffff;border-bottom:1px solid #e4e4e4;}
.subVisualImg{width:960px;height:209px;margin:0 auto;}

/*pageTitle*/
.subVisualImg h1.pageTitle{display:block;height:65px;text-align:left;padding-top:20px;font-size:40px;color:#3c495d;}
.subVisualImg h1.pageTitle span{display:block;padding:25px 0;}
/*pageCopy*/
.subVisualImg h2{margin-top:14px;/**/font-size:22px;color:#747b86;line-height:30px; letter-spacing:0em;font-weight:normal;}
.subVisualImg h2 span{display:block;font-size:12px;color:#888888;letter-spacing:-0.07em;}
.subVisualImg h2.ptSpace1{/*padding-top:24px;*/}
.subVisualImg h2.ptSpace2{/*padding-top:24px;*/}

.subVisualImg.introImg{background:url(../../images/common/sub_visualImg_01.png) no-repeat right top;}
.subVisualImg.welfareImg{background:url(../../images/common/sub_visualImg_02.png) no-repeat right top;}
.subVisualImg.donationImg{background:url(../../images/common/sub_visualImg_03.png) no-repeat right top;}
.subVisualImg.newsImg{background:url(../../images/common/sub_visualImg_04.png) no-repeat right top;}
.subVisualImg.infoImg{background:url(../../images/common/sub_visualImg_05.png) no-repeat right top;}


/*현재위치*/
.locationWrap{margin-top:10px; text-align:right;}
.locationWrap p{font-size:11px;color:#999;}
.locationWrap p span{ display:inline-block;padding:3px 5px 3px 10px; background:url(../../images/common/icon_arrow_mini.png) no-repeat left center;}
.locationWrap p span strong{color:#0192cd; font-weight:normal;}
.locationWrap p span:first-child{padding-left:15px;background:url(../../images/common/icon_home_mini.png) no-repeat left center;}


/*컨텐츠 영역*/
.containerWrap{}
.containerWrap .containerBox{}
.containerWrap .containerBox .container{padding-bottom:60px;/**/}

.introduction_contents > h2,
.chairman_greet_contents > h2,
.history_contents > h2,
.contactus_contents > h2,
.donation_contents > h2,
.contents_contents > h2,
.containerWrap .containerBox .container > h2{padding-left:15px;margin-bottom:20px; background:url(../../images/common/bullet_01.png) no-repeat left center;font-size:16px;color:#4d48a2;}



/*재단소개 > 재단소개*/
.introduction_contents{*zoom:1;}
.introduction_contents:after{content:""; display:block; clear:both;}
.introduction_contents{margin-top:20px;}
.introduction_contents h1{padding-bottom:10px;font-size:20px;color:#0192cd;line-height:130%; letter-spacing:0em;font-weight:normal;}
.introduction_contents h1 span{display:block;font-size:16px;color:#0192cd;}
.introduction_contents p{margin-top:20px;font-size:14px;line-height:26px;}

.introduction_contents .introductionImg01{float:left;width:288px;margin-right:40px;}
.introduction_contents .introduction{float:left;width:630px;}


/*재단소개 > 이사장 인사말*/
.chairman_greet_contents{margin-top:20px;}
.chairman_greet_contents h1{font-size:20px;color:#0192cd;line-height:26px; letter-spacing:-0.05em;}
.chairman_greet_contents h1 span{display:block;font-size:14px;color:#0192cd;}
.chairman_greet_contents p{margin-top:20px;font-size:14px;line-height:26px;}
.chairman_greet_contents .chairman_greetImg01{height:470px;margin-top:0px;margin-right:40px;}

/*재단소개 > 연혁*/
.history_contents{margin-top:20px;margin-bottom:60px;}
.history_contents h1{margin-right:64px;font-size:30px;color:#0192cd;line-height:26px; letter-spacing:-0.1em;}
.history_contents h1 span{display:block;margin-top:30px;font-size:20px;color:#888888;}
.history_contents h1 span:first-child{margin-top:15px;}
.historyWrap{}
.historyWrap ul{margin-top:30px;font-size:14px;line-height:26px; letter-spacing:-0.05em;}
.historyWrap ul li{}
.historyWrap ul li span{ display:inline-block;width:600px;}  /*width:470px*/
.historyWrap ul li span:first-child{width:96px;color:#635ebc;}

/*재단소개 > contact us*/
.contactus_contents{margin-top:20px;}
.contactus_contents h2{margin-top:40px;margin-bottom:12px;}
.contactus_contents ul{margin:0; margin-left:17px;}
.contactus_contents ul li{ padding-left:10px;margin-bottom:25px;background:url(../../images/common/bullet_arrow_01.png) no-repeat left 7px;}
.contactus_contents ul li span{display:block;margin-left:25px;}
.contactus_contents ul li span strong{color:#3b60af}
.contactus_contents .telTable{width:400px;margin-left:17px;}
.contactus_contents .telTable table{border:1px solid #dcdcdc;}
.contactus_contents .telTable th{ background-color:#f8f8f8;border-bottom:1px solid #dcdcdc;}
.contactus_contents .telTable td{color:#000;}

.contactus_contents .telTable th,
.contactus_contents .telTable td{height:30px;text-align:center;}
.contactus_contents .telTable th:first-child,
.contactus_contents .telTable td:first-child{border-right:1px solid #dcdcdc;}



/*지원사업 > 방송컨텐츠*/
.contents_contents{margin-top:20px;}

.contents_contents .contentsGroup{*zoom:1;}
.contents_contents .contentsGroup:after{content:""; display:block; clear:both;}
.contents_contents .contentsGroup{margin:40px 20px;}

.contents_contents .contentsGroup .contentsMovie{float:left;width:259px;}
.contents_contents .contentsGroup .contentsMovie .btnGroup{clear:both;height:60px;margin:34px auto;}

.contents_contents .contentsGroup .contentsMovieInfo{float:right;width:639px;background-color::#FFF; border:1px solid #f0f0f0;}
.contents_contents .contentsGroup .contentsMovieInfo div{ padding:20px;}
.contents_contents .contentsGroup .contentsMovieInfo div h1{margin-top:10px;margin-bottom:20px;font-size:30px;color:#000000;font-weight:normal;}
.contents_contents .contentsGroup .contentsMovieInfo div h2{margin-bottom:20px;font-size:17px;color:#666666;font-weight:normal;}
.contents_contents .contentsGroup .contentsMovieInfo div .contentsMovieInfo_InBox{margin-bottom:20px;background-color:#f5f4f4;padding:10px 20px;font-size:14px;color:#000000;line-height:160%}
.contents_contents .contentsGroup .contentsMovieInfo div p{}



/*후원*/
.donation_contents{margin-top:20px;}


.regularityInfo{height:215px;margin:20px 70px 5px 45px; background:url(../../images/donation/regularityInfo_img.png) no-repeat right top;}
.regularityInfo h2{font-size:2.2em;padding-top:15px;line-height:120%;}
.regularityInfo p{margin-top:43px;font-size:14px;color:#888888;}
.regularityInfo strong{ font-weight:normal; color:#494949;}

.arsWrap{float:left;width:433px;height:118px;padding:20px;margin-right:10px;margin-bottom:10px;}
.arsWrap .ars{ background:url(../../images/welfare/onetime_icon_01.png) no-repeat 0px 0px;}
.arsWrap .ars h1{margin-left:110px;font-size:16px;color:#444444;margin-bottom:10px;}
.arsWrap .ars p{margin-left:110px;font-size:12px; color:#888888;}
.arsWrap .ars a{margin-left:110px;display:block;margin-top:25px;font-size:30px; color:#6979b5;}
.arsWrap .ars a img{margin-right:7px;}

.bankWrap{float:left;width:433px;height:118px;padding:20px;}
.bankWrap .bank{background:url(../../images/welfare/onetime_icon_02.png) no-repeat 0px 0px;}
.bankWrap .bank h1{margin-left:110px;font-size:16px;color:#444444;margin-bottom:10px;}
.bankWrap .bank p{margin-left:110px;font-size:12px; color:#888888;}
.bankWrap .bank ul{margin-left:110px;display:block;margin-top:10px;}
.bankWrap .bank li{font-size:12px; color:#6979b5;}
.bankWrap .bank li span{display:inline-block;width:28px;text-align:center;}
.bankWrap .bank li img{width:20px;margin-right:3px; vertical-align:middle;}

.giroWrap{ clear:both;padding:20px;}
.giroWrap .giro{background:url(../../images/welfare/onetime_icon_03.png) no-repeat 0px 0px;}
.giroWrap .giro h1{margin-left:110px;font-size:16px;color:#444444;margin-bottom:10px;}
.giroWrap .giro p{margin-left:110px;font-size:12px; color:#888888;}

.giroForm{width:360px;padding:10px;margin-left:110px;margin-top:15px;background-color:#e4e4e4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.giroForm input[type="checkbox"]{ display:none;}
.giroForm label[for="giroChk"]{ display:block;height:20px;padding-left:30px;background:url(../../images/common/checkbox.png) no-repeat left center; cursor:pointer;}
.giroForm input[type="checkbox"]:checked + label{background:url(../../images/common/checkbox_chk.png) no-repeat left center;}

.formTable{/*display:none;*/ background-color:#ffffff;border:1px solid #dddddd;padding:20px 30px;margin-top:10px;}
.formTable table{}
.formTable th{width:70px;height:40px; text-align:left;}
.formTable td{height:40px;}

.formTable input#phone1{width:80px;}
.formTable input#phone2{width:100px;}
.formTable input#phone3{width:100px;}

.formTable input#add1{width:120px;}
.formTable input#add2{width:280px;}
.formTable input#add3{width:280px;}

.formTable div{margin-top:10px;}
.formTable .consent{margin-left:10px;}
.formTable .btnGroup{margin-top:20px;}
.formTable .btnGroup  label{}
.formTable .btnGroup  label input[type="submit"]{width:270px;height:40px;font-size:0px;color:#FFF;text-align:center; font-weight:normal; cursor:pointer;}
.formTable .btnGroup  label input[id="sponsored"]{background:url(../../images/donation/sponsored_btn.png) no-repeat left top;}
.formTable .btnGroup  label input[id="giroApplication"]{background:url(../../images/donation/giroApplication_btn.png) no-repeat left top;}

.counselWrap{margin-top:20px; background-color:#c1c9e9; border:1px solid #abb6df;}
.counselWrap .counsel{margin:15px auto;}
.counselWrap .counsel p{font-size:20px;text-align:center;color:#3c495d;text-shadow:1px 1px 0px #abb6df;}

.termsSummary{padding:15px 20px;}


/*재단소식*/
.news_contents{margin-top:20px;}
.photoBoard{margin-top:20px;}

/*정보공개*/
.info_contents{margin-top:20px;}

.info_contents #accordion{}
.info_contents #accordion dl, dt, dd{margin:0; padding:0;}
.info_contents #accordion dl{width:auto;margin-bottom:10px;background-color:#fcfcfc;border:1px solid #f0f0f0;}
.info_contents #accordion dt{font-size:23px;color:#242424; cursor:pointer; }
.info_contents #accordion dt span{display:block;padding:20px 30px;background:url(../../images/common/accordion_arrow_bottom.png) no-repeat 895px center;}
.info_contents #accordion dd{padding:40px 0;margin:0px 30px; border-top:1px solid #f0f0f0; }

.info_contents #accordion dt:hover span{background:url(../../images/common/accordion_arrow_bottom_over.png) no-repeat 895px center;}
.info_contents #accordion dt.on span{background:url(../../images/common/accordion_arrow_top_over.png) no-repeat 895px center;color:#635dcc;}
.info_contents #accordion dt.on:hover span{background:url(../../images/common/accordion_arrow_top_over.png) no-repeat 895px center;color:#635dcc;}






/*foot*/
.footerWrap{ width:100%;/*margin-top:36px;*/padding-top:20px;padding-bottom:40px;border-top:1px solid #e4e4e4;background-color:#ffffff;text-align:left;position:relative;}
.footerWrap .footerGroup{width:960px;margin:0 auto;}
.footerWrap .footerGroup .footMenu{position:relative;height:20px;margin-bottom:10px;}
.footerWrap .footerGroup .footMenu > a{ display:inline-block;padding:5px 10px; background:url(../../images/common/footMenu_guide.png) no-repeat left 9px; color:#666666;}
.footerWrap .footerGroup .footMenu > a:nth-child(2){margin-left:-10px; background:none;}
.footerWrap .footerGroup .footMenu > a:hover{ background:none;background-color:#056085;color:#FFF;}
.footerWrap .footerGroup .footCopy{color:#75756e;}




/*common*/
hr{ clear:both; display:block; margin-top:40px;border:0px;}
.miniBtn{ display:inline-block;height:16px;background-color:#d9d9d9;padding:2px 7px;font-size:11px;color:#666666;text-align:center;}


/*module_board*/
#module_board{}
#module_board .search_Area{ 
	padding:15px 10px;
	background-color:#fcfcfc; 
	border:1px solid #f1f1f1;
	vertical-align: middle;
	text-align:center;
}

#module_board .search_Area select {
	vertical-align: middle;
	line-height: 40px;
	font-size: 1em;
}
#module_board .search_Area .inputText {
width: 358px;
margin: -1px 0;
vertical-align: middle;
color: #444444;
}
#module_board .search_Area .button{
	display:inline-block;
	width:58px;
	height:28px;
	border:1px solid #dedede;
	border-bottom-color:#bebebe;
	text-align:center;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#module_board .search_Area .button input{
	background:none;
	font-size:1.2em;
}

#module_board .list_topArea{margin-top:5px;text-align:right;}
#module_board .list_topArea select {
	vertical-align: middle;
	height:20px;
	line-height: 40px;
	font-size: 1em;
}
#module_board .list_topArea .button{
	display:inline-block;
	width:58px;
	height:20px;
	border:1px solid #dedede;
	border-bottom-color:#bebebe;
	text-align:center;
}
#module_board .list_topArea .button input{
	background:none;
	height:20px;
	font-size:1em;
}

.board_list{margin-top:10px;}
.board_list table{width:100%;border-top:1px solid #cbdde9;}
.board_list th{height:40px;background-color:#f6fafd; border-bottom:1px solid #e7f0f5; color:#4c4c4c;}
.board_list td{height:34px;border-bottom:1px solid #f1f1f1;text-align:center;color:#666666; }
.board_list .tit{padding-left:5px;text-align:left;}
.board_list .noline{}

.btnArea {*zoom:1;}
.btnArea:after{content:""; display:block; clear:both;}
.btnArea {
	margin: 1em 0;
	text-align: center;
}
.btnArea .fRight {
	float: right;
}

a.button.sky{
	display:inline-block;
	border:1px solid #dedede;
	border-bottom-color:#bebebe;
	text-align:center;
	color: #242424;
	font-weight: bold;
	padding:5px 10px;
	margin: 0;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}


.paginate{text-align:center;}
.paginate strong,
.paginate a{
	display:inline-block;
	padding:5px 10px;
	margin-left:4px;
	border:1px solid #d5d5d5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.paginate strong,
.paginate a:hover{
	border:1px solid #a3a3a3;
	background-color:#a3a3a3;
	color:#FFFFFF;
}

/*view*/
.board_view{}
.board_view table{width:100%;border-top:1px solid #cbdde9;}
.board_view th{height:40px;background-color:#f6fafd; border-bottom:1px solid #e7f0f5; color:#4c4c4c;}
.board_view td{height:34px;padding-left:10px;border-bottom:1px solid #f1f1f1;text-align:left;color:#666666;}
.board_view td.board_ctt{height:auto;padding:10px;}

.board_prenext{border-top:1px solid #cbdde9;}
.board_prenext dt{float:left;padding:10px;background-color:#f6fafd; border-bottom:1px solid #e7f0f5; color:#4c4c4c;}
.board_prenext dd{padding:10px;padding-left:60px;border-bottom:1px solid #e7f0f5;}
