@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
게시판
-----------------------------------------------------------------------------------------------------------*/
#boardDiv 			{clear:both;overflow:hidden; width:100%;}

.table_tit_center	{ padding:5px}
.tabelDiv 			{clear:both; width:100%; margin:10px 0; background:#fff;}

.schDiv 					{float:right;padding:0; margin:10px 0;}
.schDiv select.search-key	{color:#ffffff ; background-color:#8E8E8E; border: 1px #8DA5A9 solid;}
.schDiv input#sKeyword		{height:19px ; color:#193F45; border: 1px #BEBEBE solid;}


.pageDiv			{ clear:both; overflow:hidden;  width:100%; text-align:center}


/*-----------------------------------------------------------------------------------------------------------
/*리스트
-----------------------------------------------------------------------------------------------------------*/

.board_list_type1				{ clear: both; border-collapse: collapse; width:100%; margin:0px; border-top:2px solid #333;}
.board_list_type1 thead th 		{ color:#000; font-weight:bold; text-align:center; letter-spacing:-1px; border-bottom:1px solid #999; padding:14px 8px}
.board_list_type1 tbody th 		{ padding:12px 8px; margin:0; background:#f3f3f3; color:#555;  font-weight:bold;  border-bottom:1px dotted #999; border-right:#ddd 1px solid;  text-align:center;}
.board_list_type1 tbody td 		{ color:#555; padding:12px 8px;  border-bottom:1px dotted #999; line-height:180%; font-size:0.9em}
.board_list_type1 tbody td.type1{ background:#f3f3f3; text-align:center}

.board_list_type2				{ clear: both; border-collapse: collapse; width:100%; margin:0px; border-top:2px solid #333;}
.board_list_type2 thead th 		{ color:#000; font-weight:bold; text-align:center; letter-spacing:-1px; border-bottom:1px solid #999; padding:14px 8px}
.board_list_type2 tbody th 		{ padding:12px 8px; margin:0; background:#f3f3f3; color:#555;  font-weight:bold;  border-bottom:1px dotted #999; border-right:#ddd 1px solid;  text-align:center;}
.board_list_type2 tbody th.type1{ color:#0c4ea2; background:#e3ecf9; font-weight:bold; text-align:center; letter-spacing:-1px; font-size:1.1em;}
.board_list_type2 tbody td 		{ color:#555; padding:12px 8px;  border-bottom:1px dotted #999; line-height:180%; font-size:0.9em; text-align:center}



.btn01 			{ display:inline-block; height:32px; padding:0 18px; border:1px solid #222; background:#555; font-size:14px; border-radius: 3px}
a.btn01,input.btn01,button.btn01					{ color:#fff; font-size:1em}
a:hover.btn01,input:hover.btn01,button:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}

/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/

#subP > h4	{background:url(/image/common/btn_bullet.gif) no-repeat left; margin:20px 0 5px 0; font-size:1.2em; font-weight:600; letter-spacing:-1px; padding-left:25px; color:#000}
#subP > h5	{ padding:0 0 0 25px; font-size:1.1em; font-weight:600; margin:10px 0 10px 20px; background:url(/image/common/bu_3.gif) no-repeat left; color:#333}

div.con		{ padding-left:20px; line-height:180%}

ul.bu1		{ margin:10px 0 0 20px;}
ul.bu1 li 	{line-height:180%;margin-top:5px;}

ul.bu2		{margin:5px 0 0 10px;}
ul.bu2 li 	{line-height:180%; padding-left:15px; position:relative}
ul.bu2 li:after 	{ position:absolute; top:0; left:5px; content:'>'; font-size:8px; color:#999}
ul.bu2 li strong	{ font-weight:bold; color: #090}
ul.bu2 li ul	{ padding:5px 0 5px 5px;}
ul.bu2 li ul li	{ background:url(/image/common/ico_arr.gif) no-repeat 0 7px;}

ul.bu3		{margin:5px 0 0 10px;}
ul.bu3 li 	{line-height:170%; padding-left:10px; background:url(/image/common/dot.gif) no-repeat 3px 8px; border:none; letter-spacing:-1px; color:#555; font-size:0.9em}
ul.bu3 li strong	{ font-weight:bold;}



/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:210px; font-size:18px; color:#c60c23; letter-spacing:-1px; line-height:60px; text-align:center; font-weight:normal;
	border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
	background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	
	#contents_sitemap .cate_line{margin-bottom:20px; margin-left:30px}
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{float:left; width:200px; height:auto; margin:20px 40px 10px 0px;}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:10px 10px 15px 20px;margin-top:3px;border-bottom:#f2f2f2 1px solid; text-align:center}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #c60c23;}
	
	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:15px;}
	.sc_text ol li	{ list-style: decimal    !important; margin-bottom:5px }
	.sc_text ol type	{ font-weight:bold}
		.sc_text ul 	{}
		.sc_text li 	{ line-height:160%}
		.sc_text li span.bold{ background:#555; padding:2px 5px; color:#fff; margin-right:5px; border-radius: 3px}
		.sc_text li strong	 { font-weight:500; color:#000}



/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/

	.about_sub2		{ line-height:180%; background:url(/image/about/sub2_bg.jpg) no-repeat right bottom; padding:20px 0px 30px 0}
	.about_sub2 p.img	{ padding-bottom:20px;}
	
	.about_sub3_1	{ background:url(/image/about/sub3_bg1.jpg) no-repeat center; height:265px;}
	.about_sub3_1 p.txt	{ text-align:center; font-size:17.5px; padding-top:60px; color:#000; letter-spacing:-1px; font-weight:600}
	.about_sub3_1 p.txt span	{ color:#F60; font-weight:600}
		h3.about3		{ text-align:center; padding-bottom:30px; position:relative;}
		h3.about3:after	{ position:absolute; top:40px; left:48%; width:1px; height:30px; background:#ddd; content:'';}
	
	.about_sub3_2	{ background:url(/image/about/sub3_bg2.jpg) no-repeat bottom; background-position: 0 30px; height:370px;}
	.about_sub3_2 ul{ margin:0 26px; padding-top:30px}
	.about_sub3_2 ul li	{ float:left; width:223px; margin-right:22px;}
	.about_sub3_2 ul li:last-child	{ margin-right:0;}
	.about_sub3_2 ul li p.num	{ text-align:center; color:#000; position:relative; padding-bottom:20px; font-size:18px; font-weight:600}
	.about_sub3_2 ul li p.num:before	{ position:absolute; content:''; width:20px; height:3px; background:#ddd; top:30px; left:46%}
	.about_sub3_2 ul li p.txt	{ text-align:center; padding:0 40px; color:#000; letter-spacing:-1px; font-size:15px}
		

	/* 연혁 */
	.historyDiv{ border-top:3px solid #87b060; margin-top:30px;}
		.historyDiv li{border-bottom:1px dashed #ddd; overflow:hidden; padding:30px 0;}
		.historyDiv li.end{border-bottom:0px solid #ddd;}
		.historyDiv li .year{width:156px; float:left; text-align:center; font-size:30px; color:#333;  font-weight:normal; }
		.historyDiv li .hisTxt{width:580px; float:right; color:#777; overflow:hidden}
		.historyDiv li .hisTxt .txt{overflow:hidden; margin-top:0px}
		.historyDiv li .hisTxt .txt .month{width:120px; float:left; font-weight:normal; color:#555; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history	{width:460px; float:left;  padding-top:10px;}
		.historyDiv li .hisTxt .txt .history p	{ padding-bottom:10px;word-break: keep-all;}
	


/* 조직도 */
	
	

	.about_org		{ height:400px; position:relative; background:url(/image/about/org_bg.png) no-repeat center top; margin-top:10px}
	.about_org ul li.org1 	{ height:100px; position:relative}
	.about_org ul li.org1 p.type1	{ width:180px; background:#317ac2; padding:10px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; border-radius:10px; box-shadow:5px 5px 0 #eee; box-sizing:border-box; margin:0 auto}
	.about_org ul li.org1 p.type12	{ position:absolute; right:40px; top:0; width:180px; border:2px solid #317ac2; padding:10px 0; text-align:center; color:#317ac2; border-radius:10px; box-shadow:5px 5px 0 #eee; box-sizing:border-box; background:#fff}
	
	.about_org ul li.org2 ul	 		{ position:relative; width:700px; margin:0 auto; height:80px}
	.about_org ul li.org2 ul li	 		{ width:50%; float:left; }
	.about_org ul li.org2 ul li p.type2	{ width:180px; margin:0 auto; border:2px solid #f76363; background:#fff; padding:10px 0; text-align:center; color:#000; border-radius:10px; box-shadow:5px 5px 0 #eee}
	
	.about_org ul li.org3	 			{ height:80px; position:relative}
	.about_org ul li.org3 p				{ width:180px; border:2px solid #7fa858; padding:10px 0; text-align:center; color:#7fa858; font-size:16px; border-radius:10px;  box-sizing:border-box; margin:0 auto; background:#fff}
	
	.about_org ul li.org4 ul	 		{ position:relative; width:700px; margin:0 auto; height:100px}
	.about_org ul li.org4 ul li	 		{ width:50%; float:left; }
	.about_org ul li.org4 ul li p.type4	{ width:270px; margin:0 auto; background:#7fa858; padding:10px 0; text-align:center; color:#fff; border-radius:10px; box-shadow:5px 5px 0 #eee}
	.about_org ul li.org4 ul li p.type42	{ width:270px; margin:10px auto; border:2px solid #ddd; background:#fff; padding:20px 20px; text-align:center; color:#000; border-radius:10px; box-shadow:5px 5px 0 #eee; /*height:80px;*/}








/*-----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------*/

/*후원-절차*/
ul.support_box {
    margin-top: 0px;
    position: relative;
    width: 100%;
}

ul.support_box li {
    position: relative;
    margin-right: 1.3%;
    margin-bottom: 1%;    
    border: 1px solid #ddd;
    border-radius: 8px;
    float: left;
    text-align: center;
    height: 250px;
    transition: all 0.6s;
    color: #333;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;    
	width: 32%;
	 
}



ul.support_box li:last-child {
    margin-right: 0;
}


ul.support_box li:last-child:after {
    background: none;
}

ul.support_box li:hover {
    border: 1px solid #f9b4b6;
    border-radius: 8px;
    float: left;
    text-align: center;
    background: #f8f5ed;    
    height: 250px;
}

ul.support_box li img {
    padding-top: 10px
}

ul.support_box li p.tt {
    font-size: 20px;
    padding: 10px 0 20px;
    line-height: 21px;
    font-weight: 500;
    color:#ec6472;
}

ul.support_box li p.txt {
    line-height: 150%;
    font-size: 16px;
}



.tb2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin: 10px 0;
    border-left: 0px solid #ccc;
}

.tb2 th,
.tb2 td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px 8px;
    line-height: 160%;
    vertical-align: middle;  
}

.tb2 thead th { 
    background: #f3f3f3;
	color: #222;
}

.tb2 tbody th {
    background-color: #fafafa;
    /*font-weight: 400;*/
    border-right: 1px solid #ccc;
    text-align: center;
	color: #222;
}
 

.tb2 thead th:last-child,
.tb2 tbody th:last-child,
.tb2 tbody td:last-child {
    border-right: 0
}

.tb2 td {
    background-color: #fff; 
}
 .tb2 td.bg_type1 {
    background-color: #fcfcfc;
    
	padding: 20px
}
 

div.con_box2 {
    padding: 20px;
    line-height: 200%;
    border-radius: 12px;
	background: #efefef;
	color: #222;
}


/*-----------------------------------------------------------------------------------------------------------
미션,비전
-----------------------------------------------------------------------------------------------------------*/

	.mission  { padding:0px 0 20px; text-align:center; font-size:18px; line-height:200%}
    .mission p.stt{font-size: 24px; font-family: 'LotteMartDream';font-weight: 400; color:000;}
    .mission p.stt .type1{font-size: 24px; font-family: 'LotteMartDream';font-weight: 400; color: #a9ca00}    
    .mission p.stt .type2{font-size: 24px; font-family: 'LotteMartDream';font-weight: 400; color: #eb5382}
	.mission strong { color:#000; font-weight:bold; font-size:26px;}
	.mission li { color:#000; font-weight:400; font-size:24px;margin-top: 20px;font-family: 'LotteMartDream';}
	.mission li span { color:#cecece; font-weight:700; font-size:36px;font-family: 'LotteMartHappy';}
	
	.vision01 {/*overflow:hidden;*/ margin-top:20px;border: 1px solid #ddd;padding: 50px 0;border-radius: 50px;}
	.vision01 ul {text-align:center; }
	.vision01 li {width: 30%;/*width:310px; height:297px;*/ color:#fff; display:inline-block;vertical-align:top;word-break: keep-all; transition:all ease .6s;  }
	.vision01 li h3.v_tt {font-size:17px;   padding:30px 50px 15px 50px; margin-bottom:30px;  color:#fff; line-height:140%;word-break: keep-all; font-family: 'LotteMartDream';font-weight: 300; }
	.vision01 li p {/* width:210px; */display:inline-block; font-size:21px; /*opacity: 0.7; */color:#fff;padding-top: 50px; line-height:140%}
	/*.vision01 li p span { color:#FF0}*/
	.vision01 li.v1{position: relative;background:url(/image/sub/vision01_1.jpg) no-repeat center 0; background-size:180px;height: 180px}
	.vision01 li.v2{position: relative;background:url(/image/sub/vision01_2.jpg?=1) no-repeat center 0;background-size:180px;height: 180px}
	.vision01 li.v3{position: relative;background:url(/image/sub/vision01_3.jpg) no-repeat center 0;background-size:180px;height: 180px}

.vision01 li.v1:after{position:absolute; top:75px;right:-3%; width:14px; height:14px;  content:'';background:url(/image/common/icon_more.gif) no-repeat right 0;  } 
.vision01 li.v2:after{position:absolute; top:75px;right:-3%; width:14px; height:14px;  content:'';background:url(/image/common/icon_more.gif) no-repeat right 0;  } 


	.vision02 {/*overflow:hidden;*/ margin-top:20px;border: 1px solid #ddd;padding: 50px 0;border-radius: 50px;}
	.vision02 ul {text-align:center; }
	.vision02 li {width: 30%;/*width:310px; height:297px;*/ color:#fff; display:inline-block;vertical-align:top;word-break: keep-all; transition:all ease .6s;  }
	.vision02 li h3.v_tt {font-size:17px;   padding:10px 30px 15px 30px; margin-bottom:20px;  color:#fff; line-height:140%;word-break: keep-all; font-family: 'LotteMartDream';font-weight: 300; }
	.vision02 li p {/* width:210px; */display:inline-block; font-size:19px; /*opacity: 0.7; */color:#fff;padding-top: 40px;font-family: 'LotteMartDream'; line-height:140%}
	.vision02 li.v4{position: relative;background:url(/image/sub/vision01_1.jpg) no-repeat center 0; background-size:230px;height: 230px  }
	.vision02 li.v5{position: relative;background:url(/image/sub/vision01_2.jpg?=1 ) no-repeat center 0;background-size:230px;height:230px }
	.vision02 li.v6{position: relative;background:url(/image/sub/vision01_3.jpg) no-repeat center 0;background-size:230px;height: 230px }

	.value{ margin-top:80px;width: 100%;  }
	.value ul {position: relative;text-align:center;width: 100%; }
	.value li {float: left;position: relative;width:32.3%;margin: 0 0.5%;box-sizing: border-box; padding: 70px 0px 20px; border: 1px solid #fafafa;border-radius: 10px; background:#fafafa; color:#fff; display:inline-block;vertical-align:top;word-break: keep-all; transition:all ease .6s;  }
	/*.value li p.v_tt {font-size:21px;   padding:30px 20px 15px ;   color:#000; line-height:140%;word-break: keep-all;  font-family: 'LotteMartDream';font-weight: 500; }
	.value li p.v_tt span {font-size:30px;  color:#e95383;  font-family: 'LotteMartDream';font-weight:600;  }
	.value li p.s_tt {font-size:18px;  padding:10px 20px;  color:#88cd03; line-height:140%;word-break: keep-all;  font-family: 'LotteMartDream';font-weight: 300; }*/
	.value li p.list {  padding:0px 12px 10px;   color:#666; line-height:160%;word-break: break-all;  font-family: 'LotteMartDream';font-weight: 300;min-height: 160px;text-align: left;font-size:14px;letter-spacing: -1.5px; }
	.value li div.nm {position: absolute;top: -70px; left:50%; transform: translateX(-50%);z-index: 2; display:inline-block; font-size:16px;  width: 120px; height: 120px;padding: 40px 10px; background: #87b060;color: #fff; border-radius: 50%; line-height:140%; letter-spacing: -1px;}