/* 문서 공통 --------------------------------------------------------- */
/* ------------------------------------------------------------------- */

* { margin:0; padding:0; border:none; }
body	{ color:#555; font:12px Verdana, 굴림, Gulim, AppleGothic, sans-serif; background:url("images/bgBody.jpg") top repeat-x;}
a:link,
a:visited	{ color:#555; text-decoration:none;}
a:hover	{ color:#398aca;}
a:active	{ color:#555;}

h3, h4, h5, h6	{ font-size: 12px;}
input { height:18px;}
button,
input,
textarea	{ border-top:1px solid #ccc; border-right:1px solid #fefefe; border-bottom:1px solid #fefefe; border-left:1px solid #ccc; background-color:#eee; font:12px Verdana, 굴림, Gulim, 'Trebuchet MS', Tahoma, AppleGothic, sans-serif; color:#555;}
input:focus,
textarea:focus	{ background-color:#ddd;}
button,
input	{vertical-align: middle;}

hr	{ display:none;}
.clearer { clear:both; display:block; width:100%; height:0; font-size:0px; line-height:0px;}

.cnt	{ color:#398aca; font-size:9px;}
.date,
.control,
.control a:link,
.control a:visited	{ color:#aaa; font-size:9px;}
.control a:hover	{ color:#398aca;}



/* 블로그 레이아웃 --------------------------------------------------- */
/* ------------------------------------------------------------------- */

#container	{ margin:0 auto; padding-bottom:20px; width:932px;}
#header { width:930px; height:284px; margin-right:2px; padding-top:10px; background:url("images/bgHeaderTop.png") top no-repeat;}
	#bgBorderTop	{ background:url("images/bgBorderTopLeft.jpg") top repeat-x;}
	#bgBorderLeft	{ background:url("images/bgBorderTopLeft.jpg") left repeat-y;}
	#bgBorderRight	{ background:url("images/bgBorderRight.jpg") right repeat-y;}
	#bgBorderBottom	{ background:url("images/bgBorderBottom.jpg") bottom repeat-x;}
	#bgRoundTopLeft	{ background:url("images/bgRoundTopLeft.jpg") top left no-repeat;}
	#bgRoundTopRight	{ background:url("images/bgRoundTopRight.jpg") top right no-repeat;}
	#bgRoundBottomLeft	{ background:url("images/bgRoundBottomLeft.jpg") bottom left no-repeat;}
	#bgRoundBottomRight	{ width:926px; padding:2px 4px 17px 2px; background:url("images/bgRoundBottomRight.jpg") bottom right no-repeat;}
#blogMenu	{ padding:0 5px 0 37px;}
#category	{ padding:0 0 0 37px; height:92px; background:url("images/bgCategory_091201.png") top left no-repeat;}
#verticalLine	{ background:url("images/bgVerticalline.jpg") right repeat-y;}
	#content	{ float:left; width:600px; padding:0 0 20px 37px; overflow:hidden; line-height:20px;}
	#sidebar	{ float:right; width:250px; }
#footer	{ padding:29px 0 0 37px; height:111px; background:url("images/bgFooter.jpg") bottom left no-repeat;}


/* Header ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */

#header h1	{ width:570px; float:left;}
#header h1 a { display:block; width:570px; height:70px;}
#header a span	{ display:none;}
#header #spcTopLink	{ width:200px; float:right;}
#header #spcTopLink a { display:block; width:200px; height:70px;}


/* blogMenu ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#blogMenu a	{ display:block; height:41px; float:left;}
#blogMenu a span	{ display:none;}
a#blogMenu01	{ width:68px; background:url("images/blogMenu01.jpg") top left no-repeat;}
a#blogMenu01:hover	{ background:url("images/blogMenu01on.jpg") top left no-repeat;}
a#blogMenu02	{ width:68px; background:url("images/blogMenu02.jpg") top left no-repeat;}
a#blogMenu02:hover	{ background:url("images/blogMenu02on.jpg") top left no-repeat;}
a#blogMenu03	{ width:68px; background:url("images/blogMenu03.jpg") top left no-repeat;}
a#blogMenu03:hover	{ background:url("images/blogMenu03on.jpg") top left no-repeat;}
a#blogMenu04	{ width:69px; background:url("images/blogMenu04.jpg") top left no-repeat;}
a#blogMenu04:hover	{ background:url("images/blogMenu04on.jpg") top left no-repeat;}
a#blogMenu05	{ float:right; width:100px; background:url("images/blogMenu05.jpg") top left no-repeat;}
a#blogMenu06	{ float:right; width:100px; background:url("images/blogMenu06.jpg") top left no-repeat;}


/* blogMenu ---------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#category a	{ display:block; float:left;}
#category a#category00	{ width:107px; height:92px;}
#category a#category01	{ margin-right:130px; margin-top:14px; width:140px; height:25px;}
#category a#category02, #category a#category03	{ margin-right:130px; width:140px; height:20px;}
#category a#category04	{ margin-right:80px; margin-top:14px; width:200px; height:25px;}
#category a#category05, #category a#category06	{ margin-right:80px; width:200px; height:20px;}
#category a#category07	{ margin-right:13px; margin-top:14px; width:200px; height:25px;}
#category a#category08, #category a#category09	{ margin-right:13px; width:200px; height:20px;}






/* content ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#content .localog, #content .taglog, #content .entryNotice, #content .entryProtected, #content .entry, #content .guestbook, #content .searchList	{ padding:30px 0 40px 0;}
#content .localog h2, #content .taglog h2, #content .guestbook h2, #content .searchList h2	{ margin-bottom: 20px; padding:0 0 10px 0; background:url("images/titleDot.jpg") bottom repeat-x;}

.searchList ol	{ list-style:none;}
.searchList li	{ margin-bottom:7px; line-height:100%;}
.searchList .date	{ margin-left:10px;}

#content .localog a	{ color:#398aca; font-weight:bold;}

.taglog ul	{ list-style:none; text-align:justify;}
.taglog li	{ display:inline;}
.taglog li .cloud1,
.taglog li .cloud2,
.taglog li .cloud3	{ color:#398aca; font-weight:bold;}
.taglog li .cloud4	{ color:#398aca;}
.taglog li .cloud5	{ }
.taglog li a:hover	{ color:#398aca;}

.guestWrite p	{ margin:2px 0;}
.guestWrite label { vertical-align: middle; font-size:9px;}
.guestWrite input	{ width:150px;}
.guestWrite textarea	{ width:588px; padding:5px;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit		{ width:100%; height:22px; font-size:9px;}

.guestWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.guestList	{ width:100%; margin:50px 0 0 0;}
.guestList ol,
.guestList ol ul	{ list-style:none;}
.guestList ol li	{ margin:25px 0 0 0;}
.guestList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}
.guestList ol li p a	{ color:#398aca;}
.guestList ol li ul li	{ margin:15px 0 0 60px; padding:10px; background-color:#f7f7f7; border:1px solid #ebebeb;}
.guestList .name	{ font-weight:bold;}

.guestList .guest_general	{ }
.guestList .guest_admin	{ }
.guestList .guest_secret	{ color:#398aca;}


/* entry ------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

.entryNotice h2 a:link, .entryProtected h2 a:link, .entry h2 a:link, .entryNotice h2 a:visited, .entryProtected h2 a:visited, .entry h2 a:visited	{ color:#398aca;}
.entryNotice h2 a:hover, .entryProtected h2 a:hover, .entry h2 a:hover	{ color:#fff;}	

.titleWrap	{ margin-bottom: 20px; padding:0 0 10px 0; background:url("images/titleDot.jpg") bottom repeat-x; color:#aaa; font-size:9px; line-height:normal;}
.titleWrap a:link,
.titleWrap a:visited	{ color:#aaa;}
.titleWrap a:hover	{ color:#398aca;}
.titleWrap .control { padding-left:5px;}
.titleWrap .category { font-size:11px;}

.entryProtected { }
.warningStripeTop { display:block; width:600px; height:50px; background:url("images/stripe.gif") left top no-repeat;}
.warningStripeBottom { display:block; width:600px; height:200px; background:url("images/stripe.gif") left bottom no-repeat;}
.entryProtected input	{ width:160px; height:18px; color:#555; background-color:#eee; }
.entryProtected button	{ width:60px; height:20px; color:#555; font-size:9px;}

.ad	{ clear:both; color:#fff; letter-spacing:-3px;}	/* 애드클릭스 */
.ad a	{ padding-left:-5px; padding-right:3px; color:#555; background:url("images/comm.gif") right bottom no-repeat; letter-spacing:normal;}
.ad a:hover { color:#398aca;}
.adc	{ float:left; padding-right:5px; color:#555; letter-spacing:normal;}

.tagTrail	{ clear:both; text-align: justify; color:#888; padding-left:37px; background:url("images/tagTrail.gif") 0% 50% no-repeat;}
.tagText	{ display:none;}

.actionTrail	{ clear:both;}
.actionTrail .cnt	{ color:#398aca; font-size:12px; font-weight:bold;}

.trackback		{ width:100%; margin:8px 0 8px 0; overflow:hidden;}
.trackback a	{ color:#555;}
.trackback h3	{ margin:0px 5px 10px 0px; color:#999; font-size:11px;}
.trackback h3 span#trackbackUrl	{ margin:0px 5px 10px 0px; color:#666; font:14px Georgia; font-style:oblique; font-weight:bold;}
.trackback h4	{ }
.trackback h4 a	{ color:#398aca;}
.trackback ol	{ list-style:none;}
.trackback li	{ padding:7px 0;}
.trackback p	{ margin:3px 0 0 0; padding:0; text-align: justify;}
.trackback .name,
.trackback .name a	{ color:#aaa;}


#commentDot	{ padding: 15px 0; background:url("images/commentDot.jpg") bottom repeat-x; color:#666; font:14px Georgia; font-style:oblique; font-weight:bold;}
.comment	{ margin-top:20px; width:100%; background:url("images/commentDot.jpg") top repeat-x;} 
.comment p	{}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ margin:25px 0 0 0;}
.comment li ul li	{ margin:15px 0 0 60px; padding:10px; background-color:#f7f7f7; border:1px solid #ebebeb;}
.comment .name a	{ color:#398aca; font-weight:bold;}



.rp_general	{ }	
.rp_admin	{ }
.rp_secret	{ color:#398aca;}
.hiddenComment 	{ color:#398aca; font-weight:normal;}

.commentWrite	{ margin-top:50px;}
.commentWrite label { font-size:9px; vertical-align: middle;}
.commentWrite p { margin:2px 0;}
.commentWrite input		{ width:150px;}
.commentWrite textarea	{ width:588px; padding:5px;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ width:100%; height:22px; font-size:9px;}
.commentWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.paging		{ margin:10px 0 30px 0; color:#aaa; font-size:9px; text-align:left;}
.paging a:link	{ color:#666;}
.paging a:visited	{ color:#aaa;}
.paging a:hover	{ color:#398aca;}
.paging .prev	{ margin-right:15px;}
.paging .next	{ margin-left:15px;}
.selected	{ color:#398aca;}	/* 페이징 - 현재 페이지 */


/* article ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

.article	{ width:100%; margin:0 0 30px 0;} 

.article a:link	{ border-bottom:1px dotted #398aca; color:#398aca; }
.article a:visited	{ border-bottom:1px dotted #555; color:#555; padding-right:12px; margin-right:3px; background:url("images/valid.gif") bottom right no-repeat; }
.article a:hover	{ border:none; color:#555;}

.article img,
.article table,
.article div	{ margin:0 0 10px 0; padding:0;}
.article h3:first-child	{ margin-top:0;}
.article p	{ margin:0 0 3px 0; padding:0;}

.article ol,
.article ul	{ padding:0 0 10px 40px;}
.article li	{ }
.article ul.pad		{ }
.article ul.pad li	{ margin-bottom:10px;}

.article dt	{ margin:10px 0 0 0; font-weight:bold; color:#aaa;}
.article dd	{ padding:0 0 0 40px; border-top:1px solid #eee; color:#aaa;}

.article blockquote	{ margin-left:10px; padding-left:30px; background:url("images/iconBlockquote.gif") top left no-repeat;}

p.cap1	{ margin:0; padding:2px 0 0 0; color:#679ad1; font-size:11px; text-align:center;} /* 이미지 아래 캡션 스타일 */

.imageblock      { border:none; vertical-align:top; line-height:normal;}
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img	{ margin:0;}

div.left	{ margin:4px 0 0 0;}
.center	{ }
div.right	{ margin:4px 0 0 0;}
.dual	{ }
.triple	{ }

.key1	{ border-bottom:1px dotted #398aca; color:#398aca;}
.key1:hover	{ color:#555; border:none;}

/* 본문 - more / less */
p.moreless_fold	{ margin:0 0 10px 0; padding-left:25px; background:url("images/iconMore.gif") top left no-repeat; color:#555; font-weight:bold;}
p.moreless_top	{ padding-left:25px; background:url("images/iconLess.gif") top left no-repeat; color:#555; font-weight:bold;}
.moreless_body	{ }
p.moreless_bottom	{ padding-right:25px; background:url("images/iconLess.gif") top right no-repeat; color:#555; font-weight:bold; text-align:right;}


/* Sidebar ----------------------------------------------------------- */
/* ------------------------------------------------------------------- */

#sidebar .search { margin:17px 0 0 0; padding: 6px 0 0 11px; width:227px; height:29px; background:url("images/bgSearch.jpg") top right no-repeat;}
#sidebar .search input#searchInput	{ height:20px; width:174px; color:#555; border:none; background:none;}
#sidebar .search input#searchButton	{ width:42px; border:none; background:none;}
#sidebar .search button:hover	{ color:#555; cursor:pointer;}

#sidebar ul	{ list-style:none;}
#sidebar li	{ list-style:none; margin-bottom:4px; padding-bottom:5px; background:url("images/sideLiDotB.jpg") bottom repeat-x;}
#sidebar li	a { padding-left:7px; background:url("images/sideLiDot.jpg") left no-repeat;}
#sidebar #notice	{ margin-top:20px; padding: 36px 20px 20px 20px; background:url("images/sideNotice.gif") top left no-repeat;}
#sidebar #recentPost	{ padding: 36px 20px 20px 20px; background:url("images/sideRecentPost.gif") top left no-repeat;}
#sidebar #tagbox	{ padding: 36px 20px 20px 20px; background:url("images/sideTags.gif") top left no-repeat;}
#sidebar #recentTrackback	{ padding: 36px 20px 20px 20px; background:url("images/sideTrackback.gif") top left no-repeat;}
#sidebar #link	{ padding: 36px 20px 20px 20px;}
#sidebar #link span	{display:none;}
#sidebar #link a	{ display:block; width:212px; height:52px; background:url("images/SPCBanner.jpg") top left no-repeat;}

#sidebar #recentTrackback span.name	{ color:#999;}

#sidebar #tagbox ul	{ text-align:justify; letter-spacing:-1px; }
#sidebar #tagbox ul span	{ margin-bottom:4px; padding-bottom:5px; background:url("images/sideLiDotB.jpg") bottom repeat-x;}
#sidebar #tagbox li	{ display:inline; padding:0; line-height:24px; background:none; border:none;}
#sidebar #tagbox li .cloud1 { font:bold 16px verdana, Dotum, 돋움; color:#c5003d; }	
#sidebar #tagbox li .cloud2 { font:bold 14px verdana, Dotum, 돋움; color:#00a99d;}
#sidebar #tagbox li .cloud3 { font:bold 14px verdana, Dotum, 돋움; color:#605ca8;}
#sidebar #tagbox li .cloud4 { font:bold 12px verdana, Dotum, 돋움;}
#sidebar #tagbox li .cloud5 { }
#sidebar #tagbox li a	{ padding-left:0; background:none;}



/* footer ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */

#footer a {float:left; display:block;}
#footer .copyright	{ padding: 0 0 11px 0;}
#footer .copyright	a#copyright01	{ margin-right:171px; width:195px; height:28px;}
#footer .copyright	a#copyright02	{ margin:8px 0 0 0; width:66px; height:20px;}

#footer .footerMenu #footerMenu01	{ width:46px; height:15px;}
#footer .footerMenu #footerMenu02	{ width:31px; height:15px;}
#footer .footerMenu #footerMenu03	{ width:60px; height:15px;}
#footer .footerMenu #footerMenu04	{ width:32px; height:15px;}
#footer .footerMenu #footerMenu05	{ width:40px; height:15px;}
#footer .footerMenu #footerMenu06	{ width:40px; height:15px;}