@charset "utf-8";
/*
	Create : 2009.07.22
*/


html, body
{
      width:100% ;
      text-align:center;
      margin:0 auto ;
      padding:0;
      background-color:#00044f;
	  font-family:"돋움" , "돋움체" ,  dotum, dotumche,gulim,gulimche, verdana,tahoma; 
	  font-size:12px; 
	  color:#3f3f3f; 
	  line-height:20px;
}

#right-title
{
	padding-top:20px ;
}
#section-title
{
  height:50px ;
  text-align:left;
  padding-left:20px;
  padding-top:10px ;
}


#board-content
{
 min-height:620px ;
  text-align:left;
 vertical-align:top ;
}

#top-menu
{
  background-color:#FFFFFF ;
   width:100%;
    height: 96px  ;
    text-align:center ;
    margin:0 auto;
}



input.id 
{
   border:1px solid #aaa;
   background:#FFFFFF url(/images/uid.gif) no-repeat 18px top;
   padding:4px 0 0 3px;
   color:#000000;
   font-size:12px;
   height:24px; width:100px ;
}

input.id.focus 
{
	background:none;
	background-color:#FFFFFF ;
}

input.pwd
{
   border:1px solid #aaa;
   background:#FFFFFF url(/images/pwd.gif) no-repeat 18px top;
   padding:4px 0 0 3px;
   color:#000000;
   font-size:12px;
   height:24px;width:100px ;
}

input.pwd.focus 
{
	background:none;
	background-color:#FFFFFF ;
}

#top-menu-slim
{
  background-color:#000033 ;
  color:#FFFFFF ;
   width:100%;
    height: 30px  ;
    text-align:center ;
    padding-top:5px;
    margin:0 auto;
}

#wrap-top
 {
    background:url('../../images/topTile.jpg') repeat-x top;
    width:100%;
    height: 400px ;
    text-align:center ;
    margin:0 auto;
}

#header
{
    width:860px;
    height: 400px ;
    position: relative;
    margin:0 auto;
}


#wrap-mid
{
  background:url('../../images/midTile.jpg') repeat top ;
  
  width:100%;
  height: 560px ;
  min-height:560px ;
  text-align:center;
  margin:10px auto;
}

#container
{
    width:860px;
    height:560px ;
    min-height:560px ;
    position: relative;
    text-align:center;
    margin:0 auto;
}

#left {
    float: left;
    width: 200px;
    min-height:560px ;
	height:100%;

	background-color:#FFFFFF ;
	border:2px solid #000033  ; 
}

#left-top
{
   /*background:url('../../images/leftTop.jpg') no-repeat;*/
   background-color:#FFFFFF ;
   height:0px ;
   padding:0 ;
   margin: 0 ;
   font-size:7px ;
   display:none ;
}


#left-mid
{
  min-height: 560px ;
  height:100% ;
  width: 200px;
   /*background:url('../../images/leftMid.jpg') repeat-y top;*/
   background-color:#FFFFFF ;
   text-align:left ;

  
}


#left-bottom
{
   /*background:url('../../images/leftBottom.jpg') no-repeat;*/
   background-color:#FFFFFF ;
   height:0px ;
   padding:0 ;
   margin: 0 ;
}


#footer-top
{
  /* background:url('../../images/footerTop.jpg') no-repeat;*/
  background-color:#FFFFFF ;
   height:10px ;
   padding:0 ;
   margin: 0 ;
   width:860px;
   font-size:7px ;
   display:none ;
}

#footer-mid
{
  min-height: 60px ;
  height:42px ;
  width: 860px;
   /*background:url('../../images/footerMid.jpg') repeat-y top;*/
   text-align:center ;
}


#footer-bottom
{
 /* background:url('../../images/footerBottom.jpg') no-repeat; */
 background-color:#FFFFFF ;
  width:860px ;
   height:10px ;
   padding:0 ;
   margin: 0 ;
}

#right {
	background-color:#FFFFFF ;
	float: left;
	width: 640px;
	height:100%  ;
	min-height: 560px ;
	position:relative;
	height:560px ;
	margin-left:12px ;
	border:2px solid #000033 ;
}

#right-top
{
   /*background:url('../../images/rightTop.jpg') no-repeat; */
   background-color:#FFFFFF ;
   height:10px ;
   padding:0 ;
   margin: 0 ;
   font-size:7px ;
   display:none ;
}

#right-mid
{
  /*background:url('../../images/rightMid.jpg') repeat-y top; */
  background-color:#FFFFFF ;
  width: 640px;
  height:100% ;
  min-height: 560px ;
  vertical-align:top ;
  padding-top:10px ;
}

#main-banner
{

  height:200px ;
}

#notice-ranking
{
  height:360px ;
}


#right-bottom
{
  /* background:url('../../images/rightBottom.jpg') no-repeat;*/
  background-color:#FFFFFF ;
   height:10px ;
   padding:0 ;
   margin: 0 ;
}

