@charset "utf-8";

html, body	{height:100%;}
body {
	color:#666666; 
	font:12px/1.6 돋움,굴림,Dotum,Gulim,Arial;
	padding:0;
	margin:0;
	
}
@media print { body { color:#000; } }
th, td { font:12px/1.6 돋움,굴림,Dotum,Gulim,Arial; }
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd { padding:0; margin:0;}
li { list-style:none; }
fieldset,img { border:none; }
address,em { font-style:normal; }
input,textarea,select{ font-family:inherit; font-size:1em; }
textarea { border:1px solid #cbcbcb; }
button{ border:none 0;background:none;cursor:pointer;_cursor /**/:hand; }
table { border-collapse:collapse; border:0; }
textarea { overflow:auto; }
a{ color:#3d3d3d;text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
a:visited { color:#3d3d3d; text-decoration:none; }
a:active { color:#1d79a0; text-decoration:none; }
a:hover { color:#1d79a0; text-decoration:none; }
div.hide, caption { display:none;}

.png24 {tmp:expression(setPng24(this));}

/** layout **/
#GRP_WRAP	{vertical-align:baseline;}

#TOP_AREA	{width:975px; margin:0 auto; height:96px;}
	#TOP_AREA .logo	{ float:left; margin-top:5px;}
	
	#TOP_AREA .top_right	{position:relative;  height:55px; float:right; width:65%;}
		#TOP_AREA .top_right .header_menu	{height:24px; border-top:3px solid #eaeaea; float:left; position:absolute; right:25px; top:0px;}
		#TOP_AREA .top_right .header_menu li	{float:left; }
		#TOP_AREA .top_right .search_box	{position:absolute; right:25px; top:27px;}
		#TOP_AREA .top_right .search_box input	{border:1px solid #c2c2c2; margin:0 3px 0 4px;}
		#TOP_AREA .top_right .search_box button	{width:50px; height:18px; background:url(../images/btn_search.gif) no-repeat; font-size:12px; font-family:'돋움'; color:#FFF; }

	/** TOP MENU **/
	#TOP_AREA .top_menu	{height:40px; background:url(../images/bg_topmenu.gif) no-repeat;  width:950px; z-index:100; clear:both; position:relative;}
	*html #TOP_AREA .top_menu	 {position:absolute;}
		#TOP_AREA .top_menu .depth1	{float:left; height:38px; margin-top:2px; margin-left:25px; display:inline; }
		#TOP_AREA .top_menu .depth1 li	{float:left; height:100%; margin:0 13px 0 0; position:relative; }
		#TOP_AREA .top_menu .depth1 li a	{height:100%; float:left; color:#626262;}
		#TOP_AREA .top_menu .depth1 li a span	{padding:10px 10px 10px 12px; float:left; font-weight:bold; cursor:pointer; }
		#TOP_AREA .top_menu .depth1 li .hover	{height:100%; float:left; color:#c43300; background:url(../images/bg_menuover.gif) no-repeat;}
		#TOP_AREA .top_menu .depth1 li .hover:hover	{height:100%; float:left; color:#c43300; background:url(../images/bg_menuover.gif) no-repeat;}
		#TOP_AREA .top_menu .depth1 li .hover span	{padding:10px 10px 9px 12px; float:left; font-weight:bold; background:url(../images/bg_menuover_right.gif) top right no-repeat; cursor:pointer; }
		#TOP_AREA .top_menu .depth1 li a:hover	{height:100%; float:left; color:#c43300; background:url(../images/bg_menuover.gif) no-repeat;}
		#TOP_AREA .top_menu .depth1 li a:hover span	{padding:10px 10px 9px 12px; float:left; font-weight:bold; background:url(../images/bg_menuover_right.gif) top right no-repeat; cursor:pointer; }
 		
		#TOP_AREA .top_menu .depth2	{position:absolute; top:37px; left:0; z-index:70; background:#FFF; padding:4px 0 2px 4px; .padding:4px 0 4px 4px; border:1px solid #b7b7b7;}
		#TOP_AREA .top_menu .depth2 li	{width:149px; clear:both; height:23px; margin:0 0 2px 0;  position:relative;}
		#TOP_AREA .top_menu .depth2 li a	{height:100%; color:#3d3d3d; background:#f5f5f5; width:100%;}
		#TOP_AREA .top_menu .depth2 li a:hover	{height:100%; color:#FFF; background:#828282; width:100%;}
		#TOP_AREA .top_menu .depth2 li a:hover span	{padding:2px 0; width:100%; background:url(../images/bg_2depth_over.gif) top right no-repeat; font-weight:normal;}
		#TOP_AREA .top_menu .depth2 li .hover2	{height:100%; color:#FFF; background:#828282; width:100%;}
		#TOP_AREA .top_menu .depth2 li .hover2 span	{padding:2px 0; width:100%; background:url(../images/bg_2depth_over.gif) top right no-repeat; font-weight:normal; }
		#TOP_AREA .top_menu .depth2 li .hover2:hover	{height:100%; color:#FFF; background:#828282; width:100%;}		
		#TOP_AREA .top_menu .depth2 li .hover2:hover span	{padding:2px 0; width:100%; background:url(../images/bg_2depth_over.gif) top right no-repeat; font-weight:normal;}
		#TOP_AREA .top_menu .depth2 li a span	{padding:2px 0; width:100%; background:url(../images/bg_2depth.gif) top right no-repeat; font-weight:normal; }
		#TOP_AREA .top_menu .depth2 .sub_no a span	{padding:2px 0; width:100%; background:url(../images/bg_2depth.gif) top right no-repeat; font-weight:normal; }
		#TOP_AREA .top_menu .depth2 .sub_no a:hover span	{padding:2px 0; width:100%; background:url(../images/bg_2depth_over_2.gif) top right no-repeat; font-weight:normal;}
		

		#TOP_AREA .top_menu .depth3	{background:#FFF; border:1px solid #b7b7b7;  left:154px; z-index:60; width:158px; position:absolute; padding:5px 0;}
		#TOP_AREA .top_menu .depth3	li	{width:148px; clear:both; margin:0;}
		#TOP_AREA .top_menu .depth3 li a	{background:#FFF; padding:0; width:100%; padding:2px 5px; font-size:11px; }
		#TOP_AREA .top_menu .depth3 li a:hover	{background:#fff3e2; padding:0; width:100%; padding:2px 5px; font-size:11px; color:#c43300;}

		#TOP_AREA .top_menu .comm_menu	{position:absolute; width:196; height:42px; top:0px; right:0; background:url(../images/bg_comm_menu.gif) no-repeat;}
		#TOP_AREA .top_menu .comm_menu img	{margin:3px 0 0 3px;}

#BODY_TOP	{width:975px; margin:0 auto; height:246px; position:relative; }
	#BODY_TOP .main_flash	{width:363px; height:251px; position:absolute; top:-5px; left:0; background:url(../images/img_main.jpg) no-repeat; position:relative; }
	#BODY_TOP .main_flash .go_qna	{width:122px; text-align:center; position:absolute; top:5px; right:40px; }
	#BODY_TOP .main_flash .go_join	{width:80px; text-align:center; position:absolute; top:123px; right:30px; }

#MY_TAB	{position:absolute; top:24px; left:0; width:366px; height:208px; }
#MY_TAB table	{}
#MY_TAB table td	{padding:0; vertical-align:top;}
#MY_TAB .top	{height:25px; background:url(../images/bg_mytab_top.gif) no-repeat; }
#MY_TAB .top a	{margin:0px; padding:0px; float:left; }
#MY_TAB .middle	{height:178px; background:url(../images/bg_mytab_middle.gif) repeat-y;}
#MY_TAB .middle .mytab01, .mytab02, mytab03	{padding:10px 10px 0px 10px; line-height:17px; .line-height:12px;}
*html #MY_TAB .middle .mytab01	{padding:10px 10px 0px 10px line-height:14px;}
#MY_TAB .middle .mytab01 .title	{margin-bottom:5px; }
*html #MY_TAB .middle .mytab01 .title	{margin-bottom:7px; }
#MY_TAB .middle .mytab01 .list01	{ margin-bottom:1px; .margin-bottom:5px; position:relative; background:url(../images/img_dot03.gif) 2px 50% no-repeat; padding-left:10px; font-size:11px; }
#MY_TAB .middle .mytab01 .list01 a	{color:#3d3d3d; }
#MY_TAB .middle .mytab01 .list01 a:hover	{color:#1d79a0;}
#MY_TAB .middle .mytab01 .list01 span	{font-size:11px; color:#de5c14; }
#MY_TAB .middle .mytab01 .list01 font	{font-size:11px; color:#1d79a0; }
#MY_TAB .middle .mytab01 .list01 b	{color:#666666; font-size:11px; position:absolute; top:1px; right:0; text-align:right; font-weight:normal; font-family:돋움,굴림,Dotum,Gulim,Arial}
#MY_TAB .middle .mytab01 .list01 b .hline	{font-size:10px; color:#ddd; }
*html #MY_TAB .middle .mytab01 .list01 b	{right:10px;}
#MY_TAB .middle .mytab01 .no_list	{padding:15px 0; text-align:center; font-size:11px;}
#MY_TAB .middle .mytab02	{text-align:center; }


.myTab1	{width:92px; height:23px; background:url(../images/btn_mytab01.gif) no-repeat; }
.myTab2	{width:91px; height:23px; background:url(../images/btn_mytab02.gif) no-repeat; }
.myTab3	{width:91px; height:23px; background:url(../images/btn_mytab03.gif) no-repeat; }
.myTab1_select	{width:92px; height:23px; background:url(../images/btn_mytab01_select.gif) no-repeat; }
.myTab2_select	{width:91px; height:23px; background:url(../images/btn_mytab02_select.gif) no-repeat; }
.myTab3_select	{width:91px; height:23px; background:url(../images/btn_mytab03_select.gif) no-repeat; }

#MY_TAB .bottom	{height:5px; background:url(../images/bg_mytab_bottom.gif) bottom left no-repeat;}

#BODY_TOP #main_event	{width:576px; height:208px; position:absolute; top:24px; left:376px; display:block;}
	#BODY_TOP #main_event .event_con	{position:relative; float:left; height:206px; width:545px; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;  overflow:hidden;}
		#BODY_TOP #main_event .event_con .num_btn	{position:absolute; bottom:15px; right:15px; z-index:10; height:13px; }
		#BODY_TOP #main_event .event_con a	{float:left; display:block; width:16px; height:13px; margin-right:2px; }
		#BODY_TOP #main_event .event_con .num1	{ background:url(../images/event_img_num.gif) -2px 0 no-repeat;}
		#BODY_TOP #main_event .event_con .num1_over	{ background:url(../images/event_img_num.gif) -2px -17px no-repeat; }
		#BODY_TOP #main_event .event_con .num1:hover	{ background:url(../images/event_img_num.gif) -2px -17px no-repeat; }
		#BODY_TOP #main_event .event_con .num2	{background:url(../images/event_img_num.gif) -21px 0 no-repeat; }
		#BODY_TOP #main_event .event_con .num2_over	{ background:url(../images/event_img_num.gif) -21px -17px no-repeat; }
		#BODY_TOP #main_event .event_con .num2:hover	{ background:url(../images/event_img_num.gif) -21px -17px no-repeat; }
		#BODY_TOP #main_event .event_con .num3	{ background:url(../images/event_img_num.gif) -40px 0 no-repeat; }
		#BODY_TOP #main_event .event_con .num3_over	{ background:url(../images/event_img_num.gif) -40px -17px no-repeat; }
		#BODY_TOP #main_event .event_con .num3:hover	{ background:url(../images/event_img_num.gif) -40px -17px no-repeat; }
	#BODY_TOP #main_event .tab	{float:left; width:30px; background:url(../images/event_tab.gif) no-repeat left top;}
	#BODY_TOP #main_event .tab a { display:block; width:29px; height:104px; z-index:-1; }
	
	#BODY_TOP #community	{width:576px; height:208px; position:absolute; top:24px; left:376px;  display:none;}
	#BODY_TOP #community .comm_con	{float:left; background:#FFF; height:206px; width:545px; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; overflow:hidden;}
		#BODY_TOP #community .comm_con .hot_post	{height:92px; margin:11px 0 5px 13px; }
		#BODY_TOP #community .comm_con .hot_post .post_img	{float:left; width:120px; }
		#BODY_TOP #community .comm_con .hot_post .post_con	{float:left; width:405px; line-height:14px; position:relative; }
		#BODY_TOP #community .comm_con .hot_post .post_con .title	{margin-bottom:8px; }
		#BODY_TOP #community .comm_con .hot_post .post_con .title .cate	{color:#888; font-weight:normal; font-size:12px; }
		#BODY_TOP #community .comm_con .hot_post .post_con .title a	{font-weight:normal; }
		#BODY_TOP #community .comm_con .hot_post .post_con .title span	{color:#1d79a0; font-weight:normal; font-size:11px; position:absolute; top:0px; right:5px}

		#BODY_TOP #community .comm_con .hot_post .post_con .post_comm	{position:relative; font-size:11px; margin-bottom:3px; background:url(../images/icon_02.gif) no-repeat 3px 2px; padding-left:15px; margin-left:5px; }
		#BODY_TOP #community .comm_con .hot_post .post_con .post_comm span	{color:#918f8f; font-size:11px; position:absolute; top:1px; right:5px; }


		#BODY_TOP #community .comm_con .best_post	{clear:both; margin-left:13px; line-height:14px; margin-bottom:9px;}
		#BODY_TOP #community .comm_con .best_post li	{ position:relative; background:url(../images/icon_best.gif) no-repeat 0px 2px; padding-left:25px; margin-bottom:2px; .margin-bottom:3px; }
		#BODY_TOP #community .comm_con .best_post li .cate	{color:#888; font-weight:normal; font-size:12px; }
		#BODY_TOP #community .comm_con .best_post li a	{font-weight:normal; }
		#BODY_TOP #community .comm_con .best_post li span	{color:#1d79a0; font-weight:normal; font-size:11px; position:absolute; top:1px; right:10px;}

		#BODY_TOP #community .comm_con .new_post	{clear:both; margin-left:13px; line-height:14px; }
		#BODY_TOP #community .comm_con .new_post li	{position:relative; background:url(../images/icon_new.gif) no-repeat 0px 2px; padding-left:25px; margin-bottom:2px; .margin-bottom:3px; }
		#BODY_TOP #community .comm_con .new_post li .cate	{color:#888; font-weight:normal; font-size:12px; }
		#BODY_TOP #community .comm_con .new_post li a	{font-weight:normal; }
		#BODY_TOP #community .comm_con .new_post li span	{color:#1d79a0; font-weight:normal; font-size:11px; position:absolute; top:1px; right:10px;}		
		
	#BODY_TOP #community .tab	{float:left; width:30px; background:url(../images/event_tab.gif) no-repeat -33px top;}
	#BODY_TOP #community .tab a { display:block; width:29px; height:104px; z-index:-1; }
	

	
#BODY_WRAP	{width:975px; margin:10px auto 0 auto;}
#BODY_WRAP .body_con	{width:100%; float:left; }
#BODY_WRAP .body_con .section_left	{width:248px; float:left; margin-right:10px; display:inline;  }
#BODY_WRAP .body_con .section_right_1	{width:340px; float:left; margin-right:10px;  display:inline; }
#BODY_WRAP .body_con .section_right_2 	{width:342px; float:left;  display:inline; }


.best_content	{padding:6px 0 0 0; position:relative; }
.best_content .page_btn	{background:url(../images/bg_pagebtn_area2.gif) no-repeat; text-align:center; font-family:'Arial'; color:#696969; display:inline; width:98px; height:22px; padding-top:4px; top:0; .top:0px; right:5px; position:absolute;  font-size:12px; }
.best_content .page_btn table	{margin: 0 auto; } 

*html .best_content .page_btn	{top:0px;}
.best_content .page_btn b	{color:#ff6600; }
.best_content .bg_bestcon	{background:url(../images/bg_readcontent_top.gif) no-repeat; margin-top:7px; .margin-top:3px; }
*html .best_content .bg_bestcon	{margin-top:4px; }


.best_content .bg_bestcon02	{background:url(../images/bg_bestcon04.gif) no-repeat; margin-top:7px; .margin-top:3px; height:321px; padding-top:11px; }
*html .best_content .bg_bestcon02	{margin-top:4px; }
.best_content .bg_bestcon02 .bestcon_subject	{width:315px; height:121px; margin:0 0 0 10px;}
.best_content .bg_bestcon02 .bestcon_subject .subject_img	{width:137px; float:left;  height:121px;  background:#ddd; }
.best_content .bg_bestcon02 .bestcon_subject .subject_info	{width:157px; float:left; padding:7px 10px 0 10px; }
.best_content .bg_bestcon02 .bestcon_subject .subject_info dt	{font-size:14px; color:#414141; font-weight:bold;  color:#d9550e; line-height:18px; }
.best_content .bg_bestcon02 .bestcon_subject .subject_info dd	{color:#666666;  line-height:18px; margin-top:5px; }

.best_content .bg_bestcon02 .bg_bestcon_body02 .title_list	{border-bottom:1px dashed #ddd; padding:2px 5px;}
*html .best_content .bg_bestcon02 .bg_bestcon_body02 .title_list	{border-bottom:1px dashed #ddd; padding:4px 5px; }
.best_content .bg_bestcon02 .bg_bestcon_body02 .no_post	{text-align:cetner; color:#959595; padding:20px 0;}
.best_content .bg_bestcon02 .bg_bestcon_body02	{padding:18px 15px 10px 15px; height:174px; }
.best_content .bg_bestcon02 .bg_bestcon_body02 a 	{color:#3d3d3d; }
.best_content .bg_bestcon02 .bg_bestcon_body02 a:hover	{color:#1d79a0; }


#BODY_WRAP .body_con .view_flash	{margin-bottom:7px;}

#BODY_WRAP .body_con .dl_style01	{margin-top:5px;  background:url(../images/bg_dtline_w248.gif) no-repeat bottom center;}
#BODY_WRAP .body_con .dl_style01 dt	{height:14px; }
#BODY_WRAP .body_con .dl_style01 dd	{padding:10px 0 8px 0;  line-height:12px; }
#BODY_WRAP .body_con .dl_style01 .photo_list	{ font-size:12px; line-height:15px; word-break:break-all; border-bottom:1px dashed #ddd; margin:0 0px 5px 10px; padding-bottom:3px; }
#BODY_WRAP .body_con .dl_style01 .photo_list img	{margin-right:5px; margin-left:5px; }
#BODY_WRAP .body_con .dl_style01 .photo_list .thumb	{border:1px solid #898989; margin-bottom:3px; }
#BODY_WRAP .body_con .dl_style01 .title_list	{clear:both; padding:4px 0; word-break:break-all; margin:0 10px; margin-right:0px; }
*html #BODY_WRAP .body_con .dl_style01 .title_list	{clear:both; padding:3px 0; word-break:break-all; margin:0 10px ; }


#BODY_WRAP .body_con .dl_style02	{background:url(../images/bg_dtline_w342.gif) no-repeat bottom center;}
#BODY_WRAP .body_con .dl_style02 dt	{height:14px; position:relative;}
#BODY_WRAP .body_con .dl_style02 dt .more	{position:absolute; top:3px; right:7px; }
#BODY_WRAP .body_con .dl_style02 dd	{padding:10px 0 8px 0;  line-height:12px; }
#BODY_WRAP .body_con .dl_style02 .title_list	{position:relative; clear:both; padding:4px 0; word-break:break-all; margin:0 10px ; }
#BODY_WRAP .body_con .dl_style02 .title_list .date	{position:absolute; top:2px; right:0px; font-family:'Arial'; font-size:11px; }
*html #BODY_WRAP .body_con .dl_style02 .title_list	{clear:both; padding:3px 0; word-break:break-all; margin:0 10px ; }

#BODY_WRAP .body_con .dl_style03	{margin-top:8px;}
#BODY_WRAP .body_con .dl_style03 dt	{height:14px; position:relative;}
#BODY_WRAP .body_con .dl_style03 dt .more	{position:absolute; top:3px; right:7px; }
#BODY_WRAP .body_con .dl_style03 dd	{padding:10px 0 8px 0;  line-height:12px; }
#BODY_WRAP .body_con .dl_style03 .title_list	{position:relative; clear:both; padding:4px 0; word-break:break-all; margin:0 10px ; }
#BODY_WRAP .body_con .dl_style03 .title_list .date	{position:absolute; top:2px; right:0px; font-family:'Arial'; font-size:11px; }
*html #BODY_WRAP .body_con .dl_style03 .title_list	{clear:both; padding:3px 0; word-break:break-all; margin:0 10px ; }


/**** 공지사항,일정,소식과동향 ****/

#NOTICE	{}
#NOTICE .notice_tab	{position:relative; background:url(../images/bg_tab.gif) bottom left repeat-x; }
#NOTICE .notice_tab .more	{position:absolute; top:5px; right:3px;}
#NOTICE_01	{padding:14px 10px 2px 10px; line-height:12px;}
#NOTICE_01 .n_list	{position:relative; height:21px; }
#NOTICE_01 .n_list .date	{position:absolute; right:0; top:2px; font-family:'Arial'; font-size:11px; }
#NOTICE_02	{padding:14px 10px 2px 10px; line-height:12px; }
#NOTICE_02 .n_list	{position:relative; height:21px; }
#NOTICE_02 .n_list .date	{position:absolute; right:0; top:2px; font-family:'Arial'; font-size:11px; }
#NOTICE_03	{padding:14px 10px 2px 10px; line-height:12px;}
#NOTICE_03 .n_list	{position:relative; height:21px; }
#NOTICE_03 .n_list .date	{position:absolute; right:0; top:2px; font-family:'Arial'; font-size:11px; }

.notice1	{width:80px; height:23px; background:url(../images/btn_notice01.gif) no-repeat; display:block; cursor:pointer;}
.notice2	{width:80px; height:23px; background:url(../images/btn_notice02.gif) no-repeat;  display:block; cursor:pointer;}
.notice3	{width:80px; height:23px; background:url(../images/btn_notice03.gif) no-repeat;  display:block; cursor:pointer;}
.notice1_select	{width:80px; height:23px; background:url(../images/btn_notice01_over.gif) no-repeat;  display:block; cursor:pointer;}
.notice2_select	{width:80px; height:23px; background:url(../images/btn_notice02_over.gif) no-repeat;  display:block;  cursor:pointer;}
.notice3_select	{width:80px; height:23px; background:url(../images/btn_notice03_over.gif) no-repeat;  display:block; cursor:pointer;}

#CAFE	{margin-top:10px; }
#CAFE .cafe_tab	{background:url(../images/bg_cafe_title.gif) no-repeat bottom center ; height:32px; position:relative; padding: 0 0 0 5px}
*html .cafe_tab	{height:28px; padding:4px 0 0 5px }
#CAFE .cafe_tab .page_btn	{position:absolute; top:0px; right:5px; display:inline; text-align:right; }
#CAFE .cafe_tab .page_btn table img	{.margin-top:2px;}
#CAFE .cafe_tab b	{color:#ff6600; }
#CAFE dl	{padding:8px 10px 20px 10px ; float:left; height:70px; overflow:hidden; }
#CAFE .title	{margin-bottom:3px;}
#CAFE .title a	{font-weight:bold; color:#1d79a0; text-decoration:underline; }
#CAFE .comm_info	{font-size:11px; float:right; width:240px; margin-top:3px; line-height:18px; }
#CAFE .comm_img	{margin-right:11px; background:url(../images/bg_comm.gif) no-repeat 0 0; float:left; width:70px; height:58px; }
#CAFE .comm_img .comm_cate	{width:67px; margin-left:7px; color:#939393; font-size:11px; font-family:돋움;}
#CAFE .comm_img img	{margin-top:5px; margin-bottom:3px; margin-left:5px; border:1px solid #b7b7b7; width:54px; height:29px;}



#FOOTER {clear:both; background:url(../images/footer_bg.gif) repeat-x; margin-top:10px; }
#FOOTER .footer_body	{width:975px; margin:0 auto; text-align:center; padding:29px 0;}
#FOOTER .footer_body table	{margin:0 auto; text-align:left; }
#FOOTER .footer_body select	{font-size:12px; }