/* ===================================================================== */
/* BBStar basic elements */
/* ===================================================================== */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

/* 바디 설정 */
body
{
  margin: 0;
  /* setting border: 0 hoses ie5 win window inner well border */
  padding: 0;
  font-family: verdana, 'trebuchet ms', sans-serif, '돋움', '돋움체', 'dotum', palatino, georgia, arial;
  font-weight:normal;
  font-size: 13px;
  color:#000000;
  text-align: center;
  line-height:160%;
  background:#ffffff;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }
a:link { color: #222222; }
a:visited { color: #444444; }
a:active { color: #000000; }
a:hover { color: #777777; text-decoration: none !important; }

/* standard helper classes */
.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


/* ===================================================================== */
/* BBStar.kr basic text CSS
/* ===================================================================== */

.title_h1 { font-size: 18px; font-weight:bold; text-shadow: #aaaaaa 0 3px 3px; }
.title_h2 { font-size: 15px; font-weight:bold; }

gangjo { font-weight:bold; }

.qna_q { font-size: 14px; color:#00B5E3; font-weight:bold; }
.qna_a { font-size: 14px; color:#555555; font-weight:normal; }

.bgbox { padding:5px; border:1px solid #dddddd; }
.mainbox { padding:5px; border:1px solid #dddddd; }
.graybox { padding:0px; border:1px solid #cccccc; background:#e5e5e5;}
.whitebox { padding:5px; border:1px solid #ffffff; }

h2 { font-size: 18px; font-weight:bold; text-shadow: #aaaaaa 0 3px 3px; }
h3 { font-size: 15px; font-weight:bold; }

.nounderline a { text-decoration: none; }
.nounderline a:hover { text-decoration: underline; }

.title1 { font-size: 36px; color:#ffffff; vertical-align : 30%;}
.title2 { font-size: 36px; color:#ffffff; }
.title3 { font-size: 24px; color:#ffffff; }
.text1st { font-size: 20px; color:#448ccb; }
.text2nd { font-size: 18px; color:000000; }
.text3rd { font-size: 16px; font-weight:bold; color:000000; }
.textwh { color:#ffffff; }
.faq_q { font-size: 18px; color:#448ccb; }
.faq_a { font-size: 18px; color:000000; }
.commentw { font-size: 16px; font-weight:bold; color:#ffffff; }
.commentb { font-size: 16px; font-weight:bold; color:#555555; }

.text_w { font-size: 16px; font-weight:normal; color:#ffffff; }
.text_b { font-size: 16px; font-weight:normal; color:#000000; }
.text_emw { font-size: 18px; font-weight:bold; color:#ffffff; }
.text_emb { font-size: 18px; font-weight:bold; color:#555555; }
.text_paw { font-size: 24px; font-weight:bold; color:#ffffff; }
.text_pab { font-size: 24px; font-weight:bold; color:#0b6db7; }

.boxb
{
  width:215px; /* necessary for ie win */
  height:50px; /* necessary for ie win */
  font-size: 16px; color:#448ccb;  font-weight:bold; 
  text-align : center;
  background:url(/icon/ic_box1b.png) no-repeat;
  padding: 15px 5px 5px 5px;
}

.boxw
{
  width:215px; /* necessary for ie win */
  height:50px; /* necessary for ie win */
	font-size: 16px; color:#ffffff; 
  text-align : center;
  background:url(/icon/ic_box1w.png) no-repeat; 
}


/* ===================================================================== */
/* bbstar Bodybox Define */
/* ===================================================================== */

#bodybox
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 1000px;
   text-align: left;
}


#body1st
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 1600px;
   text-align: center;
}

#body2nd
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 1000px;
   text-align: left;
}



/* ===================================================================== */
/* Menutop MenusubDefine, SubMenu Define */
/* ===================================================================== */

#menutop
{
  height:100px; /* necessary for ie win */
  text-align : center;
  padding-left : 0px ; 
  color:#000000;
  background:#444444; 
}


#menusub
{
  height:100px; 
  background-color : #444444;
  color:#bbbbbb;
  text-align : center;
}

#menusubhome
{
  height:120px; 
  background-color : #444444;
  color:#bbbbbb;
  text-align : center;
}

#menusub_box
{
   margin: 0 auto; /* center on everything else */
   width: 950px;
   text-align: left;
}


#menusub_left 
{ 
  width: 200px; /* ie */ 
  display: inline; /* ie win bugfix */
  position : relative;
  top : 50px;
  text-align : left; 
  padding: 2px 2px 2px 50px;
}

#menusub_right { 
  width: 740px; /* ie */ 
  padding: 2px 2px 2px 40px;
  text-align : left;
  color:#eeeeee;
  position : relative;
  top : -20px;
  left : 220px;
}

#menusub_right_bold 
{
  font-weight: bold;
  font-size: 14px;
  color:#000000;
  text-align: left;
  line-height:150%;
  padding-left: 20px;
  padding-top: 14px;
}

a menusub_box:link { color: #ffffff; }
a menusub_box:visited { color: #ffffff; }
a menusub_box:active { color: #ffffff; }
a menusub_box:hover { color: #ffffff;}



/* ===================================================================== */
/* BBStar Official Define */
/* ===================================================================== */

#official_topbg
{
   background:#7ea6b4;  
   height:100px; 
}

#official_titlebox
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 960px;
   text-align: left;
}

#official_titlemargin
{
   width:950px;  
	 margin: 0px 0px 0px 20px; 
	 padding: 40px 20px 10px 20px;
}

#official_title  { font-size: 20px; color:#ffffff; }

#official_entrybox { 
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 940px; /* ie */ 
   text-align : left;
}

#official_tag  { font-size: 13px; color:#ffffff; }

#official_entrybox a { text-decoration: none; }
#official_entrybox a:hover { text-decoration: underline; }

/* ===================================================================== */
/* BBStar model Define */
/* ===================================================================== */

#model_body
{
  background:#000000;
}

#model_topbg
{
   background:#222222;  
   height:100px; 
}

#model_titlebox
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 960px;
   text-align: left;
}

#model_titlemargin
{
   width:950px;  
	 margin: 0px 0px 0px 20px; 
	 padding: 40px 20px 10px 50px;
}

#model_title  { font-size: 20px; color:#ffffff; }

#model_entrybox { 
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 940px; /* ie */ 
   text-align : left;
}

#model_tag  { font-size: 13px; color:#000000; }


#model_entrybox a { text-decoration: none; }
#model_entrybox a:hover { text-decoration: underline; }

/* ===================================================================== */
/* BBStar magazine Define */
/* ===================================================================== */

#magazine_topbg
{
   background:#7ea6b4;  
   height:100px; 
}

#magazine_titlebox
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 960px;
   text-align: left;
}

#magazine_titlemargin
{
   width:950px;  
	 margin: 0px 0px 0px 20px; 
	 padding: 40px 20px 10px 20px;
}

#magazine_title  { font-size: 20px; color:#ffffff; }

#magazine_entrybox { 
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 940px; /* ie */ 
   text-align : left;
   font-size: 15px; 
}

#magazine_tag  { font-size: 13px; color:#ffffff; }

#magazine_entrybox a { text-decoration: none; }
#magazine_entrybox a:hover { text-decoration: underline; }

.magazine_h1 { font-size: 24px; font-weight:bold; text-shadow: #aaaaaa 0 3px 3px; }
.magazine_h2 { font-size: 18px; font-weight:bold; }
.magazine_strong { font-size: 15px; font-weight:bold; }
.magazine_guide { font-size: 15px; font-weight:bold; text-shadow: #aaaaaa 0 2px 2px; }
.magazine_explain { font-size: 15px; color:#991111; font-weight:normal; }
.magazine_dialogue { font-size: 15px; color:#1e75b8; font-weight:normal; }
.magazine_writer { font-size: 15px; color:#007af8; font-weight:normal; }

.magazine_q { font-size: 15px; color:#0050a2; font-weight:normal; }
.magazine_a { font-size: 15px; color:#000000; font-weight:normal; }


/* ===================================================================== */
/* BBStar Single Stage Define */
/* ===================================================================== */


#sstage { 
  width: 940px; /* ie */ 
  text-align : left;
}


#sstage_titlebox
{
   width: 900px; /* necessary for ie win */
   height: 80px; /* necessary for ie win */
   background: url(/icon/bg_sstagetitle.png) no-repeat;
   padding-left: 40px;
   padding-top: 20px;
}

#sstage_title 
{
  font-weight: bold;
  font-size: 24px;
  color:#000000;
  text-align: left;
  line-height:115%;
}



#sstage a { text-decoration: none; }
#sstage a:hover { text-decoration: none; }



/* ===================================================================== */
/* BBStar Side Define */
/* ===================================================================== */


#side 
{ 
  width: 220px; /* ie */ 
  display: inline; /* ie win bugfix */
  position: relative; 
  float: left; 
  text-align : left; 
  padding: 2px 2px 2px 2px;
  border:1px solid #dddddd;
}


#side a { text-decoration: none; }
#side a:hover { text-decoration: none; }


/* ===================================================================== */
/* BBStar Data Define */
/* ===================================================================== */

#data { 
  width: 740px; /* ie */ 
  margin: 0px 2px 2px 12px;
  padding: 5px 2px 5px 8px;
  position: relative;  
  float: right; 
  text-align : left;
}

#data a { text-decoration: none; }
#data a:hover { text-decoration: none; }

#data_titlebox
{
   width: 720px; /* necessary for ie win */
   height: 80px; /* necessary for ie win */
   background: url(/icon/bg_datatitlebox.png) no-repeat;
}

#data_title 
{
  font-weight: bold;
  font-size: 24px;
  color:#000000;
  text-align: left;
  line-height:115%;
  padding-left: 20px;
  padding-top: 14px;
}


#data_menu 
{
  font-family: verdana, 'trebuchet ms', sans-serif, '돋움', '돋움체', 'dotum', palatino, georgia, arial;
  font-size: 13px;
  color:#000000;
  text-align: left;
  line-height:115%;
  padding-left: 20px;
  padding-top: 14px;
}

#data_text 
{
  font-family: '돋움', '돋움체', 'dotum', georgia, palatino, verdana, arial, sans-serif;         
  font-size: 13px;
  color:#000000;
  text-align: left;
  line-height:160%;
}

#data_tag 
{
   font-weight: normal;
}