@charset "utf-8";




@font-face {
    font-family: 'kr-serif';
    font-style: normal;
    font-weight: normal;
    src: url(./images/SourceHanSerifKR-Light_subset.woff) format('woff');
	       url(./images/SourceHanSerifKR-Light_subset.eot) format('eot');
}


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


@font-face {
    font-family:'NanumBarunGothic-L';
    src: url('images/NanumBarunGothic-L.woff') format('woff')
    font-weight: normal;
    font-style: normal; 

}
/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */

* { margin:0; padding:0; border:none; }
body	{ color:#555; font:10pt NNanumBarunGothic-L;}
a:link { color:#666; text-decoration:none;}
a:visited  { color:#666; text-decoration:none;}
a:active	 { color:#666; text-decoration:none;}
a:hover	{ border:none; color:#FF8888;}

h1	{ font: 36px kr-serif, NanumBarunGothic-L; sans-serif;}
h2	{ font: 36px kr-serif, NanumBarunGothic-L; sans-serif;}
h2 a { color:#555;} 
h3, h4, h5, h6	{ font:36px kr-serif, verdana;}
input { height:18px;}
button,
input,
textarea	{ vertical-align:middle; border-top:1px solid #fff6fa; border-right:1px solid #fff6fa; border-bottom:1px solid #fff6fa; border-left:1px solid #ffdce1; background-color:#fff6fa; font:12px , 돋움, 'Trebuchet MS', Tahoma, AppleGothic, sans-serif; color:#555;}
input:focus,
textarea:focus	{ background-color:#fff6fa;}
hr	{ display:none;}
.clearer { margin:0; padding:0; clear:both; display:block; width:100%; height:0; font-size:1px; line-height:1px;}

.cnt	{ color:#FF8888; font:9px verdana;}
.cnt a:link,
.cnt a:visited	{ color:#aaa; font:9px verdana;}
.cnt a:hover	{ color:#FF8888;}


.date    { color:#aaa; font:9px verdana;}
.control,
.control a:link,
.control a:visited	{ color:#aaa; font:9px verdana;}
.control a:hover	{ color:#FF8888;}


/* 페이징 - 현재 페이지 */
.selected	{ font-weight:none; color:#aaa;}

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

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


/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general		{ }
.rp_admin		{ }
.rp_secret		{ color:#FF8888;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }
.guest_secret	{ color:#FF8888;}


/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ color:#FF8888; font-weight:none;}/* 이미지 아래 캡션 스타일 */
.cap1			{ color:#aaa; text-align:center;}
/* 그림 */
.imageblock		{ border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left		{ }
/* 가운데 */
.center		{ }
/* 오른쪽 */
.right		{ }
/* 그림 2개 배치 */
.dual		{ margin-bottom:5px;}
/* 그림 3개 배치 */
.triple		{ margin-bottom:5px;}

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






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

#container 			{center; padding-top:20px; margin:none; width:1050px; }
#left				{ float:left; width:250px; padding-right:20px; padding-bottom:20px;}
#header 			{ text-align:right; width:250px; padding-top:50px; padding-bottom:20px;}
#sidebar			{ text-align:right; width:250px; text-align:right;}
#content 			{ float:right; width:750px; padding-bottom:40px; line-height:180%; overflow:hidden;}

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

#header h1				{ font: bold 17px verdana, AppleGothic, sans-serif;letter-spacing: 1px;}

#header span			{ font:20px np, AppleGothic, sans-serif; color:#aaa; }
#header span a			{ font:20px  np, AppleGothic, sans-serif; color:#aaa; }
#header span a:hover	{ color:#FF8888; font-weight:nomal; }

#header .blogMenu ul	{ list-style:none; padding:5px 0 0 0;}
#header .blogMenu ul li	{ display:inline;}
#header .blogMenu	{ color:#aaa; font:9px verdana;letter-spacing: 0px;}
#header .blogMenu a:link,
#header .blogMenu a:visited	{ color:#888; letter-spacing: 0px;}
#header .blogMenu a:hover	{ color:#FF8888;}


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar .search				{ }
#sidebar .search input		{ width:150px; height:18px; border:0; background-color:#fff6fa; font:12px dotum;  color:#777;}
#sidebar .search .submit		{ width:40px; height:18px; border:0; background-color:#ffc8c8; font:9px verdana; color:#fff;}




#sidebar ul	{ list-style:none;}
#sidebar li	{ list-style:none; margin-bottom:2px;}
#sidebar h2	{ display:none;}
#sidebar h3 {font: 9px verdana; padding:3px 0 1px 0; letter-spacing: 1px;}

#sidebar h3 a:link,
#sidebar h3 a:visited,
#sidebar h3 a:active	{ color:#888; cursor:pointer;}
#sidebar h3 a:hover	{ color:#FF8888;}
#sidebar .name	{ font-size:7pt; color:#aaa;}
#sidebar h3 a.rss span { display:none;}
#calendar,

#recentPost,
#recentComment,
#recentTrackback	{ padding-bottom:10px;}
#calendar			{ float:right; text-align:right; width:190px; padding-bottom:10px;}
#archive			{ font:9px verdana;  padding-bottom:10px;}
#link				{ font:8pt dotum; padding-bottom:10px;}


#category {font:9px verdana; float:right; text-align:left; height:180%;  width:160px; padding-bottom:30px;}
#category ul li {font:10px verdana;padding-left:5px;}
#category ul li ul li {font:bold 10px verdana; padding-left:10px;}
#category ul li ul li ul li {font:9px verdana; padding-left:35px;}


/* selected */
#category .selected				{ font:9px verdana;}
#category .selected ul li		{ font:9px verdana; font-weight:normal;}




/* ------------------------------------------------------------------- */
/* ***** 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		{ padding-top:40px; padding-bottom:32px; font: 36px NanumPen, AppleGothic, sans-serif;}
#content .medialog h2		{ padding-top:40px; padding-bottom:31px; font: 36px NanumPen, AppleGothic, sans-serif;} /* 티스토리용 */
#content .searchRplist h2,
#content .searchList h2		{ padding-top:40px; padding-bottom:36px; font: 36px NanumPen, AppleGothic, sans-serif;}


.searchList ol, 
.searchRplist ol			{ list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li			{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date			{ font-size:7pt; margin-left:10px; }
.searchList .cnt			{ font-size:7pt; color:#FF8888;} 
.searchRplist .name			{ font-size:9pt; color:#aaa; padding-left:8px;}

.taglog					{ margin-bottom:30px;}
.taglog ul				{ padding:0px; margin:0; text-align:justify;}
.taglog li				{ display:inline;}
.taglog li .cloud1		{ color:#999; font-weight:bold; font-size:9pt;}
.taglog li .cloud2		{ color:#888; font-weight:bold; font-size:9pt;}
.taglog li .cloud3		{ color:#777; font-weight:bold; font-size:9pt;}
.taglog li .cloud4		{ color:#666; font-size:9pt;}
.taglog li .cloud5		{ color:#aaa; font-size:9pt;  }
.taglog li a:hover		{ color:#FF8888;}

.guestbook p			{ padding:2px 0; margin:0;}

.guestWrite				{ font:7pt verdana; }
.guestWrite input       { width:150px; padding-left:2px; color:#666;}
.guestWrite textarea	{ font:10pt NanumGothic, verdana; width:690px; padding:5px; color:#666;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit		{ width:150px; height:20px; background-color:#FFC8C8; font:7pt verdana; color:#fff;}
.guestWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.guestList					{ width:700px; padding:40px 0 0 0;}
.guestList ol				{ border-left:1px solid #eee; margin:0 0 35px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul			{ margin:0; padding:0; list-style:none;}
.guestList ol li			{ padding-left:15px; overflow:hidden;}
.guestList ol li p			{ border-top:1px solid #eee; }
.guestList ol li ul li		{ padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name		{ font:bold 12px verdana; color:#666;}
.guestList ol li .date		{ font-size:7pt; color:#aaa; }
.guestList .control			{ font-size:7pt; color:#aaa;}
.guestList .control a		{ color:#aaa;}
.guestList .control a:hover	{ font-size:7pt; color:#FF8888;}




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

.entryNotice h2 { padding-top:20px; font: 36px NanumPen, AppleGothic, sans-serif; font-weight:nomal; }

.entryProtected h2, 
.entry h2				{ padding-top:60px; font:36px NanumPen, AppleGothic, sans-serif; font-weight:nomal;text-align:center; }
.titleWrap						{ color:#aaa; font:9px verdana; padding-bottom:20px;text-align:center;}
.titleWrap .category a			{ color:#aaa; font:9px verdana;}
.titleWrap .category a:hover	{ color:#FF8888; font-weight:nomal;}
.titleWrap .date				{}
.titleWrap .admin 				{ padding-left:5px;}
.titleWrap .admin a				{ color:#aaa;}
.titleWrap .admin a:hover		{ color:#FF8888; font-weight:nomal;}

.entryProtected				{ margin-bottom:15px;}
.warning	 				{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input		{ width:140px; color:#666; border:0px solid #aaa;}
.entryProtected .submit		{ font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#FFC8C8;}

.article					{ margin-bottom:20px; width:100%; text-align:justify;} 
.article a:link,
.article a:active,	 
.article a:visited		 { color:#aaa; }
.article a:hover			{ color:#FF8888; }

.article dt					{ }
.article dd					{ margin-left:20px; padding-bottom:10px;}
.article blockquote			{ background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;}


.tagText				{ color:#aaa;  font:bold 7pt Verdana;}

.tagTrail 	{ color:#aaa; clear:both; text-align: justify;}
.tagTrail a:link,
.tagTrail a:visited,
.tagTrail a:active	{ color:#aaa;}
.tagTrail a:hover	{ color:#FF8888;}


.actionTrail	{ color:#aaa; clear:both;}
.actionTrail  a:link,
.actionTrail  a:visited,
.actionTrail  a:active	{ color:#aaa;}
.actionTrail  a:hover	{ color:#FF8888;}
.actionTrail .cnt	{ color:#FF8888; font-size:12px; font-weight:bold;}

.trackback				{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a			{ color:#666;}
.trackback h3			{ font-size:8pt; color:#aaa;  margin:0px 5px 10px 0px;}
.trackback h4			{ font-weight:normal; margin:0;}
.trackback ol			{ margin:0;  padding:0; list-style:none;}
.trackback li			{ padding:5px;}
.trackback .date		{ font:7pt Verdana; color:#aaa;}
.trackback p			{ color:#aaa; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:7pt Verdana; color:#aaa;}

.comment		{ border-top:1px solid #eee; padding-top:5px; margin-top:5px;  width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,    
.comment ul			{ margin:0;  padding:0; list-style:none;}
.comment .date		{ font:7pt Verdana; color:#aaa;}
.comment .name		{ font:bold 11px verdana; color:#666;}
.comment ol li		{ padding:10px 5px;}
.comment li ul li	{ padding:5px 10px 10px 40px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font:7pt Verdana; color:#aaa;}

.commentWrite					{ padding:0; margin-top:20px; font:7pt verdana;}
.commentWrite input				{ width:150px; color:#666;}
.commentWrite textarea			{  font:9pt dotum, verdana; width:700px; height:50px; color:#666; padding:5px; top:5px; }
.commentWrite .homepage			{ width:300px;}
.commentWrite .submit			{ height:20px; width:150px; background-color:#FFc8c8; font:7pt verdana; color:#fff;}
.commentWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.paging		{ margin:20px 0 20px 0; color:#aaa; font:9px verdana; text-align:center; letter-spacing: 1px;}
.paging a:link	{ color:#aaa;}
.paging a:visited	{ color:#aaa;}
.paging a:hover	{ color:#FF8888;}
.paging .prev	{ margin-right:15px;}
.paging .next	{ margin-left:15px;}
.selected	{  font:bold 11px verdana; color:#FF8888;}	/* 페이징 - 현재 페이지 */



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

#footer	{ clear:both; margin:20px 0 40px 0; color:#aaa; text-align:right; line-height:130%; font:9px verdana; }
#footer .counter { font:8px tahoma; color:#ccc; }	
#footer a	{ color:#aaa;}
#footer a.valid	{ padding-left:12px; background:url("images/valid.gif") bottom left no-repeat;}
#footer a:hover	{ color:#FF8888;}					


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}
#mediaLogLimit			{ display:none !important;}
div .box				{ width: 95%; height: auto;	margin: 0;}