@charset "euc-kr";

/* ------------------------------
Layout
------------------------------ */

html, body { height: 100%; margin: 0px; padding: 0px; text-align: center; }

body { font-family: µ¸¿ò, µ¸¿òü; font-size: 12px; line-height: 1.3; color: #868686; }
th, td, input, textarea, select { font-size: 12px; }

#header  { height: 720px; }
#body   { position: relative; text-align: left; }
#wrapper { width: 100%; position: absolute; margin-top: -518px; z-index: 1; text-align: center; }
#wrapper table.wrapper { margin: 0px auto; width: 900px; }
#wrapper table.wrapper { table-layout: fixed; }
#wrapper table.wrapper td.sidebar { width: 160px; background-position: left top; background-repeat: no-repeat; }
#footer  { height: 110px; }
#footer	{ background: #fff url('../img/footer_bg.gif') left top repeat-x; }


#swf_subnav { margin-top: 100px; }

/* ------------------------------
Footer
------------------------------ */

#footer { margin-top: 8px; }
#footer img.img-footer { margin-top: 34px; width: 960px; height: 60px; }
div.family-site { position: relative; }
div.family-site select { position: absolute; margin: -49px 0px 0px 220px; font-family: Tahoma, Verdana; font-size: 11px; width: 120px; }

/* ------------------------------
Common Sec.
------------------------------ */

form { margin: 0px; padding: 0px; }
img { border: none; }
.reset { margin: 0px; padding: 0px; text-indent: 0px; line-height: 100%; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.hide { display: none; }
.show { display:; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.pointer { cursor: pointer; }
.check, label { cursor: pointer; }

.small { font-size: 11px; letter-spacing: -1px; }
.strong { font-weight: bold; }

h4.reset { height: 100px; background: url('../img/contents_head.gif') left top no-repeat; }
h4.reset img { margin-left: 60px; height: 70px; }

input, textarea, select { color: #868686;}
input.txt { height: 20px; border: solid 1px #d5d5d5; line-height: 18px; width: 120px; }

textarea { border: solid 1px #d5d5d5; }

a:link { text-decoration: none; color: #868686; }
a:visited { text-decoration: none; color: #868686; }
a:hover { text-decoration: underline; color: #de750f; }
a:active { text-decoration: none; color: #999; }

a.link { color: #de750f; text-decoration: underline; }
a.link:hover { color: #EEBA87; text-decoration: underline; }

/* À̹ÌÁö ¿ÀºêÁ§Æ® °¡·ÎÅ©±â ÁöÁ¤ */
.width { width: 645px; }

/* ¸®½ºÆ® */
dl.table,
dl.table * { margin: 0px; padding: 0px; }
dl.table dt { float: left; clear: left; display: block; }
dl.table dd { float: left; display: block; min-height: 20px; _height: 20px; line-height: 20px; text-align: left; }

/* ------------------------------
Contents
------------------------------ */

/* ÄÁÅÙÃ÷ */
td.contents { padding-bottom: 30px; }
div.bg-body { background: url('../img/contents_body.gif') left bottom repeat-y; min-height: 390px; _height: 390px; }
div.inner-contents { background: url('../img/contents_bottom.gif') left bottom no-repeat; }

/* ³»ºÎ ·¡ÆÛ */
div.wrapper-contents { margin-left: 60px; width: 645px;  }

/* ÇöÀçÀ§Ä¡ */
div.scrubs { position: relative; }
div.scrubs div.inner { position: absolute; margin-top: 44px; padding-right: 10px; width: 710px; text-align: right; font-family: µ¸¿ò, µ¸¿òü; font-size: 11px; letter-spacing: -1px; cursor: default; color: #aaa; }
div.scrubs em { font-style: normal; color: #dc5608; }

/* Sky Scrapper */
#skyscrapper { position: absolute; z-index: 4; height: 1px; margin-top: 0px; margin-left: 699px; width: 69px; }
#skyscrapper div.inner { text-align: center; }


/* ------------------------------
tab
------------------------------ */
div.tab { height: 69px; }
div.tab a { float: left; }


/* ------------------------------
·Î±×ÀÎ Æû
------------------------------ */

div.login-form { height: 487px; background: url('../img/common/loginform.jpg') left top no-repeat; }
div.login-form div.form { margin: 216px 0px 0px 219px; padding-left: 60px; height: 79px; }
div.login-form div.find { margin: 0px 0px 0px 219px; }

/* ------------------------------
¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â
------------------------------ */

div.findid-form { height: 374px; background: url('../img/common/obj_findid_form.gif') left top no-repeat; }
div.findid-form div.inner { margin-top:; float: left; width: 310px; text-align: center; }
div.findid-form div.inner table { margin-top: 120px; }
div.findid-form div.inner table input.txt { width: 180px; }
div.findid-form p { margin: 20px 0px 0px; padding: 0px; }

/* ------------------------------
bbs
------------------------------ */

/* ÀÏ¹Ý */
table.bbs-list { clear: both; width: 645px; text-align: center; border-bottom: solid 1px #e7e7e7; }
table.bbs-list thead tr th { vertical-align: bottom; height: 25px; background: url('../img/common/bbs_head.gif') center top no-repeat; font-size: 11px; letter-spacing: -1px; line-height: 25px; color: #c89824; }
table.bbs-list thead tr td { height: 5px; background: url('../img/common/bbs_head.gif') center bottom no-repeat; }
table.bbs-list thead tr th.first-child { background-position: left top; }
table.bbs-list thead tr th.last-child { background-position: right top; }
table.bbs-list tbody tr td { padding: 4px 3px; background: url('../img/common/dot.gif') left top repeat-x; }
table.bbs-list tbody tr.first-child td { background: transparent; }


/* ¼ö»ó°æ·Â ¼öÁ¤Àü */
div.bbs-paper { background: url('../img/common/bbs_ledge.gif') left bottom no-repeat; table-layout: fixed; }
table.bbs-paper { width: 100%; text-align: center; }
table.bbs-paper div.frame { margin: 0px auto; padding-top: 24px; width: 167px; background: url('../img/common/frame_01.gif') center top no-repeat; }
table.bbs-paper div.frame div.inner { padding: 0px 28px 22px; background: url('../img/common/frame_01.gif') center bottom no-repeat; }
table.bbs-paper div.frame div.inner img.thumb { width: 111px; }
table.bbs-paper div.txt { margin: 0px auto; width: 167px; height: 76px; text-align: center; }
table.bbs-paper div.txt p { margin: 0px; padding: 20px 0px 5px; }
table.bbs-paper div.txt p.btn { margin: 0px; padding: 0px; }
table.bbs-paper div.new { position: relative; width: 167px; text-align: left; }
table.bbs-paper div.new img { position: absolute; z-index: 2; margin: -22px 0px 0px 6px; }

/* ¼ö»ó°æ·Â ¸ñ·Ï */
table.history-list { clear: both; margin: 0px auto; width: 645px; text-align: center; border-bottom: solid 1px #d8d9d3; }
table.history-list thead tr th { height: 25px; font-size: 11px; background: url('../img/common/bbs_head.gif') center top no-repeat; color: #ffeca9; letter-spacing: -1px; line-height: 25px; text-align: center; color: #c89824; }
table.history-list thead tr th.first-child { background-position: left top; text-align: center; }
table.history-list thead tr th.last-child { background-position: right top; text-align: left; }
table.history-list tbody tr td { padding: 10px 0px; background: url('../img/common/dot.gif') left top repeat-x; }
table.history-list tbody tr.first-child td { background: none; }
table.history-list tbody tr td.pic img { width: 113px; height: 113px; border: solid 1px #dcd1c9; }
table.history-list tbody tr td.txt { text-align: left; vertical-align: top; line-height: 1.3; }
table.history-list tbody tr td.txt p { margin: 6px 0px; padding: 0px; }

/* °¶·¯¸® */
table.bbs-gallery { width: 100%; text-align: center; table-layout: fixed; }
table.bbs-gallery tr td.pic { text-align: center; }
table.bbs-gallery tr td.pic a { display: block; margin: 2px auto; padding: 12px 16px 15px 12px; width: 1px; text-align: center; background: url('../img/common/frame_08.gif') left top no-repeat; }
table.bbs-gallery tr td.pic a img { width: 180px; height: 140px; cursor: pointer; }
table.bbs-gallery tr td.pic p { width: 202px; margin: 0px auto; padding: 6px 5px 20px; text-align: right; }
table.bbs-gallery tfoot tr td { height: 1px; background: url('../img/common/bbs_foot.gif') center top no-repeat; }


/* ÀÏ¹Ý */
table.bbs-form { clear: both; width: 645px; table-layout: fixed; border-top: solid 2px #f39b00; border-bottom: solid 1px #d1d1d1; }
table.bbs-form tr th { text-align: left; vertical-align: top; padding: 10px 10px 0px; font-size: 11px; color: #c89a2d; letter-spacing: -1px; background: #fff0cb url('../img/common/dot.gif') left top repeat-x; }
table.bbs-form tr td { vertical-align: middle; padding: 4px 10px; background: url('../img/common/dot.gif') left top repeat-x; }
table.bbs-form tr.first-child th { background: #fff0cb; }
table.bbs-form tr.first-child td { background: none; }
table.bbs-form textarea { width: 90%; height: 100px; }
table.bbs-form tr td span.label { display: inline-block; margin-right: 3px; width: 60px; height: 20px; text-align: right; line-height: 18px;}


/* º¸±â */
table.bbs-view { width: 645px; }
table.bbs-view thead tr th.first-child { height: 25px; background: url('../img/common/bbs_head.gif') left top no-repeat; font-size: 11px; letter-spacing: -1px; color: #c89824; }
table.bbs-view thead tr th.last-child { height: 25px; background: url('../img/common/bbs_head.gif') right top no-repeat; font-weight: normal; }
table.bbs-view thead tr td { height: 25px; line-height: 25px; text-align: center; border-bottom: solid 1px #ddd; }
table.bbs-view thead tr td small { font-size: 11px; letter-spacing: -1px; color: #c89824; }

table.bbs-view tfoot tr td { padding: 0px; }
table.bbs-view tfoot tr.next td { padding-top: 1px; background: url('../img/common/dot_02.gif') left top repeat-x; border-bottom: solid 1px #e7e7e7; }

table.bbs-view tbody tr th { width: 80px;  padding: 4px 10px; background: #faf9fd; border-bottom: solid 1px #e7e7e7; font-size: 11px; text-align: left; }
table.bbs-view tbody tr td { padding: 4px 0px 4px 10px; border-bottom: solid 1px #e7e7e7; }
table.bbs-view tbody tr td.content { padding: 0px; }

/* ±Û³»¿ë */
div.bbs-content { min-height: 200px; _height: 200px; padding: 15px; text-align: left; line-height: 1.4; }

/* 樨毢 */
div.bbs-movie { margin: 20px auto 0px; padding: 10px; width: 10px; border: solid 1px #dcd1c8; }
div.bbs-movie * { width: 300px; height: 200px; }

/* »çÁø */
div.bbs-pic { margin: 20px auto 0px; padding: 10px;  width: 10px; border: solid 1px #dcd1c8; }

/* ´ñ±Û */
table.bbs-view td.comment { text-align: left; padding-top: 20px; }
table.bbs-view td.comment div.form { margin-left: 4px; padding-top: 23px; width: 639px; background: url('../img/common/tit_comment.gif') left top no-repeat; }
table.bbs-view td.comment div.form textarea { width: 558px; height: 50px; }
table.bbs-view td.comment table.list { margin: 4px 0px 10px 4px; width: 639px; }
table.bbs-view td.comment table.list tr th,
table.bbs-view td.comment table.list tr td { vertical-align: top; padding: 10px 4px; background: url('../img/common/bbs_dotline.gif') center top no-repeat; border: none; }
table.bbs-view td.comment table.list tr.first-child th,
table.bbs-view td.comment table.list tr.first-child td { background: none; }

/* Á¤º¸¼öÁ¤ */
table.identity { width: 645px; }
table.identity thead th { height: 9px; background: url('../img/common/idtable_thead.gif') left top repeat-x; }
table.identity thead td { height: 9px; background: url('../img/common/idtable_thead.gif') right top repeat-x; }
table.identity tbody tr th,
table.identity tbody tr td { padding: 2px 10px; height: 24px; border-bottom: solid 1px #e7e7e7; line-height: 22px; }
table.identity tbody tr th { width: 120px; background: #f9f9fd; font-size: 11px; letter-spacing: -1px; text-align: left; }
table.identity td em { font-style: normal; color: #a9abc5; font-size: 11px; letter-spacing: -1px; }
table.identity td span.label { display: inline-block; margin-right: 3px; width: 60px; height: 20px; text-align: right; line-height: 18px; }

/* ------------------------------
button
------------------------------ */
table.table-btn { margin: 10px auto 0px; width: 640px; border: none; }
table.table-btn tr td.left,
table.table-btn tr td.right { width: 20%; }
table.table-btn tr td.left img,
table.table-btn tr td.right img { cursor: pointer; }

div.div-btn { margin: 10px auto 0px; width: 640px; text-align: right; }
div.div-btn img { cursor: pointer; }

/* ------------------------------
pagination
------------------------------ */
div.pagination { text-align: center; }
div.pagination table { margin: 0px auto; }
div.pagination strong { color: #dc730e; }
div.pagination img { margin: 0px 2px; }

/* ------------------------------
seach bar
------------------------------ */
div.search-bar { margin-top: 20px; height: 46px; background: url('../img/common/search.gif') center top no-repeat; text-align: center; }
div.search-bar select { margin-top: 13px; font-size: 11px; letter-spacing: -1px; }
div.search-bar input.btn { margin-top: 10px; }

/* ------------------------------
ÇÁ·¹ÀÓ
------------------------------ */

/* µÕ±Ù ÇÁ·¹ÀÓ */
div.frame-round { background: url('../img/common/frame_07.gif') left top no-repeat; }
div.frame-round div.inner { padding: 10px 0px 0px 10px; }
div.frame-round div.bottom { height: 15px; background: url('../img/common/frame_07.gif') left bottom no-repeat; }

/* ------------------------------
Custom - ¿ì¼ö±³À°¼¾ÅÍ
------------------------------ */

/* ¿ì¼ö±³À°¼¾ÅÍ */
div.good-center { text-align: left; }

/* À̹ÌÁö */
div.good-center div.pic { float: left; width: 341px;}
div.good-center div.pic div.zoom { height: 247px; background: url('../img/common/frame_02.gif') left top no-repeat; }
div.good-center div.pic div.zoom img { margin: 15px 0px 0px 15px; width: 313px; height: 234px; }
div.good-center div.pic div.thumb { padding-bottom: 5px; background: url('../img/common/frame_03.gif') left bottom no-repeat; }
div.good-center div.pic div.thumb table.inner { margin-left: 3px; width: 335px; height: 66px; border: none; table-layout: fixed; }
div.good-center div.pic div.thumb table.inner td { text-align: center; }
div.good-center div.pic div.thumb table.inner td.right { padding-right: 2px; }
div.good-center div.pic div.thumb table.inner td.left { padding-left: 2px; }
div.good-center div.pic div.thumb table.inner table.thumb { table-layout: fixed; }
div.good-center div.pic div.thumb table.inner table.thumb img { width: 60px; height: 50px; }
div.good-center div.pic div.thumb table.inner table.thumb td { text-align: center; width: 25%; }

/* ¼³¸í */
div.good-center div.txt { float: left; padding-left: 16px; }
div.good-center div.txt h4 { margin: 0px; padding: 0px; height: 50px; font-size: 14px; color: #833e00; }
div.good-center div.txt select { margin-top: 16px; }
div.good-center div.txt dl.table dt { width: 60px; }
div.good-center div.txt dl.table dd { width: 220px; min-height: 22px; _height: 22px; line-height: 22px; }

/* »ó¼¼¼³¸í */
div.info-detail { clear: both; background: url('../img/common/border_01.gif') left top no-repeat; }
div.info-detail div.inner { padding: 31px 10px 0px; }
div.info-detail div.bottom { clear: both; height: 31px; background: url('../img/common/border_01.gif') left bottom no-repeat; }

div.info-detail div.paper { float: left; padding-left: 20px; width: 363px; line-height: 1.3; }
div.info-detail div.paper-large { padding-left: 20px; line-height: 1.3; }

div.info-detail div.movie { float: left; width: 248px; height: 165px; background: url('../img/common/movie_frame.gif') left top no-repeat; }
div.info-detail div.movie div.btn { position: relative; clear: both; }
div.info-detail div.movie div.btn img { cursor: pointer; display: inline-block; position: absolute; z-index: 3; margin-left: 204px; }

/* ¿À½Ã´Â±æ */
div.info-map { background-image: url('../img/common/border_02.gif'); }

/* ȸ¿ø°¡ÀÔ ¾à°ü */
div.rule { margin: 10px 0px 10px 10px; padding: 0px; width: 590px; height: 126px; overflow: scroll; overflow-x: hidden; line-height: 1.3; }