@charset "euc-kr";
/* ------------------------------------------
* Filename: import.css
* Description: base cascade style sheet
* Website: http://site.com/
* Author: riix
* Update: 2009-11-11
------------------------------------------ */

/* ------------------------------
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: 254px; position: relative; z-index: 1;  }
#body   { min-height: 100%; margin: -254px 0px -110px 0px; }
* html #body { height: 100%; } /* Win IE 4~6, Mac IE 4~5 */
#wrapper { padding: 254px 0px 166px 0px; }
#footer  { height: 110px; }

#header  { background: url('../img/bg_center.jpg') center top repeat-x; }
#wrapper { background: url('../img/bg_center.jpg') center top repeat-x; }
#footer	{ background: #fff url('../img/footer_bg.gif') left top repeat-x; }

#wrapper table.wrapper { margin: 0px auto; width: 960px; min-height: 400px; _height: 400px; border: none; table-layout: fixed; }
#wrapper table.wrapper td.sidebar { width: 310px; background-position: left top; background-repeat: no-repeat; }

/* ------------------------------
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; }

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: 650px; }

/* ¸®½ºÆ® */
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 { }
td.contents div.inner-contents { margin-top: 86px; }

/* ÇöÀçÀ§Ä¡ */
div.scrubs { position: relative; }
div.scrubs div.inner { position: absolute; margin-top: 20px; padding-right: 10px; width: 650px; 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: 200px; margin-left: 652px; }
#skyscrapper div.inner { text-align: center; }


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

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

/* ÀÏ¹Ý */
table.bbs-list { clear: both; width: 650px; text-align: center; }
table.bbs-list tr th { height: 31px; font-size: 11px; background: url('../img/common/bbs_head.gif') center top no-repeat; color: #ffeca9; letter-spacing: -1px; line-height: 32px; text-align: center; }
table.bbs-list tr th.first-child { background-position: left top; }
table.bbs-list tr th.last-child { background-position: right top; }
table.bbs-list tr td { height: 24px; background: url('../img/common/bbs_dotline.gif') center top no-repeat; }
table.bbs-list tr td.left { padding-left: 10px; text-align: left; }
table.bbs-list tr td.first-child { background-position: left top; }
table.bbs-list tr td.last-child { background-position: right top; }
table.bbs-list tr.first-child td { background: none; }
table.bbs-list tfoot tr td { height: 1px; background: url('../img/common/bbs_foot.gif') center top no-repeat; }

/* ¼ö»ó°æ·Â - ¼öÁ¤Àü */
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; width: 650px; text-align: center; border-bottom: solid 1px #d8d9d3; }
table.history-list thead tr th { height: 31px; font-size: 11px; background: url('../img/common/bbs_head.gif') center top no-repeat; color: #ffeca9; letter-spacing: -1px; line-height: 32px; text-align: center; }
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: 10px; width: 182px; text-align: center; border: solid 1px #dcd1c9 !important; }
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: 650px; 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: #d88021; letter-spacing: -1px; background: #fdfaf1 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: #fdfaf1; }
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 { clear: both; width: 650px; text-align: center; table-layout: fixed; }
table.bbs-view thead tr th { height: 31px; font-size: 11px; background: url('../img/common/bbs_head.gif') center top no-repeat; color: #ffeca9; letter-spacing: -1px; line-height: 32px; text-align: center; }
table.bbs-view thead tr th.first-child { background-position: left top; }
table.bbs-view thead tr th.last-child { background-position: right top; }
table.bbs-view thead tr th.left { }
table.bbs-view thead tr td { height: 23px; }
table.bbs-view thead tr td small { font-size: 11px; font-weight: bold; color: #9D580D; letter-spacing: -1px; }
table.bbs-view tfoot tr td { padding: 6px 0px 4px; text-align: left; background: url('../img/common/bbs_foot.gif') center top no-repeat; font-size: 11px; }
table.bbs-view tfoot tr.prev td { text-align: left; }
table.bbs-view tfoot tr.next td { text-align: left; background: url('../img/common/bbs_foot.gif') center bottom no-repeat; }
table.bbs-view tfoot tr.dot td { padding: 0px; height: 1px; background: url('../img/common/bbs_dotline.gif') center top no-repeat; }

/* ±Û³»¿ë */
table.bbs-view tbody tr td.content { background: url('../img/common/bbs_foot.gif') center top no-repeat; }
div.bbs-content { min-height: 100px; _height: 100px; padding: 15px; text-align: left; line-height: 1.4; }

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

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

/* ´ñ±Û */
table.bbs-view td.comment { text-align: left; }
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: 567px; 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; }
table.bbs-view td.comment table.list tr.first-child th,
table.bbs-view td.comment table.list tr.first-child td { background: none; }

/* ------------------------------
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; }

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

/* ºÐ¿øã±â °Ë»öºÎ */
div.search-center { font-size: 11px; font-weight: bold; background: url('../img/common/search_center.gif') left top no-repeat; }
div.search-center select { width: 90px; margin-right: 5px; }
div.search-center input.txt { width: 180px; }
div.search-center input.btn { margin-top: 8px; }

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

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

/* À̹ÌÁö */
div.good-center div.pic { float: left; width: 343px; }
div.good-center div.pic div.zoom { height: 263px; 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 { margin-top: 8px; background: url('../img/common/frame_03.gif') left top 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; }

/* »ó¼¼¼³¸í */
div.info-detail { clear: both; background: url('../img/common/border_01.gif') left top no-repeat; }
div.info-detail div.inner { padding: 10px 10px 0px; }
div.info-detail div.bottom { clear: both; height: 10px; background: url('../img/common/border_01.gif') left bottom no-repeat; }
div.info-detail div.paper { float: left; width: 412px; }
div.info-detail div.paper div.paper-inner { padding: 24px 24px 10px; min-height: 151px; _height: 151px; background: url('../img/common/frame_04.gif') left top no-repeat; line-height: 1.3; }
div.info-detail div.paper div.paper-bottom { height: 10px; background: url('../img/common/frame_04.gif') left bottom no-repeat; }
div.info-detail div.paper-large { width: 630px; }
div.info-detail div.paper-large div.paper-inner { padding: 10px 10px 0px; min-height: 151px; _height: 151px; background: url('../img/common/frame_05.gif') left top no-repeat; }
div.info-detail div.paper-large div.paper-bottom { height: 10px; background: url('../img/common/frame_05.gif') left bottom no-repeat; }
div.info-detail div.movie { float: left; width: 218px; height: 161px; 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-top: 130px; }

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