input,select,textarea {font-size:12px;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {width:1000px;margin:auto;}
#content {position:relative; padding:0; min-height:500px; background:url(../../img/bg-content.jpg) repeat-x;}

#header {}
#header .wrap {}

#header .login {width:1000px; height:22px; margin-top:10px; text-align:right;}
#header .login a {}
#header .login i {display:inline-block;margin:0 3px 0 3px;position:relative;top:1px;width:1px;height:11px;}

#header .logo {width:1000px; margin-top:-12px; margin-bottom:10px; text-align:center;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}

#topmenu {background:url(../../img/bg-gnb.jpg) repeat-x; position:relative; z-index:100;}
#topmenu .wrap {height:48px;}
#topmenu ul {padding:15px 0 0 0;margin:0;list-style-type:none;}
#topmenu li {float:left;padding:0 4px 0 4px;margin:0;height:40px;}
#topmenu li a {font-weight:bold; font-size:13px;color:#666666;display:block;padding:1px 7px 5px 7px;letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:1;}
#topmenu li div dl {margin:30px 0 0 1px;padding:3px;width:130px;background:#ffffff;border:#dfdfdf solid 1px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:12px;height:12px;text-shadow:0 0 0 #666666;}
#topmenu li div dt a:hover {background:#efefef;}
#topmenu li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {color:#000000;background:#efefef;border-radius:5px 5px 5px 5px;}
#topmenu .on1 {background:#efefef;border-radius:5px 5px 5px 5px;}
#topmenu .none {color:#999999;padding:2px 0 0 10px;}
#topmenu .none a {display:inline;background:#ffffff;padding:3px 5px 3px 5px;position:relative;top:2px;}
#topmenu .more {margin:0 0 3px 3px;}
#topmenu .home {margin-right:15px;}

#sub {background:url('../../../../img/bg-sub.jpg') left top repeat-x #ffffff;}
#subvisual {padding:0 0 0 0; height:200px;}
#title {margin:40px 0 20px 0;}

#footer {height:142px; background:url(../../img/bg-foot.jpg) repeat-x top center;}
#footer .wrap {height:77px; padding:15px 0 20px 0;}
#footer .wrap .slinks {float:left;}
#footer .wrap .slinks .elink {padding:10px 0 10px 0;font-size:11px;color:#c0c0c0;letter-spacing:2px;}
#footer .wrap .slinks .elink a {font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:11px;color:#999999;}
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;color:#c0c0c0;}

/* Tab */
	.etabs { zoom:1;clear:both;overflow:hidden; margin:0 0 15px 0; padding:0; letter-spacing:-1px; background:url('../../../../img/cptab_line.gif') left top; }
	.tab {
	display: inline-block; zoom:1; *display:inline;
	float:left;	 text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue.png') no-repeat -164px -30px;
	}
	.tab a {display:block; height: 30px; line-height:30px; width: 175px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
	.tab a:hover {background-position: -164px -31px; color:#ff6630; }
	.tab.active {width: 175px; background: url('../../../../img/tab-blue.png') no-repeat -164px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
	.tab a.active { font-weight: bold; }
	.tab-container .panel-container { background: #fff; padding:0;}
	.panel-container { margin-bottom: 10px;}

/* Tab2 */
	.etabs2 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
	.tab2 {
	display: inline-block; zoom:1; *display:inline;
	float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue.png') no-repeat -341px -30px;
	}
	.tab2 a {display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
	.tab2 a:hover {background-position: -341px -31px; color:#ff6630; }
	.tab2.active {width: 134px; background: url('../../../../img/tab-blue.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
	.tab2 a.active { font-weight: bold; }
	.tab2-container .panel-container { background: #fff; padding:0;}
	.panel-container { margin-bottom: 10px;}

/* Tab3 */
	.etabs3 { zoom:1;clear:both;overflow:hidden; margin:0 0 15px 0; padding:0; letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
	.tab3 {
	display: inline-block; zoom:1; *display:inline;
	float:left;	 text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue.png') no-repeat -477px -30px;
	}
	.tab3 a { 
	display:block; height: 30px; line-height:30px; width: 94px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
	.tab3 a:hover {background-position: -477px -31px; color:#ff6630; }
	.tab3.active {width: 94px; background: url('../../../../img/tab-blue.png') no-repeat -477px -61px; cursor:default !important; color:#000 !important; font-size:13px; }
	.tab3 a.active { font-weight: bold; }
	.tab3-container .panel-container { background: #fff; padding:0;}
	.panel-container { margin-bottom: 10px;}

/* Tab4 */
	.etabs4 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
	.tab4 {
	display: inline-block; zoom:1; *display:inline;
	float:left;	 text-indent:0; list-style-image:none !important; float:left; height:30px; margin:0px 2px 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue.png') no-repeat -573px -30px;
	}
	.tab4 a { 
	display:block; height: 30px; line-height:30px; width: 63px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
	.tab4 a:hover {background-position: -573px -31px; color:#ff6630; }
	.tab4.active {width: 63px; background: url('../../../../img/tab-blue.png') no-repeat -573px -61px; cursor:default !important; color:#000 !important; font-size:13px; }
	.tab4 a.active { font-weight: bold; }
	.tab4-container .panel-container { background: #fff; padding:0;}
	.panel-container { margin-bottom: 10px;}


/* Tab2-1 */
	.etabs2-1 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line2.gif') left top; }
	.tab2-1 {
	display: inline-block; zoom:1; *display:inline;
	float:left;	 text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue2.png') no-repeat -164px -30px;
	}
	.tab2-1 a {display:block; height: 30px; line-height:30px; width: 173px; text-align:center; text-decoration:none; color:#333; padding:0px; margin-left:-1px; position:relative; top:1px; font-size:11px;}
	.tab2-1 a:hover {background-position: -164px -31px; color:#ff6630; }
	.tab2-1.active {width: 173px; background: url('../../../../img/tab-blue2.png') no-repeat -164px -61px; cursor:default !important; color:#fff !important; font-size:13px;}
	.tab2-1 a.active { font-weight: bold; color:#fff !important; }
	.tab2-1-container .panel-container { background: #fff; padding:0;}
	.panel-container { margin-bottom: 10px;}

/* Tab2-2 */
	.etabs2-2 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line2.gif') left top; }
	.tab2-2 {
	display: inline-block; zoom:1; *display:inline;
	float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue2.png') no-repeat -341px -30px;
	}
	.tab2-2 a {display:block; height: 30px; line-height:30px; width: 132px; text-align:center; text-decoration:none; color:#333; padding:0px;margin-left:-1px; position:relative; top:1px; font-size:12px;}
	.tab2-2 a:hover {background-position: -341px -31px; color:#ff6630; }
	.tab2-2.active {width: 132px; background: url('../../../../img/tab-blue2.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
	.tab2-2 a.active { font-weight: bold; color:#fff !important; }
	.tab2-2-container .panel-container { background: #fff; padding:0;}

	.tab2-2-1 {
	display: inline-block; zoom:1; *display:inline;
	float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:bold; font-family:돋움, Dotum, Tahoma, AppleGothic, Verdana, Sans-serif; font-weight:630; color:#474747; letter-spacing:-1px;
	background: url('../../../../img/tab-blue2.png') no-repeat -341px -30px;
	}
	.tab2-2-1 a {display:block; height: 30px; line-height:30px; width: 132px; text-align:center; text-decoration:none; color:#333; padding:0px;margin:0; position:relative; top:1px; font-size:12px;}
	.tab2-2-1 a:hover {background-position: -341px -31px; color:#ff6630; }
	.tab2-2-1.active {width: 132px; background: url('../../../../img/tab-blue2.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
	.tab2-2-1 a.active { font-weight: bold; color:#fff !important; }
	.tab2-2-container .panel-container { background: #fff; padding:0;}

	.panel-container { margin-bottom: 10px;}

/*----------------------------------------------------------
		03. Tabs
----------------------------------------------------------*/

/* root element for tabs  */
ul.tabs {zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0; padding:0 0 0 0; letter-spacing:-1px;background:url('../../../img/tab/cptab_line.gif') left top;}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	list-style-image:none !important; 
	float:left;height:31px;margin:0px 2px 5px 0;padding:0 0 0 5px;background:url('../../../img/tab/cptab_left_off.gif') no-repeat left top;font-weight:bold;}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url('../../..//img/tab/blue.png') no-repeat -421px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 132px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	outline:0;}

ul.tabs li span { 
	float:left;white-space:nowrap;padding:0;margin:0; outline:0;}

ul.tabs a:active {
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -421px -31px;	
	color:#ff6600;}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -421px -62px;		
	cursor:default !important; 
	color:#000 !important;
	outline:0;}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; outline:0; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; outline:0;}

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:173px; outline:0; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; outline:0;}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;}

/* 단원소개 */
#member {}
#member-wrap  {width:740px; margin-bottom:20px;}
#member-wrap-left		{float:left; width:350px; margin-bottom:30px;}
#member-wrap-right	{float:left; width:350px; margin-bottom:30px; margin-left:40px;;}
#member-line    {width:350px; height:2px; margin:0 auto; background:url(../../img/con-intro-bg.jpg);}
#member-inner  {width:350px; margin:0 auto; overflow:hidden; clear:both;}
#member-pic     {float:left; width:120px;}
#member-txt      {float:left; width:220px; margin-left:10px;}
#member-txt-tit  {float:left; width:30px; font-family:dotum; font-weight:bold; color:#000000;}
#member-txt-con	 {float:left; width:180px; font-family:dotum; margin-left:10px;}

/* @단원소개 */

#content .m_side p {line-height:180%;}