@charset "iso-8859-1";

/* Layout ***********************************************************************/
/* div { border:1px solid #999; } */


* html { overflow: scroll; overflow-x: auto; } /* IE hack - ÇÁ·¹ÀÓ¾ÈÀÇ°¡·Î½ºÅ©·Ñ¹®Á¦ÇØ°á */
body { margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff url(/img/inc/bg.gif) repeat-x; } /* #ffffff »öÀ» ÁöÁ¤Çؼ­ È­¸éÀÌ ±úÁö´Â¹®Á¦ÇØ°á */
hr { display: none; } /* ·¹À̾ƿô±¸ºÐ */
#accessibility { display: none; } /* ½ºÅµ³×ºñ°ÔÀÌ¼Ç */

#container { background: transparent; font-size: 93%; }
#head { clear: both; position: relative; width: 100%; height: 75px; background: transparent url(/img/inc/head_bg.gif) repeat-x; z-index: 11; }
  #logo { position: absolute; left: 0; top: 0; height: 0; }
  #globalmenu { position: absolute; left: 667px; top: 0; width: 223px; }
  #topmenu { position: absolute; left: 220px; top: 30px; width: 670px; height: 75px; margin: 0; padding: 0; background: transparent url(/img/inc/topmenu_bg.gif) no-repeat; }
#visual { position: absolute; left: 220px; top: 75px; width: 670px; height: 125px; z-index: 1; }
#wrap { clear: both; position: relative; width: 1000px; min-height: 300px; margin: 0; padding: 0; z-index: 11; }
  #sidebar { float: left; display: inline; width: 220px; margin: 0; padding: 0 0 0 0; background: transparent; }
  #body { float: left; display: inline; width: 670px; min-height: 100%; height: 100%;  margin: 0; padding: 125px 0 0 0; }
    #body_head { clear: both; position: relative; width: 650px; height: 87px; margin: 0; padding: 0 0 0 20px; background: transparent url(/img/inc/body_head_bg.gif) repeat-x; }
      #location { clear: both; position: absolute; left: 0; top: 0; width: 650px; height: 21px; padding: 8px 0 0 0; margin: 0 0 0 20px; color: #666666; text-align: right; background: transparent; font-size: 92%; z-index: 12; }
      #body_title { clear: both; position: relative; left: 0; top: 29px; width: 650px; height: 58px; padding: 0; margin: 0; color: #555555; background: transparent; }
    #content { clear: both; width: 650px; min-height: 300px; padding: 1.5em 0; margin: 0 0 0 20px; background: transparent; text-align: justify; }
    * html #content { height: 300px; } /* IE hack */
    #body_foot { clear: both; position: relative; width: 636px; height: 0; min-height:0; background: transparent url() no-repeat; }

#foot { clear: both; position: relative; width: 100%; height: 227px; margin: 0 0 0 0; padding:0; }
#visual-btm { position: absolute; left: 0; top: 0; width: 890px; height: 180px; padding: 0; background: transparent url(/img/inc/visual_btm.jpg) no-repeat; }
#foot_address { position: absolute; left:0; bottom:0; width: 100%; height: 47px; background: #f2efe9 url(/img/inc/foot_bg.gif) repeat-x; margin: 0 0 0 0; padding:0; }

#foot000 { clear: both; position: relative; width: 100%; height: 47px; background: #f2efe9 url(/img/inc/foot_bg.gif) repeat-x; margin: 0 0 0 0; }
#wing { position: absolute; left: 912px; top: 251px; width: 68px; height: 201px; }

/* head El **********/

