@charset "utf-8";
*							{ margin: 0; padding: 0; list-style: none; -webkit-text-size-adjust: 100%;}
body						{ background: url(./images/background.png) repeat top left;}
body, input, textarea		{ color: #333; font-size: 12px; font-family: Helvetica, AppleGothic, 돋움, Dotum, Arial, sans-serif;}
a							{ color: #333; font-weight: bold; text-decoration: none;}
a:hover						{ color: #419f9e;}
hr							{ display: none;}
img							{ border: 0 none;}
table						{ border-collapse: collapse;}
.iphone, ipad, .youtube_iphone, .youtube_ipad { display: none;}

/* Layout */
#wrap						{ background: url(./images/background_content.png) repeat-y top center; width: 828px; margin: 0 auto; position: relative;}
#wrap_end					{ background: url(./images/background_footer.png) no-repeat bottom center;}
#container					{ background: url(./images/background_header.png) no-repeat top center; width: 640px; padding: 80px 94px 38px 94px;}
#header						{ height: 74px; margin-bottom: 15px;}
#footer						{ height: 50px; margin-top: 10px; border-top: 1px solid black;}

/* Header Menu & Comment Button */
#header h1					{ margin: 0 0 20px 5px; width: 420px; height: 35px; overflow: hidden;}
#header h1 a				{ background: url(./images/title.png) no-repeat top left; float: left; overflow: hidden; padding: 35px 0 0 0; width: 420px; height: 0px !important;}
#header ul					{ width: 640px; height: 18px; border-top: 1px solid black; border-bottom: 1px solid black;}
#header li					{ display: inline;}
#header li, #btnComment		{ height: 18px; overflow: hidden;}
#header li a				{ float: left;}
#header li a, #btnComment a	{ overflow: hidden; padding: 18px 0 0 0; height: 0px !important;}
#btnAbout a					{ background: url(./images/header_About.png) no-repeat top left; width: 49px; margin-right: 10px;}
#btnFAQ a					{ background: url(./images/header_FAQ.png) no-repeat top left; width: 33px; margin-right: 10px;}
#btnIndex a					{ background: url(./images/header_Index.png) no-repeat top left; width: 45px; margin-right: 10px;}
#btnGuestbook a				{ background: url(./images/header_Guestbook.png) no-repeat top left; width: 76px;}
#btnComment					{ margin-bottom: 10px;}
#btnComment a				{ background: url(./images/btn_Comment.png) no-repeat top left; width: 62px; float: right;}
#header li a:hover, #btnComment a:hover { background-position: 0 -18px;}

/* Content */
#content					{ word-wrap: break-word;}
#searchList li				{ margin-top: 10px; padding: 10px; border: 1px solid black;}
.article h1					{ font-size: 16px; margin-top: 30px; text-align: right;}
h2							{ font-size: 14px; font-weight: bold;}
h3							{ font-size: 12px; font-weight: bold;}
.article					{ margin-bottom: 15px; text-align: justify; line-height: 170%;}
#entryProtected				{ text-align: center; padding: 20px 0 17px 0;}
#passwordBox input			{ padding: 1px 3px; width: 70px; border: 1px solid black;}
#passwordSubmit input		{ margin-top: 3px; border: 0 none; background-color: white; font-size: 11px;}

/* Comment & Guestbook List */
.guest_general, .guest_admin, .guest_secret, .rp_general, .rp_admin, .rp_secret { padding: 10px 0;}
#guestbook .commentList li	{ margin-bottom: 15px; padding: 0 10px; border: 1px solid black;}
.comment .commentList li	{ padding: 0 5px; border-top: 1px dashed black;}
#guestbook .commentList li ul li { margin-top: 10px;}
#guestbook .commentList li ul li, .comment .commentList li ul li { padding-left: 20px; background: url(./images/reply.png) no-repeat top left;}
.date, .control a			{ color: #999; font-size: 11px; font-weight: normal;}
.commentList p				{ margin-top: 5px;}

/* Comment & Guestbook Write */
.commentWrite				{ padding-top: 15px; border-top: 1px dashed black;}
.commentWrite textarea		{ padding: 5px; width: 628px; border: 1px solid black;}
.commentWrite label			{ display: none;}
.commentInfo				{ text-align: right;}
.commentInfo input.name, .commentInfo input.password, .commentInfo input.homepage {	width: 195px; height: 16px; margin-top: 6px; border: 0 none;}
.commentInfo input.name		{ padding: 0 0 0px 43px; background: url(./images/commentWrite_Name.png) no-repeat bottom left;}
.commentInfo input.password { padding: 0 0 0px 72px; background: url(./images/commentWrite_Password.png) no-repeat bottom left;}
.commentInfo input.homepage { padding: 0 0 0px 76px; background: url(./images/commentWrite_Homepage.png) no-repeat bottom left;}
.commentSubmit				{ text-align: right;}
.commentSubmit input		{ width: 200px; height: 20px; margin: 10px 0 5px 0; border: 0 none; background: url(./images/commentWrite_Write.png) no-repeat; text-indent: -5000px; overflow: hidden;}

/* Paging */
#paging li					{ display: inline; height: 28px; overflow: hidden;}
#paging li a				{ overflow: hidden; padding: 28px 0 0 0; height: 0px !important;}
#paging_next a				{ float: left; background: url(./images/footer_REW.png) no-repeat top left; width: 40px; margin-right: 20px;}
#paging_prev a				{ float: left; background: url(./images/footer_FF.png) no-repeat top left; width: 27px;}
#paging a:link, #paging a:visited { background-position: 0 0;}
#paging	a, #footer_index a:hover { background-position: 0 -28px;}
#footer_index				{ float: right; height: 28px; overflow: hidden;}
#footer_index a				{ float: right; background: url(./images/footer_Index.png) no-repeat top left; overflow: hidden; padding: 28px 0 0 0; width: 35px; height: 0px !important;}
#outer_btn_left				{ position: absolute; left: 0; top: 300px; width: 54px;}
#outer_btn_right			{ position: absolute; right: 0; top: 300px; width: 54px;}

/* List */
.listview					{ min-height: 100px; height: auto !important; height: 100px; padding-left: 190px;}
.listdate					{ margin-bottom: 5px; color: #999; font-weight: normal;}
.dashedline					{ border-top: 1px dashed black; margin: 10px 0;}