@charset "euc-kr";

/* Design Template */
/* @import url(base.css); */
/* @import url(template.css); */

div.brclear { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 1; } /* ÁÙ¹Ù²Þ - float ´ÙÀ½ÀÌ ¾Æ´Ï¸é 2¶óÀÎ °£°ÝÀÌ »ý±è */
/* Ç÷ÎÆ®ÇØÁ¦  */
.clear:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }
/* //Ç÷ÎÆ®ÇØÁ¦  */

/* form El Definition ***********************************************************************/
form { margin: 0; padding: 0; }
input, select, textarea, button { font-size: 100%; font-family: Dotum, "µ¸¿ò", sans-serif; line-height: 1.2; vertical-align: middle; margin: 0; padding: 0; }
select { height: 19px; } /* Operaº¸Á¤ */
* html select { margin: 0 -1px -1px 0; } /* IE hack */
textarea { padding: 2px; border: 1px solid #ccc; border-color: #ccc #ddd #ddd #ccc; background: #fff; overflow: auto; }
table caption { text-align: left; }
/* Class Base */
input.text { padding: 2px 0 0 2px; height: 15px; border: 1px solid #ccc; border-color: #ccc #ddd #ddd #ccc; background: #fff; }
input.file { padding: 2px 0 0 2px; height: 19px; border: 1px solid #ccc; border-color: #ccc #ddd #ddd #ccc; background: #fff; }
input.radio, input.checkbox { margin: 0 0 1px 0; background: transparent; }
/* //form El Definition ***********************************************************************/

/* ¹öÆ°inline */
a.button, input.button, button.button { 
cursor: pointer; vertical-align: middle; white-space: nowrap; 
width: 48px; height: 19px; padding: 3px 6px 2px 16px; line-height: 1; color: #000 !important;
background: #fff url(/img/board/btn_bu.gif) no-repeat 4px 50%; border: 1px solid #999; border-color: #ccc #999 #999 #ccc; }
/* ¹öÆ°inline - IE¹ö±× : a.button ÀÇ margin-top: 4px; ÀÌ»óÀ̸é border-top ÀÌ ¾Èº¸ÀÓ
/* inline ¿ä¼Ò´Â margin-left margin-right ¸¸ Àû¿ë°¡´É
/* width: 36+(±ÛÀÚ¼ö*12)px;
*/

* html a.button { padding: 3px 6px 0px 16px;  }
* html input.button,
* html button.button,
* html input.text,
* html input.file,
* html select,
* html textarea { margin-bottom: 3px; }
* html button.button { padding: 2px 6px 2px 16px; margin-left: 4px; }

img.button { cursor: pointer; vertical-align: middle; }

/* À̹ÌÁö³ÖÀ»½Ã
html a.button { padding-left: 5px; }
html a.button img { margin: 2px 0 0 0; visibility: hidden; position: relative; } */

/* ¹öÆ°block */
a.button_block, input.button_block { cursor: pointer; vertical-align: middle; color: #333; white-space: nowrap; line-height: 1;
min-width: 26px; min-height: 12px; padding: 9px 6px 8px 20px; background: #fff url(/img/board/btn_bu.gif) no-repeat 6px 50%; border: 1px solid #999; border-color: #ccc #999 #999 #ccc; display: block; float: left; margin: 0; } /* ÀüüÆø78px */

a.download { cursor: pointer; vertical-align: middle; white-space: nowrap; 
width: 48px; height: 19px; padding: 3px 2px 2px 1.1em; line-height: 1.8; color: #333;
background: #fff url(/img/board/btn_bu.gif) no-repeat 0 3px; border-bottom: 1px dashed #999; }

a.link { cursor: pointer; vertical-align: middle; white-space: nowrap;
padding: 0 0 0 1.1em; color: #333; background: transparent url(/img/board/btn_bu.gif) no-repeat 0 0; }


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

.board { clear: both; }
.board blockquote { margin: 0; padding: 0; font-weight: ; font-size: 100%; color: ; background: transparent; }

/* .board table.basic table { border-collapse: seperate; } */
.board table.basic table th,
.board table.basic table td { border: 0px; } /* °Ô½Ã±Û Å×À̺íÀÇ Å׵θ®¸¦ ¾ø¾Ø´Ù. */

.board table.basic { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #a5ccd6; border-width: 2px 0 1px 0; }
.board table.basic tr { text-align: center; }
.board table.basic th,.board table.basic td { border-bottom: 1px solid #ddd; padding: 4px 6px 4px 6px; white-space: nowrap; }
.board table.basic th { background: #61afc2 url(/img/board/th_bg.gif) left -2px; }
.board table.basic th,.board table.basic thead,.board table.basic tfoot { font-weight: normal; color: #fff; }
.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.view { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #a5ccd6; border-width: 2px 0 1px 0; }
.board table.view tr { text-align: left; }
.board table.view th,.board table.view td { border-bottom: 1px solid #ddd; padding: 4px 6px 4px 6px; white-space: nowrap; }
.board table.view th,.board table.view thead,.board table.view tfoot { font-weight: normal; color: #fff; }
.board table.view .subject { text-align: left; height: 35px; white-space: normal; } /* Á¦¸ñ */
.board table.view .substance { text-align: left; padding: 1em 6px; white-space: normal; } /* º»¹® */
.board table.view .item { color: #000; background: #eee; width: 80px; white-space: nowrap; text-align: right; } /* Ä÷³Ç׸ñ */

.board table.basic img.picture { border: 4px solid #eee; padding: 4px; margin: 0 auto 1.8em; display: block; }
.board table.basic div.movie { border: 4px solid #bfd2ea; padding: 0; width: 320px; height: 310px; margin: 0 auto 1.8em; display: block; }

.board .page { clear: both; margin: 3px 0 3px 0; padding: 3px 0 6px 0px; text-align: center; color: #ccc; border-bottom: 1px solid #eee; font: normal 92% µ¸¿ò; }
.board .page a:hover { color: #0066cc; }
.board .page .active { font-weight: bold; }

.board .left { float: left; position: relative; padding: 4px 0; }
.board .right { float: right; position: relative; padding: 4px 0; }
.board .center { position: relative; text-align: center; padding: 4px 0; margin: 0 auto; }

.board table.write { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #a5ccd6; border-width: 2px 0 1px 0; }
.board table.write tr { text-align: left; }
.board table.write td { vertical-align: top; border-bottom: 0px dashed #eee; padding: 3px 12px 6px 12px; white-space: normal; }
* html .board table.write td { padding: 3px 12px 3px 12px; } /* IE hack */
.board table.write td p { margin: 0; padding: 0; }
.board table.write th { vertical-align: top; background: transparent; font-weight: normal; }
.board table.write thead tr,
.board table.write tfoot tr { height: 10px; } /* thead, tfoot ´Â height ¸¦ ÁöÁ¤ÇÒ¼ö¾ø´Ù */
.board table.write .item { padding: 4px 6px 3px 6px; width: 90px; white-space: nowrap; background: #f7f7f7; text-align: right; }
.board span.essential { color: #ff3300; }
.board 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 #a5ccd6; 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 #ddd; 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; border: 0; }
.board table.comment table.layout td textarea { width: 100%; height: 25px; }
.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: #f7f7f7; }
.board table.comment .write a.button_block { width: 52px; } /* ÀüüÆø80px */
.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; display: none; }
.board table.comment .pwInput a.button { background: #fff url(/img/board/btn_bu.gif) no-repeat 4px 50%; }

.board .login { width: 400px; margin: 1em auto; border: 4px solid #f4f4f4; background: #d7d7d7; padding: 1px; }
.board .login .wrap { width: auto; padding: 20px 30px; background: #fff; }
.board .login .title { width: 100%; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 2px solid #eee; font-weight: bold; }
/* IE bug : width: auto; ÀÏ °æ¿ì º¸¿´´Ù ¾Èº¸¿´´ÙÇÔ.. width: 100%; ¼Ó¼ºÁ༭ ÇØ°áÇÔ. */
.board .login .title h5 { background-position: 0 0; }
.board .login .explain { width: 100%; margin: 1em 0; }
.board .login form { float: left; margin: 0; padding: 20px 30px; width: 270px; border: 5px solid #a5ccd6; }

.board .login dl { margin: 0 !important; padding: 0; float: left; width: 198px; background: transparent; }
.board .login dt { margin: 0 !important; padding: 0 4px 0 0 !important; float: left; display: inline; width: 62px; text-align: right; font-weight: normal !important; background: transparent !important; }
.board .login dd { margin: 0; padding: 0; float: left; display: inline; width: 132px; text-align: left; }
.board .login dd input.text { width: 128px; margin: 0 0 5px 0; }
.board .login dd select { width: 100%; margin: 0 0 5px 0; }

* html .board .login dd input.text { margin: 0 0 3px 0; }
.board .login a.button_block { width: 40px; padding: 16px 6px 13px 20px; margin: 0 0 0 4px; } /* ÀüüÆø72px(marginÆ÷ÇÔ) */
.board .login .buttons { clear: both; margin: 1em auto 0; text-align: center; }

.board .login ul.choice { width: 230px; list-style: none; margin: 0 auto; padding: 0;}
.board .login ul.choice li { float: left; display: inline; margin: 0; padding: 0; }
.board .login div.ipin { float: left; margin: 0; padding: 20px 30px; width: 270px; border: 5px solid #a5ccd6; }

.board #find_id dt { width: 86px; }
.board #find_id dd { width: 108px; }
.board #find_id dd input.text { width: 104px; }
.board #find_id dd.resident_num input.text { width: 47px; }
.board #find_id a.button_block { width: 30px; } /* ÀüüÆø62px(marginÆ÷ÇÔ) */

.board #find_pw { width: 550px; }
.board #find_pw form { width: 420px; }
.board #find_pw dl { width: 420px; }
.board #find_pw dt { width: 86px; }
.board #find_pw dd { width: 320px; }
.board #find_pw dd input.text { width: 100%; }
.board #find_pw dd.resident_num input.text { width: 48px; }

.board #real_name dt { width: 86px; }
.board #real_name dd { width: 108px; }
.board #real_name dd input.text { width: 104px; }
.board #real_name dd.resident_num input.text { width: 47px; }
.board #real_name a.button_block { width: 30px; } /* ÀüüÆø62px(marginÆ÷ÇÔ) */

.board table.gallery { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 6px 0px; border: 1px solid #a5ccd6; 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 #ddd; 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: 130px; min-height: 85px; margin: 0; }
.board table.gallery td img.picture { border: 1px solid #ccc; padding: 4px; margin: 0; }
.board table.gallery td div.subject { width: 120px;   padding: 4px; text-align: left; white-space: normal; margin: 0 5px; background: transparent; }
.board table.gallery td div.hid { width: 120px; height: 2px; font-size:0px; }


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