@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 웹폰트 */ 
@font-face {font-family:seevaa2007;src:url(images/seevaa2007.eot);}
@font-face {font-family:seevaa9;src:url(images/seevaa9.eot);}
@font-face {
	font-family:'NanumGothic'; src: url('./images/NanumGothic.eot');
    src: url('./images/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./images/NanumGothic.woff') format('woff'), 
         url('./images/NanumGothic.ttf') format('truetype'); 
         font-weight: normal;  font-style: normal;}

@font-face {
    font-family: 'museo700';
    src: url('./images/museo-700-webfont.eot');
    src: url('./images/museo-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('./images/museo-700-webfont.woff') format('woff'),
         url('./images/museo-700-webfont.ttf') format('truetype'),
         url('./images/museo-700-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;}   

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

/* ------------------------------------------------------------------- */

* { margin:0; padding:0;}
body	{ color:#555; font:12px NanumGothic, 나눔고딕, Museo-700, dotum, ms gothic, tahoma, AppleGothic, Sans-serif; background-color:#666;background:url(./images/pt4.gif) repeat}

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

img	{ border:none;}
h1, h2, h3, h4, h5	{ font-size: 12px; font-weight:bold;}
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-family: NanumGothic, dotum; font-size:12px; color:#555;}
hr { display:none;}





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

#container	{ width:980px; margin:28px auto;}
#bgTopLeft	{ background:url("images/bgTopLeft.gif") top left no-repeat;}
#bgTopRight	{ background:url("images/bgTopRight.gif") top right no-repeat;}
#bgBottomLeft	{ background:url("images/bgBottomLeft.gif") Bottom left no-repeat;}
#bgBottomRight	{ padding:8px 0 30px 0; background:url("images/bgBottomRight.gif") Bottom right no-repeat;}
#bgWhite	{ padding:0px 20px 0 20px; border-left:1px solid #eee; border-right:1px solid #eee; background:url("images/bgWhite.gif") left repeat-y #fff;}



#header	{ padding:12px 0px 20px 0; background-color:#fff;}
#header h1 a { padding:0; margin:0; font-family:/*@title-font-family=NanumGothic, dotum*/ dotum /*@*/; /*@title-color=color:;*/ color: #fff; /*@*/  font-weight:bold;  font-size:/*@title-font-size=14px*/ 16px /*@*/; line-height:1.0;}
#content	{ float:right; width:700px; overflow:hidden; line-height:160%;}
#sidebar	{ float:left; width:200px; }
.clearer { clear:both; display:block; height:1px;}


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

#header h1 a	{ float:right; display:block; width:370px; height:125px; background:url("images/db.png") top left no-repeat;}
#header h1 a span	{ display:none;}
#header .blogMenu	{ color:#ccc; text-align:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0;}
#header .blogMenu span	{ float:left;}
#header .blogMenu a	{ color:#999; }
#header .blogMenu a:hover	{ color:#00cccc;}


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

#sidebar ul	{ list-style:none; text-align:justify;}
#sidebar li	{ list-style:none; margin-bottom:2px;}

#sidebar .search		{ margin-bottom:3px;}
#sidebar .search input	{ vertical-align:middle; width:145px; height:18px; color:#555; background-color:#eee;}
#sidebar .search button	{ vertical-align:middle; width:45px; height:20px; color:#555; font-size:9px; color:#999;}

#sidebar h2 { padding:10px 0 5px 0; color:#FF1493; cursor:pointer;}
#sidebar h2:hover	{ color:#555;}

#sidebar .cnt	{ color:#FF1493; font-size:9px;}
#sidebar .name	{ color:#aaa;}
#sidebar .date	{ color:#aaa; font-size:9px;}
#sidebar h2 a.rss { display:block; width:16px; height:16px; background:url("images/rss.gif") left top no-repeat;}
#sidebar h2 a.rss span { display:none;}

#tagbox li { display:inline;}

#calendar,
#category,
#recentPost,
#recentComment,
#tagbox,
#recentTrackback	{ padding-bottom:10px;}
#archive,
#link	{ padding-bottom:10px; font-size:9px;}
#category {font-size:18px;font-family: museo700}

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

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist	{ padding-bottom:40px;}

#content .localog h2, 
#content .taglog h2, 
#content .guestbook h2,		
#content .medialog h2,		
#content .searchRplist h2,
#content .searchList h2	{ padding-bottom:20px; color:#FF1493;}

.searchList ol, 
.searchRplist ol	{ list-style:none;}
.searchList li, 
.searchRplist li	{ margin-bottom:6px; line-height:100%;}
.searchList li a:visited	{ padding-left:15px; background:url("images/valid.gif") bottom left no-repeat;}
.searchList .date, 
.searchRplist .date	{ margin-left:10px; font-size:9px;}
.searchList .cnt	{ color:#FF1493; font-size:9px;} 
.searchRplist .name	{ padding-left:8px; color:#999;}

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


.guestWrite	{ font-size:9px;}
.guestWrite p	{ padding:2px 0;}
.guestWrite input	{ width:150px;}
.guestWrite textarea	{ width:588px; padding:5px;}
.guestWrite .homepage   { width:300px;}
.guestWrite .submit		{ width:150px; height:22px; font-size:9px;}
.guestWrite .warn	{ padding-left:20px; font-size:12px;}
.guestWrite input.checkbox	{ width:auto; border:none; background:transparent;}

.guestList	{ font:12px/1.5 seevaa2007, Verdana, Dotum, AppleGothic, Sans-serif; width:97%; padding:50px 0 0 0;}
.guestList ol,
.guestList ol ul	{ list-style:none;}
.guestList ol li	{ padding:25px 0 0 0; overflow:hidden;}
.guestList ol li p	{ padding-top:5px; background:url("images/dot.gif") repeat-x; text-align:justify;}
.guestList ol li ul li	{ padding:15px 0 0 60px;}

.guestList .name	{ font:12px/1.5 Verdana, Dotum, AppleGothic, Sans-serif; font-weight:bold;}
.guestList .date,
.guestList .control,
.guestList .control a	{ font:9px Verdana, Dotum, AppleGothic, Sans-serif;font-size:9px; color:#999;}
.guestList .control a:hover	{ color:#FF1493;}


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

.entryNotice h2 a:link, .entryProtected h2 a:link, .entry h2 a:link	{ color:#00cccc;}
.entryNotice h2 a:visited, .entryProtected h2 a:visited, .entry h2 a:visited	{ color:#00cccc;}
.entryNotice h2 a:hover, .entryProtected h2 a:hover, .entry h2 a:hover	{ color:#fff;}	
.entry h2 a	{ font-size:/*@post-title-font-size=*/ 18pt /*@*/; font-family: /*@post-title-font-family=*/ seevaa2007, dotum /*@*/; color: /*@post-title-color=*/ #6264DD /*@*/;  line-height:1.2em; padding:8px 0 6px 0;}

.titleWrap	{ padding-bottom:11px; color:#999; font-size:8pt;}
.titleWrap a	{ color:#999;}
.titleWrap a:hover	{ color:#FF1493;}
.titleWrap .admin { padding-left:5px; font-size:11px;}

.entryProtected { }
.warningStripeTop { display:block; width:600px; height:50px; background:url("images/stripe.gif") left top repeat-x;}
.warningStripeBottom { display:block; width:600px; height:200px; background:url("images/stripe.gif") left bottom repeat-x;}
.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적용 */
div.imageblock a:visited {text-decoration:none; background:none; margin:0; padding:0;}
div.left a:visited {text-decoration:none; background:none; margin:0; padding:0;}
div.right a:visited {text-decoration:none; background:none; margin:0; padding:0;}
div.center a:visited {text-decoration:none; background:none; margin:0; padding:0;}

/* 본문적용 */
.article	{ width:100%; text-align: justify;} 
.article .imageblock a:visited {text-decoration:none; background:none; margin:0; padding:0;}
.article a:link	{ border-bottom:1px dotted #FF1493; color:#FF1493;}
.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:active	{ border-bottom:1px dotted #FF1493; color:#FF1493;}
.article a:hover	{ color:#555; border:none;}
.article img,
.article table,
.article div	{ margin:0 0 10px 0; padding:0;}
.article h3 { margin:0 0 6px 0; padding:0; color:#FF1493;}
.article h4	{ display:inline; margin:0 0 4px 0; font-size: 12px; font-weight:normal; border-bottom:1px solid #FF1493;}
.article p	{ margin:0 0 20px 0; padding:0;}
.article li	{ margin-left:40px;}
.article pre { margin-bottom:20px; padding:8px; overflow:auto; border:1px solid #aaa; background-color:#eee; line-height:150%;}
.article code { font-family:'Courier New', Courier, Monaco, 'bitstream vera sans mono', AppleGothic, '돋움', Dotum, monospace;}
.article dt	{ text-decoration:underline;}
.article dd	{ margin-left:20px; padding-bottom:10px;}
.article blockquote	{ margin:0 0 0 20px; padding-left:35px; background:url("images/iconBlockquote.gif") top left no-repeat;}

.article a.noneBorder 	{ border:none;}
.article .gallery img	{ float:left; margin:3px 3px 0 0;}
.article .box	{ margin-bottom:20px; padding:8px; border:1px dotted #FF1493;}
.article .boxgray	{ background-color:#eee; padding:8px; margin-bottom:20px;}
.article .boxborder	{ margin-bottom:20px; padding:8px; border:1px solid #ddd;}
.article .p0	{ margin:0; padding:0;}
.article .pcolor	{ color:#FF1493;}
.article ul.pad	{ margin-top:10px;}
.article ul.pad li	{ margin-bottom:8px;}

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

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

.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:red;}
.adc	{ float:left; padding-right:5px; color:#555; letter-spacing:normal;}

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

.actionTrail	{ clear:both;}
.actionTrail .cnt	{ color:#FF1493; 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:#FF1493; font-size:11px;}
.trackback h4	{ margin:0;}
.trackback h4 a	{ color:#FF1493;}
.trackback ol	{ list-style:none; margin:0; padding:0;}
.trackback li	{ padding:7px 0;}
.trackback .date	{ color:#999; font-size:9px;}
.trackback p	{ margin:3px 0 0 0; padding:0; color:#999; text-align: justify;}
.trackback a.delete span	{ color:#999; font-size:9px;}

.comment	{ width:100%; margin-top:10px; background:url("images/dot.gif") top repeat-x; overflow:hidden;} 
.comment p	{ font:12px/1.5 NanumGothic, Verdana, Dotum, AppleGothic, Sans-serif;text-align:justify;}
.comment p a:hover	{ font-weight:normal;}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ padding:25px 0 0 0;}
.comment li ul li	{ padding:15px 0 0 60px; }

.comment .name	{ font-weight:bold;}
.comment .date,
.comment .control,
.comment .control a	{ font-size:9px; color:#999;}
.comment .control a:hover	{ color:#FF1493;}

.commentWrite	{ margin-top:30px; font-size:11px;}
.commentWrite p { margin-top:3px;}
.commentWrite input	{ width:150px;}
.commentWrite textarea	{ width:580px; padding:5px;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ width:590px; height:27px; font-size:11px;}
.commentWrite input.checkbox	{ width:auto; border:none; background:transparent;}

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


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

#footer	{ clear:both; padding:30px 0 50px 0; color:#999; text-align:center; line-height:130%; }

#footer .counter	{ color:#555; float:right; padding-right:4px; background:url("images/barcode_line.gif") top right repeat-y; font-size:9px; }	
#footer .counter .barcode	{ padding-top:33px; background:url("images/barcode.gif") top left repeat-x; }

#footer .top	{ float:left;}
#footer .top a	{ display:block; width:45px; height:42px; background:url("images/top.gif") top left no-repeat;}
#footer .top span	{ display:none;}

#footer .copyright	{ float:center; padding-top:10px;}
#footer .copyright span	{ font-size:11px;}
#footer .copyright a	{ color:#999;}
#footer .copyright a.valid	{ padding-left:12px; background:url("images/valid.gif") bottom left no-repeat;}
#footer .copyright a:hover	{ color:#fff; font-weight:normal;}



/* ------------------------------------------------------------------- */
/* 티스토리 설정 */
/* ------------------------------------------------------------------- */

/* 페이징 - 현재 페이지 */
.selected	{ color:#FF1493;}

/* 카테고리 - 이미지 버튼 */
.ib	{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3	{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt	{ color:#FF1493; font-size:11px;}

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

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general	{ }
.rp_admin	{ }
.rp_secret	{ color:#FF1493;}
/* 종류별 코멘트 [##_rep_class_##] */
.general	{ }
.admin	{ }
.secret	{ color:#FF1493;}
.rp_secret              { color:#FF1493;}
.guest_secret           { color:#FF1493;}

/* 비밀 댓글 ("로그아웃시 비밀글 표현") */
.hiddenComment 	{ color:#FF1493; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
p.cap1	{ margin:0; padding:0px 0 0 0; color:#999; text-align:center;}
    .cap1                   { color:#999;  font-family:seevaa9, dotum; text-align:center; padding:0px 0; margin:0;}

/* 그림 */
    .imageblock      { border:none; vertical-align:top; line-height:normal; padding:0px; margin:0px 0; text-align:center; }
    .article .imageblock a:link { border-style: none;}
    .article .imageblock a:visited { border-style: none;}
    .article .imageblock a:hover { border-style: none;}
    .article .imageblock a:active { border-style: none;}

/* 키워드 */
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 왼쪽 */
.left	{ }
/* 가운데 */
.center	{ }
/* 오른쪽 */
.right	{ }
/* 그림 2개 배치 */
.dual	{ }
/* 그림 3개 배치 */
.triple	{ }

/* 본문 - more / less */
p.moreless_fold	{ 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;}