@charset "utf-8";





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



- Title : Common Cascading Style Sheets



- Author : 



- Date : 2010-04-27



- Description : Common & Default CSS



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









/* content header

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

	.contentHeader {

		width: 100%;

		height: 87px;

		border-bottom: 1px solid #a9cfec; 

		background: url('/_ui/images/web/join/bg_headerTitle01.gif') right bottom no-repeat; 

		}

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

	.contentHeader .txt01 {} 





	.contentPrint {padding: 75px 10px 50px; line-height: 1.4;}



/* 

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

	.joinDic01 {clear: both; margin-top: 14px; margin-bottom: 37px; width: 698px; height: 83px; background: url('/_ui/images/web/join/bg_join01.gif') 0 0 no-repeat; }

	.joinDic01 dt {float: left; padding: 25px 0 0 23px;}

	.joinDic01 dd {float: left;  padding: 25px 0 0;}





	.joinDic02 {position: relative; clear: both; margin-top: 14px; margin-bottom: 37px; width: 698px; height: 106px; background: url('/_ui/images/web/join/bg_join02.gif') 0 0 no-repeat; }

	.joinDic02 dt {float: left; padding: 25px 0 0 23px;}

	.joinDic02 dd {float: left;  padding: 25px 0 0;}

	.joinDic02 .btn {position:absolute; right: 20px; bottom: 20px;}





/* Page Navigation

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

	.pagination01 {margin-top:20px; height: 40px; text-align:center; clear:both; color:#e0e0e0; width: 100%;}

	.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;} 



	.tableType001 { border-bottom: 1px solid #d7dade; width: 100%;}

	.tableType001 table { border-top: 2px solid #267aed;border-bottom: 1px solid #abacad; width: 100%;}

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

	.tableType001 table td.subject {text-align: center; line-height: 1.3;}
	.tableType001 table td.subject .box {border:1px solid #b6b6b6; width:51px; height:34px; margin-right: 10px; text-align:center; float: left; !important;; }

	.tableType001 table td.subject .box img {}

	.tableType001 table td.subject img.ico {margin: 0; margin-right: 3px;border:none !important;}

	.tableType001 table td.subject div {}

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

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

	.tableType001 table td.content img{margin-right: 10px;border:1px solid #b6b6b6;vertical-align:middle}

	.tableType001 table td.content a {color:#7b7b7b;}

	.tableType001 table td.cate  {color:#2a7ceb;}

	.tableType001 table td.count  {color:#2a7ceb;}

	.tableType001 table th { height: 28px; background-color:#f3f3f3; }



	

	.funBtnList {position: relative; height: 40px; float: right; padding-top: 10px;}

	.funBtnList .modify { float: left;  width: 40px; border-right: 1px solid #e1e1e1;text-align: center;}

	.funBtnList .modify a {color:#666;}

	.funBtnList .del { float: left; width: 40px;  text-align: center;}

	.funBtnList .del a {color:#d00;}



/* 참여 백과 랭킹

---------------------------------------------------------------- 

 

	/* 이달의 랭킹  

	.funBtnList {position: relative; height: 40px; float: right; padding-top: 10px;}

	.funBtnList .modify { float: left;  width: 40px; border-right: 1px solid #e1e1e1;text-align: center;}

	.funBtnList .modify a {color:#959595;}

	.funBtnList .del { float: left; width: 40px;  text-align: center;}

	.funBtnList .del a {color:#fe7575;}



	.joinRanking_Wrap {clear: both; padding-bottom: 50px; overflow: hidden; zoom:1;}

	

	.joinRanking_Wrap .bestGift { clear: both;position: relative; margin-top: 20px; width: 696px; padding: 13px 0; border: 1px solid #89bfe8; background: #fdfef6 url('/_ui/images/web/join/bg_join04.gif') right bottom no-repeat; }

	.joinRanking_Wrap .bestGift .rb {position: absolute; left: 0; top: 0;} 

	.joinRanking_Wrap .bestGift p {width: 655px; padding-left: 20px; color:#2478ed; line-height: 1.5;  }

	.joinRanking_Wrap .bestGift .mBtn {position: absolute; right: 20px; bottom: 10px;}





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



 

	.joinRanking_Wrap .month_ranking {float: left; margin-top: 15px; margin-bottom: 15px; width: 418px; background: url('/_ui/images/web/common/line_v_dot_01.gif') right 0 repeat-y;}

	.joinRanking_Wrap .month_ranking h4 {

		float: left; 

		width: 100px; 

		height: 40px; 

		padding-top: 48px; 

		margin-right: 20px;

		text-align: center; 

		background: url('/_ui/images/web/join/bg_rank01.gif') 10px 0 no-repeat; 

		}

	.joinRanking_Wrap .month_ranking h4 span {float: left; width: 38px; text-align: right; font-size: 13px; font-weight: bold; color:#024de5;}

	.joinRanking_Wrap .month_ranking h4 img {float: left;}

	.joinRanking_Wrap .month_ranking ol {float: left; width: 217px;}

	.joinRanking_Wrap .month_ranking ol li {

		height: 20px; 

		width: 272px; 

		padding-left: 24px; 

		background-image: url('/_ui/images/web/join/bul_num01.gif'); 

		background-repeat: no-repeat; 

		color:#002e97;

		vertical-align: top;

		}

	.joinRanking_Wrap .month_ranking ol li a {color:#002e97;}

	.joinRanking_Wrap .month_ranking ol li strong {float: left;  width: 202px; font-weight: normal; background: url('/_ui/images/web/common/line_h_03.gif') right 0 no-repeat;}

	.joinRanking_Wrap .month_ranking ol li .gd {float: left; width: 60px;  color:#002e97; padding-left: 10px;}

	.joinRanking_Wrap .month_ranking ol li .gd img {vertical-align: middle; }

	.joinRanking_Wrap .month_ranking ol li.rank1 {background-position: 0 0 ;}

	.joinRanking_Wrap .month_ranking ol li.rank2 {background-position: 0 -20px ;}

	.joinRanking_Wrap .month_ranking ol li.rank3 {background-position: 0 -40px ;}

	.joinRanking_Wrap .month_ranking ol li.rank4 {background-position: 0 -60px ;}

	.joinRanking_Wrap .month_ranking ol li.rank5 {background-position: 0 -80px ;}

  참여백과 랭킹

	.joinRanking_Wrap .joinDic_ranking {float: left; width: 280px; margin-bottom: 15px;padding-top: 10px; }

	.joinRanking_Wrap .joinDic_ranking h4 {float: left; width: 109px; height: 60px;   padding-left: 19px; }

	.joinRanking_Wrap .joinDic_ranking ol {float: left; width: 150px;}

	.joinRanking_Wrap .joinDic_ranking ol li {

		height: 20px; 

		width: 129px; 

		padding-left: 20px; 

		background-image: url('/_ui/images/web/join/bul_num01.gif'); 

		background-repeat: no-repeat; 

		color:#002e97;

		vertical-align: top;

		}

	.joinRanking_Wrap .joinDic_ranking ol li a {color:#002e97;}

	.joinRanking_Wrap .joinDic_ranking ol li strong {float: left; width: 77px; font-weight: normal;}

	.joinRanking_Wrap .joinDic_ranking ol li .gd {float: left; width: 50px;  color:#ff4747;}

	.joinRanking_Wrap .joinDic_ranking ol li .gd img {vertical-align: middle; }

	.joinRanking_Wrap .joinDic_ranking ol li .gd span {color:#878787;}

	.joinRanking_Wrap .joinDic_ranking ol li.rank1 {background-position: 0 0 ;}

	.joinRanking_Wrap .joinDic_ranking ol li.rank2 {background-position: 0 -20px ;}

	.joinRanking_Wrap .joinDic_ranking ol li.rank3 {background-position: 0 -40px ;}

	.joinRanking_Wrap .joinDic_ranking ol li.rank4 {background-position: 0 -60px ;}

	.joinRanking_Wrap .joinDic_ranking ol li.rank5 {background-position: 0 -80px ;}





 */





