@charset "utf-8";











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







- Title : Share Cascading Style Sheets







- Author : 







- Date : 2010-05-31







- Description : Share CSS







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







button{text-indent:-1000em;}







/* content header



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



	.contentHeader {



		width:100%;



		height: 87px;



		border-bottom: 1px solid #a9cfec; 



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



		}



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



	.contentHeader .txt01 {} 







/*  topHbox



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



.topHbox{float: left; width: 320px; padding-right: 10px;} 



.topHbox .stit{ height: 53px; }



.topHbox .stit01{ padding-top: 5px; height: 22px;}



.topHbox .stit02 {height: 22px; }



.topHbox .stxt01{padding-bottom:20px; font-size: 11px; color:#878787; line-height: 1.5;}



.topHbox .stxt02{ font-size: 11px; color:#878787;  line-height: 1.5;}







/*  rankBox



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



.topHeaderBoxWrap {clear: both; overflow: hidden; zoom: 1;padding-bottom: 20px; padding-top: 29px;}







.rankBox{



	float: left;



	position:relative;



	width:340px;



	height:190px;



	background: #ffffff url('../../images/web/share/bg_rankbox2.gif') 0 bottom repeat-x;



	border: 1px solid #b0b0b0;



}







.rankBox .rankList01{ float: left; width: 170px ; height: 180px; overflow: hidden ;zoom:1;background: url('../../images/web/share/bul_line01.gif') right 12px no-repeat; }



.rankBox .rankList01 h4 { 



	width: 98px; 



	padding-top: 19px; margin: 0 auto; height: 25px;padding-left: 30px; background: url('../../images/web/share/bg_ranking01.gif') 0 17px no-repeat; font-size: 14px; font-weight: bold; color:#024de5;}



.rankBox .rankList01 h4 img {vertical-align: middle; }



.rankBox .rankList01 ol {padding-left: 26px;padding-top: 17px;;}



.rankBox .rankList01 ol {padding-left: 17px;width: 130px; padding-top: 17px; }



.rankBox .rankList01 li {width: 120px; height: 20px;}



.rankBox .rankList01 li .name {float: left; width: 65px;}



.rankBox .rankList01 li .point {float: right; width: 50px; text-align: right;  color:#878787; }



.rankBox .rankList01 li .point span {color:#ff4747;margin-left: 5px;}











.rankBox li{ height: 20px; padding:0 0 0 23px;color:#002e97;}



.rankBox li.rank01{background:url('../../images/web/share/num_01.gif') no-repeat left top;}



.rankBox li.rank02{background:url('../../images/web/share/num_02.gif') no-repeat left top;}



.rankBox li.rank03{background:url('../../images/web/share/num_03.gif') no-repeat left top;}



.rankBox li.rank04{background:url('../../images/web/share/num_04.gif') no-repeat left top;}



.rankBox li.rank05{background:url('../../images/web/share/num_05.gif') no-repeat left top;}







.rankBox .rankList02{float: left;  }



.rankBox .rankList02 h4 {width: 112px; margin: 0 auto; padding-top: 17px;}



.rankBox .rankList02 ol {padding-left: 17px;width: 130px; padding-top: 17px; }



.rankBox .rankList02 li {width: 120px; height: 20px;}



.rankBox .rankList02 li .name {float: left; width: 65px;}



.rankBox .rankList02 li .point {float: right; width: 50px; text-align: right;  color:#878787; }



.rankBox .rankList02 li .point span {color:#ff4747;margin-left: 5px;}







/*  boardBox



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



.boardBox .header{position:relative;height:32px;}



.boardBox .header .selArea{float:left;}



.boardBox .header .txtAll{



	float:right;



	margin-top:7px;



	padding:0 0 0 8px;



	background:url('../../images/web/share/bul_square_orange.gif') no-repeat left 5px;



	color:#969696;



}



.boardBox .header .txtAll em{color:#ff6e36;}







/*  tableType0_sh



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



.tableType0_sh { border-bottom: 1px solid #d7dade; }



.tableType0_sh table { border-bottom: 1px solid #abacad; width: 100%;}



.tableType0_sh table td { height: 52px; border-top: 1px solid #dbdbdb; text-align: center;   color:#7b7b7b;}



.tableType0_sh table td.topics{text-align:left;}



.tableType0_sh table td.topics p{padding-left:15px;}



.tableType0_sh table td.subject {text-align: left; font-size:12px; line-height: 1.3;}



.tableType0_sh table td.subject img {margin-right: 4px;}



.tableType0_sh table td.subject p{ padding-top:3px;padding-right:3px;}



.tableType0_sh table td.subject a {color:#0a3699;} 



.tableType0_sh table td.content {text-align: left; line-height: 1.3;}



.tableType0_sh table td.content a {color:#0a3699;}



.tableType0_sh table th { height: 28px; background-color:#f3f3f3;border-top: 2px solid #267aed; }



.tableType0_sh table .pointIco {float: left; }







/*  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 13px 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; 



	padding:0 0 51px 14px;



	background:url('../../images/web/share/line_h_dot_01.gif') repeat-x left bottom;



	zoom:1;



} 



.imgListBox ul {padding-top: 10px;  padding-bottom: 10px; background-color:#ebecf3; overflow: hidden; zoom:1; padding-left: 6px;}



.imgListBox li{float:left;width:150px;padding: 0 7px 0 ;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; 



	padding:0 25px 4px 25px;



	zoom:1;

	clear:both;



}



.imgListBox01{



	overflow:hidden;



	zoom:1;



	width: 90%;



}



.imgListBox01 li{float:left;width:150px; height: 115px; 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:80px;margin-right:15px;}



.imgListBox02 .txtArea01{float:left;width:560px;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; padding-bottom: 20px;}



.dataBtnList .btnLeft {float:left;}



.dataBtnList .btnRight {float:right;}







/*  knowBox



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



.knowBox{padding:0 0 0 0; position:relative; border-top: 2px solid #0F4D92; margin-top: 33px;}



.knowBox .header{overflow:hidden;padding:0 0 3px 0;zoom:1;}



.knowBox .header .tit{



	float:left;



	padding-left: 10px; 



	padding-top: 3px; 



	padding-right: 5px;



	font-size:14px;



	font-weight:bold;



	color:#000;



	background: url('../../images/web/common/bul_line01.gif') left 4px no-repeat;



}



.knowBox .header .selArea{float:left;}



.knowBox .header .btnArea{float:right;}



.knowBox .btnC{ position:relative; clear: both; text-align:center;}



.knowBox .btnC .regist{



	width:72px;



	height:29px;



	background:url('../../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('../../images/web/share/btn_cancel.gif') no-repeat left top;



	border:none;



}



.btnC{ position:relative; clear: both; text-align:center;}



.btnC .regist{



	width:72px;



	height:29px;



	background:url('../../images/web/share/btn_regist.gif') no-repeat left top;



	border:none;



}



.btnC .cancel{



	position:absolute;



	right:0px;



	width:54px;



	height:20px;



	background:url('../../images/web/share/btn_cancel.gif') no-repeat left top;



	border:none;



}







/*  konwBoxline



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



.konwBoxline{position:relative;padding:0 0 3px 0;border:2px solid #bac8db;zoom:1; background: url('/_ui/images/web/search/bg_box01.gif') 0 bottom repeat-x; }



.konwBoxline .bthMore01{position:absolute;right:-2px;bottom:-2px;}



.konwBoxline .topinfo{position:relative;height:39px;}



.konwBoxline .topinfo .txt{padding:15px 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:14px 0 19px 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('../../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 .txtArea img {vertical-align: middle;}







.konwBoxline .konwLine .txtBox01 {padding:0 20px 23px 20px;color:#333;line-height:150%;}



.konwBoxline .konwLine .txtBox01 div {margin-bottom:5px;}



.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('../../images/web/share/bul_square_orange_02.gif') no-repeat left 4px;

	clear:both;



	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('../../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('../../images/web/share/bul_arrow_02.gif') no-repeat right 5px;



	



}



.konwBoxline .konwLine .bthArrow03 a{text-decoration:underline;color:#333;}







.konwBoxline .konwLine .oBtn {		



	clear:both; 



	float: right;



	text-align:right;



	padding:0 10px 0 0;



	width: 250px;



		



	color:#d1d1d1;



	}



.konwBoxline .konwLine .oBtn a {color:#818181;} 



.konwBoxline .konwLine .oBtn .bthArrow_{  



	background:url('../../images/web/share/bul_arrow_02.gif') no-repeat right 4px;



	padding-right: 10px;



	 



} 



.konwBoxline .konwLine .oBtn .bthArrowOn_{  



	background:url('../../images/web/share/bul_arrow_01.gif') no-repeat right 2px;



	padding-right: 10px;



	 color:#333; text-decoration: underline;



	font-weight: bold;



} 



/* 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;} 







.konwBoxline .konwPaging{border-top:1px solid #d7e1ef;}



.konwBoxline .konwPaging .pagination01 {margin-top:10px; 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;} 











/*  konwLine txtComment



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



.konwLine .txtComment{



	margin:0 26px 22px;



	padding:20px 19px 39px 19px;



	background: #f4f4f4 url('../../images/web/share/line_h_dot_02.gif') repeat-x left top;



	zoom:1;

	min-width:700px;



	



}



.konwLine .txtComment .comBox{position:relative;padding: 10px 0;border-bottom:1px solid #e2e2e2;zoom:1; margin-top: -1px;}



.konwLine .txtComment .comBox .writer{padding:0 0 3px 3px;color:#000;}



.konwLine .txtComment .comBox .writer span{color:#a1a1a1;}



.konwLine .txtComment .comBox .txtCmt{padding:0 0 10px 3px;color:#898989; line-height: 1.3;}



.konwLine .txtComment .comBox .txtRr{position:absolute;top:10px;right:0px;color:#949494;}



.konwLine .txtComment .comBox .txtRr a{color:#949494;}



.konwLine .txtComment .comBox .txtRr a.on{color:#333;text-decoration:underline;}



.konwLine .txtComment .comBox .txtRr img{float:none;}







.konwLine .txtComment .comBox .cmtData{overflow:hidden;padding:0 0 11px 9px;zoom:1;}



.konwLine .txtComment .comBox .cmtData img{float:left;margin:5px 6px 0 0;}



.konwLine .txtComment .comBox .cmtData .cmtBox{



	float:left;



	width:80%;



	height:19px;



	margin-right:5px;



	padding:3px 0 0 5px; 



	background: #fff;



	border-top: 1px solid #a6a6a6;



	border-left: 1px solid #a6a6a6;



	border-right: 1px solid #d8d8d8;



	border-bottom: 1px solid #d8d8d8;



}







.konwLine .txtComment .comBox .cmtData .cmtBox input{width:95%;color:#898989;border:0;}



.konwLine .txtComment .comBox .cmtData .btn{



	float:left;



	width:66px;



	height:23px;



	border:none;



	background:url('../../images/web/share/btn_cmt.gif') no-repeat left top;



}







.konwLine .txtComment .comReplyDate{



	overflow:hidden;



	padding:10px 0 0 9px; 



	background:url('../../images/web/share/line_h_dot_03.gif') repeat-x 0 0;



	zoom:1;



	border-bottom:1px solid #e2e2e2;



	margin-top: -1px;



	position: relative;



}



.konwLine .txtComment .comReplyDate img{float:left;margin: 4px 13px 0 0;}



.konwLine .txtComment .comReplyDate .comBox{position:relative;padding: 5px 0; margin-bottom:0px;border-bottom:0 none;zoom:1;}



.konwLine .txtComment .comReplyDate .txtCmt{ width: 506px; padding:0 0 10px 19px;_padding-left:3px;color:#898989; line-height: 1.3;}



.konwLine .txtComment .txtRr img{float:none;margin:0 5px;}















.konwLine .txtComment .comwrite{position:relative;left:0;top:10px;text-align:left;padding:0;margin:0;display:block;height:50px}



.konwLine .txtComment .panNameType {







width:190px;



height:20px;



position:absolute;left:0;top:20px;



}



.konwLine .txtComment .panNameType .panNameIpt1 {border:1px solid #d5d5d5; vertical-align: middle; width: 115px; height: 20px; background: #fff url(none); padding: 2px 5px 0 ; color:#818181;}



.konwLine .txtComment .cmtDtBox{margin-left:195px;padding-top: 20px; }



.konwLine .txtComment .cmtDtBox .txtArea{ 



	width: 60%; 



     float:left;



	height:19px;



	padding:3px 0 0 5px; 



	margin-right:5px;



	background:#93aecf;



	border:1px solid #5c7da5;



	line-height:16px;



	color:#fff;



}



.konwLine .txtComment .cmtDtBox .btnArea{  



	width:77px;

	height:28px;

	border:none;

	margin-top:-2px;

	background:url('../../images/web/share/btn_cmt_01.gif') no-repeat left top;

	

}











common.css (406째 줄)



div, 











/*  kowWriteBox



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



.kowWriteBox{margin-bottom:15px;border:1px solid #d3dbec;border-top:2px solid #bac8db;border-bottom:2px solid #bac8db; display:inline-block;}



.kowWriteBox .areaChoice{



	position:relative;



	height:22px;



	padding:13px 0 0 22px;



	border-bottom:1px solid #d3dbec;



}



.kowWriteBox .areaChoice .tit{font-weight:bold;color:#333;}



.kowWriteBox .areaChoice .choice{position:absolute;top:12px;*top:10px;left:120px;}



.kowWriteBox .areaChoice .choice li{float:left;padding-right:25px;}



.kowWriteBox .areaChoice .choice li input{vertical-align:middle;*margin:-3px;}



.kowWriteBox .areaChoice .choice li label{position:relative;top:1px;left:5px;color:#333;}



.kowWriteBox .penName{



	position:relative;



	height:22px;



	padding:13px 0 0 22px;



	border-bottom:1px solid #d3dbec;



}



.kowWriteBox .penName .tit{font-weight:bold;color:#333;}



.kowWriteBox .txtBox {position:absolute;top:7px;left:120px;}



.kowWriteBox .txtBox input {border:1px solid #d5d5d5; vertical-align: middle; width: 100px; height: 17px; background: #fff url(none); padding: 2px 5px 0 ; color:#818181;}







.txtAreaBox{overflow:hidden;padding:10px 0 9px 11px;border-bottom:1px solid #d3dbec;zoom:1;}



.txtAreaBox .txtArea{



	float:left;



	width:601px;



	height:314px;



	margin-right:12px; 



	color:#7b7b7b;



}



.txtAreaBox .imgArea{



	float:left;



	position:relative;



	width:160px;



	height:316px;



	background:url('../../images/web/share/bg_drag_drop.gif') no-repeat left top;



}



.txtAreaBox .imgArea .btnRe{



	position:absolute;



	bottom:16px;



	left:16px;



	width:126px;



	height:25px;



	background:url('../../images/web/share/btn_img_register.gif') no-repeat left top;



	border:none;



}







.kowWriteBox .sourceBox{



	position:relative;



	height:27px;



	padding:18px 0 0 22px;



	border-bottom:1px solid #d3dbec;



	color:#333;



}



.kowWriteBox .sourceBox .tit{font-weight:bold;}



.kowWriteBox .sourceBox .sel01{position:absolute;top:12px;left:114px;}



.kowWriteBox .sourceBox .sel01 select{}



.kowWriteBox .sourceBox .sel02{position:absolute;top:12px;left:215px;}



.kowWriteBox .sourceBox .sel02 select{}



.kowWriteBox .sourceBox .txtBox{position:absolute;top:12px;left:320px;}



.kowWriteBox .sourceBox .txtBox input{



	float:left;



	width:330px;



	height:16px;



	padding:5px 9px 0 9px;



	border:1px solid #a6a6a6;



	border-right:1px solid #d8d8d8;



	border-bottom:1px solid #d8d8d8;



	



}







.kowWriteBox .imgBox{



	overflow:hidden;



	padding:17px 0 0 10px;



	border-bottom:1px solid #d3dbec;



	color:#333;



	zoom:1;



}



.kowWriteBox .imgBox ul{overflow:hidden;width:688px;}



.kowWriteBox .imgBox li{overflow:hidden;float:left;width:160px; height: 200px;padding:0 0 20px 0;margin:0 12px 0 0;zoom:1;}



.kowWriteBox .imgBox .imgArea{position:relative; text-align: center; height: 128px;}



.kowWriteBox .imgBox .imgArea img{vertical-align:top;}



.kowWriteBox .imgBox .imgArea .btnDel{position:absolute;top:8px;right:8px;}



.kowWriteBox .imgBox .subject{



	width:146px;



	height:15px;



	padding:3px 6px 0 6px;



	margin-bottom:5px;



	border:1px solid #a6a6a6;



	border-right:1px solid #d8d8d8;



	border-bottom:1px solid #d8d8d8;



	



	color:#7b7b7b;



}



.kowWriteBox .imgBox .txtArea{



	width:146px;



	height:40px;



	padding:3px 6px 0 6px;



	border:1px solid #a6a6a6;



	border-right:1px solid #d8d8d8;



	border-bottom:1px solid #d8d8d8;



	



	color:#7b7b7b;



}







.kowWriteBox .fileBox{



	position:relative;



	padding:18px 0 0 22px;



	color:#333;

	border-bottom:1px solid #d8d8d8;	



}



.kowWriteBox .fileBox .tit{font-weight:bold;}



.kowWriteBox .fileBox .fileBox01{padding-bottom:7px;}



.kowWriteBox .fileBox .file{margin:-15px 0 0 92px;}

.kowWriteBox .fileBox .file div{margin:5px 0;}

.kowWriteBox .fileBox .file .text {float:left; margin-right:5px; }

.kowWriteBox .fileBox .file .btn01 {float:left; width:64px; margin-right:3px; }



.kowWriteBox .fileBox .file .file01{



	width:465px;



	height:17px;



	padding:4px 5px 0 5px;



	border:1px solid #a6a6a6;



	border-right:1px solid #d8d8d8;



	border-bottom:1px solid #d8d8d8;



	color:#333;



}



.kowWriteBox .fileBox .file .btn{



	width:70px;



	height:23px;



	background:url('../../images/web/share/btn_file.gif') no-repeat left top;



	border:none;



}



.notice{



	margin:0 0 0 6px;



	padding:0 0 5px 8px;



	background:url('../../images/web/share/bul_square_orange_02.gif') no-repeat left 4px;



	



	color:#333;



}