/* globalMenu **********/
#globalmenu ul { margin: 0; padding: 0; list-style: none; }
#globalmenu ul li { margin: 0; padding: 0; background: transparent; float: left; display: inline; }
/* topMenu1Depth **********/
#topmenu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 0; height: 75px; }
#topmenu li { margin: 0; padding: 0; background: transparent; }
#topmenu ul li { float: left; margin: 0; padding: 0; }
#topmenu ul li a { color: #ffffff; margin: 0; padding: 0; }
#topmenu ul li a.active, #topmenu ul li a:hover { background: transparent; }
/* topMenu2Depth **********/
#topmenu ul ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0px; top: 30px; width: 670px; height: 15px;  display: none; }
#topmenu ul ul li { margin: 0; padding: 0; height: 15px; background: transparent; float: left; display: inline; white-space: nowrap; text-align: left; font-size: 82%; color: #b42c04; line-height: 120%; }
#topmenu ul ul li.img { margin: 0; padding: 0; background: transparent; border: 0; }
#topmenu ul ul li a { color: #b42c04; padding: 1px 5px 1px 5px; display: block; }
#topmenu ul ul li a.active, #topmenu ul ul li a:hover { background: transparent; color: #ffffff; }
#topmenu ul ul#top2m0 { padding: 0 0 0 0px; width: 670px; }
#topmenu ul ul#top2m1 { padding: 0 0 0 20px; width: 650px; }
#topmenu ul ul#top2m2 { padding: 0 0 0 20px; width: 650px; }
#topmenu ul ul#top2m3 { padding: 0 0 0 5px; width: 670px; }
#topmenu ul ul#top2m4 { padding: 0 0 0 330px; width: 340px; }
#topmenu ul ul#top2m5 { padding: 0 0 0 490px; width: 180px; }

#fontvoice { position: absolute; left: 20px; top: 65px; width: 205px; height: 25px; }
#fontvoice div { float: left; display: inline; }


/* sidebar El **********/

#sidetitle { margin: 0 0 0 0; }
/* sidemenu2Depth **********/
#sidemenu { width: 190px; min-height: 104px; margin: 0; padding: 0 10px 0 20px; background: transparent url(/img/inc/side/sidemenu_bg.gif) 0 0; }
* html #sidemenu { height: 104px; }
#sidemenu ul { list-style: none; width: 190px; margin: 0; padding: 0; }
#sidemenu ul li { width: 190px; min-height: 22px; margin: 0; padding: 0; background: transparent url(/img/inc/side/side2mbg.gif) no-repeat; }
* html #sidemenu ul li { height: 22px; } /* IE hack */
#sidemenu ul li a { font-weight: bold; letter-spacing: 0; line-height: 120%; color: #555555; min-height: 18px; margin: 0; padding: 4px 10px 2px 30px; display: block; }
* html #sidemenu ul li a { height: 18px; } /* IE hack */
#sidemenu ul li a.active, #sidemenu ul li a:hover { color: #fa754e; font-weight: bold; }
/* sidemenu3Depth **********/
#sidemenu ul ul { list-style: none; width: 190px; margin: 0; padding: 0 0 8px 0; }
#sidemenu ul ul li { width: 190px; min-height: 19px; margin: 0; padding: 0; background: transparent url(/img/inc/side/side3mbg.gif) no-repeat 0 0; }
* html #sidemenu ul ul li { height: 19px; } /* IE hack */
#sidemenu ul ul li a { font-weight: normal; letter-spacing: 0; color: #555555; min-height: 16px; margin: 0; padding: 3px 10px 0 30px; line-height: 120%; }
* html #sidemenu ul ul li a { height: 16px; } /* IE hack */
#sidemenu ul ul li a.active, #sidemenu ul ul li a:hover { color: #fa754e; font-weight: normal; }
#sidemenu ul ul li.side3mtop { height: 10px; }

#smset { margin: 0 0 0 20px; }


/* foot El **********/

#footmenu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 166px; top: 16px; }
#footmenu ul li { margin: 0; padding: 0; background: transparent; float: left; display: inline; }
#foot_logo { position: absolute; left: 667px; top: 0; }
#foot_info { position: absolute; left: 0; top: 0; }

#counter { position: absolute; left: 722px; top: 16px; width: 177px; height: 45px; background: transparent url(/img/inc/count_bg.gif) no-repeat; font-size: 92%; line-height: 120%; }
#counter #counter_title { position: absolute; left: 0; top: 0; }
#counter #today { position: absolute; left: 5px; top: 4px; letter-spacing: -1px; }
#counter #today_num { position: absolute; left: 77px; top: 8px; width: 90px; text-align: right; color: #666666; }
#counter #today_num .alt { color: #ff8800; font-weight: bold; }
#counter #total { position: absolute; left: 5px; top: 24px; letter-spacing: -1px; }
#counter #total_num { position: absolute; left: 77px; top: 28px; width: 90px; text-align: right; color: #666666; }