/*  topHbox

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

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

.topHbox .stit{ height: 53px; }

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

.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;}

.topHbox em {color:#3566d1;}

.topHbox .btn {clear: both; padding-top: 10px; }



/*  rankBox

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

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



.rankBox{

	float: left;

	position:relative;

	width:384px;

	height:230px;

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

	border: 1px solid #b0b0b0;

}



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

.rankBox .rankList01 h4 { 

	width: 150px; 

	padding-top: 17px; margin: 0 auto; height: 27px;padding-left: 30px; background: url('/_ui/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 li span {float: left; width: 96px; vertical-align: top; font-size: 11px; color:#4884fe;}

.rankBox .rankList01 li span a {color:#4884fe;}

.rankBox .rankList01 li em {float: left; width: 50px;  vertical-align: top; color:#002e97; font-size: 11px; }



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

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

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

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

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

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



.rankBox .rankList02{float: left; width: 148px; height: 171px; padding-left: 20px; }

.rankBox .rankList02 h4 {width: 132px; padding-top: 17px;}

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

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

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

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

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



.rankBox .giftBox { position: relative; width: 354px; height: 44px; background: url('/_ui/images/web/share/bg_gift01.gif') 0 0 no-repeat; clear: both; margin: 0 auto; }

.rankBox .giftBox .txt {padding-left: 15px; padding-top: 5px; width: 280px; line-height: 1.4; color:#5269df;}

.rankBox .giftBox .txt strong {color:#2d4ae0;}

.rankBox .giftBox .moreBtn {position: absolute; right: 5px; bottom: 5px;} 

/* 참여백과 카테고리

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

	.joinCategory_Wrap {clear: both; overflow: hidden; zoom:1; padding-bottom: 20px; width: 100%;}

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

	.joinCategory_Wrap .content { overflow: hidden;  min-width: 100%;zoom:1;}

	.joinCategory_Wrap .content ul {  min-width: 100%; overflow: hidden; zoom:1;}

	.joinCategory_Wrap .content ul li {

		float: left;

		width: 99px; 

		height: 32px; 

		text-align: center;

		}

	.joinCategory_Wrap .content ul li a { display: block; border: 1px solid #c2d2eb; color:#6b6c72; font-weight: bold; text-align: center; padding: 9px 0 0; width: 96px; height: 20px; background: url('/_ui/images/web/join/bg_join05.gif') 0 0 no-repeat; text-decoration: none;}



/* 집필목록

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

	.joinDicWriter_Wrap {clear:both;}

	.joinDicWriter_Wrap .header {height: 31px;}

	.joinDicWriter_Wrap .txt01 {float: left; padding-top: 6px; color:#595959;}

	.joinDicWriter_Wrap .txt01 em {color:#0962c8;}

	.joinDicWriter_Wrap .txt02 {float: left; }

	.joinDicWriter_Wrap .txt03 {float: right; padding-top: 6px; padding-right: 10px;  color:#595959;}

	.joinDicWriter_Wrap .txt03 em {color:#0962c8;}

	.joinDicWriter_Wrap .btn {float: right; }

	.joinDicWriter_Wrap .searchForm {float: left; }

	.joinDicWriter_Wrap .searchForm input,

	.joinDicWriter_Wrap .searchForm img {vertical-align: middle;}

	.joinDicWriter_Wrap .searchForm select {vertical-align: middle; width: 84px; }

	.joinDicWriter_Wrap .searchForm .entry {width: 172px; height: 16px; padding: 2px 5px 0; color:#; border-top: 1px solid #abacad; border-right: 1px solid #d7dade; border-bottom: 1px solid #d7dade; border-left: 1px solid #abacad;}



	





	.contentCategory {clear: both; height: 25px;}

	.contentCategory dt {float: left; margin-right: 5px;}

	.contentCategory dd {float: left; padding-top: 1px; color:#999;}



	.contentTitle01 {font-size: 16px; font-weight: bold; color:#032368; line-height: 1.5; height: 60px;}

	.contentTitle01 img {vertical-align: middle; }



	.contentOtherInfo {font-size:12px; height: 25px; background: url('/_ui/images/web/common/line_h_dot_01.gif') 0 bottom repeat-x; }

	.contentOtherInfo .name  {float: left; color:#000;}

	.contentOtherInfo .name  em {color:#0962c8; margin-left: 3px;}

	.contentOtherInfo .date { float: right; padding-left: 5px; color:#999;}

	.contentOtherInfo .recom { float: right; color:#000;}

	.contentOtherInfo .recom em { color:#e35837;}

	.contentOtherInfo .recom  span {color:#e1e1e1;}

	.contentOtherInfo .count { padding-left: 5px; float: right; color:#000;}

	.contentOtherInfo .count  em {color:#6b6b6b;}

	.contentOtherInfo .count  span {color:#e1e1e1;}



	.contentOtherInfo02 {clear: both; overflow: hidden; zoom:1;}

	.contentOtherInfo02 .info {  float:left;  width: 100%;    }
	
	.contentOtherInfo02 .info dt { color:#000; }

	.contentOtherInfo02 .info dd { display:inline; }

	.contentOtherInfo02 .info dd a {color:#2972cd;}

	.contentOtherInfo02 .info dt.pb { width: 70px; height: 22px; float:left; }

	.contentOtherInfo02 .info dd.pb {   height: 22px; display:block; color:#9b9b9b; }

	.contentOtherInfo02 .info dd.pb a {color:#b0b1b5;}
	
	.contentOtherInfo02 .info dt.file { width: 70px; line-height: 22px; float:left; }
	
	.contentOtherInfo02 .info dd.file { line-height:22px; overflow:hidden; display:block;}

	.contentOtherInfo02 .info dt.rs { width:90px; line-height:22px; float:left;}
	
	.contentOtherInfo02 .info dd.rs {line-height:22px; overflow:hidden; display:block;}

	.contentOtherInfo02 .info dt.tag { width: 40px; }

	.contentOtherInfo02 .info dd.tag {  } 
	
	.contentOtherInfo02 .recomBtn {float: right;   text-align: center; padding-top: 10px;}

	.contentOtherInfo02 .recomBtn p {height: 14px;  color:#9c9c9c;}
	
	
	
	
	
	

	.contentPrintWrap { padding-top: 40px; padding-bottom: 36px; background: url('/_ui/images/web/common/line_h_dot_01.gif') 0 bottom repeat-x; }

	.dataBtnList {clear: both; text-align: right;padding-top: 7px; height: 32px; padding-right: 16px;}





/* comment one column

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

	.commentWrap {clear: both; padding-top: 20px;  }

	.commentWrap h3 {clear: both; height: 22px; font-size: 14px; font-weight: bold; color:#000; }

	.commentWrap h3  span {color:#70a2e0;}

	.commentForm {height: 105px; border-left:1px solid #e3e4e5;border-top:1px solid #e3e4e5;border-bottom: 3px solid #e0e0e0; border-right:1px solid #e3e4e5; background: #f4f4f4  ;overflow:hidden;}

	.commentForm .inner {height: 108px; padding: 11px 12px 0 12px;}

	.commentForm .inner .txtEntry {width:80%; float: left; margin-right: 5px;overflow: auto; height: 48px; padding: 5px;  background-color:#fff; border: 1px solid #e2e2e2;}

 

	.commentForm .inner .txtEntry .expend {position: absolute; right: 1px; bottom: 1px; cursor: pointer;}

	.commentForm .inner .btn {float: left; }

	.commentList {clear: both;  }

	.commentList li {clear:both;  padding: 15px; border-bottom: 1px solid #e0e0e0;  zoom:1; vertical-align: top;}

	.commentList li.reply {background-color:#f4f4f4;}

	.commentList li .info {float: left; height: 20px;  }

	.commentList li .info span {color:#b0b1b5; margin-left: 5px;}

	.commentList li .info img {vertical-align: middle; }

	.commentList li .txt {clear:both;color:#979797; line-height: 1.4; width: 100%;}

	.commentList li .replyCount {color:#959595;}

	.commentList li .replyCount em {color:#fe4c06;}

	.commentList li .btn { float: right;color:#e0e0e0; }

	.commentList li .btn .reply {color:#959595;}

	.commentList li .btn .report {color:#fa0808;} 

	.commentReply {clear:both; width: 100%;}

	.commentReply .ico {float: left; } 

	.commentReply .txtEntry {float: left; margin-right: 5px;  position: relative; width: 80%; background-color:#fff; border: 1px solid #e2e2e2;}

	.commentReply .txtEntry textarea { width: 80%; height: 48px; padding: 5px; border:0; overflow: auto;}

	.commentReply .txtEntry .expend {position: absolute; right: 1px; bottom: 1px; cursor: pointer;}

	.commentReply .btn {float: left; }



/* special story

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

	.spStory_Wrap {padding-top: 30px;}

	.spStory_Wrap .tab01 {clear: both; margin-bottom:  height: 22px;  }

	.spStory_Wrap .tab01 li {float: left; margin-right: 2px; background-image: url('/_ui/images/web/common/bg_tab01.gif') ; background-repeat: no-repeat; }

	.spStory_Wrap .tab01 a {display: block; height: 15px; margin-left: 2px;  padding: 7px 10px 0 8px;background-image: url('/_ui/images/web/common/bg_tab01.gif') ; background-repeat: no-repeat; }

	.spStory_Wrap .tab01 .on {background-position: left bottom;}

	.spStory_Wrap .tab01 .on a { font-weight: bold; color:#fff;background-position: right bottom;}

	.spStory_Wrap .tab01 .on a {}

	.spStory_Wrap .tab01 .off {background-position: left 0;}

	.spStory_Wrap .tab01 .off a{ color:#666; background-position: right 0;}

	.spStory_Wrap .tab01 .off a{} 



	

	.contentWriter_wrap {clear: both;  width: 100%;border-bottom: 1px solid #d6d9de; }

	.contentWriter_wrap .cwHeader {clear: both; padding-top: 50px; height: 62px; width: 100%;} 

	.contentWriter_wrap .cwHeader h3 {float: left; height: 23px; padding-left: 10px; background: url('/_ui/images/web/common/bul_line01.gif') 1px 2px no-repeat;}

	.contentWriter_wrap .cwHeader .harmfulBtn {float: right; margin-top: -20px;}

	.contentWriter_wrap .cwHeader p {padding-left: 10px;}

	.contentWriter_wrap .enHeader {border-top: 2px solid #257aee; }

	.contentWriter_wrap .enHeader table {width: 100%;border-collapse: collapse; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}

	.contentWriter_wrap .enHeader table th {border-bottom: 1px solid #e6e6e6; width: 76px; text-indent: 18px; color:#313131;text-align: left;}

	.contentWriter_wrap .enHeader table td {  height: 31px;  padding-left: 9px; }

	.contentWriter_wrap .enHeader table td {border-bottom: 1px solid #e6e6e6;}

	.contentWriter_wrap .enHeader table td select { color:#878787;}

	.contentWriter_wrap .enHeader table td .entryIpt01 {

		width: 561px; 

		height: 17px; 

		padding: 2px 5px 0;

		border-top: 1px solid #abacad;

		border-left: 1px solid #abacad;

		border-right: 1px solid #dbdee1;

		border-bottom: 1px solid #dbdee1; 

		color:#878787;

		}

	.contentWriter_wrap .enHeader table .cate th {background: #f8f8f8 url('/_ui/images/web/join/bg_write01.gif') 0 0 no-repeat;}

	.contentWriter_wrap .enHeader table .cate td {background: #f8f8f8 url('/_ui/images/web/join/bg_write03.gif') 0 bottom repeat-x;}

	.contentWriter_wrap .enHeader table .tit th {background: #f8f8f8 url('/_ui/images/web/join/bg_write02.gif') 0 0 no-repeat;}

	.contentWriter_wrap .enHeader table .tit td {background: #f8f8f8 url('/_ui/images/web/join/bg_write04.gif') 0 0 repeat-x;}

	.contentWriter_wrap .editorCt {

		clear: both;

		border-left: 1px solid #cdcdcd;

		border-right: 1px solid #cdcdcd; 

		border-top: 1px solid #cecece; 

		border-bottom: 1px solid #cecece;

		}



	.contentWriter_wrap .enFooter {}

	.contentWriter_wrap .enFooter table {width: 100%;border-collapse: collapse; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}

	.contentWriter_wrap .enFooter table th {    border-bottom: 1px solid #e6e6e6;text-indent: 18px; color:#313131;text-align: left;}

	.contentWriter_wrap .enFooter table td {  height: 31px;  padding-left: 9px; }

	.contentWriter_wrap .enFooter table td {border-bottom: 1px solid #e6e6e6;}

	.contentWriter_wrap .enFooter table td select { color:#878787;vertical-align: middle;}

	.contentWriter_wrap .enFooter table td img {vertical-align: middle;}

	.contentWriter_wrap .enFooter table td .entryIpt01 {

		width: 561px; 

		height: 17px; 

		padding: 2px 5px 0;

		border-top: 1px solid #abacad;

		border-left: 1px solid #abacad;

		border-right: 1px solid #dbdee1;

		border-bottom: 1px solid #dbdee1; 

		color:#878787;

		vertical-align: middle;

		}

	.contentWriter_wrap .enFooter table td .entryIpt02 {

		width: 290px; 

		height: 17px; 

		padding: 2px 5px 0;

		border-top: 1px solid #abacad;

		border-left: 1px solid #abacad;

		border-right: 1px solid #dbdee1;

		border-bottom: 1px solid #dbdee1; 

		color:#878787;

		vertical-align: middle;

		} 

	.contentWriter_wrap .enFooter table .pub th {background: #f8f8f8 url('/_ui/images/web/join/bg_write05.gif') 0 0 no-repeat;}

	.contentWriter_wrap .enFooter table .pub td {background: #f8f8f8 url('/_ui/images/web/join/bg_write03.gif') 0 bottom repeat-x;}

	.contentWriter_wrap .enFooter table .file th { height: 69px; vertical-align: top; background: #f8f8f8 url('/_ui/images/web/join/bg_write06.gif') 0 0 no-repeat;}

	.contentWriter_wrap .enFooter table .file th label { display: block; padding-top: 10px;}

	.contentWriter_wrap .enFooter table .file td { height: 69px; background: #f8f8f8 url('/_ui/images/web/join/bg_write07.gif') 0 0 repeat-x;}

	.contentWriter_wrap .enFooter table .file td .txt {padding-top: 5px;  color:#999; line-height: 1.4;}

	.contentWriter_wrap .enFooter table .file td em {color:#fc8a8a;}

	.contentWriter_wrap .enFooter table .dic th { vertical-align: top;background:#f8f8f8 url('/_ui/images/web/join/bg_write13.gif') 0 bottom repeat-y; border-bottom:1px solid #fff;}

	.contentWriter_wrap .enFooter table .dic th label { display: block; padding-top: 10px;background:#f8f8f8 url('/_ui/images/web/join/bg_write13.gif') 0 0 repeat-y;}

	.contentWriter_wrap .enFooter table .dic td {background:#f8f8f8; border-bottom:1px solid #fff;}

	.contentWriter_wrap .enFooter table .dic td div {margin:3px 0; height:22px; line-height:22px; }

	.contentWriter_wrap .enFooter table .dic td .cbox {margin:0 0 -3px 5px;}

	.contentWriter_wrap .enFooter table .tag th { height: 61px; vertical-align: top; background: #f8f8f8 url('/_ui/images/web/join/bg_write10.gif') 0 0 no-repeat}

	.contentWriter_wrap .enFooter table .tag th  label { display: block; padding-top: 10px;}

	.contentWriter_wrap .enFooter table .tag td { height: 61px; background: #f8f8f8 url('/_ui/images/web/join/bg_write11.gif') 0 0 repeat-x;}

	.contentWriter_wrap .enFooter table .tag td .txt {padding-top: 5px;  color:#999;}

	.contentWriter_wrap .enFooter table .tag td .txt em {color:#63a2f6;} .contentWriter_wrap .enFooter table td.type01{padding-top:9px;background:#f8f8f8; padding-left:-8px;}
	
	.contentWriter_wrap .enFooter table td.line{border-bottom:1px solid #e6e6e6;background:#f8f8f8; padding-top:5px;}
	.contentWriter_wrap .enFooter table td span.type{padding-left:18px;}
	.contentWriter_wrap .enFooter table td p.ref {color:#999; padding:10px; position:relative;}

	.enInfo {line-height:24px;}

	.enInfo em{color:#63a2f6;}



	.dataBtnList02 {clear: both;zoom:1; padding-top: 12px; border-top: 1px solid #d7d7d7; margin-top: 30px; position: relative; text-align: center; width:100%;}

	.dataBtnList02 .leftB {position: absolute; left: 0; top: 12px;}

	.dataBtnList02 .rightB {position: absolute; right: 0; top: 12px;}

	.bbsBtnType_left {margin-top: -45px; position: relative; z-index: 1000;}

	.bbsBtnType_left2 { position: relative; z-index: 1000;}

	.bbsBtnType_right {float: right; margin-top: -20px; position: relative; z-index: 1000;}



	.bestEventWrap { padding-top: 38px;  }

	.bestEventWrap h3 { height: 24px; }

	.bestEventWrap .content {position: relative; width: 700px; height: 189px; }

	.bestEventWrap .content .inner {position: absolute; left: 0; top: 0; width: 701px; height: 189px;}

	.blue {background: url('/_ui/images/web/join/bestevent_bg01.jpg') 0 0 no-repeat; }

	.green {background: url('/_ui/images/web/join/bestevent_bg03.jpg') 0 0 no-repeat; }

	.red {background: url('/_ui/images/web/join/bestevent_bg04.jpg') 0 0 no-repeat; }

	.gray {background: url('/_ui/images/web/join/bestevent_bg02.jpg') 0 0 no-repeat; }

	.bestEventWrap .content .inner h4 {padding-left: 48px; padding-top: 29px; height: 53px; font-size: 45px; font-weight: bold; color:#fff;}

	.bestEventWrap .content .inner .txt03 img ,

	.bestEventWrap .content .inner h4 img {vertical-align: middle;}

	.bestEventWrap .content .inner p {padding-left: 48px;}

	.bestEventWrap .content .inner .img01 {position:absolute; top:20px; right:0px; width:245px; height:189px;}/*0910김영수 top:0->20px right:5->0px로 수정*/

	.bestEventWrap .content .inner .txt01 {height: 23px;}

	.bestEventWrap .content .inner .txt02 {color:#0d466e; line-height: 1.3;margin-left: 4px;}

	.bestEventWrap .content .inner .txt03 {padding-top: 7px; color:#121757;margin-left: 4px;}/*0910김영수 padding-top:5->7px로 수정*/



	.bestJoinWrap {clear: both; }

	.bestJoinWrap h4 {height: 36px; padding-top: 60px;}

	.bestJoinWrap p {padding-left: 11px; background: url('/_ui/images/web/join/bul_arrow01.gif') 0 3px no-repeat; color:#000; line-height: 1.3; padding-bottom: 10px;}

	.bestJoinWrap p strong {font-weight: normal; color:#267aed;}



/*  category_List_none

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

.category_List_none{padding:20px 0 35px 0;zoom:1;}

.category_List_none .titArea{padding-bottom:5px;font-size:14px;margin-bottom:14px;}

.category_List_none .titArea em{font-weight:bold;}

.category_List_none .titArea span{padding-left:10px;font-family:tahoma;color:#999;}



.category_List_none .tit_none{padding-bottom:9px;color:#101010;}

.category_List_none .tit_none strong{color:#ff4e00;}

.category_List_none .reftxt{padding-bottom:25px;color:#7e7e7e;line-height:18px;border-bottom:1px solid #dde2f0;}

.category_List_none .tit_none01{padding:33px 0 11px 0;font-weight:bold;color:#101010;}

.category_List_none .link{padding-bottom:6px;}

.category_List_none .link a{

	padding-right:8px;

	background:url('/_ui/images/web/category/arrow_r_blue.gif') no-repeat right 3px;

	color:#0a3699;

	text-decoration:underline;

}

/* 1001추가 */
.write1001 {text-align:right; margin-top:-20px; }

/* 1002추가 */
.write1002 {text-align:right; margin-top:9px; }



/* 1204 : 참여백과 new */

/* default */

.pad_left10 {padding-left:10px;}
.height28{height:28px;}
.f_o1{color:#ff3000}
.f_g1{color:#686868}
.line_height01{line-height:1.7em}
.mgb_2{margin-bottom:-2px}
.width_half {width:49% !important;}
.tu{text-decoration:underline}
.width99 {width:99%;}

.join_index {width:100%; min-width:680px; margin-top:6px; overflow:hidden;}
.join_stitle { margin:0 0 15px 0;}
.join_content {font:12px dotum; color:#686868; line-height:1.5em}
.join_box_end {background:#f6f6f6; border:1px solid #dfdfdf; padding:22px 0 21px 0; margin-bottom:17px; clear:both; text-align:center !important}
.join_box_end .artcle {color:#000000; font:16px dotum; font-weight:bold}
.join_box_end .article_no {color:#ff4c05; font:18px tahoma; font-weight:bold}
.join_btm_btn {position:relative; border-top:1px solid #cccccc; padding:29px 0 0 0; margin:24px 0 0 0; text-align:center !important;overflow:hidden;clear:both;width:100%; display:inline-block}
/* IE 7 */ *:first-child+html .join_btm_btn{}
.join_btm_btn a{margin:0 3px 0 3px;}
.join_btm_right_bn{ float:right; margin-top:-0px;}
/* IE 7 */ *:first-child+html .join_btm_right_bn{ float:right; margin-top:-45px;}



.btn_both{overflow:hidden;clear:both;width:100%; display:inline-block}  
.fl{float:left !important; line-height:1.9em}  
.fr{float:right !important;}  

h4.join_stitle{margin-bottom:4px;}


.harmfulBtn {float: right; margin-top: -40px;}

.btn_explain_area{float:right; margin-top:-20px;}
a.btn_explain{display:inline-block;padding-right:4px;background:url(/_ui/images/web/join/new/btn_explain.gif) no-repeat 100% 0px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:17px; margin-bottom:1px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; text-indent:8px;}  
a.btn_explain span,a.btn_explain strong{display:block;padding:1px 4px 0 8px;background:url(/_ui/images/web/join/new/btn_explain.gif) no-repeat 0 0px}  




.join_comment{color:#333333; padding:9px 0 0 0; vertival-align:top;}
.btn_right{float:right; margin-top:-17px;}

.join_form1 {border-top:2px solid #257aee; }
.join_form2 {border-top:2px solid #dfdfdf;}
.join_form2 tbody{border-bottom:1px solid #dfdfdf;}
.join_form3 {border:2px solid #dfdfdf;}
.join_form4 {border-top:1px solid #dfdfdf;}
.join_form1 table, .join_form2 table, .join_form4 table {width: 100%;border-collapse: collapse;}
.join_form1 table th, .join_form4 table th { background-color:#f6f6f6;border-bottom: 1px solid #e6e6e6; width:100px; height:39px;color:#333333;text-align: left; padding-left:10px; line-height:1.3em}
.join_form2 table th {background-color:#f6f6f6;border-bottom: 1px solid #e6e6e6; width:; height:39px;color:#333333;text-align: left; padding:0px 10px 0 10px; line-height:1.3em}
.join_form1 table td, .join_form4 table td {padding: 5px 0 4px 9px;border-bottom: 1px solid #e6e6e6; color:#515151}
.join_form2 table td {padding-left:18px; color:#515151; background:url(/_ui/images/web/story/ico_dot_gray01.gif) 11px 8px no-repeat; height:26px; border-bottom:1px dotted #bbbbbb;}
.join_form2 table td a img{line-height:0; vertical-align:middle;}
.join_form1 td select, .join_form2 table td select { color:#878787;}
.join_form1 td div.wrap img{position:relative; top:5px;}
.tblType07 tr td img{position:relative;top:3px;}
input.agreement {position: relative; top: 2px;}
/* IE 7 */ *:first-child+html input.agreement {position: relative; top: 0px;}



input.textbox01 {width:90%;height:17px;padding:3px 5px 0;border: 1px solid #cecece; color:#515151; font-family:dotum}
input.textbox02 {position:relative; top:-1px;width:65%;height:15px;padding:3px 5px 0;border: 1px solid #cecece; color:#515151; font-family:dotum;}
*:first-child+html input.textbox02 {top:3px;}

 .btn_area_s{position:relative; top:4px;}
*:first-child+html .btn_area_s{position:relative; top:0px;}
/* safari */  body:first-of-type .btn_area_s{ margin:-10px 0 0 0;}


input.textbox03 {width:35%;height:17px;padding:3px 5px 0;border: 1px solid #cecece; color:#515151; font-family:dotum; background-color:#f7f7f7}
textarea.write01 {width:95%;height:57px;padding:3px 5px 0;border: 1px solid #cecece; color:#515151; font-family:dotum}
select.box01{height:22px;border: 1px solid #cecece; vertical-align:middle; }

select.box01 option{padding:0; color:#515151 !important;font-family:dotum; vertical-align:middle; line-height:1.3em;}
*:first-child+html select.box01{ margin-top:-8px;}
/* photobox process */
.over_arrow{background:url(/_ui/images/web/join/new/process_over_left.gif) no-repeat left top; height:47px; text-align:center; padding-top:15px; z-index:100;overflow:hidden;margin:-2px 0 0 0;}
.over_arrow_right {background:url(/_ui/images/web/join/new/process_over_right.gif) no-repeat right; float:right;width:24px; height:47px; position:relative; top:-15px}
*:first-child+html .over_arrow_right{top:-34px;}


/*
.over_arrow_end {background:url(/_ui/images/web/join/new/process_over_bg.gif) repeat-x; height:47px; text-align:center; padding-top:15px; z-index:100;overflow:hidden;margin:-2px 0px 0 0;}
.over_arrow_right_end {background:url(/_ui/images/web/join/new/process_over_right_end.gif) no-repeat right top; float:right !important; top:-22px;width:50px !important; right:-26px; height:61px; position:relative;}
*:first-child+html .over_arrow_right_end{top:-41px;}

*/
.over_arrow_end{height:47px; text-align:center; padding-top:15px; z-index:100;overflow:hidden;margin:-2px 0 0 0;}


.tab_process1 {position:relative; margin-top:9px !important; margin-bottom:-10px; border-top:1px solid #126fb4;border-bottom:1px solid #126fb4; border-left:1px solid #2390e2; border-right:1px solid #2390e2; width:99.8%; min-width:620px; height:61px; background-color:#4192d1 !important;}
.tab_process1 dd{margin:0; padding:0; height:47px; text-align:center; vertical-align:middle; float:left; display:table-cell}
.tab_process1 dd.process_arrow1{background:#36a8ff url(/_ui/images/web/join/new/process_1_arrow1.gif) no-repeat; width:32px; height:61px;}
.tab_process1 dd.process_arrow2{background:url(/_ui/images/web/join/new/process_1_arrow2.gif) no-repeat; width:32px; height:61px;}
.tab_process1 dd.process_1{ background:#36a8ff; height:45px; padding:9px 0 7px 13px; margin-bottom:-15px; width:33.6%;}
.tab_process1 dd.process_2{ background:#2b86cc; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:28% }
.tab_process1 dd.process_3{ background:#4192d1; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:27%; float:right; right:0;}

 

.tab_process2 {position:relative; margin-top:9px !important; margin-bottom:-10px; border-top:1px solid #126fb4;border-bottom:1px solid #126fb4; border-left:1px solid #2390e2; border-right:1px solid #2390e2; width:99.8%; min-width:620px; height:61px; background-color:#2B86CC !important;}
.tab_process2 dd{margin:0; padding:0; height:47px; text-align:center; vertical-align:middle; float:left; display:table-cell}
.tab_process2 dd.process_arrow1{background:#36a8ff url(/_ui/images/web/join/new/process_2_arrow1.gif) no-repeat; width:46px; height:61px; z-index:10; position:relative}
.tab_process2 dd.process_arrow2{background:url(/_ui/images/web/join/new/process_2_arrow2.gif) no-repeat; width:32px; height:61px;}
.tab_process2 dd.process_1{ background:#4192d1; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:28%}
.tab_process2 dd.process_2{ background:#36a8ff; height:45px; padding:9px 0 7px 0px; margin-left:-3px; margin-bottom:-15px; width:33.6%;z-index:1; position:relative}
.tab_process2 dd.process_3{ background:#2b86cc; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:27%; float:right; right:0;}


.tab_process3 {position:relative; margin-top:9px !important; margin-bottom:-10px; border-top:1px solid #126fb4;border-bottom:1px solid #126fb4; border-left:1px solid #2390e2; border-right:1px solid #2390e2; width:99.8%; min-width:620px; height:61px; background-color:#36A8FF !important; text-align:right}
.tab_process3 dd{margin:0; padding:0; height:47px; text-align:center; vertical-align:middle; float:left; display:table-cell}
.tab_process3 dd.process_arrow1{background:#36a8ff url(/_ui/images/web/join/new/process_3_arrow1.gif) no-repeat; width:32px; height:61px; z-index:10; position:relative}
.tab_process3 dd.process_arrow2{background:url(/_ui/images/web/join/new/process_3_arrow2.gif) no-repeat; width:45px; height:61px;}
.tab_process3 dd.process_1{ background:#4192d1; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:29%}
.tab_process3 dd.process_2{ background:#2b86cc; height:38px; padding:23px 0 0 0; margin-bottom:-21px; width:29%;  right:0;}
.tab_process3 dd.process_3{ background-color:#36A8FF; height:45px;padding:9px 0 7px 0px;margin:0;width:30%;z-index:1; position:relative; background-image:url(/_ui/images/web/join/new/process_over_bg3.gif); background-position:right; }


/* drag & drop */

.photo_save {overflow:hidden; clear:both; margin:0px 0 0px; 0px; border-bottom:1px dashed #cccccc;border-top:1px dashed #cccccc; border-collapse:collapse }
.photo_save .comment{width:90%; margin:0px 0 20px 20px; text-align:left; line-height:1.6em}
.photo_save .photo_savebox {background:#f5f5f5; padding:20px 0 20px 0;margin:0 auto; text-align:center; overflow:hidden; clear:both}
.photo_save .photo_savebox .photo_savebox_btm {margin:0 auto;width:515px; text-align:right; padding:11px 0 0 0}
.photo_save .photo_savebox .photo_savebox_btm .txt1{margin:0px 0 0px 137px; float:left; width:242px;}
.photo_save .photo_savebox .photo_savebox_btm .btn{margin:-7px 0 0 0px; float:right;}
.txt2{margin:0 auto; width:100%; text-align:center; margin-top:40px;}
.btn_photo_save {margin:0 auto; width:100%; text-align:center; margin-top:30px;}

/* 페이지 내의 이용약관 */
.userInformation {min-width:620px; margin-top:6px; margin-bottom:6px; display:block;}
.userInformation .scrollwrap {width:94%; min-width:620px;height:440px; padding: 20px; border-top: 1px solid #a6a6a6; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #a6a6a6; border-right: 1px solid #d8d8d8; line-height: 1.5em !important;  overflow: auto; color:#6b6b6b;}
.userInformation .scrollwrap strong{ color:#0a3699;font-size: 12px;}

/* 팝업 추가 : 20120210 */
	
	#popupWrap9 {clear:both; width:900px; height:700px; min-width:900px; margin:0; left:0; top:0; padding:0 0 40px 0px; padding-bottom/*\**/:60px\9;} /*  12.02.16 수정 */
	
	
	.popup_all{width:910px; height:100%; padding:9px 20px 20px 10px;background:url(images/leftbg.jpg) no-repeat 10px 9px;}
	.leftmenulist{width:213px; height:100%; float:left;}
	
	
	.left_listtxt {padding:18px 0 0 15px;}
	.left_listtxt div {margin-top:10px;}
	ul.popup_manual {margin:0 0 0 -17px; padding:0;}
	ul.popup_manual li {background:url(images/leftbg_line.jpg) no-repeat bottom; padding:16px 0 0 20px; height:27px; color:#0b3799;}
	ul.popup_manual li.end {background:url() no-repeat bottom;}
	/*ul.popup_manual li a,a:link,a:visited {font-weight:normal; color:#0b3799;}*/
	ul.popup_manual li a:hover {font-weight:bold; text-decoration:none; color:#0b3799;}
 
 
    .right_popup {float:right; width:685px; height:715px; padding:0; overflow-x:hidden; overflow-y:auto; }
	.popup_contents{ width:660px; text-align:left; padding-bottom:30px}
	.right_popup_img { margin:30px 0 15px 0}
	.right_tittxt {padding:0 0 7px 9px; margin-top:25px;border-bottom:3px solid #0B3798; }
	.right_tittxt02 {padding:25px 0 0 18px;}
	.right_textpd {padding:10px 9px 0 9px; font-size:12px; color:#000; line-height:18px;}
	.right_textpd02 {padding:10px 18px 0 18px; font-size:12px; color:#000; line-height:18px;}
	.right_textpd03 {margin:10px 18px 0 9px; font-size:12px; color:#000; height:30px; background:#f0f0f0;}
	.right_textpd03 p {font-size:12px; color:#000; padding:9px 0 0 10px;}
	.right_imgpd {padding:15px 18px 0 18px;}
	

	.popup_bottom_Type { clear:both; background:#a1a1a1; width:920px; height:37px; line-height:30px; position:relative; overflow:hidden; }

	.popup_bottom_Type_img { float:right; vertical-align:middle; margin:6px 20px 0 0;}

     img.mgb2{margin-bottom:2px;}
    .join_explain_head { width:908px;clear:both;background:#61739b;border-collapse:collapse; border:1px solid #30394D; background-color:#61739B;height:23px; padding:10px 0 0 10px; font-size:14px; font-family:dotum;font-weight:bold;color:#fff; }


/* 동의어 / 관련항목 입력 수정 2013.02.27 시작 */
.leftDiv { width:95%; border-top:2px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f6f6f6; padding:12px 0 8px 10px; height:26px; }
.leftDiv input { width:63%; height:19px; border:1px solid #CCCCCC; }
.rightDiv { border-top:2px solid #dfdfdf;border-bottom:1px solid #dfdfdf; background-color:#f6f6f6; padding:12px 10px 8px 10px; height:26px; }

.DivMsynonymList { width:97%; }
.DivMsynonymList tr { height:26px; border-bottom:1px solid #bbbbbb; }
.DivMsynonymList tr td { padding-left:18px; }
.DivMsynonymList tr td a img{line-height:0; vertical-align:middle;}

.mrefList { width:97%; }
.mrefList tr { height:26px; border-bottom:1px solid #bbbbbb; }
.mrefList tr td { padding-left:18px; }
.mrefList tr td a img{line-height:0; vertical-align:middle;}
                         
/* 동의어 / 관련항목 입력 수정 2013.02.27 끝 */