@charset "utf-8";

@font-face {
	font-family: "나눔고딕";
	font-style: normal;
	font-weight: normal;
	src: url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.eot");
	src: local("☺"),
		url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff") format("woff"),
		url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.ttf") format("truetype");
}

@font-face {
	font-family: "나눔고딕";
	font-style: normal;
	font-weight: bold;
	src: url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothicBold.eot");
	src: local("☺"),
		url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothicBold.woff") format("woff"),
		url("http://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothicBold.ttf") format("truetype");
}

* { margin:0; padding:0; }
img { border:0; cursor:pointer; position:relative; -ms-interpolation-mode:bicubic; z-index:1; }
iframe { border:0; display:block; margin:0 auto; position:relative; z-index:1; }

a { color:#666; text-decoration:none; }
a:hover { color:#f90; text-decoration:underline; }
a:active { color:#c60; text-decoration:underline; }

html { overflow-y:scroll; }

#wrapper { width:800px; margin:0 auto; }

#header { width:800px; background:white; text-align:center; z-index:10; }
#logo { height:72px; width:72px; background:url("./images/logo.png") center top no-repeat; display:inline-block; overflow:hidden; margin:44px 44px 20px; }
#logo span { position:absolute; visibility:hidden; z-index:-1; }
#logo:hover { background-position:0 bottom; }

#article { width:640px; background:#fff !important; font:normal 1em "나눔고딕", sans-serif; margin:0 auto; }

#contents { background:white; margin:1em 0; }
#contents h3.pageTitle { color:#666; font:normal 2em "나눔고딕", sans-serif; text-align:center; white-space:nowrap; }
#contents h3.pageTitle span:hover { color:#f90; cursor:pointer; }

.pageList { list-style:none; text-align:center; }
.pageList li, .pageList li a { display:inline-block; font-size:.9em; *zoom:1; *display:inline; }
.pageList li { font-family:"Droid Sans", sans-serif; }
.pageList li a { padding:.1em .8em; }
.pageList .interword { color:#666; font:.9em "나눔고딕", sans-serif; letter-spacing:-1px; }

.entryPost .title { margin-bottom:1em; text-align:center; }
.entryPost .title h3 a:hover { text-decoration:none; }
.entryPost .date { color:#666; font-size:.9em; }
.entryPost .title textarea { width:380px; height:1.5em; border:#eee 1px solid; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; color:#aaa; display:block; font:.75em "나눔고딕", sans-serif; line-height:1.5em; margin:1em auto; outline:none; overflow:hidden; resize:none; text-align:center; }
.entryPost .title textarea:focus { background:#ffd; border:#fda 1px solid; }
.entryPost .contents { color:#222; font-size:.8em; line-height:1.4em; margin:1em 0; text-align: justify; text-justify:inter-cluster; }
.entryPost .contents ul { list-style:url("./images/dot.png") outside; margin:1em 3em; }
.entryPost .contents ol { margin:1em 3em; }
.entryPost .contents ul li { margin:1em 0; }
.entryPost .contents ol li { margin:1em 0; }
.entryPost .contents img { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.entryPost .contents .entry-ccl { margin:1em 0; }
.entryPost .contents .entry-ccl img { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.entryPost .contents p { margin:1em 0; padding:0 2em; text-indent:1em; }
.entryPost .contentsShort { background:#eee; color:#666; display:none; font-size:.9em; padding:1em; text-align:center; }
.entryPost .contentsFooter { font-size:.8em; margin:1em 0; *zoom:1; }
.entryPost .contentsFooter:after { content:""; clear:both; display:block; }
.entryPost a.communication { float:left; }
.entryPost a.communication:hover { text-decoration:none; }
.entryPost .tagTrail { float:right; }
.entryPost .tagTrail span { color:#ccc; }

.comments { margin:1em 0; }
.commentList { margin:1em 0; }
.commentList ul { list-style:none; }
.commentList .rp_box { color:#222; border-bottom:1px solid #ccc; border-collapse:collapse; *zoom:1; }
.commentList .rp_box:after { content:""; clear:both; display:block; }
.commentList .guest_box { color:#222; border-bottom:1px solid #ccc; border-collapse:collapse; *zoom:1; }
.commentList .guest_box:after { content:""; clear:both; display:block; }
.commentList li ul .rp_box { padding-left:2em; }
.commentList li ul .guest_box { padding-left:2em; }

.commentList li .comment_author { width:10em; float:left; *zoom:1; }
.commentList li .comment_author p.date { color:#666; font-size:.75em; letter-spacing:-1px; margin:1em 1.5em; }
.commentList li .comment_author .name { font-weight:normal; margin:0 1em; }
.commentList li .comment_author .name img { display:inline-block; margin-right:.3em; vertical-align:middle; }
.commentList li .comment_author:after { content:""; clear:both; display:block; }
.commentList li span { letter-spacing:-1px; }

.commentList li .comment_contents { margin-left:10em; }
.commentList li .comment_contents p { font-size:.8em; margin:1em 0; padding:.3em 1em; }
.commentList .comment_control { margin:1em 0; }
.commentList .comment_control a { display:inline-block; font:.7em "나눔고딕", sans-serif; padding:.1em .5em; *display:inline; *zoom:1; }
.commentList .comment_control span { color:#ccc; font-size:.6em; }

.commentList .name, .commentList .name span { height:32px; display:inline-block; *display:inline; *zoom:1; }
.commentList .name { padding-right:8px; }
.commentList .name span { color:#fff; font-size:1.2em; line-height:32px; padding-left:8px; vertical-align:middle; }
.commentList .name span a { color:#fff; text-decoration:none; }
.commentList .name span a:hover { color:#fec; }
.commentList .name span a:active { color:#edb; }

.rp_admin .name { background:#ff9900 url("./images/cloud1.png") right bottom no-repeat; }
.rp_admin .name span { background:#ff9900 url("./images/cloud1.png") left top no-repeat; }
.rp_general .name { background:#b29973 url("./images/cloud4.png") right bottom no-repeat; }
.rp_general .name span { background:#b29973 url("./images/cloud4.png") left top no-repeat; }
.rp_secret .name { background:#8c806d url("./images/cloud5.png") right bottom no-repeat; }
.rp_secret .name span { background:#8c806d url("./images/cloud5.png") left top no-repeat; }

.guest_admin .name { background:#ff9900 url("./images/cloud1.png") right bottom no-repeat; }
.guest_admin .name span { background:#ff9900 url("./images/cloud1.png") left top no-repeat; }
.guest_general .name { background:#b29973 url("./images/cloud4.png") right bottom no-repeat; }
.guest_general .name span { background:#b29973 url("./images/cloud4.png") left top no-repeat; }
.guest_secret .name { background:#8c806d url("./images/cloud5.png") right bottom no-repeat; }
.guest_secret .name span { background:#8c806d url("./images/cloud5.png") left top no-repeat; }

/*
.rp_general p, .guest_general p { color:#666; }
.rp_general span.name, .guest_general span.name { color:#cb994e; }
.rp_admin p, .guest_admin p { color:#666; }
.rp_admin span.name, .guest_admin span.name { color:#f90; }
.rp_admin .commentBox, .guest_admin .commentBox { background:url("./images/solid.png") left 18px no-repeat; padding-left:24px; }
.rp_secret p, .guest_secret p { color:#c60; }
.rp_secret span.name, .guest_secret span.name  { color:#cb994e; }
*/
.hiddenComment p { color:#aaa; }
.hiddenComment .commentBox, .hiddenComment .date { display:none; }

.searchList ol { color:#999; font-size:.8em; list-style:decimal inside; padding:1em 2em; }
.searchList li { margin:.5em 0; }
.searchList p { padding: .2em 2em; }

.taglog ul { list-style:none; padding:0 1em; }
.taglog li { margin:.2em .5em; }
.taglog li, .taglog a, .taglog span { height:32px; display:inline-block; *display:inline; *zoom:1; }
.taglog ul a { background:#666; color:#fff; text-decoration:none; }
.taglog ul a:hover { color:#fec; }
.taglog ul a:active { color:#edb; }
.taglog ul span { background:#666; font-size:1.2em; line-height:32px; padding-right:8px; }
.taglog .cloud1 { background:#ff9900 url("./images/cloud1.png") left top no-repeat; }
.taglog .cloud1 span { background:#ff9900 url("./images/cloud1.png") right bottom no-repeat; margin-left:8px; }
.taglog .cloud2 { background:#e39929 url("./images/cloud2.png") left top no-repeat; }
.taglog .cloud2 span { background:#e39929 url("./images/cloud2.png") right bottom no-repeat; margin-left:8px; }
.taglog .cloud3 { background:#cb994e url("./images/cloud3.png") left top no-repeat; }
.taglog .cloud3 span { background:#cb994e url("./images/cloud3.png") right bottom no-repeat; margin-left:8px; }
.taglog .cloud4 { background:#b29973 url("./images/cloud4.png") left top no-repeat; }
.taglog .cloud4 span { background:#b29973 url("./images/cloud4.png") right bottom no-repeat; margin-left:8px; }
.taglog .cloud5 { background:#8c806d url("./images/cloud5.png") left top no-repeat; }
.taglog .cloud5 span { background:#8c806d url("./images/cloud5.png") right bottom no-repeat; margin-left:8px; }

.smallMenu { list-style:none; margin:1em 0; text-align:center; }
.smallMenu li, .smallMenu li a { display:inline-block; font-size:.9em; *display:inline; *zoom:1; }
.smallMenu li a { border-color:#ccc !important; border-left:1px solid; padding:.1em .8em; }
.smallMenu li a:visited { border-left:1px solid #aaa; }

#footer { background:white;  letter-spacing:-1px; margin:1em 0 2em; text-align:center; }
#footer .smallMenu li, #footer .smallMenu li a { font:.85em "나눔고딕", sans-serif; }
#footer p { color:#666; font:.8em "Droid Sans", sans-serif; height:16px; }

#searchbox { top:32px; right:28px; width:140px; position:absolute; }
#searchbox div { height:20px; border:5px solid #ccc; font:.8em "나눔고딕", sans-serif; *zoom:1; }
#searchbox div:after { content:""; clear:both; display:block; }
#searchbox input { width:105px; height:20px; border:0; color:#666; font:1em "나눔고딕", sans-serif; float:left; outline:none; padding-left:5px; }
#searchbox button { height:20px; width:20px; background:url("./images/search.png") left top no-repeat; border:none; cursor:pointer; float:right; }
#searchbox span { position:absolute; visibility:hidden; z-index:-1; }

.sDescriptionContainer { font-size:1.25em; *zoom:1; }
.sDescriptionContainer:after { content:""; clear:both; display:block; }
table.sDescription { border:0; border-spacing:0; color:#666; cursor:default; float:right; font:1.2em "나눔고딕", sans-serif; margin:1em; text-align:right; }
table.sDescription caption { display:none; }
table.sDescription tr { border:0; border-bottom:#ccc 1px solid; }
table.sDescription td, table.sDescription th { border:0; border-bottom:#ccc 1px solid; }
.entryPost .contents table.sDescription td p { text-indent:0; }
table.sDescription th { color:#f90; padding:1em 1em 1em 2em; text-align:right; vertical-align:top; }
table.sDescription td { padding-left:1em; }
table.sDescription td span { font-size:.75em; }

div.sDownloadForm { height:80px; width:300px; background:url("./images/download.png") no-repeat; font:12px "나눔고딕", sans-serif; margin:2.5em auto; }
div.sDownloadForm .sDownloadButton { height:36px; text-align:center; overflow:hidden; padding:7px 0; }
div.sDownloadForm .sDownloadButton a { color:#fb5; font-size:30px; line-height:36px; text-decoration:none; }
div.sDownloadForm .sDownloadButton a:hover { color:#f90; }
div.sDownloadForm .sDownloadButton a:active { color:#c60; }
div.sDownloadForm .sDownloadURL { height:30px; text-align:center; padding:8px 0; }
div.sDownloadForm .sDownloadURL a { font-size:12px; line-height:14px; text-decoration:none; }

.writeForm { width:480px; margin:1em auto; }
.writeForm input, .writeForm textarea { background-color:white; }
.commentWriteInput { height:16px; width:376px; border:5px solid #ccc; clear:both; color:#666; display:block; font:14px "나눔고딕", sans-serif; line-height:16px; margin:1em 0; outline:none; padding:2px 8px 2px 86px; }
.commentWriteInput:active, .commentWriteInput:focus { border-color:#f90; background-position:0 bottom; }
.commentWriteName { background:url("./images/wName.png") left top no-repeat; }
.commentWritePassword { background:url("./images/wPassword.png") left top no-repeat; }
.commentWriteHomepage { background:url("./images/wWebsite.png") left top no-repeat; }
.commentWriteContents { height:140px; max-width:376px; background:url("./images/wContents1.png") left top no-repeat; overflow:hidden; }
.commentWriteContents:active, .commentWriteContents:focus { background:url("./images/wContents2.png") left top no-repeat; }
.writeForm div { height:16px; clear:both; color:#666; float:right;  font-size:14px; margin:0 0 1em; vertical-align:top; }
.btnComment { width:100%; background:#ccc; border:0; color:#666; display:block; font:14px "나눔고딕", sans-serif; margin:1em 0; padding:.5em 0; text-align:center; }
a.btnComment:hover { background:#f90; color:white; text-decoration:none; }

pre.sCode { height:0; overflow:hidden; }
.sCodeContainer { background:#f90; border:5px solid #ccc; color:#666; font-size:12px; line-height:18px; margin:1em 0; overflow:hidden; }
.entryPost .contents .sCodeContainer p { margin:0; padding:0 1em; text-indent:0; }
.sCodeLine { background:#666; color:#333; float:left; }
.entryPost .contents .sCodeContainer .sCodeLine p { margin:0; padding:0 1em 0 1.5em; text-align:right; }
.sCodeLine p.sCodeLineOdd { background:#606060; }
.sCode p { height:18px; background:#333; padding:0 1em; overflow:hidden; white-space:pre; }
.sCode p.sCodeLineOdd { background:#2e2e2e; }

.sCode code { font-family:"나눔고딕", sans-serif; }
.sCode code .sCodeValue { color:#ccc; }
.sCode code .sCodeFirstValue { color:#f06; }
.sCode code .sCodeComment { color:#666; font-size:.9em; }
.sCode code .sCodeKeyword { color:white; }
.sCode code .sCodeKeyword .sCodeKeywordPrefix { color:#f90; }
.sCode code .sCodeKeyword .sCodeKeywordPrefixUnderbar { color:#666; }

.sCaptionContainer { height:80px; width:630px; background:#222; border:5px solid #ccc; color:#666; font-size:12px; margin:1em auto; overflow-y:scroll; position:relative; z-index:11; }
.entryPost .contents .sCaptionContainer p { line-height:1.5em; margin:0; padding:0; }
.entryPost .contents .sCaptionContainer .sCaptionTime p { text-align:center; }
.entryPost .contents .sCaptionContainer .sCaptionTalker p { padding-right:1em; text-align:right; }
.entryPost .contents .sCaptionContainer .sCaption p { padding:0 .5em; text-align:justify; }
.entryPost .contents .sCaptionContainer p { text-indent:0; }
.sCaptionTime, .sCaptionTalker { float:left; padding:0; }

.sCaptionTime { cursor:pointer; }
.sCaptionTime p { background:#666; color:#333; }
.sCaptionTime p.sCaptionOdd { background:#606060; }
.sCaptionTalker p { background:#333; color:white; }
.sCaptionTalker p.sCaptionOdd { background:#2e2e2e; }

.sCaption p { background:#333; color:white; }
.sCaption p.sCaptionOdd { background:#2e2e2e; }

.sImage { cursor:pointer; display:inline-block; }
.sImageWrapper { position:relative; z-index:2; }
.sImageBorder { height:1px; width:1px; background:white; overflow:hidden; }

.sVideoDarken { width:640px; background:#eee; border:1px solid #ddd; border-left:0; border-right:0; color:#666; cursor:pointer; display:block; font:.9em 나눔고딕, sans-serif; margin:1em auto; padding:.2em 0; text-align:center; text-decoration:none; }
.sVideoDarken:hover { background:#ccc; border-color:#bbb; color:#333; text-decoration:none; }
.sVideoDarken:active { border-color:#bbb; }
.sVideoDarken:after { content:""; clear:both; display:block; }
#sDarkenOverlay { top:0; left:0; height:100%; width:100%; background:black; display:none; position:fixed; z-index:10; }

.page .selected { color:#f90; font-weight:bold; }

q.sHelp { border-bottom:1px dashed #f90; color:#666; cursor:help; }
q.sHelp * { border:0; color:#666; cursor:help; text-decoration:none; }
q.sHelp:before { content:""; }
q.sHelp:after { content:"?"; color:#f90; font-size:.5em; font-weight:bold; vertical-align:top; }

.entryPost .imageblock { margin:1em 0; }

.entryPost .contents h1, .taglog div h1 { color:#444; border:0; border-bottom:#ccc 1px solid; font:2.00em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }
.entryPost .contents h2, .taglog div h2 { color:#444; border:0; border-bottom:#ccc 1px solid; font:1.75em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }
.entryPost .contents h3, .taglog div h3 { color:#444; border:0; border-bottom:#ccc 1px solid; font:1.60em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }
.entryPost .contents h4, .taglog div h4 { color:#444; border:0; border-bottom:#ccc 1px solid; font:1.55em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }
.entryPost .contents h5, .taglog div h5 { color:#444; border:0; border-bottom:#ccc 1px solid; font:1.45em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }
.entryPost .contents h6, .taglog div h6 { color:#444; border:0; border-bottom:#ccc 1px solid; font:1.30em "나눔고딕"; margin:1em 0 .3em; padding:.2em .5em; }

.IE6NoMore { background:#333 url("./images/warn.png") .5em center no-repeat; border:4px solid #f90; color:#f90; display:block; letter-spacing:-1px; padding:.2em 3.5em; text-decoration:none; }
a.IE6NoMore:hover { text-decoration:underline; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

div.sQuote { background:#666 no-repeat; border-width:0; border-bottom-width:1px; border-style:solid; border-color:#333; color:white; padding:1em 2em; margin:1em 3em; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

#twt { margin:12px 0; }
#twtContainer { font:normal 13px "나눔고딕", sans-serif; position:relative; *display:none; }
#twtListWrapper { overflow:hidden; }
#twtTwitter { height:24px; line-height:24px; list-style:none; position:relative; vertical-align:middle; white-space:nowrap; }
#twtTwitter li { display:inline-block; line-height:24px; margin-right:1em; vertical-align:middle; zoom:1; *display:inline; }
.twtName { color:#f90; font-weight:bold; }
.twtContents { color:#666; }
.twtContents a { color:#999; }
.twtContents a:hover { color:#f90; }
.twtTime { color:#999; font-size:.8em; }
.twtSeparator { color:#ccc; }

.twtOverlay { top:0; height:24px; width:80px; background:url("./images/fade.png") repeat-y; display:block; pointer-events:none; position:absolute; z-index:8; }
#twtOverlayLeft { background-position:left top; left:0; }
#twtOverlayRight { background-position:right top; left:auto; right:0; }

#twtPopup { background:url("./images/twtpopup.png") top center no-repeat; color:#fff; display:none; max-width:480px; padding-top:8px; position:absolute; z-index:9; }
#twtPopup div { background:#333; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:8px 16px; }
#twtPopup .twtContents { color:#fff; font-size:12px; }
#twtPopup .twtContents a { color:#f90; font-size:12px; }
#twtPopup .twtTime { color:#999; font-size:10px; }

.cap1 { color:#666; font-size:.9em; }

.sImageRoll { position:relative; }
.imageContainer { height:100%; width:100%; }
.sImageRoll a { top:0; height:100%; width:120px; background:url("./images/blank.png"); display:block; position:absolute; z-index:2; text-decoration:none; }
.sImageRoll a span { width:80px; color:#333; display:block; font-size:16px; line-height:14px; padding-bottom:23px; padding-top:23px; position:relative; text-align:center; visibility:hidden; }
.sImageRoll a span:hover { color:#f90; }
.sImageRoll a:hover span { visibility:visible; }
.sImageRoll a.imrPrev { left:0; }
.sImageRoll a.imrPrev span { background:#fff url("./images/arrow.png") no-repeat; _background:none; padding-left:40px; }
.sImageRoll a span:hover { background-position:0 -60px; }
.sImageRoll a.imrNext { right:0; }
.sImageRoll a.imrNext span { background:#fff url("./images/arrow.png") -120px 0 no-repeat; _background:none; padding-right:40px; }
.sImageRoll a.imrNext span:hover { background-position:-120px -60px; }

a#P2 { left:0; top:80px; height:36px; background:url("./images/p2.png") no-repeat; border-bottom:1px solid #ccc; display:block; padding:0 10px 0 20px; position:fixed; _position:absolute; text-decoration:none; }
a#P2 span { color:#222; font-size:20px; line-height:1.6em;  }
a#P2:hover span { color:#555;  }
a#P2 span#P2percentage { font-size:1.5em; }