@charset "euc-kr";
/* sub page
#2010.06.28. MoonYoungShin. CSS2.1 Valid
*/
/* form Base ¦¡¦¡¦¡¦¡¦¡ ¼­½Ä±âº» */
form,
fieldset,
legend { margin: 0; padding: 0; border: 0; line-height: 1.25; }
input,
select,
textarea,
button { min-height: 15px; margin: 0; padding: 0; font-size: 1em; line-height: 1.25; vertical-align: middle; }/* [IE] color, font, line-height »ó¼Ó¾ÈµÊ */
textarea { padding: 2px 0 0 2px; border: 1px solid #bbb; background: #fff; overflow: auto; }/* textarea´Â ÀζóÀοä¼Ò */
select { min-height: 17px; }/* [OP]³ôÀ̺¸Á¤. [IE6,7]Àû¿ë¹«°ü */
* html select { margin-top: 1px; margin-bottom: 1px; }
*:first-child+html select { margin-top: 1px; margin-bottom: 1px; }
/* input type class */
input.text,
input.file { padding: 2px 2px 1px 2px; border: 1px solid #aaa; background: #fff; }
input.radio,
input.checkbox { margin: 0 1px 2px 0; }
* html input.radio,
* html input.checkbox { width: 13px !important; height: 13px !important; }
*:first-child+html input.radio,
*:first-child+html input.checkbox { width: 13px !important; height: 13px !important; }
input.image { vertical-align: middle; }

/* (Þª)¼­½Ä°ø¿ë ¦¡¦¡¦¡¦¡¦¡ */

/* Button ¦¡¦¡¦¡ ¹öÆ° */

a.button,
input.button,
button.button { display: inline-block; margin: 0; padding: 3px 10px 1px;
border: 1px solid #b8b8b8; background: #fff url(/img/inc/button_bg.png) no-repeat 0 50%; color: #333 !important;
line-height: 1.25; vertical-align: middle; white-space: nowrap; text-decoration: none !important; cursor: pointer; }
img.button { vertical-align: middle; cursor: pointer; }
/* [IE]»óÇÏÆеù°¢°¢-1px, Á¿ìÆеù°¢°¢-6px */
* html input.button { height: 21px; padding: 2px 4px 0 !important; }
*:first-child+html input.button { height: 21px; padding: 2px 4px 0 !important; }
* html button.button { height: 21px; margin-left: 4px !important; padding: 2px 4px 0 !important; }
*:first-child+html button.button { height: 21px; margin-left: 4px !important; padding: 2px 4px 0 !important; }
/* CSS3 :root ¼±ÅÃÀÚ [FF3.5, Sf4, GC3, Op10] »óÇÏÆеù°¢°¢=0, Á¿ìÆеù°¢°¢-3px */
/* :root input.button,
:root button.button { height: 21px; padding: .05em 4px 0 1.09em !important; line-height: 1.59; overflow: hidden; } */

/* ¿ÜºÎ¸µÅ©¹öÆ° */
a.button_outside { display: inline-block; margin: 0; padding: 5px 33px 3px 9px;
border: 1px solid #a3a3a3; background: url(/img/inc/button_outside_bg.png) no-repeat 100% 50%; color: #333 !important;
line-height: 1.25; vertical-align: middle; white-space: nowrap; text-decoration: none !important; cursor: pointer; }
/* Å×À̺íÒ®¹öÆ° */
td a.button { margin: 4px 0; padding: 2px 15px 0 5px; border: 1px solid #303381; background: #fff url(/img/inc/button_intable_bg.png) no-repeat 100% 50%; color: #fff !important; vertical-align: middle; }
/* ´Ù¿î·Îµå */
a.download { width: 48px; height: 19px; padding: 3px 2px 2px 1.1em;
border-bottom: 1px dashed #999; background: #fff url(/img/all/bu06.gif) no-repeat 0 3px; color: #333;
line-height: 1.8; vertical-align: middle; white-space: nowrap; text-decoration: none !important; cursor: pointer; }
/* ´Ü¼ø¸µÅ© */
a.link { padding: 0 0 0 1.1em; color: #333; background: transparent url(/img/all/bu06.gif) no-repeat 0 0;
vertical-align: middle; white-space: nowrap; cursor: pointer; }

/* ÆäÀÌÁö³»ºñ°ÔÀÌ¼Ç : ÅؽºÆ® */
table.page_navi { clear: both; margin: 1em auto; padding: 0; border: 0; border-collapse: collapse; }
table.page_navi td { padding: 0; border: 0 hidden; }
table.page_navi td span { display: inline-block; height: 15px; padding: 3px 8px 2px; background: transparent; line-height: 1.25; }
table.page_navi td a { display: inline-block; height: 15px; padding: 3px 8px 2px; margin:0 2px;border:1px solid #ddd;background: transparent; color: #000 !important; line-height: 1.25; font-weight:bold}
table.page_navi td a:hover { background-color: transparent; }
table.page_navi td.active a,
table.page_navi td a.active { color: #f00 !important; font-weight: bold; text-decoration: underline; }
table.page_navi td.pfirst { border: 0; }
table.page_navi td.pfirst a { padding-left: 14px; background: url(/img/board/p_first.gif) no-repeat 0 40%; }
table.page_navi td.pprev a { padding-left: 12px; background: url(/img/board/p_prev.gif) no-repeat 0 40%; }
table.page_navi td.pnext a { padding-right: 12px; background: url(/img/board/p_next.gif) no-repeat 100% 40%; }
table.page_navi td.plast a { padding-right: 14px; background: url(/img/board/p_last.gif) no-repeat 100% 40%; }
table.page_navi td.pfirst span { padding-left: 14px; background: url(/img/board/p_first.gif) no-repeat 0 40%; }
table.page_navi td.pprev span { padding-left: 12px; background: url(/img/board/p_prev.gif) no-repeat 0 40%; }
table.page_navi td.pnext span { padding-right: 12px; background: url(/img/board/p_next.gif) no-repeat 100% 40%; }
table.page_navi td.plast span { padding-right: 14px; background: url(/img/board/p_last.gif) no-repeat 100% 40%; }
/* ÀÌÀü<>´ÙÀ½ À̹ÌÁö */
table.page_navi tr.img td { padding: 0; border: 0; border-style: none hidden; }
table.page_navi tr.img td.pprev{ padding: 0 20px 0 0; background: transparent; border:0;}
table.page_navi tr.img td.pnext{ padding: 0 0 0 20px; background: transparent; border:0;}
table.page_navi tr.img td.pfirst,
table.page_navi tr.img td.plast { padding: 0; background: transparent; border:0;}
table.page_navi tr.img td.pfirst a,
table.page_navi tr.img td.pprev a,
table.page_navi tr.img td.pnext a,
table.page_navi tr.img td.plast a { height: auto; padding: 0; background: transparent; border:0;}
table.page_navi tr.img td.pfirst a:hover,
table.page_navi tr.img td.pprev a:hover,
table.page_navi tr.img td.pnext a:hover,
table.page_navi tr.img td.plast a:hover { background: transparent; }
table.page_navi tr.img td img { vertical-align: middle; }
* html table.page_navi tr.img td img { margin: 0 0 3px 0; }
table.page_navi tr.img td.first { padding: 0; background: transparent; }
table.page_navi tr.img td.last {  }
table.page_navi tr.img td.pfirst img { width: 46px; height: 13px; }
table.page_navi tr.img td.pprev img { width: 42px; height: 13px; }
table.page_navi tr.img td.pnext img { width: 42px; height: 13px; }
table.page_navi tr.img td.plast img { width: 46px; height: 13px; }

/* ´Þ·Â : ¼¿ÀüüŬ¸¯ */
.calendar { width: 720px/* ÀÔ·Â */; margin: 1em auto; }
.calendar caption { display: none; }
.calendar .month { padding: 6px 0; text-align: center; }
.calendar .month * { display: inline; margin: 0; padding: 0; background: 0; letter-spacing: 0; }
.calendar .month img { width: 42px; height: 13px; margin: 0 6px 3px; vertical-align: middle; }
.calendar table { width: 100%; height: 340px/* ÀÔ·Â */; margin: 0; border: 0; border-collapse: collapse; border-top: 2px solid #777; line-height: 1.25; }
.calendar table tr { text-align: left; }
.calendar table th,
.calendar table td { width: 14.29%; padding: 0; border: 1px solid #ddd; vertical-align: top; }
.calendar table th,
.calendar table tr.day td { height: 15px; padding: 3px 6px 1px 6px; background: #f4f4f4; font-weight: bold; text-align: center; }
.calendar table td a,
.calendar table td span { display: block; height: 48px/* ÀÔ·Â */; margin: 0; padding: 3px 6px 1px 6px; background: #fff; }
/* height = ((Å×À̺íÀüü³ôÀÌ340-°¡·Î¶óÀÎÀüüµÎ²²9-¿äÀϳôÀÌ¿ÍÆеù19)/6)-¼¿¼¼·ÎÆеù4 = 48 */
.calendar table td a { text-decoration: underline !important; }
.calendar table td a:hover { background: #ffc; }
.calendar table .sun,
.calendar table .sun a,
.calendar table .sun span { color: #f05 !important; }
.calendar table .sat,
.calendar table .sat a,
.calendar table .sat span { color: #07c !important; }
.calendar table .today { background: #efd; }
.calendar table td * a { display: inline; width: auto; height: auto; margin: 0; padding: 0; background: transparent; }

/* ´Þ·Â : ±â°£¼±Åÿë */
.calendar2 { position: relative; width: 183px; padding: 4px; border: 1px solid #bbb; background: #fcfcfc; text-align: left; }
.calendar2 table { width: auto; margin: 2px 0 0 0; border: 0; border-collapse: collapse; }
.calendar2 table tr { text-align: center; }
.calendar2 table td { width: 25px; padding: 2px 0 0px; border: 1px solid #ddd; color: #666; }
.calendar2 table th { padding: 2px 0 0px; border: 1px solid #ddd; color: #666; background: #eee; font-weight: bold; }
.calendar2 table .sun,
.calendar2 table .sun a { color: #f40 !important; }
.calendar2 table .sat,
.calendar2 table .sat a { color: #07d !important; }
.calendar2 table .today { font-weight: bold; }
.calendar2 table td a {  }
.calendar2 table td a:hover {  }
.calendar2 .yearmonth {  }
.calendar2 .close { position: absolute; right: 4px; top: 4px; }
/* ±â°£½ÃÀÛÁ¾·á */
#from_date { display: none; position: absolute; left: 90px; top: 32px; }
#to_date { display: none; position: absolute; left: 218px; top: 32px; }

/* Board ¦¡¦¡¦¡¦¡¦¡ °Ô½ÃÆÇ [Markup] <div class="board">..</div> */

/* Board Base ¦¡¦¡¦¡ */
.board { clear: both; width: 100%; margin: 0 auto; }
.board a { text-decoration: none; }
.board a:link,
.board a:visited { color: #333; }
.board a:hover, a:active, a:focus { color: #000; text-decoration: underline; }
.board img { vertical-align: middle; }

/* °Ô½ÃÆÇ Á¤º¸¸Þ´º ´ã±â */
.board .infomenu { z-index: 10; clear: both; position: relative; width: 100%; margin: 0; padding: 0; }
.board .infomenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

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

.board .totalpage {  }
.board .totalpage em {  }

/* °Ë»ö */
.board .search fieldset legend { }

/* ÆäÀÌÁö³»ºñ°ÔÀÌ¼Ç ´ã±â */
.board .page { clear: both; margin: -2px 0 0.75em 0; padding: 1em 0 0 0; border-bottom: 0 solid #eee; background: url(/img/board/line2.gif) repeat-x; color: #ccc; }
.board .page table.page_navi { margin: 0.75em auto 0; }

/* Board Base ¦¡¦¡¦¡ */

/* ¸ñ·Ï table */
.board table.basic { clear: both; width: 100%; margin: 3px 0; border: 0 !important; border-collapse: collapse; border-bottom: 1px solid #bfbfbf; }
.board table.basic * { border: 0; }
.board table.basic thead.tb tr,
.board table.basic tbody.tb tr { line-height: 1.25; text-align: center; }
.board table.basic tbody.tb td,
.board table.basic tbody.tb th { padding: 7px 15px 5px; border-style: none hidden; border-bottom: 1px solid #e0e0e0; font-weight: normal; white-space: nowrap; }
.board table.basic thead.tb th { padding: 9px 15px 10px; border-style: none hidden; border-bottom: 1px solid #fff; background: url(/img/board/th_bg.gif) 0 50%; color: #555; font-weight: bold; letter-spacing: -1px; white-space: nowrap; }
.board table.basic thead.tb th.first { padding-left: 3px; padding-right: 0; border-left: 0 solid #ccc; background: url(/img/board/thead_bg.gif) 0 50%; }
.board table.basic thead.tb th.first div { padding-left: 15px; padding-right: 15px; }
.board table.basic tbody.tb td.first { padding-left: 18px; }
.board table.basic thead.tb th.last { padding-left: 0; padding-right: 3px; border-right: 0 solid #ccc; background: url(/img/board/thead_bg.gif) 100% 50%; }
.board table.basic thead.tb th.last div { padding-left: 15px; padding-right: 15px; background: url(/img/board/th_bg.gif) 0 50%; }
.board table.basic tbody.tb td.last { padding-right: 18px; }
.board table.basic tbody.tb td.subject { text-align: left; white-space: normal; }/* Á¦¸ñ */
.board table.basic thead.tb th.subject { text-align: left; white-space: normal; }/* Á¦¸ñ - ³»¿ë¿¡¼­Á¦¸ñÃß°¡ */
.board table.basic tbody td.substance { padding: 1.4em 5px; } /* º»¹® ¾È¿¡´Â class="tb" ¾øÀÌ ÄÚµå ºÙ¿©³ÖÀº ½ºÅ¸ÀÏÀ» ±×´ë·Î µû¶ó°£´Ù. */
.board table.basic tbody td.attach { text-align: left; padding: 7px 5px; border-top: 1px dashed #e0e0e0; white-space: normal; } /* ÷ºÎ */
.board table.basic tbody td.attach a { margin-left: 4px; }
.board table.basic tbody.tb tr:hover { background: #fafafa; }/* IE6ÀÌÇϺҰ¡ */

/* divÇü Á¦¸ñ¹Ù */
.board div.title { display: block; clear: both; width: 98%; padding: 0 0 0 2%; background: url(/img/board/thead_bg.gif) no-repeat; line-height: 1.25; overflow: hidden; }
.board div.title h3 { position: relative; width: 96%; height: 15px; margin: 0; padding: 9px 2% 10px 2%; border: 0; background: url(/img/board/thead_bg.gif) no-repeat 100% 0; font-size: 1em; letter-spacing: 0; text-align: left; color:#8A87F1; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap;}
.board div.title h3 span { display: inline; float: left; margin: 0 1.5% 0 0; padding: 0 2% 0 0; background: url(/img/board/th3bg.gif) no-repeat 100% 1px; color: #333; font-weight: bold; }
.board div.titleno { clear: both; width: 100%; padding: 0; background: #928ff5; font-size: 0; text-indent: -9999px; }
.board div.titleno * { height: 2px; margin: 0; padding: 0 2% 0 0; background:transparent}

/* ¸ñ·Ï °¶·¯¸® */
.board .gallery { clear: both; margin: 0; padding: 0; text-align: center; }
.board .gallery table { width: 100%; margin: 0 auto; border: 0; border-collapse: collapse; border-bottom: 1px solid #d8d8d8; }
.board .gallery table * { border: 0; }
.board .gallery table td { padding: 15px 5px 10px; border-style: none hidden; border-bottom: 0px solid #d8d8d8; vertical-align: top; }
.board .gallery .pic { display: block; position: relative; width: 142px; height: 107px; margin: 0 auto 5px; overflow: hidden; }
.board .gallery .pic img { position: absolute; left: 8px; top: 7px; width: 126px; height: 91px/* auto°ªÀº[IE6]¸¸¿À·ù */; vertical-align: top; }
.board .gallery .pic .mask { position: absolute; left: 0; top: 0; width: 142px; height: 107px; background: url(/img/board/pic_bg.gif) no-repeat 0 50%; }
.board .gallery span.subject { display: block; color: #457; line-height: 1.25; letter-spacing: -1px; text-align: center; }
.board .gallery a { display: block; cursor: pointer; }
/* ¸ñ·Ï °¶·¯¸®1,2 */
.board .gallery table td.picture { width: 1%; }
.board .gallery table td.subject { padding: 23px 10px 10px 5px; text-align: left; }
.board .gallery table td.subject div.date { float: right; }
.board .gallery table td.subject strong { color: #457; letter-spacing: -1px; }
.board .gallery table td.subject p { margin: 0; padding: 3px 0 0 0; line-height: 1.5; }
/* ¸ñ·Ï °¶·¯¸® È¥ÇÕ1 */
.board .gallery table.basic td { vertical-align: middle; }
.board .gallery table.basic td.subject { padding-left: 0; }
.board .gallery table.basic td.subject a { display: block; line-height: 2; }
.board .gallery table.basic td.subject strong {  }
.board .gallery table.basic td.subject .text { display: block; padding: 0 0 3px 0; line-height: 1.34; }
.board .gallery table.basic .pic { display: block; position: relative; width: 97px; height: 75px; margin: 4px 0 6px; overflow: hidden; }
.board .gallery table.basic .pic img { position: static; width: 89px; height: 67px; padding: 3px; background: #eee; border: 1px solid #ddd; vertical-align: top; }
.board .gallery table.basic .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; }

/* ±Û¾²±â¿ë */
.board table.basic thead.write th.first { padding-left: 13px; text-align: left; }
.board table.basic tbody.write td { padding: 0 0 10px 0; text-align: left; }

/* ³»¿ë div À¯µ¿ - [IE] ¹èÄ¡¿ÀÂ÷. Àüü width: 380px; ¹Ì¸¸½Ã IEº¸Á¤ ÇÊ¿ä */
.board div.view { clear: both; width: 100%; margin: 0 auto /* .67em */; border-bottom: 0 solid #e0e0e0; }
.board div.view .info dl { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.board div.view .info dl dt { display: inline; float: left; width: 12.8%/* IEº¸Á¤ */; margin: 0; padding: 8px 1.5% 4px 3%; border-bottom: 1px solid #e0e0e0; background: #fff url(/img/board/view_dt_bg.gif) no-repeat 1em 0; color: #6766CA; line-height: 1.25; text-align: left; }
.board div.view .info dl dd { display: inline; float: left; width: 80%/* Æø¼öÁ¤ */; margin: 0; padding: 8px 1% 4px 1.5%; border-bottom: 1px solid #e0e0e0; background: #fff url(/img/board/view_dd_bg.gif) no-repeat; color:#333; line-height: 1.25; white-space: nowrap; overflow: hidden; /* text-overflow: ellipsis; -o-text-overflow: ellipsis; */ }
.board div.view .info dl dd img { vertical-align: middle; margin: 0 0 4px; }
.board div.view .info dl.attach { position: relative; top: -1px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #fff; }
.board div.view .info dl.attach dt,
.board div.view .info dl.attach dd { border: 0; }
.board div.view .info dl.attach dd ul { list-style: none; margin: 0; padding: 0; }
.board div.view .info dl.attach dd ul li { margin: 0 4px 4px 0; padding: 0; white-space: nowrap; }
.board div.view .info dl.attach dd img { vertical-align: middle; margin: -3px 0 2px; }
.board div.view .substance { min-height: 136px; padding: 1.8em 0 2em; /* word-wrap: break-word; */ }
* html .board div.view .substance { height: 136px; }/* ±âº»ÀԷ¼¼·Î°ø°£ */
.board div.view .info dl.col4 dt { }
.board div.view .info dl.col4 dd { width: 30%/* Æø¼öÁ¤ */; }
.board div.view object { vertical-align: top; }

/* ÀÌÀü±Û´ÙÀ½±Û À¯µ¿ - [IE] ¹èÄ¡¿ÀÂ÷ */
.board dl.go { clear: both; width: 100%; margin: 1em auto; padding: 0; overflow: hidden; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.board dl.go dt { display: inline; float: left; width: 12.8%/* IEº¸Á¤ */; margin: 0; padding: 6px 1% 4px 3.5%; background: #f9f9f9; font-weight: bold; line-height: 1.25; text-align: left; }
.board dl.go dt.prev { background: #f9f9f9 url(/img/board/go_dt_prevbg.gif) no-repeat; }
.board dl.go dt.next { padding-top: 7px; background: #f9f9f9 url(/img/board/go_dt_nextbg.gif) no-repeat; }
.board dl.go dd { display: inline; float: left; width: 80%/* Æø¼öÁ¤ */; margin: 0; padding: 6px 1% 4px 1.5%; line-height: 1.25; }
.board dl.go dd.next { padding-top: 7px; background: url(/img/board/go_dd_bg.gif) repeat-x; }

/* ³»¿ë À̹ÌÁö,Ç÷¡½Ã */
.board div.view .substance img.picture { display: block; margin: 1.8em auto 1.8em; padding: 6px; border: 4px solid #eee; }
.board div.view .substance div.flash { display: block; width: 320px; height: auto; margin: 1.8em auto 1.8em; padding: 0; border: 4px solid #e4e4e4; }
/* ³»¿ë µ¿¿µ»ó - floatÇØÁ¦ */
div.moviebox { width: 582px; margin: 1.8em auto 1.8em; padding: 0; border: 1px solid #d4d4d4; overflow: hidden; }
div.moviebox div.movie { float: left; display: inline; width: 320px; height: 310px; border: 4px solid #e4e4e4; }
div.moviebox div.caption { float: left; display: inline; width: 230px; height: 290px; padding: 10px; border: 4px solid #e4e4e4; border-left: 0; overflow: auto; }

/* »çÁø°¶¸®¸®¼³¸íÃß°¡ */
div.photoView { width: 400px; margin: 0 auto; }
div.photoView img.picture { display: block; margin: 1.8em auto 1.8em; padding: 6px; border: 4px solid #eee; }
div.photoDesc { margin: 0 auto; padding: 10px; border: 2px solid #ccc; border-width: 1px 0; }
div.photoDesc table { margin-left: 10px; }
div.photoDesc table th { padding-right: 10px; font-weight: normal; text-align: left; }

/* ¾²±â div À¯µ¿ - [Sf3] ¹èÄ¡¿ÀÂ÷ */
.board div.write div.fieldset { position: relative; margin: 0; padding: 0; overflow: hidden; border-bottom: 2px solid #bfbfbf; background: #fff; line-height: 1.25; }
.board div.write fieldset { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.board div.write legend { display: none; }
.board div.write div.item { clear: both; position: relative; width: 76%/* itemÆøÀÔ·Â */; height: auto; top: -1px; margin: 0; padding: 4px 2% 4px 22%/* Æø°è»ê=(100%-itemÆø76-¿ìÆеù2) */; border-top: 1px solid #e0e0e0; }
.board div.write div.item .head { display: block; position: absolute; left: 0; top: 0; width: 14%/* headÆø=(itemÁÂÆеù22-item¿ìÆеù2-Á¿ìÆеù6) */; height: 100%; margin: 0; padding: 6px 2.5% 2px 3.5%; background: #f5f5f5 url(/img/board/view_dt_bg.gif) no-repeat 1em -3px; text-align: left; white-space: nowrap; color:#333}
/* 2´Ü¹è¿­ [Sf3]¿ÀÂ÷¹ß»ý */
.board div.write form .fieldset div.left,
.board div.write form .fieldset div.right { clear: none; float: left; display: inline; width: 25.9%/* 2´ÜitemÆø=(50%-item¿ìÆеù2-itemÁÂÆеù22) */; }
.board div.write form .fieldset div.left .head,
.board div.write form .fieldset div.right .head { width: 28%/* 2´ÜheadÆø=(headÆø14%*2) */; padding-right: 3.5%; padding-left: 7.5%; }
/* ³»¿ë±Û¿µ¿ªÈ®Àå */
.board div.write div.expand { width: 96%/* itemÆøÀÔ·Â */; margin: 0; padding: 4px 2% 4px 2%; background: #fff; }
.board div.write div.expand .head { display: none !important; }
/* [IE6]º¸Á¤ position: absolute; ÀÏÁö¶óµµ »óÀ§ ÆøÀ» »ó°è.. div.item Æø¸¸Å­ ³ª´©±â */
/* IE6°ª=(headÆø14%/(itemÆø0.76)) */
/* ¹è°æ³ôÀÌ°ªÀÌ 34pxÀÏ°æ¿ì padding°ªÀ» ¼öÁ¤ÇؾßÇÔ -> padding: 6px 2.63% 7px 5.26%; */
* html .board div.write div.item .head { width: 18.42%; padding: 6px 3.13% 2px 4.76%; }
* html .board div.write form .fieldset div.left .head, 
* html .board div.write form .fieldset div.right .head { width: 53.84%/*Æø¼öÁ¤*/; padding-right: 8.19%; padding-left: 14.78%; }/* IE6°ª=(2´ÜheadÆø28%/(2´ÜitemÆø0.26*2)) */

/* ¾²±â °øÅë */
.board span.required { color: #f30; }
.board .explain { margin: 0; padding: 3px 0; color: #6766ca; font-size: 1em; letter-spacing: 0; }
.board .write input.w100 { margin-right: -2%; }
.board .write input.file { width: 100%; }
.board .write textarea { width: 100%; height: 150px; margin: 0; }

/* ¾²±â table */
.board table.write { clear: both; width: 100%; margin: 0; border: 0; border-collapse: collapse; border-bottom: 2px solid #bfbfbf; line-height: 1.25; }
.board table.write tr { text-align: left; }
.board table.write tr.first td { padding-top: 6px; }
.board table.write tr.first th { padding-top: 8px; background-position: 1em 0; }
.board table.write tr.last td { padding-bottom: 3px; }
.board table.write tr.last th { padding-bottom: 3px; }
.board table.write td { padding: 3px 10px 3px 10px; border: 0; border-style: none hidden; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
.board table.write td p { margin: 0; padding: 0; }
.board table.write td.text { padding: 5px 10px 3px 10px; }
.board table.write th { border: 0; background: transparent; font-weight: normal; vertical-align: top; }
.board table.write th.item { /* width: 90px; colgrouop, col ¿ä¼Ò¿¡ ½ºÅ¸ÀÏ ÁöÁ¤½Ã td, th ½ºÅ¸ÀÏÀÌ ¿ì¼±À̹ǷΠÁÖÀÇ */
padding: 5px 10px 3px 22px; border-bottom: 1px solid #e0e0e0; background: #f5f5f5 url(/img/board/view_dt_bg.gif) no-repeat 1em -3px; color: #333; text-align: left; }

 /* [IE6,7]3pxº¸Á¤ */
* html .board table.write td.text { padding-top: 3px; }
*:first-child+html .board table.write td.text { padding-top: 3px; }

/* ´ñ±Û-¾²±â */
.board .comment_write { clear: both; width: auto; margin: 1em 0 6px 0px; padding: 6px 8px; border: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #ddd; background: #fcfcfc; }
.board .comment_write fieldset { margin: 0; padding: 0; border: 0; }
.board .comment_write legend { display: none; }
.board .comment_write input.text { width: 60px; }
.board .comment_write p { margin: 2px 0 0 0; padding: 0; }
.board .comment_write textarea { width: 90%; height: 25px; }
/* ´ñ±Û-¸ñ·Ï */
.board table.comment { clear: both; width: 100%; margin: 3px 0 0 0; border: 0; border-collapse: collapse; border: 1px solid #bbb; border-width: 0 0 0 0; }
.board table.comment * { border: 0; }
.board table.comment tr { text-align: center; }
.board table.comment th,
.board table.comment td { border-style: none hidden; border-bottom: 1px solid #ddd; padding: 4px 6px 1px 6px; white-space: nowrap; }
.board table.comment th { background: #fcfcfc; font-weight: normal; }
.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 input.text { width: 100px; }

/* ·Î±×ÀÎ */
.board .login { width: 401px; margin: 0 auto; padding: 20px 0 0; background:url(/img/board/loginboxbg.gif) no-repeat;overflow:hidden}
.board .wrap { width: auto; padding: 0 24px 29px; background:url(/img/board/loginboxbbg.gif) no-repeat 0 100%}
.board .login h3{background:none;color:#007130;margin-top:6px;padding-left:0;font: bold 1.27em/1.2 "µ¸¿ò";}
.board .login .explain { margin: 0; padding: 1.3em 0; }
.board .login ul { list-style: none; margin: 0; padding: 0; text-align: left; }
.board .login ul li { position: relative; margin: 0; padding: 0 0 0 1.3em; background: url(/img/board/login_libg.gif) no-repeat 1px .2em; }
.board .login form {  } /* form ű׿¡´Â CSS Àû¿ëÇÏÁö¸¶¼¼¿ä.. ÇÁ·Î±×·¡¸Ó¿äû */
.board .login div.fieldset { position: relative; width: 353px; margin: 0; padding: 20px 0 0;background:url(/img/board/loginfieldbg.gif) no-repeat;overflow:hidden}
.board .login div.fieldset_wp { position: relative; margin: 0; padding: 0 0 20px;background:url(/img/board/loginfieldbg.gif) no-repeat 0 100%}
.board .login fieldset { margin: 0; padding: 0; border: 0;}
.board .login legend { display: none; }
.board .login p { height: 26px; margin: 0 0 0 48px; padding: 0; }
.board .login p.login-id {}
.board .login p.login-pw {}
.board .login p.login-id label,
.board .login p.login-pw label {  float:left; width:56px !important;padding:5px 0 6px 9px; background:url(/img/board/login_labelbg.gif) no-repeat 0 10px !important;letter-spacing:-1px;line-height:1.25;}
.board .login p.button { float:right; margin: 0; padding: 0; vertical-align: baseline; }
.board .login input.text { width: 150px; }
.board .login p.login_menu { height: 24px !important; clear: both; margin: 1em auto 0; padding: 4px 0 0 0; text-align: center; }

/* ½Ç¸í, ¾ÆÀ̵ð ã±â */
.board .login p.real_name { padding: 0 0 0 4em; }
.board .login p.real_name input.text { width: 132px !important; }
.board .login p.resident_num {  }
.board .login p.resident_num input.text { width: 60px !important; }
.board .login p.explain01 {   margin: 0 auto 0; padding: 0 12px 0 12px; text-align: left; }
.board .login p.login_menu01 { height: 24px !important;  margin: 3em auto 0; padding: 4px 0 0 0; text-align: center; }
.board .login p.login_menu02 {  margin: 0.5em auto 0; padding: 4px 0 0 0; text-align: center; }
.board .login p.login_menu02 input.image { margin: 0 auto 0; text-align: center;  }

/* ºñ¹Ð¹øÈ£ ã±â */
.board .login select { width: 250px; }
.board .login p.question,
.board .login p.questionD,
.board .login p.answer { padding: 0 0 0 2em; }
.board .login p.question label { display: none; }
.board #find_pw p.button { position: absolute; left: 251px; top: 100px; width: 51px; height: 45px; margin: 0; padding: 0; }

/* [»õ â]¼­½Ä */
.openform { width: 90%; margin: 0 auto; padding: 20px 0; text-align: center; }
.openform .zipcode { position: relative; width: 90%; margin: 0 auto; padding: 20px 4%; border: 5px solid #bbb; background: #fff; }
.openform fieldset { margin: 0; padding: 0; border: 0; }
.openform legend { display: none; }
.openform select { width: 100%; height: auto; margin: 0 auto; }

/* ºñ¹Ð¹øÈ£ È®ÀÎ */
.board .pwconfirm { position: relative; width: 616px; height: 235px; margin: 1em auto; background: url(/img/board/pwconfirm_bg.jpg) no-repeat; }
.board .pwconfirm h3,
.board .pwconfirm p.explain { display: none; }
.board .pwconfirm .fieldset { position: absolute; left: 272px; top: 132px; margin: 0; padding: 0; background: transparent; }
.board .pwconfirm .fieldset p { margin: 0 0 1em 0; padding: 0; }

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