@charset "utf-8";

/* leading summary */

.leading_summary_img { float:left; width:700px; height: 200px; background:url(../img/leading_sumamry2023.jpg) no-repeat; }

.leading_summary_txt { float:right; width:680px; height:auto; }
#leading_summary_txt_wrap ul {width:680px;list-style-image:url(../../about_KNA/img/dot_org3.gif); margin:0 0 0 10px;}
#leading_summary_txt_wrap li { font-size:12px; color:#555; line-height:18px; margin:0 0 5px 0;}

/* Table List */
.table_leading	 	 { width:700px; border-top:1px #d2d2d2 solid; border-right:1px #d2d2d2 solid; table-layout:fixed; }
.table_leading th			  { background-color:#ececec; font:normal 12px/1.3em gulim, dotum, tahoma; color:#425177; border-left:1px #d2d2d2 solid; text-align:left;}
.table_leading thead th	  { background-color:#ececec; font:bold 12px/1.3em gulim, dotum, tahoma; color:#093351; border-left:1px #d2d2d2 solid; border-bottom:1px #d2d2d2 solid; text-align:center; }
.table_leading th p			  { padding:7px 5px 0 0; }
.table_leading thead th p	{ padding:7px 0 3px 0; }
.table_leading tbody th p	{ padding:6px 0 4px 5px; text-align:left;}
.table_leading td				 { font:12px/1.3em gulim, dotum, tahoma; border-left:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; padding:6px 0 4px; text-align:center; color:#444; }
.table_leading tfoot td		{ background-color:#e5e5e5; border-left:1px #d2d2d2 solid; border-bottom:1px #6a93b0 solid; padding:6px 0 6px; font:bold 12px/1.3em gulim, dotum, tahoma; color:#fff; text-align:center; }

.table_leading .a_01			  { display:block; padding-top:8px; font:11px/13px gulim, dotum, tahoma; color:#888; }
.table_leading .btm th		  { border-bottom:1px #d2d2d2 solid; }
.table_leading .btm td p		{ padding:5px 0; }

.table_leading .space, .table_leading .space_2				{ height:5px; padding:0px !important; vertical-align:top; text-align:left; }
.table_leading .space .zz, .table_01 .space_2 .zz	{ position:relative; }
.table_leading .space .zz div		{ position:absolute; left:-1px; top:-1px; width:700px; height:3px; background-color:#fff; border-top:2px #3fcbff solid; border-bottom:1px #d2d2d2 solid; font-size:1px; }
.table_leading .space_2 .zz div	{ position:absolute; left:-1px; top:0px; width:700px; height:6px; background:#fff url(/_admin/img/table_bg_space.gif) bottom repeat-x; font-size:1px; }

/* leading Adv */
#leading_photo_1_row { float: left; width: 700px; height:165px; margin:0 0 15px 0; }
.leading_photo_1 { float:left; width:250px; height:165px; background:url(../img/pic03.jpg) no-repeat; }
#leading_photo_1_right { float: right; width: 430px; height:165px;  }

#leading_photo_2_row { float: left; width: 700px; height:250px; margin:0 0 10px 0; }
#leading_photo_2_left { float:left; width:515px; height:250px;  }
#leading_photo_2_left ul {width:490px;list-style-image:url(../../about_KNA/img/dot_org3.gif); margin:0 0 0 30px;}
#leading_photo_2_left li { font-size:12px; color:#555; line-height:17px; margin:0 0 5px 0;}

.leading_photo_2 { float:right; width:165px; height:250px; background:url(../img/pic04.jpg) no-repeat; }

#leading_bottom { float:left; width:700px; height:100px;  }
#leading_bottom ul {width:670px;list-style-image:url(../../about_KNA/img/dot_org3.gif); margin:0 0 0 30px;}
#leading_bottom li { font-size:12px; color:#555; line-height:17px; margin:0 0 5px 0;}


/* Stats */
#branch_left { float:left; width:220px; height:560px; }
#branch_imagemap { float:right; width:524px; height:560px; }

.branch_relativeLayer	  { position:relative; z-index:12;}
.branch_layer { display:block; position:absolute; left:0px; top: 0px; width:390px; height:544px; border: #e5e5e5 1px solid; background : rgba(188, 188, 188, .3); z-index:10; }
.branch_layer_base { display:block; position:absolute; left:0px; top: 0px; width:390px; height:544px;  border: #e5e5e5 1px solid; z-index:5; }

#branch_in_area {float:left; width:350px; height:380px; margin:20px; }
#branch_title {float:left; width:350px; height:30px; margin: 0 0 10px 0; border-top:#3fcbff 2px solid; border-bottom:#3fcbff 2px solid; 
background : rgba(180, 180, 180, .3); line-height:30px; text-align:center;}
.branch_blueline { display:block; width:350px; height:2px; background:#3fcbff; }

#branch_in_area dl{float:left; width:350px; overflow:hidden;}
#branch_in_area dl dt  {width:75px; float:left; height:22px; font-weight:bold; color:#333366; margin: 0 0 0 10px;}
#branch_in_area dl dd  {width:265px;  float:right; height:22px; color: #333;}
#branch_in_area dl dt.addr  {width:75px; float:left; height:60px; font-weight:bold; color:#333366; margin: 0 0 0 10px;}
#branch_in_area dl dd.addr  {width:265px;  float:right; height:60px; color: #333;}

/* Volunteer */
.vol_organization_img { float:left; width:700px; height: 338px; background:url(../img/volunteer_organization2.jpg) no-repeat; }

/* Method */
.method_img { float:right; position:relative; width:165px; height: 250px; background:url(../img/pic05.jpg) no-repeat; }

/* FaQ */
.leading_faq_img { float:right; position:relative; width:250px; height: 165px; background:url(../img/pic06.jpg) no-repeat; }
.icon_question { float:left; width:18px; height: 18px; background:url(../../img/icon_question.gif) no-repeat; }
.icon_answer { float:left; width:18px; height: 18px; background:url(../../img/icon_answer.gif) no-repeat; }

/* history */
#history_featured{ 
	width:520px; 
	padding-right:180px; 
	position:relative; 
	border:0px solid #ccc; 
	height:auto; overflow:hidden;
}

/* --- Nav -- */
#history_featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:520px; 
	list-style:none; 
	padding:0; margin:0; 
	width:180px; height:400px;
	overflow:auto;
	overflow-x:hidden;
}
#history_featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	font-size:12px; 
	color:#666; 
}
#history_featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:2px; 
	border:1px solid #eee;
}
#history_featured ul.ui-tabs-nav li span{ 
	font-size:18px; font-family:Verdana,tahoma,arial,NanumGothic, ng, gulim, dotum;
	line-height:50px; margin:0 0 0 30px;
}
#history_featured li.ui-tabs-nav-item a { 
	display:block; 
	height:50px; text-decoration:none;
	background:url('/about_KNA/img/normal.gif') top left no-repeat;  
	font-family: Verdana,tahoma,arial;
	font-size: 18px; font-weight:bold;
	color:#3a88c3;
	line-height:50px; outline:none;
}
#history_featured li.ui-tabs-nav-item a:hover{ 
	color:#2c6997;
	background:url('/about_KNA/img/over.gif') top left no-repeat;  
}

#history_featured ul.ui-tabs-nav li.ui-tabs-selected a, #history_featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	color:#2c6997;
	background:url('/about_KNA/img/selected.gif') top left no-repeat;  
}

/* --- Panel -- */
#history_featured .ui-tabs-panel{ 
	width:520px; height:auto; 
	position:relative;
}
#history_featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('/about_KNA/img/transparent-bg.png'); 
}
#history_featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:
	Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#history_featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#history_featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#history_featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#history_featured .info a:hover{ 
	text-decoration:underline; 
}
#history_featured .ui-tabs-hide{ 
	display:none; 
}

