@charset "utf-8";


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

- Title : Recom Cascading Style Sheets

- Author : 

- Date : 2010-05-31

- Description : Recom CSS

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

button{text-indent:-1000em;}

/* content header
---------------------------------------------------------------- */
	.contentHeader {

		height: 64px;

		border-bottom: 1px solid #a9cfec; 

		background: url('/_ui/images/web/temp/bg_knowledge01.gif') right bottom no-repeat;
		
		width:100%;

		}

	.contentHeader .h2_title01 { height: 33px; padding-top: 20px;}

	.contentHeader .txt01 {} 

/*  topHbox
---------------------------------------------------------------- *//* 개발 적용 후 삭제예정 */
.topHbox{overflow:hidden;  padding-top: 35px; margin-bottom:12px; zoom:1; }  
.topHbox .inner { overflow:hidden;zoom:1; background: url('/_ui/images/web/recom/bg_bluebox_02.gif') right 0 no-repeat; }
.topHbox .inner1 { overflow:hidden;zoom:1; background: url('/_ui/images/web/recom/bg_bluebox_02_1.gif') right 0 no-repeat;position:relative;}
.topHbox .inner2 { overflow:hidden;zoom:1; background: url('/_ui/images/web/recom/bg_blueboxbottom_02_1.gif') right bottom no-repeat; }
.topHbox .inner3 { overflow:hidden;zoom:1;background: url('/_ui/images/web/recom/bg_bluebox_leftbottom_02_1.gif') left bottom no-repeat;min-height:90px; }
.topHbox .stit{float:left;width:174px;}
.topHbox .stit1{position:absolute;width:174px;height:65px;overflow:hidden;z-index:10;}
.topHbox .stxtBox_01{ 
	padding-bottom:21px; 
	
}
.topHbox .stxtBox_02{
	padding:0 13px 0 5px; 

}
.topHbox .stxtBox_02 .subj{ display: inline-block;padding-top: 15px; padding-bottom:5px;color:#fefefe;  }
.topHbox .stxtBox_02 .subj strong{
	padding: 0 8px 0 0;
	margin-right:9px;
	font-size:12px;
	background: url('/_ui/images/web/recom/line_v_sky.gif') right bottom no-repeat; 
}
.topHbox .stxtBox_02 .stxtbox{position:relative;left:175px;top:0;z-index:10;width:77%;}
.topHbox .stxtBox_02 .stxt{line-height:15px;color:#a3d8f1;letter-spacing:-1px;}
.topHbox .stxtBox_02 .stxt a {color:#a3d8f1;}



/*  topHbox 라운드유동박스를 위해 수정, 개발적용 후  전체 삭제 예정 2
---------------------------------------------------------------- */
.topHbox_01{overflow:hidden; position:relative;padding-top: 35px; margin-bottom:12px; zoom:1;} 
.topHbox_01 .themeweek{position:absolute;left:0;top:25px;width:160px;}
.topHbox_01 .bluebox_lt{background:url(/_ui/images/web/recom/bg_bluebox_lefttop_01.gif) left top no-repeat;margin-left:160px; }
.topHbox_01 .bluebox_rt{background:url(/_ui/images/web/recom/bg_bluebox_righttop_01.gif) right top no-repeat; }
.topHbox_01 .bluebox_lb{background:url(/_ui/images/web/recom/bg_bluebox_leftbottom_01.gif) left bottom no-repeat; }
.topHbox_01 .bluebox_rb{background:url(/_ui/images/web/recom/bg_bluebox_rightbottom_01.gif) right bottom no-repeat; }
.topHbox_01 .subj{ display: inline-block;padding: 15px 15px 5px 15px;color:#fefefe;  }
.topHbox_01 .subj strong{
	padding: 0 8px 0 0;
	margin-right:9px;
	font-size:12px;
	background: url('/_ui/images/web/recom/line_v_sky.gif') right bottom no-repeat; 
}
.topHbox_01 .stxtbox{position:relative;z-index:10;}
.topHbox_01 .stxt{line-height:15px;color:#a3d8f1;letter-spacing:-1px;padding:0 15px 25px 15px;}
.topHbox_01 .stxt a {color:#a3d8f1;}


/*  topHbox 라운드유동박스를 위해 수정
---------------------------------------------------------------- */
.topHbox_02{overflow:hidden; position:relative;padding-top: 35px; margin-bottom:12px; zoom:1;} 
.topHbox_02 .themeweek{position:absolute;left:0;top:25px;width:160px;min_height:79px;}
.topHbox_02 .bluebox {margin-left:160px; }
.topHbox_02 .bluebox table{width:100%; }
.topHbox_02 .bluebox .lefttop{width:10px;height:10px;background:url(/_ui/images/web/recom/bluebox_top_left.gif) left top no-repeat; }
.topHbox_02 .bluebox .righttop{height:10px;background:url(/_ui/images/web/recom/bluebox_top_right.gif) right top no-repeat; }
.topHbox_02 .bluebox .leftbg{width:10px;background:url(/_ui/images/web/recom/bluebox_left.gif) left top repeat-y; }
.topHbox_02 .bluebox .rightbg{background:url(/_ui/images/web/recom/bluebox_right.gif) right top repeat-y; }
.topHbox_02 .bluebox .leftbottom{width:10px;height:20px;background:url(/_ui/images/web/recom/bluebox_bottom_left.gif) left top no-repeat; }
.topHbox_02 .bluebox .rightbottom{height:20px;background:url(/_ui/images/web/recom/bluebox_bottom_right.gif) right top no-repeat; }
.topHbox_02 .subj{ display: inline-block;padding: 5px;color:#fefefe;  }
.topHbox_02 .subj strong{
	padding: 0 8px 0 0;
	margin-right:9px;
	font-size:12px;
	background: url('/_ui/images/web/recom/line_v_sky.gif') right bottom no-repeat; 
}
.topHbox_02 .stxtbox{position:relative;z-index:10;}
.topHbox_02 .stxt{line-height:15px;color:#a3d8f1;letter-spacing:-1px;padding:0 10px 5px 5px;}
.topHbox_02 .stxt a {color:#a3d8f1;}





/*  roundBox
---------------------------------------------------------------- */
.roundBox{
	width:700px;
	padding:5px 0 0 0;
	margin-bottom:15px;
	background: url('/_ui/images/web/recom/bg_roundbox_01.gif') left top no-repeat; 
}
.roundBox .roundBtm{
	overflow: hidden; 
	height: auto;
	padding:0 28px 9px 24px;
	background: url('/_ui/images/web/recom/bg_roundbox_02.gif') left bottom no-repeat; 
}

.topContentBox01{ 
	overflow:hidden;  
	padding:20px 0 20px 25px; 
	zoom:1;
}
.topContentBox01 .imgArea{float:left;margin-right:19px;}
.topContentBox01 .txtArea{}
.topContentBox01 .txtArea dt{padding-bottom:18px;font-size:14px;font-weight:bold;color:#0a3699;}
.topContentBox01 .txtArea dd{font-size:12px;line-height:18px;color:#666;}

.imgBox{
	overflow:hidden;
	padding:18px 0 14px 0;
	background: url('/_ui/images/web/recom/line_v_dot_01.gif') left top repeat-x; 
	zoom:1;
}
.imgBox .imgArea{float:left;margin-right:19px;}
.imgBox .txtArea{ line-height:18px;}
.imgBox .txtArea dt{overflow:hidden;padding-bottom:7px;color:#949494;text-align:right;zoom:1;}
.imgBox .txtArea dt strong{float:left;font-size:12px;color:#0a3699;}
.imgBox .txtArea dd{font-size:12px;color:#666;letter-spacing:-1px;}
.imgBox.first, .txtBox.first{background:none;}

.imgBox_admin{
	overflow:hidden;
	padding:18px 0 14px 0;
	position:relative;
	zoom:1;
}
.imgBox_admin .imgArea{float:left;margin-right:19px;}
.imgBox_admin .txtArea{ line-height:18px;}
.imgBox_admin .txtArea dt{overflow:hidden;padding-bottom:7px;color:#949494;text-align:right;zoom:1;}
.imgBox_admin .txtArea dt strong{float:left;font-size:12px;color:#0a3699;}
.imgBox_admin .txtArea dd{font-size:12px;color:#666;letter-spacing:-1px;}
.imgBox_admin.first, .txtBox.first{background:none;}

.imgBox01{
	overflow:hidden;
	padding:18px 0 14px 0;
	background: url(none) left top repeat-x; 
	zoom:1;
}
.imgBox01 .imgArea{float:left;margin-right:19px;}
.imgBox01 .txtArea{ line-height:18px;}
.imgBox01 .txtArea dt{overflow:hidden;padding-bottom:7px;color:#949494;text-align:right;zoom:1;}
.imgBox01 .txtArea dt strong{float:left;font-size:12px;color:#0a3699;}
.imgBox01 .txtArea dd{font-size:12px;color:#666;letter-spacing:-1px;}





.specElasticBox01{clear:both;width:100%;margin-bottom:10px;background: url('/_ui/images/web/common/bg_bottom01.gif') 0 bottom repeat-x; }
.specElasticBox01 .bottomRight{background:url('/_ui/images/web/common/specElasticBox01_bottomRight.gif') bottom right no-repeat;}
.specElasticBox01 .bottomLeft{background:url('/_ui/images/web/common/specElasticBox01_bottomLeft.gif') bottom left no-repeat;}
.specElasticBox01 .topRight{background:url('/_ui/images/web/common/specElasticBox01_topRight.gif') top right no-repeat;}
.specElasticBox01 .topLeft{background:url('/_ui/images/web/common/specElasticBox01_topLeft.gif') top left no-repeat;padding:9px;text-align:left;}


.specElasticBox02{clear:both;width:100%;margin-bottom:10px;}
.specElasticBox02 .bottomRight{background:url('/_ui/images/web/common/specElasticBox02_bottomRight.gif') bottom right no-repeat;}
.specElasticBox02 .bottomLeft{background:url('/_ui/images/web/common/specElasticBox02_bottomLeft.gif') bottom left no-repeat;}
.specElasticBox02 .topRight{background:url('/_ui/images/web/common/specElasticBox02_topRight.gif') top right no-repeat;}
.specElasticBox02 .topLeft{background:url('/_ui/images/web/common/specElasticBox02_topLeft.gif') top left no-repeat;padding:9px;text-align:left;}

.recomKnowList {padding: 0 20px;}
.txtBox{
	overflow:hidden;
	padding:18px 0 14px 0;
	background: url('/_ui/images/web/recom/line_v_dot_01.gif') left top repeat-x; 
	zoom:1;
}
.txtBox .txtArea{float:left;line-height:18px;width:100%;}
.txtBox .txtArea dt{overflow:hidden;padding-bottom:7px;color:#949494;text-align:right;zoom:1;}
.txtBox .txtArea dt strong{float:left;font-size:12px;color:#0a3699;}
.txtBox .txtArea dd{font-size:12px;color:#666;letter-spacing:-1px;}




.btnCBox{position:relative;text-align:center;}
.btnCBox .scrap{
	position:absolute;
	top:1pxp;
	right:2px;
}

/*  tdDayArea
---------------------------------------------------------------- */
.tdDayArea{

	margin-top: 30px;

	margin-bottom: 30px;

	overflow:hidden; 

	height:150px;  

	background:url('/_ui/images/web/recom/bg_today01.gif') no-repeat left top;

	zoom:1;

	margin-left: -3px;

	padding-left: 50px;

}



.tdDayArea .inner {
	height:124px;

	padding:26px 20px 0 0 ;

	margin: 0 0 18px 0;

	background:url('/_ui/images/web/recom/bg_today.gif') top right no-repeat;

	}

.tdDayArea .imgArea{float:left;margin-right:14px;}

.tdDayArea .txtArea{ line-height:18px;}
.tdDayArea .txtArea dt{padding-bottom:7px;color:#949494;text-align:right;}
.tdDayArea .txtArea dt strong{float:left;font-size:12px;color:#0a3699;}
.tdDayArea .txtArea dd{font-size:12px;color:#666;letter-spacing:-1px;}

/*  recomTit_Wrap
---------------------------------------------------------------- */
.recomTit_Wrap{margin:40px 0 0 0;}
.recomTit_Wrap h3{height: 39px; padding-left: 10px; background: url('/_ui/images/web/common/bul_line01.gif') 1px 2px no-repeat;}


/*  

Type0_sh
---------------------------------------------------------------- */
.tableType0_sh { border-bottom: 1px solid #d7dade; }
.tableType0_sh table { border-bottom: 1px solid #abacad; width: 100%;}
.tableType0_sh table th { height: 28px; background-color:#f3f3f3; border-top: 2px solid #267aed;}
.tableType0_sh table td { border-top: 1px solid #dbdbdb; color:#666;vertical-align:top;}
.tableType0_sh table td.day{padding-top:15px;text-align:center;color:#949494;font-weight:bold;}
.tableType0_sh table td .imgArea{
	overflow:hidden;
	padding:17px 14px 16px 14px;
	zoom:1;
}
.tableType0_sh table td .imgArea .img{float:left;margin-right:16px;}
.tableType0_sh table td .imgArea .txt{ overflow:hidden;}
.tableType0_sh table td .imgArea .txt dt{padding-bottom:7px;line-height:18px;color:#0a3699;font-weight:bold;}
.tableType0_sh table td .imgArea .txt dt a{color:#0a3699;}
.tableType0_sh table td .imgArea .txt dd{line-height:18px;}

.tableType0_sh table td .txtArea{
	overflow:hidden;
	padding:14px 14px 16px 14px;
	zoom:1;
}
.tableType0_sh table td .txtArea .txt{float:left;}
.tableType0_sh table td .txtArea .txt dt{padding-bottom:7px;line-height:18px;color:#0a3699;font-weight:bold;}
.tableType0_sh table td .txtArea .txt dt a{color:#0a3699;}
.tableType0_sh table td .txtArea .txt dd{line-height:18px;}

.tableType0_sh table td .txtArea .theme{
	padding:0 0 3px 50px;
	
	color:#000;
	line-height:18px;
	font-weight:bold;
	background: url('/_ui/images/web/recom/icon_theme.gif') left 1px no-repeat;
}
.tableType0_sh table td .txtArea .theme a{color:#000;}

/* Page Navigation
---------------------------------------------------------------- */
	.pagination01 {margin-top:30px; height: 40px; text-align:center; clear:both; color:#e0e0e0;}
	.pagination01 a {color:#7b7b7b; margin:0 6px; }
	.pagination01 strong { color:#093797; font-weight:bold;  margin:0 4px; } 
	.pagination01 img {vertical-align: middle; margin:0 -6px 1px -6px;} 

/*  knowtit
---------------------------------------------------------------- */
.knowtit{position:relative;padding:14px 0 8px 0;border-top:1px solid #8095c7;border-bottom:1px solid #cddcee;zoom:1;}
.knowtit .tit{padding-bottom:10px;font-size:16px;font-weight:bold;color:#032368;}
.knowtit .tit span{padding-left:8px;font-weight:normal;color:#999;}
.knowtit .categoryList{line-height:17px;color:#999;}
.knowtit .categoryList em{color:#666;}
.knowtit .btnArea{position:absolute;right:1px;bottom:11px;}

/*  knowcont
---------------------------------------------------------------- */
.knowcont{position:relative;padding:0 0 8px 0;border-bottom:1px solid #cddcee;zoom:1;}
.knowcont .tit{padding:21px 0 10px 13px;font-weight:bold;color:#3366cc;}
.knowcont .txtCon{padding:0 0 14px 13px;font-size:13px;line-height:20px;color:#666;}
.knowcont .tit span{padding-left:8px;font-weight:normal;color:#999;}
.knowcont .categoryList{line-height:17px;color:#999;}
.knowcont .categoryList em{color:#666;}
.knowcont .btnArea{position:absolute;right:1px;bottom:11px;}

/*  tableType_View
---------------------------------------------------------------- */
.tableType_View { padding:0 14px;margin-bottom:37px;}
.tableType_View table {width:100%;}
.tableType_View table td { padding:7px 0 6px 0;border-right:1px solid #d3dbec; border-top: 1px solid #bac8db;border-bottom: 1px solid #bac8db;  color:#666;}
.tableType_View table th { background-color:#f3f4fa; border-left:1px solid #d3dbec;border-top: 1px solid #bac8db;border-bottom: 1px solid #bac8db;text-align:left;color:#333;}
.tableType_View table th span{padding-left:13px;}

/*  imgListBox
---------------------------------------------------------------- */
.imgListBox{
	overflow:hidden;
	position:relative;
	width:673px;
	padding:0 0 51px 27px;
	background:url('/_ui/images/web/share/line_h_dot_01.gif') repeat-x left bottom;
	zoom:1;
}
.imgListBox li{float:left;width:150px;margin-right:15px;text-align:center;color:#666;}
.imgListBox li p{padding-top:5px;}
.imgListBox p.btnMore{position:absolute;right:17px;bottom:23px;}

/*  imgListBox01
---------------------------------------------------------------- */
.imgListBox01{
	overflow:hidden;
	position:relative;
	width:670px;
	padding:0 0 19px 25px;
	zoom:1;
}
.imgListBox01 li{float:left;width:150px;margin-right:15px;text-align:center;color:#666;}

/*  imgListBox02
---------------------------------------------------------------- */
.imgListBox02{
	overflow:hidden;
	position:relative;
	width:670px;
	padding:0 0 0 25px;
	zoom:1;
}
.imgListBox02 .imgArea{float:left;width:150px;margin-right:15px;}
.imgListBox02 .txtArea01{float:left;width:490px;font-size:12px;line-height:18px;color:#333;}
.imgListBox02 .imgNum{color:#818181;}
.imgListBox02 .imgNum a{text-decoration:underline;}

/*  기능버튼
---------------------------------------------------------------- */
.dataBtnList {clear: both; text-align: right;padding-top: 7px; height: 32px; padding-right: 1px;}

/*  knowBox
---------------------------------------------------------------- */
.knowBox{padding:0 0 0 0;}
.knowBox .header{overflow:hidden;padding:0 0 7px 0;zoom:1;}
.knowBox .header .tit{
	float:left;
	padding-left: 10px; 
	font-size:14px;
	font-weight:bold;
	color:#000;
	background: url('/_ui/images/web/common/bul_line01.gif') left 1px no-repeat;
}
.knowBox .header .selArea{float:left;}
.knowBox .btnC{position:relative;text-align:center;}
.knowBox .btnC .regist{
	width:72px;
	height:29px;
	background:url('/_ui/images/web/share/btn_regist.gif') no-repeat left top;
	border:none;
}
.knowBox .btnC .cancel{
	position:absolute;
	right:0px;
	width:54px;
	height:20px;
	background:url('/_ui/images/web/share/btn_cancel.gif') no-repeat left top;
	border:none;
}

/*  konwBoxline
---------------------------------------------------------------- */
.konwBoxline{position:relative;padding:0 0 35px 0;border:2px solid #bac8db;zoom:1;}
.konwBoxline .bthMore01{position:absolute;right:-2px;bottom:-2px;}
.konwBoxline .topinfo{position:relative;height:59px;}
.konwBoxline .topinfo .txt{padding:27px 0 0 23px;}
.konwBoxline .topinfo .btnArea{position:absolute;top:21px;right:21px;}

.konwBoxline .konwLine{border-top:1px solid #d7e1ef;}
.konwBoxline .konwLine .konwCont{position:relative;padding:24px 0 23px 0;zoom:1;}
.konwBoxline .konwLine .txtArea{overflow:hidden;height:24px;color:#a1a1a1;}
.konwBoxline .konwLine .txtArea .writerinfo{float:left;}
.konwBoxline .konwLine .txtArea .writerinfo span{
	padding:0 10px 0 0;
	margin:0 8px 0 24px;
	font-size:12px;
	font-weight:bold;
	background:url('/_ui/images/web/share/line_h_01.gif') no-repeat right top;
	color:#0a3699;
}
.konwBoxline .konwLine .txtArea .day{float:right;padding:0 25px 0 0;}

.konwBoxline .konwLine .txtBox01 {padding:0 23px 10px;line-height:18px;color:#333;}
.konwBoxline .konwLine .txtBox01 .imgNum{color:#818181;}
.konwBoxline .konwLine .txtBox01 .imgNum a{text-decoration:underline;}

.konwBoxline .konwLine .txt {padding:0 0 0;line-height:18px;color:#333;}
.konwBoxline .konwLine .txtEct{
	padding:0 0 5px 5px;
	margin:0 0 0 27px;
	background:url('/_ui/images/web/share/bul_square_orange_02.gif') no-repeat left 4px;
	
	color:#969696;
}
.konwBoxline .konwLine .txtEct .tc6{color:#666;}
.konwBoxline .konwLine .txtEct a{color:#0a3699;text-decoration:underline;}

.konwBoxline .konwLine .bthArrow01{
	position:absolute;
	right:25px;
	bottom:12px;
	text-align:right;
	padding:0 10px 0 0;
	background:url('/_ui/images/web/share/bul_arrow_01.gif') no-repeat right 3px;
	
	color:#818181;
}
.konwBoxline .konwLine .bthArrow01 a{text-decoration:underline;}
.konwBoxline .konwLine .bthArrow02{position:absolute;right:25px;bottom:12px;}
.konwBoxline .konwLine .bthArrow03{
	position:absolute;
	right:25px;
	bottom:12px;
	text-align:right;
	padding:0 10px 0 0;
	background:url('/_ui/images/web/share/bul_arrow_02.gif') no-repeat right 5px;
	
}
.konwBoxline .konwLine .bthArrow03 a{text-decoration:underline;color:#333;}


.konwBoxline .konwPaging{border-top:1px solid #d7e1ef;}
.konwBoxline .konwPaging .pagination01 {margin-top:21px; height: 21px; text-align:center; clear:both; color:#e0e0e0;}
.konwBoxline .konwPaging .pagination01 a {color:#7b7b7b; margin:0 6px; }
.konwBoxline .konwPaging .pagination01 strong { color:#093797; font-weight:bold;  margin:0 4px; } 
.konwBoxline .konwPaging .pagination01 img {vertical-align: middle; margin:0 -6px 1px -6px;} 

  
/*  kowWriteBox 추천에는 없을 수도 후에 삭제 예정 PMH E
---------------------------------------------------------------- */