@charset "utf-8";

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

* { margin:0; padding:0; border:none; }

body	{background-color:#fff; color:#555; font:12px Verdana, 굴림, Gulim,  AppleGothic, Sans-serif;}

a:link,
a:visited,
a:active	{ color:#555; text-decoration:none;}
a:hover	{ color:#ff4ab0;}

h1, h2, 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;}

hr	{ display:none;}
.clearer {
	clear:both;
	display:block;
	width:100%;
	height:auto;
}

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

/* 타이틀 부분 -------------------------------------------------------*/
#title { margin: auto; width: 100%; height: 336px; background:url("images/title_bg.jpg") repeat-x; border-bottom: #c51545 solid 4px;}
#title h1 {margin: auto; padding: 70px 0 0 0; width: 1024px;}
#title h1 a	{ display:block; width:399px; height:172px; background:url("images/title.png") left top no-repeat;}
#title h1 a span	{ display:none;}

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

#container	{ margin:auto; padding:40px 0; width:1024px;}
#header { width:1024px; padding:0 0 10px 0; }
#sidebarL	{ float:left; width:160px; padding:0 0 0 60px;}
#content	{ float:left; width:600px; overflow:hidden; line-height:20px;}
#sidebarR	{ float:right; width:160px; padding:0 0 0 30px;}
#twitter { float:right; width:364px; padding:20px 0 0 60px;}

/* Header ------------------------------------------------------------ */
/* ------------------------------------------------------------------- */
#header h1	{ padding:20px 0 3px 0; background:url("images/point.gif") left top no-repeat;}
#header h1 a	{ display:block; width:1024px; height:294px; background:url("images/title.jpg") left top no-repeat;}
#header h1 a span	{ display:none;}

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

#content .entryProtected, #content .entry, #content .searchList, #content .guestbook, #content .taglog	{ padding-bottom:50px;}
#content .searchList h2, #content .taglog h2, #content .guestbook h2	{ margin:35px 0 0 0; padding:20px 0 3px 0; background:url("images/point.gif") left top no-repeat;}

.searchList ol	{ list-style:none;}
.searchList li	{ margin-bottom:7px; line-height:100%;}
.searchList li a:visited	{ padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}
.searchList .date	{ margin-left:10px;}

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

.guestWrite p	{ margin:2px 0;}
.guestWrite label { font-size:9px;}
.guestWrite input	{ width:150px;}
.guestWrite textarea	{ width:458px; padding:5px;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit		{ 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:#ff4ab0;}
.guestList ol li ul li	{ margin:15px 0 0 30px;}
.guestList .name	{ font-weight:bold;}

.guestList .guest_general	{ }
.guestList .guest_admin	{ }
.guestList .guest_secret	{ color:#ff4ab0;}

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

.entryProtected h2, .entry h2	{ margin:35px 0 0 0; padding:20px 0 3px 0; background:url("images/point.gif") left top no-repeat;}
	

.titleWrap	{ padding-bottom:21px; color:#aaa; font-size:9px; line-height:normal;}
.titleWrap h2 a { color:#555;}
.titleWrap span a:link,
.titleWrap span a:visited	{ color:#aaa;}
.titleWrap a:hover	{ color:#ff4ab0;}
.titleWrap .control { padding-left:5px;}

.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	{ vertical-align:middle; width:160px; height:18px; color:#555; background-color:#eee; }
.entryProtected button	{ vertical-align:middle; width:60px; height:20px; color:#555; font-size:9px;}

div.ad	{ margin:30px 0 15px 0; clear:both; }	/* 구글 */
div.ad.f1 { margin-top:0;}

.tagTrail	{ clear:both; text-align: justify;}

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

.trackback		{ width:100%; margin:2px 0 4px 0; overflow:hidden;}
.trackback a	{ color:#555;}
.trackback h3	{ margin:0px 5px 10px 0px; color:#ff4ab0; font-size:11px;}
.trackback h4	{ }
.trackback h4 a	{ color:#ff4ab0;}
.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;}

.comment	{ margin-top:20px; padding-top:10px; width:100%; background:url("images/dot.gif") top repeat-x;} 
.comment p	{ text-align:justify;}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ margin:25px 0 0 0;}
.comment li ul li	{ margin:15px 0 0 30px; }
.comment .name	{ font-weight:bold;}

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

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

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


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

.article	{ width:100%; text-align: justify;} 

.article a:link,
.article a:active	{ color:#ff4ab0;}
.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	{ margin:25px 0 10px 0; padding-left:3px; color:#ff4ab0; border-left:5px solid #ff4ab0; line-height:12px; font-weight:normal;} 
.article h4	{ margin:25px 0 10px 0; padding-left:3px; border-left:5px solid #555; line-height:12px; font-weight:normal;}
.article h3:first-child	{ margin-top:0;}
.article p	{ margin:0 0 15px 0; padding:0; vertical-align:middle;}
.article .p0		{ margin:0; padding:0;}
.article .p30		{ margin:0 0 30px 0; padding:0;}
.article .p50		{ margin:0 0 50px 0; padding:0;}
.article .p100		{ margin:0 0 100px 0; padding:0;}
.article .noneBorder	{ border:none;}


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

.article pre { margin-bottom:10px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}
.article code { font-family:'Courier New', Courier,'bitstream vera sans mono', mono, 돋움, Dotum, monospace;}

.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;}

.article abbr,
.article acronym	{ border-bottom:1px dotted #ff4ab0; cursor: help;}

.article sup,
.article sub	{ color:#ff4ab0;}

/*.article em	{ font-style:normal; color:#806737;}
.article strong	{ color:#806737;} */

.article .gallery img	{ float:left; margin:3px 3px 0 0;}
.article .box		{ padding:8px; border:1px dotted #ff4ab0;}
.article .boxgray	{ padding:8px; background-color:#eee;}
.article .boxborder	{ padding:8px; border:1px solid #ddd;}

.article table.imgD	{ margin:0; padding:0; border:none; vertical-align:top;}
.article table.imgD td	{ margin:0; padding:0 2px 0 0; border:none; vertical-align:top;}

.article table caption	{ margin-bottom:5px; font-weight:bold; text-align:left;}
.article table.normalTable	{ border-collapse:collapse; clear:both; width:100%; border:1px solid #ccc;}
.article table.normalTable tr th	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:#eee;}
.article table.normalTable tr td	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.article table.normalTable tr:hover { background:#eee;}

.article table.Table01	{ border-collapse:collapse; clear:both; width:100%; border-top:3px solid #ffdede; border-bottom:3px solid #ffdede;}
.article table.Table01 tr th	{ border-bottom:3px solid #ffdede; padding:5px;}
.article table.Table01 tr td	{ border-bottom:1px solid #ffdede; padding:3px;}
.article table.Table01 tr:hover { background:#fff0f0;}

p.cap1	{ margin:0; padding:2px 0 0 0; color:#999; 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 #ff4ab0; color:#ff4ab0;}
.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 ul	{ list-style:none;}
.sidebar li	{ list-style:none; margin-bottom:2px;}
.sidebar #category li	{ margin-top:3px;}
.sidebar h2	{ display:none;}
.sidebar h3 { margin:35px 0 0 0; padding:20px 0 3px 0; background:url("images/reef.jpg") left top no-repeat;}
.sidebar .name	{ color:#aaa;}
.sidebar .search {
	width:154px;
	border:3px solid #c51545;
}
.sidebar .search input	{ padding-left:5px; width:100px; height:18px; border:none; background:none;}
.sidebar .search button	{ width:43px; height:18px; border:none; background:none; font-size:9px;}
.sidebar #link, .sidebar #about, .sidebar #category, .sidebar .meta, .sidebar #archive { font-size:9px;}
.sidebar .meta a.rss	{ display:block; width:16px; height:16px; background:url("images/rss.gif") left top no-repeat;}

.sidebar #category ul li ul li ul li:before { content:"- "; padding-left:10px;}

#text_0:hover, #text_165210:hover, #text_165208:hover, #text_165209:hover, #text_117222:hover, #text_117224:hover, #text_117227:hover, #text_146331:hover, #text_117228:hover, #text_117229:hover, #text_157870:hover	{color:red !important; font-weight:bold !important;}
.ib	{ cursor:pointer;}	/* 카테고리 - 이미지 버튼 */

.branch3	{ cursor:pointer; }	/* 카테고리 - 트리 셀 */
.c_cnt	{ color:#ff4ab0; font-size:9px;}	/* 카테고리 - 카테고리 옆 개수 스타일 */

.cal_month	{ padding:5px 0 10px 0; font:9px verdana; text-align:left;}	/* 달력 월 표시 */
.cal_week1	{ font-weight:normal;}	/* 달력 요일 표시("th 영역") */
.cal_week2	{ font-weight:normal;}	/* 달력 일요일 표시("th 영역") */
.cal_week	{ }	/* 달력 Week("tr 영역")  */
.cal_current_week	{ }
.cal_day	{ font-size:9px; text-align:center;}	/* 달력 Day("td 영역") */
.cal_day_sunday,	/* 달력 Day, 일요일 ("td 영역")  */
.cal_day_sunday a	{ }
.cal_day1	{ }	/* 달력 지난 달 날짜 표시("td")   */
.cal_day2	{ }	/* 달력 다음 달 날짜 표시("td")   */
.cal_day3	{ }	/* 달력 이번 달 날짜 표시("td") */
.cal_day4	{ }	/* 달력 오늘 날짜 표시("td") */
a.cal_click:link,	
a.cal_click:visited		{ color:#ff4ab0;}/* 달력 글쓴 날 링크 스타일 */
a.cal_click:hover	{ color:#555;}

.dotum11 {color:#555; font:12px Verdana, 굴림, Gulim, AppleGothic, Sans-serif;}
.widjet h3 { margin:35px 0 0 0; padding:20px 0 3px 0; background:url("images/reef.jpg") left top no-repeat;}
.twitterwidjet { margin:35px 0 0 0; padding:20px 0 3px 0; background:url("images/reef.jpg") left top no-repeat;}

/* 하단여백 및 라인 ----------------------------------------------------*/
#bottom_div {margin: auto; margin-top: 60px;  width: 80%; height: 100px; border-top: #c51545 solid 4px;}