#contents {
    padding: 0 ;
  width:860px;

}



#footer {
  clear:both;
  width:860px;
  height: 62px;
  padding-top:10px;
}


.gap
{
  height:10px ;
}


.list-table td {
	padding:4px;
}


.ranking-table-header
{
  text-align:center ;
  font-size:11px ;
  background-color:#3BB0D7 ;
  padding:4px;
  font-weight:normal ;
  color:#FFF;
}
.ranking-table
{
  font-size:11px ;
  font-family:'돋움' ;
  padding:4px;
  border-bottom:1px dotted #999;
  line-height:180% ;
}
.ranking-table a {
	font-size:11px ;
 	 font-family:'돋움' ;
}

.content-txt
{
   font-size:12px ;
  text-align:justify ;
  margin:20px 40px ;
}

.join_header
{
	text-align:right; 
	padding-right:5px ;
	width:100px ; height:25px ;
	background-color:#eeeeee ;
	padding-top:6px ;
}

.join_data
{
	text-align:left; 
	vertical-align:middle ;
	padding:3px ;
}


div, ol, ul, li, table, td, select, textarea, input, span, p, form, h1,  h2, h3, h4, dl, dt, dd, br {font-family:"돋움" , "돋움체" , dotum , gulim,gulimche,dotum,dotumche,verdana; margin:0px; padding:0px; border:0; vertical-align:top ; font-size:12px;}
h1 { font-size:24px ;}
input {font-family:"돋움" , "돋움체" , dotum , gulim,gulimche,dotum,dotumche,verdana; font-size:12px; color:#555555; height:18px; border:1px; border-style:solid; border-color:#c0c0c0; padding:0px 1px 0px 0px;}

select {font-family:"돋움" , "돋움체" , dotum , gulim,gulimche,dotum,dotumche,verdana; font-size:12px; color:#555555; height:20px; border:1px; border-style:solid; border-color:#c0c0c0; }
textarea{ text-decoration: none; font-family:"돋움" , "돋움체" , dotum , gulim,gulimche,dotum,dotumche,verdana; font-size:12px; line-height:18px;color:#555555;border:1px; border-style:solid; border-color:#c0c0c0; padding:5px 10px 5px 10px;}
img {border:0px;}
ul, li {margin:0px 0px 0px 10px; padding:0px; list-style:square;}
hr { display:none;}


a {text-decoration:none; margin:0px; padding:0px;}
a:link  {color:#646562;}
a:visited  {color:#646562;}
a:active {color:#646562;}
a:hover {text-decoration:none;color:#333;}

.top-menu-slim a {text-decoration:none; margin:0px; padding:0px;}
.top-menu-slim a:link  {color:#FFFFFF;}
.top-menu-slim a:visited  {color:#FFFFFF;}
.top-menu-slim a:active {color:#FFFFFF;}
.top-menu-slim a:hover {text-decoration:none;color:#FFFFFF;}

h1, h2, h3, h4, h5, h6 ,h7 { margin:0px;}

.hidden{display: none;}

.btn { border:0}

.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}

.mgb10{margin-bottom:10px;}
.mgb24{margin-bottom:24px;}

.mgr15{margin-right:15px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}

.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.pdr80{padding-right:80px;}

.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt22{padding-top:22px;}

.pdb20{padding-bottom:20px;}
.pdb24{padding-bottom:24px;}
.pdb34{padding-bottom:34px;}
.pdb40{padding-bottom:40px;}

.lingh20{line-height:20px;}

.hig30{height:30px;}
.hig45{height:45px;}


.top_flash{padding-top:20px;}


.f_nav2{font-size:11px;color:#008989;}
.amp{color:#646562;}ddfdfd

.fc5{color:#555;}
.fcgg{color:#646562;}
.fcg{color:#6e6e6e;}
.fcgw{color:#e1e1e1;}

.fl{float:left;}
.fr{float:right;}
.clear{	clear:both; height:0; }

.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.b{font-weight:bold;}
.border{border:1px solid #ff9933;}

/* 占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 */
.content_top{margin-top:46px; height:34px;}
.history{float:right; font-size:11px;color:#646562;}

/* 占쏙옙회占싫놂옙 */
.fcorange{font-weight:normal; color:#f28f01;}


.board_top { clear:both; }

.board_list { clear:both; width:600px; table-layout:fixed; margin:50px 20px 0 20px ; }
.board_list th { font-weight:bold; font-size:12px; }
.board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; }
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; }
.board_list td.name { padding:0 0 0 10px; }
.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

.board_list .notice { font-weight:normal; }
.board_list .current { font:bold 11px tahoma; color:#E15916; }
.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a { color:#333; }

.board_search { text-align:center; margin:10px 0 0 0; background-color:#ffffff }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }


.popMenu td {padding:6px 0 0px 0;}