/* history_contents */
#history_featured {float:left; width:520px; height:auto; margin:0 0 0 0; text-align:left;}
#history_featured .dl{width:520px; overflow:hidden;}
#history_featured .dl {float:left; width:520px;}
#history_featured .dl dt  {width:110px; height:70px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd  {width:385px; height:70px; float:right; color: #888;}
#history_featured .dl dt.one  {width:110px; height:35px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd.one  {width:385px; height:35px; float:right; color: #888;}
#history_featured .dl dt.two  {width:110px; height:52px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd.two  {width:385px; height:52px; float:right; color: #888;}
#history_featured .dl dt.three  {width:110px; height:70px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd.three  {width:385px; height:70px; float:right; color: #888;}
#history_featured .dl dt.four  {width:110px; height:88px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd.four  {width:385px; height:88px; float:right; color: #888;}
#history_featured .dl dt.five  {width:110px; height:106px; float:left; font-weight:bold; color:#333366;}
#history_featured .dl dd.five  {width:385px; height:106px; float:right; color: #888;}
#history_featured .dl span { color: #444;}
#history_featured .dl p { color: #444;}

.article_title { float:left; width:700px; height:30px; text-align:center;  font-family: gulim, dotum, tahoma;color:#7e3982; font-size:14px; font-weight:bold;}


/* branch */
#branch_left { float:left; width:220px; height:560px;}
#branch_imagemap { float:right; width:524px; height:560px; }

.branch_relativeLayer	  { position:relative; z-index:12;}
.branch_layer { display:block; position:absolute; left:0px; top: 20px; width:390px; height:260px; background : rgba(188, 188, 188, .3); z-index:10; background-color:#edf5fe;}
.branch_layer2 { display:block; position:absolute; left:20%; top: 50px; width:390px; height:250px; background : rgba(188, 188, 188, .3); z-index:10; background-color:#edf5fe;}

.branch_in_area {float:left; width:350px; height:380px; margin:20px; }
.branch_title {float:left; width:150px; height:30px; margin: 0 110px 10px 110px; border-top:#ed1a81 3px solid; line-height:30px; text-align:center;}
.branch_blueline { display:block; width:350px; height:2px; background:#00b2de; }

#branch1 dl{float:left; width:350px; overflow:hidden;}
#branch1 dl dt  {width:75px; float:left; height:22px; font-weight:bold; color:#333366; margin: 0 0 0 10px;}
#branch1 dl dd  {width:265px;  float:right; height:22px; color: #333;}
#branch1 dl dt.addr  {width:75px; float:left; height:60px; font-weight:bold; color:#333366; margin: 0 0 0 10px;}
#branch1 dl dd.addr  {width:265px;  float:right; height:60px; color: #333;}

#tap_box{ padding:5px 36px 5px 36px; background:#e4e4e4; text-align:center; font-weight:bold; font-size:small; border:1px #fff solid;}
#tap_box a:hover, #tap_box a.on { width:100px; height:30px; color:#ec2e6a; text-align:center; font-weight:bold; font-size:small; cursor:pointer}