/* body_head El **********/

#location a { color: #666666; }
#location a:hover { color: #ff6600; }

#search { position: absolute; left: 720px; top: 25px; }
#search input.text { padding: 1px 0 0 2px; height: 15px; border: 1px solid #ff7c29; background: #ffffff url(/img/inc/search_input_bg.gif) no-repeat; color: #9d4900; }
#search select { font-size: 92%; letter-spacing: -1px; color: #9d4900; }

/* body_foot El **********/

#charge { width: 660px; height: 36px; background: #f7f7f7 url(/img/inc/charge_bg.gif) no-repeat; }
#charge #charge_Info { float: left; text-align: left; padding: 10px 18px 0; }
#charge #charge_bitton { float: right; text-align: left; padding: 8px 18px 0; }
#opinion { width: 660px; height: 73px; background: #ffffff url(/img/inc/opinion_bg.gif) no-repeat; margin: 18px 0 0 0; }
#opinion #opinion_question { padding: 1px 18px 5px; width: 624px; }
#opinion #opinion_answer { padding: 1px 18px 0px; width: 624px; }


/* content El ***********************************************************************/

/* sitemapLayout **********/
table.sitemap { width: 100%; margin: 0 auto; }
table.sitemap td { padding: 10px; vertical-align: top; width: 33%; }
.sitemap1m { margin: 10px 0 5px 0; padding: 3px 6px 2px 8px; color: #ac8f63; background: #eae4db; border: 1px solid #cec8c0; }

/* contentmenu **********/
.box01 { border:1px solid #ccc; float:left; margin:-10px 0 10px; }
#contentmenu { float: left; width: 607px; min-height: 15px; border: 4px solid #f7f7f7; padding: 8px 12px 5px 12px; text-align: left; }
* html #contentmenu { height: 15px; } /* IE hack */
#contentmenu ul { margin: 0; padding: 0; } /* ¿©±â¼­´Â float ¼Ó¼º¾ø´Ù.. float ¼Ó¼º ºÎ¿©½Ã widthµµ ¸í½ÃÇؾßÇÔ */
#contentmenu li { margin: 0; padding: 0; background: -100%  -100%; }
#contentmenu ul li { float: left; display: inline; white-space: nowrap; margin: 0 1em 0 0; padding: 0 0 0 1.2em; background: url(/img/all/btn_bu.gif) no-repeat 0 0.3em; }
#contentmenu ul li a { margin: 0; padding: 0; }
#contentmenu ul.col1 li { width: 95%; }
#contentmenu ul.col2 li { width: 45%; }
#contentmenu ul.col3 li { width: 29%; }
#contentmenu ul.col4 li { width: 21%; }
#contentmenu ul.col8 li { width: 8%; }

.contentmenu {  }
.contentmenu ul { margin: 0; padding: 0; }
.contentmenu li { margin: 0; padding: 0; background: -100%  -100%; }
.contentmenu ul li { float: left; display: inline; margin: 0 1em 0 0; padding: 0 0 0 1.2em; background: url(/img/all/btn_bu2.gif) no-repeat 0 0.2em; }
.contentmenu ul.col1 li { width: 95%; }
.contentmenu ul.col2 li { width: 40%; }
.contentmenu ul.col3 li { width: 25%; }
.contentmenu ul.col4 li { width: 20%; }
.contentmenu ul li a { margin: 0; padding: 0; }


/* Tag Standard ***********************************************************************/

/* °Ô½ÃÆÇ ½ºÅ¸ÀÏ ¾Æ·¡¿¡ Á¤ÀÇ  */

/* TagÇ¥Á¦(Heading) */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; clear: left; font: normal 100% Tahoma; }
h1 { font: bold 130% Tahoma; letter-spacing: -1px; } /* »çÀÌÆ®Á¦¸ñ */
h2 { font: bold 120% Tahoma; letter-spacing: -1px; } /* »çÀ̵åÁ¦¸ñ */
h3 {  font: bold 110% Tahoma; letter-spacing: -1px; color: #339900; background: transparent url(/img/inc/h3bu.gif) no-repeat; padding: 0 0 0 0; }  /* º»¹®Á¦¸ñ */
h4 { font: bold 100% Tahoma; letter-spacing: 0; color: #333333; background: transparent url(/img/inc/h4bu.gif) no-repeat 0 1px; padding: 0 0 0 18px; margin:1.5em 0; }
h5 { font: bold 100% Tahoma; letter-spacing: -1px; color: #336699; background: transparent url(/img/inc/h5bu.gif) 0px 2px no-repeat; padding: 0 0 0 14px; margin:1em 0 0.5em 0; }
h6 { font: bold 100% Tahoma; letter-spacing: -1px; color: #3399cc; background: transparent url(/img/inc/h6bu.gif) 0px 2px no-repeat; padding: 0 0 0 14px; }

/* Tag¹®´Ü(Paragraph) */
p { margin: 0; padding: 1em 0 1.3em; }

/* Tag¸ñ·Ï(List) */
ul { margin: 0; padding: 0.5em 0 0.5em 1em; list-style: none; text-align: left; }
li { padding: 0 0 0 1.2em; }
ul li { background: url(/img/all/bu_li1.gif) no-repeat 0 0.5em; }
ul ul li { background: url(/img/all/bu_li2.gif) no-repeat 0 0.5em; }
ul ul ul li { background: url(/img/all/bu_li3.gif) no-repeat 0 0.5em; }
ul ul ul ul li { background: url(/img/all/bu_li4.gif) no-repeat 0 0.5em; }
ul ul, ul ul ul, ul ul ul ul { padding: 0 0 0 1.2em; }
* html ul ul { padding: 0; } /* IE hack */
* html ul ul ul { padding: 0; } /* IE hack */
* html ul ul ul ul { padding: 0; } /* IE hack */
ol { margin: 0; padding: 0.5em 0; list-style: none; }
ol li { padding: 0 0 0 2.2em; }
ol ul li { padding: 0 0 0 1.2em; }
ol li.n01 { background: url(/img/all/n01.gif) no-repeat 0 0.2em; }
ol li.n02 { background: url(/img/all/n02.gif) no-repeat 0 0.2em; }
ol li.n03 { background: url(/img/all/n03.gif) no-repeat 0 0.2em; }
ol li.n04 { background: url(/img/all/n04.gif) no-repeat 0 0.2em; }
ol li.n05 { background: url(/img/all/n05.gif) no-repeat 0 0.2em; }
ol li.n06 { background: url(/img/all/n06.gif) no-repeat 0 0.2em; }
ol li.n07 { background: url(/img/all/n07.gif) no-repeat 0 0.2em; }
ol li.n08 { background: url(/img/all/n08.gif) no-repeat 0 0.2em; }
ol li.n09 { background: url(/img/all/n09.gif) no-repeat 0 0.2em; }
ol li.n10 { background: url(/img/all/n10.gif) no-repeat 0 0.2em; }

dl { margin: 0; padding: 0; }
dl dt { margin: 0; padding: 0; }
dl dd { margin: 0; padding: 0; }


/* Tag±¸¹®(Construction) */
strong { font-weight: bold; } /* °­Á¶ */
em { font-style: normal; } /* °­Á¶ */
dfn {  } /* Á¤ÀÇ */
code {  } /* ÄÄÇ»ÅÍÄÚµå */
samp {  } /* ÄÄÇ»ÅÍÄÚµå°á°úÃâ·Â¹° */
kdb {  } /* Å°º¸µåÀÔ·Â */
var {  } /* ÇÁ·Î±×·¥º¯¼ö */
cite { font: normal 92% Tahoma; } /* ÀοëÃâó */
abbr {  } /* Ãà¾à¾î */
acronym {  } /* µÎ¹®ÀÚ¾î */
blockquote {  } /* Àοëblock */
q {  } /* Àοëinline */
sup { font-size: 92%; } /* À§Ã·ÀÚ */
sub { font-size: 92%; } /* ¾Æ·¡Ã·ÀÚ */

/* Tag±âŸ */
pre { margin: 1em 0; } /* Çü½ÄÀ»°¡Áö°íÀÖ´ÂÄÁÅÙÃ÷ */
ins {} /* Ãß°¡ */
del { text-decoration: line-through; color: #999999; } /* »èÁ¦ */
address { font-style: normal; color: #666666; } /* ÁÖ¼Ò */

/* Class Basic ***********************************************************************/

/* °Ô½ÃÆÇ ½ºÅ¸ÀÏ ¾Æ·¡¿¡ Á¤ÀÇ  */

/* Å×À̺í(Table) */
table.layout { border-collapse: collapse; margin: 0; padding: 0; border-width: 0; }
table.layout td { padding: 0; vertical-align: top; }
table.t0 { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #dddddd; border-width: 0px; }
table.t0 tr { text-align: center; }
table.t0 th, table.t0 td {  border-bottom: 1px solid #ffffff; padding: 3px 6px 1px 6px; }
table.t0 th, table.t0 thead, table.t0 tfoot {  }
table.t1 { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #dddddd; border-width: 0px; } 
table.t1 tr { text-align: center; }
table.t1 th, table.t1 td { border-bottom: 1px solid #eeeeee; padding: 4px 6px 1px 6px; }
table.t1 th, table.t1 thead, table.t1 tfoot { background: #eeeeee; font-weight: bold; }
table.t2 { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #dddddd; border-width: 1px; }
table.t2 tr { text-align: center; }
table.t2 th, table.t2 td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t2 th, table.t2 thead, table.t2 tfoot { background: #f4f4f4; font-weight: bold; }

table.t3 { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #99ccff; border-width: 2px 0 0 0; }
table.t3 tr { text-align: left; }
table.t3 th, table.t3 td { border: 1px solid #cccccc; padding: 3px 6px 3px 6px; }
table.t3 th, table.t3 thead, table.t3 tfoot { background: #eeeeee; }
table.t3 tr.alt th { background: #f7f7f7; }

table.t3a { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #999999; border-width: 2px 0 0 0; }
table.t3a tr { text-align: center; }
table.t3a th, table.t3a td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3a th, table.t3a thead, table.t3a tfoot { background: #f4f4f4; font-weight: bold; }
table.t3b { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #66ccff; border-width: 2px 0 0 0; }
table.t3b tr { text-align: center; }
table.t3b th, table.t3b td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3b th, table.t3b thead, table.t3b tfoot { background: #f4f4f4; font-weight: bold; }
table.t3g { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #99cc33; border-width: 2px 0 0 0; }
table.t3g tr { text-align: center; }
table.t3g th, table.t3g td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3g th, table.t3g thead, table.t3g tfoot { background: #f4f4f4; font-weight: bold; }
table.t3y { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #cc9966; border-width: 2px 0 0 0; }
table.t3y tr { text-align: center; }
table.t3y th, table.t3y td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3y th, table.t3y thead, table.t3y tfoot { background: #f4f4f4; font-weight: bold; }
table.t3v { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #9999ff; border-width: 2px 0 0 0; }
table.t3v tr { text-align: center; }
table.t3v th, table.t3v td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3v th, table.t3v thead, table.t3v tfoot { background: #f4f4f4; font-weight: bold; }

table.t3c { border-collapse: collapse; width: 100%; margin: 3px 0 3px 0px; border: 1px solid #66cccc; border-width: 2px 0 0 0; }
table.t3c tr { text-align: center; }
table.t3c th, table.t3c td { border: 1px solid #dddddd; padding: 3px 6px 1px 6px; }
table.t3c th, table.t3c thead, table.t3c tfoot { background: #f4f4f4; font-weight: bold; }
table.t3c td.longtxt { text-align: left; white-space: normal; }
table.t3c td.item { width: 26px; background: #ffffff; text-align: center; }
table.t3c td.substance { text-align: left; white-space: normal; width: 100%; padding: 1em 6px; }

/* °Ô½ÃÆÇ(Board) Begin ***********************************************************************/

.board { clear: both; } 
.board table.basic { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #999999; border-width: 2px 0 0 0; }
.board table.basic tr { text-align: center; }
.board table.basic th,.board table.basic td { border-bottom: 1px solid #dddddd; padding: 4px 6px 1px 6px; white-space: nowrap; }
.board table.basic th,.board table.basic thead,.board table.basic tfoot { background: #f4f4f4; font-weight: normal; }
.board table.basic .subject { text-align: left; height: 35px; white-space: normal; }
.board table.basic .substance { text-align: left; padding: 1.4em 6px; white-space: normal; }

.board table.basic img.picture { border: 4px solid #eeeeee; padding: 4px; margin: 0 auto 1.8em; display: block; }
.board table.basic div.movie { border: 4px solid #dddddd; padding: 4px; width: 320px; min-height: 160px; margin: 0 auto 1.8em; display: block; }
* html .board table.basic div.movie { height: 285px; }

.board .page { clear: both; margin: 3px 0 3px 0; padding: 3px 0 6px 0px; text-align: center; color: #cccccc; border-bottom: 1px solid #eeeeee; font: normal 92% Tahoma; }
.board .page a:hover { color: #0066cc; }
.board .page .active { font-weight: bold; }
.board .left { float: left; height: 21px; padding: 4px 0; background: transparent; }
.board .right { float: right; height: 21px; padding: 4px 0; background: transparent; }
.board .center { text-align: center; height: 21px; padding: 4px 0; background: transparent; }

.board table.write { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #999999; border-width: 2px 0 0 0; }
.board table.write tr { text-align: left; }
.board table.write th,.board table.write td { border-bottom: 1px solid #dddddd; padding: 4px 6px 4px 6px; white-space: nowrap;  }
.board table.write th,.board table.write thead,.board table.write tfoot { background: #f4f4f4; font-weight: normal; }
.board table.write .item { padding: 4px 6px 1px; width: 60px; white-space: nowrap; background: #f7f7f7; }
span.essential { color: #ff3300; }
span.explain { color: #cc6600; font-size: 92%; letter-spacing: -1px; }
.board table.write td.text { padding: 7px 6px 4px; }
.board table.write span.blank { padding-left: 10px; }

.board table.comment { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #aaaaaa; border-width: 2px 0 0 0; }
.board table.comment tr { text-align: center; }
.board table.comment th,.board table.comment td { border-bottom: 1px solid #dddddd; padding: 4px 6px 1px 6px; white-space: nowrap;  }
.board table.comment th,.board table.comment thead,.board table.comment tfoot { background: #f4f4f4; font-weight: normal; }
.board table.comment table.layout { border-collapse: collapse; margin: 0; padding: 0; border-width: 0; width: 100%; margin: 4px 0 0 0; }
.board table.comment table.layout td { padding: 0; vertical-align: top; }
.board table.comment table.layout td textarea { width: 100%; height: 27px; }
.board table.comment table.layout td.buttons { width: 83px; padding: 0 0 0 6px; }
.board table.comment .subject { text-align: left; height: 35px; white-space: normal; }
.board table.comment .substance { text-align: left; padding: 12px 6px; white-space: normal; }
.board table.comment .write { padding: 8px 6px 5px 6px; text-align: left; background: #eeeeee; }
.board table.comment .grade { white-space: nowrap; width: 57px; padding: 0px 6px; }
.board table.comment .writing { white-space: normal; width: 448px; padding: 4px 6px 2px; text-align: left; }
.board table.comment .writer { white-space: nowrap; width: 42px; padding: 4px 6px 2px; }
.board table.comment .date { white-space: nowrap; width: 56px; padding: 4px 6px 2px; }
.board table.comment .del { white-space: nowrap; width: 13px; padding: 0px 6px; }
.board table.comment .pwInput { white-space: nowrap; padding: 4px 6px; color: #cc6600; background: #f7f7f7; }
.board table.comment .write a.button2 { background: #ffffff url(/img/board/bu.gif) no-repeat 4px 50%; }
.board table.comment .pwInput a.button { background: #ffffff url(/img/board/bu.gif) no-repeat 4px 50%; }

.board .login { width: 400px; min-height: 45px; border: 4px solid #f4f4f4; margin: 0 auto; }
.board .login .wrap { width: 338px; min-height: 45px;  border: 1px solid #d7d7d7; padding: 20px 30px; }
.board .login .title { margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 2px solid #eeeeee; font-weight: bold; }
.board .login .explain { margin: 1em 0; }
.board .login .inbox {  margin: 0; float: left; min-width: 268px; min-height: 45px; border: 5px solid #cccccc; padding: 20px 30px; }
.board .login form { margin: 0; padding: 0; float: left; }
.board .login .idpw { width: 200px; height: 27px; float: left; }
.board .login .loginOK a.button2 { width: 40px; padding: 16px 6px 13px 16px; float: left; }
.board .login .buttons { margin: 1em auto 0; text-align: center; min-width: 100%; display: block; }
.board span.blank { padding-left: 1em; }

.board table.gallery { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #999999; border-width: 2px 0 1px 0;  }
.board table.gallery tr { text-align: center; }
.board table.gallery th,.board table.gallery td { border-bottom: 0px solid #dddddd; padding: 4px 6px 1px 6px; white-space: nowrap;  }
.board table.gallery th,.board table.gallery thead,.board table.gallery .tfoot { background: transparent; font-weight: normal; height: 10px; }
.board table.gallery td div.frame { border: 4px solid #f4f4f4; padding: 0px; width: 110px; min-height: 85px; margin: 0; }
.board table.gallery td img.picture { border: 1px solid #cccccc; padding: 4px; margin: 0; }
.board table.gallery td div.subject { width: 100px; height: 12px; padding: 4px; text-align: left; white-space: normal; margin: 0 5px; background: transparent; }

/* ¹öÆ°inline - IE¹ö±× : a.button À» µÑ·¯½Ñ divű׿¡ width°ªÀ» ÁÖ¸é À§Å׵θ®°¡ ¾Èº¸ÀÓ */
a.button { cursor: pointer; color: #333333; font: normal 100% Tahoma; white-space: nowrap; text-align: center; line-height: 100%; min-width: 26px; height: 12px; padding: 4px 6px 1px 16px; margin: 0; background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; }
* html a.button { padding: 2px 6px 0 16px; }
* html a.button img { margin: 3px 0 -1px 0; }
a.button:hover { background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; }
input.button { cursor: pointer; color: #333333; font: normal 100% Tahoma; white-space: nowrap; text-align: center; line-height: 100%; width: 48px; height: 19px; padding: 2px 6px 1px 16px; margin: 0 0 0px 0; background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; }
* html input.button { padding: 3px 6px 1px 16px; margin: 0 0 -1px 0; }
button.button { cursor: pointer; color: #333333; font: normal 100% Tahoma; white-space: nowrap; text-align: center; line-height: 100%; width: 48px; height: 19px; padding: 2px 6px 1px 16px; margin: 0 0 0px 0; background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; }
* html button.button { padding: 3px 6px 1px 16px; margin: 0 0 -1px 0; }
/* ¹öÆ°block */
a.button2 { cursor: pointer; color: #333333; font: normal 100% Tahoma; white-space: nowrap; text-align: center; line-height: 100%; min-width: 26px; width: 57px; min-height: 12px; padding: 10px 6px 7px 16px; margin: 0; background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; display: block; float: left; }
a.button2:hover { background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; }
input.button2 { cursor: pointer; color: #333333; font: normal 100% Tahoma; white-space: nowrap; text-align: center; line-height: 100%; min-width: 26px; width: 57px; min-height: 12px; padding: 10px 6px 7px 16px; margin: 0; background: #f7f7f7 url(/img/board/bu.gif) no-repeat 4px 50%; border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; display: block; float: left; }

/* Tag Standard ***********************************************************************/

body { font-size: small; font-family: Tahoma; color: #666666; line-height: 140%; }
table, input, select, textarea { font-size: 92%; font-family: Tahoma; color: #666666; line-height: 140%; }
a { text-decoration: none; cursor: pointer; } a:link, a:visited { color: #333333; } a:hover, a:active, a:focus { color: #000000; } /* a:focusÃß°¡ */
img { margin: 0; border: 0; }
form { margin: 0; }
input, select, textarea { line-height: 120%; }
textarea { padding: 2px 0 0 2px; border: 1px solid #999999; border-color: #999999 #cccccc #cccccc #999999; }
* * html input { margin: 0 0 -1px 0; height: 19px; } /* IE hack */
* * html select { margin: 0 0 -2px 0; height: 19px; } /* IE hack */

/* Class Basic ***********************************************************************/

input.text { padding: 2px 0 0 2px; height: 15px; border: 1px solid #999999; border-color: #999999 #cccccc #cccccc #999999; }
input.file { padding: 2px 0 0 2px; height: 19px; border: 1px solid #999999; border-color: #999999 #cccccc #cccccc #999999; }
input.radio, input.checkbox { margin: 0 0 1px 0; vertical-align: middle; }

.box1 { border: 1px solid #dddddd; padding: 0; float: left; width: 658px; margin: 0 0 2em 0; } /* float ¸Þ´º¸¦ À§ÇØ float width ¼Ó¼ººÎ¿© */
* html .box1 { margin: 0; } /* IE hack */
.box2 { border: 2px solid #e7e7e7; padding: 12px 12px 9px 12px; }
.box3 { border: 3px solid #eeeeee; padding: 12px 12px 9px 12px; }
.box4 { border: 4px solid #f7f7f7; padding: 12px 12px 9px 12px; }

img.floatLeft { float: left; display: inline; margin: 0 15px 15px 0; border: 2px solid #e7e7e7; padding: 2px; }
img.floatRight { float: right; display: inline; margin: 0 0 15px 15px; border: 2px solid #e7e7e7; padding: 2px; }
img.frame { border: 1px solid #dddddd; padding: 3px; margin: 0 0 4px 0; }
.floatLeft { float: left; display: inline; margin: 0 15px 15px 0; text-align: center; }
.floatRight { float: right; display: inline; margin: 0 0 15px 15px; text-align: center; }
.small { font-size: 92%; letter-spacing: -1px; }
div.gap { float: left; display: inline; width: 100px; } /* ´Ù¸¥ÁÙ°ú¼¼·Î±×¸®µå¸ÂÃ⶧ - FF¿¡¼­¾È¸ÔÈû */
div.brclear { clear: both; height: 0; margin: 0; font-size: 0; line-height: 1%; } /* ÁÙ¹Ù²Þ - float ´ÙÀ½ÀÌ ¾Æ´Ï¸é 2¶óÀÎ °£°ÝÀÌ»ý±è */
span.blank { padding-left: 1em; } /* FF¿¡¼­´Â margin-left, padding-left °ª¸¸ ¸ÔÈû */
div.dot { border-bottom : 1px dashed #cccccc; }
.dot { border-bottom : 1px dashed #cccccc; display:block; clear:both; }
.slogan { color: #006699; font: bold 120% Tahoma; }
.catchphrase {  }
.indent { margin: 0 0 0 16px; }

/* °Ô½ÃÆÇ(Board) End ***********************************************************************/

.blankimg01 { background:#336699; vertical-align:middle; }
.blankimg02 { background:#666666; vertical-align:middle; }

/* ¸®½ºÆ® ¸ðÀ½ */
.bg01 { width:650px; padding:5px 0; min-height:122px; height:122px; border-top:3px double #ccc; border-bottom:3px double #ccc; }
.bg01 ul { width:380px; }
.bg01 ul li { background:transparent url('/img/02/background_list01.gif') top left no-repeat; }
.bg01 ul li a { margin: 0; padding:0; display:block; width:365px; height:22px; min-height:22px; }

/* À̹ÌÁö¿Í ÅؽºÆ® Á¤·Ä */
.select01 { float:right; margin:5px; color:#333; }
.alt03 { float:left; width:100%; margin:10px 0; } /* Ãß°¡ÇÑ°Í width:100%; margin:10px 0; */ 
.alt03 div { float:left; margin-left:-5px; }
.alt03 h5 { margin-top:0; }

.first01 { padding-top:0; margin-top:0; }
.middle01 { margin:15px 0; }