@media all and (min-width:982px)
{
 /*화면 폭이 982px 이상이며 미디어쿼리를 지원하는 브라우저인 경우 */
 #content {width:700px}
 #list {width:282px}
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@charset "utf-8";

body {
	font: 12px Nanum Gothic, dotum, sans-serif;
	color:#7a7a7a;
	background: #FFFFFF;
	}

a { 
	color: #ae91ab;
	text-decoration:none;
	}
a:active { 
	text-decoration:none;
	}
a:hover {
	color: #b38bca;
	background-color: #F1E6F0;
	}

img { border : 0; }
	
/* ===================================================================
   Layout
=====================================================================*/
#header {
	width : 780px; 
	margin: auto;
	padding: 65px 0 20px 0;
	}

#page {
	width : 880px; 
	margin: 0 auto;
	background: #FFF;	 
	border: 0px solid #eee;
	padding: 0 20px;
	}
	
.content {
	margin: 0 auto;
         width:780px;
         padding-left:50px 
         padding-right:50px
         padding-top:0px;
	}

#footer {
	width : 880px; 
	margin-top: 40px; 
         margin-bottom:30px;
         margin-left:auto;
         margin-right:auto;
         padding-left:70px;
         padding-right:70px;
         text-align:center;
         float:center; 
         vertical-align:middle; 
         	font: 0.9em Nanum Gothic, dotum, sans-serif;;
	color: #999;
	}	
/* 카운터 */
#counter {margin-top:3px; margin-bottom:15px; text-align:center; color:#9E9E9E; font:0.9em strong Nanum Gothic, tahoma; }	

/* ===================================================================
   Contents
=====================================================================*/
.date, .cnt, .name, .from, .delete { font: 0.9em Nanum Gothic, dotum, sans-serif; color: #777;}
.name2 { font:bold 0.95em Nanum Gothic, dotum, sans-serif; color:#311A60;}

/* ===================================================================
   Header
=====================================================================*/
.blogtitle{
	margin-top:0px;
         	padding-top:0px;
	text-align:center;
         	font:bold 30px 나눔손글씨 펜, NanumPen, Nanum Gothic, dotum, sans-serif;
	color: #311A60;
	text-decoration: none;
}

.blogtitle a {
	color: #311A60;
	text-decoration: none;
}
.blogtitle a:hover{
	color: #311A60;
	background-color: #fff;
	text-decoration: none;
}

.blogmenu {
	margin: 10px 0px;
	padding:10px 0px;
	text-align:center;
	border-top:1px dotted #CCCCCC;
}

.blogmenu a.linkstyle {
  padding: 5px 10px;
  color: #b38bca;
  font: 12px trebuchet MS, batang;
  text-decoration: none;
  letter-spacing: 3px;
}

.blogmenu a.linkstyle:hover {
  color: #953e89;
  background-color: #fff;
  text-decoration: none;
  font-weight:bolder;
  font-size: 12.5px;
  letter-spacing: 3px;
}

.blogmenu a.linkstyle:active {
  text-decoration: none;
  letter-spacing: 3px;
}

.blogmenu a.linkstyle2 {
  padding: 5px 10px;
  color: #7B5296;
  font: 12px trebuchet MS, batang;
  text-decoration: none;
  letter-spacing: 3px;
}

.blogmenu a.linkstyle2:hover {
  color: #953e89;
  background-color: #fff;
  text-decoration: none;
  font-weight:bolder;
  font-size: 12.5px;
  letter-spacing: 3px;
}

.blogmenu a.linkstyle2:active {
  text-decoration: none;
  letter-spacing: 3px;
}


/* ===================================================================
   Search
=====================================================================*/
#searchBox {float:left; margin-top:3px; margin-bottom:7px; width:158px; height:18px; border:1px solid #e6e6e6; no-repeat 7px 3px; }
#searchBox label {display:none; }
#searchBox input {width:132px; height:15px; border:0px solid #e6e6e6; background-color:#ffffff; color:#7a7a7a; vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */ position:relative; cursor:pointer; }
#searchBox .submit {width:18px; height:15px; border:0px; background:url(images/btn_search2.jpg) no-repeat; text-indent:-5000px; overflow:hidden; vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */ position:relative; cursor:pointer; }


/* ===================================================================
    top, bottom background
======================================================================*/
#top {
	background:url("images/top.gif") repeat-y;	
	height: 30px
	}
#bottom {
	background:url("images/bottom.gif") repeat-y bottom;	
	height: 30px;
	}

/* ===================================================================
   Contents
=====================================================================*/
.content {
	line-height: 160%;
         	}
	
.content h2 {
         text-align:left;
         margin-top:-10px;
         margin-left:0px;
	font: 25px segoe script, trebuchet MS;
	font-weight: normal; 
         color:#311A60;
	}


/* ===================================================================
   Search List
=====================================================================*/

.searchList h3 {
	font-weight: normal;
	}

.searchList ul, .searchList ol {
	margin: 0px 0 15px 0;
	padding: 0 0 0 10px;
	list-style:none;
	}

.list_category {
        margin-top: -50px;
        width: 180px;
        }

.searchList li {	
        padding: 0;
        }

.searchList a:hover {
	color: #7c6f8d;
	background-color: #F1E6F0;
	text-decoration: none;
	}

/* ===================================================================
   Local Log
=====================================================================*/
.localog .spot { 
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  
	padding-left:20px;  
	margin-top:5px;
	}
.localog .info  { 
	background:url(images/iconIndentArrow_localinfo.gif) 0 50% no-repeat;
	padding:3px 6px 3px 8px;
	margin-top:2px;
	}

/* ===================================================================
   Keywords
=====================================================================*/
.taglog ul, .keywords ul { 
	padding:10px; 
	margin:0; 
	text-align:justify;
	}
.taglog li, .keywords li { 
	display:inline;
	}

.taglog  a { text-decoration:none; }
.taglog li {line-height:20px; font:12px/20px Nanum Gothic, dotum; }
.taglog li .cloud1 {
         background-color:#311A60; 
         color:#fff; 
         font-weight:bolder; 
         font-size:14px;	
	color:#FF3399;
	}
.taglog li .cloud2 {
	color:#311A60; 
         font-weight:bold; 
         font-size:14px;
	}
.taglog li .cloud3 {
	background-color:#9370a7; 
         color:#fff; 
         font-weight:bold; 
         font-size:14px;
	}
.taglog li .cloud4 {
	color:#9370a7; 
         font-weight:bold; 
         font-size:14px;
	}
.taglog li .cloud5 {
	color:#939393; 
         font-size:12px; 
	}


/* ===================================================================
   Page Error
=====================================================================*/
#page-error { 
	font : bold 1.3em tahoma, sans-serif;
	text-align:center;
	padding: 80px;
	}

/* ===================================================================
   Article
=====================================================================*/
.title {
	text-align:center;
	/*
        font-size: 1.1em;
	font-weight: bold;
        letter-spacing:-1px;
	margin: 20px 40px auto auto;
	padding: 0px;
        */
	}

.title h2 {
            color: #5f3172;
            font: 2.7em Nanum Pen Script, Nanum Gothic, Trebuchet MS;
	    letter-spacing: 1px;
	    margin: 10px 40px;
	    padding: 0px;
	    text-align:center;
            text-shadow: 1.12px 1.12px 2px #BA8BCD;
            }

.title h2 a {color: #5f3172; text-decoration:none;}
.title h2 a:hover {color: #5f3172; font: 2.8em; text-decoration:none;}

.title .date, .title .category {
                                    margin-bottom: 10px; 
                                    color:#bfa8c9; 
                                    font: 7px Nanum Gothic, tahoma; 
                                    text-align:center;
                                                 }

.title .category a {color:#bfa8c9; font:7px Nanum Gothic, dotum;}

/*
.entry h2 a{
	color: #311A60;
	text-decoration:none;
	}
.entry h2 a:hover {
	color: #311A60;
	text-decoration:underline;
	}
*/

.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}

.posted {float:left; font: Nanum Gothic, dotum, sans-serif; }
.author {text-aligh:left; color:#a5a5a5; font:11px/14px;}
.author .text {text-transform:capitalize; }
.author .name {color:#614b6d; font:12px/15px; font-weight:bolder; text-transform:capitalize; }
			
.article {
	margin: 50px 0 0 0;
	text-align: justify;
	font-size: 1.0em;
         	}

.article a {color:/*@post-body-color=*/#7c6f8d/*@*/; text-decoration:none; }

.article a:link         {color:#7e2ccc; text-decoration:none; }
.article a:visited     {color:#645477; text-decoration:none; }
.article a:hover      {color:#7c6f8d; background-color: #eee; text-decoration:none; }
.article a:active      {color:#7e2ccc; text-decoration:none; }

.article img { border: 0;}
.article .cap1  { font: 1.0em Nanum Gothic, dotum, sans-serif; margin:3px ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	list-style: circle;
	}

.article .moreless_fold, .moreless_top, .moreless_bottom {color:#424242; font:12px Nanum Gothic, tahoma; text-decoration:none; position:relative; vertical-align:middle; }
.article .moreless_fold  { padding-left:18px; background:url(images/btn_open1.gif) 0 50% no-repeat;} 
.article .moreless_top    { padding-left:20px; background:url(images/btn_close.gif) 0 50% no-repeat;}
.article .moreless_content {margin:5px 0 2px 0; }
.article .moreless_bottom   { padding-left:18px; background:url(images/btn_close.gif) 0 50% no-repeat; float:right; text-align:right;}
	
.article blockquote {
	border-left: 4px solid #ccc;
	clear: both;
	display: block;
	font: italic 1.0em Nanum Gothic, 맑은고딕, dotum;
	margin: 12px 16px;
	padding-left: 12px;
	}

/* Addthis 본문 하단 추천글 */
.addthis_recommended_horizontal {
        float: center;
        margin-top: -13px;
        margin-bottom: -3px;
        margin-left: 8px;
        }

.tagTrail, .tagTrail a, {color:#8f8f8f; font:12px/14px Nanum Gothic, dotum; }
.tagTrail { 
         margin-top:5px;
         margin-bottom:15px;
	padding-left:19px; 
         background:url(images/icon_tag2.png) no-repeat 0px 1.75px;
         	}

.tagText {	
	font: bold 1em Nanum Gothic, 맑은고딕, dotum; 
	color: #8f8f8f;
	}
	
.actionTrail {
         text-align:right;
	font-size: 1.2em;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
         margin-top:10px;
	margin-bottom: 8px;
	}
	
.actionTrail a {
	font:12px Nanum Gothic, dotum, sans-serif;
	color:#a5a5a5;
	text-decoration:none;
	}	

.actionTrail span.cnt { font: bold 10px Nanum Gothic, verdana; color: #614b6d; }

/* ===================================================================
   Trackback
=====================================================================*/
.trackback .tbadd {
	font:bold 0.85em trebuchet MS, batang;
	text-align: left;
         margin-bottom:3px;
	}
.trackback ol {
	margin: 5px 0;
	padding: 0;
	list-style: inside;
	}
.trackback li {
	padding-bottom: 5px; 
	}
		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }

.comment .name2 a,
.comment .name2 a:hover {
	color:#ae91ab;	
	text-decoration:none;
	}
.comment a {
	color: #ae91ab;
	text-decoration:none; 
	}
.comment a:hover {
	color :#b38bca;
         background-color: #F1E6F0;
	}

.comment .commentList  { 
	padding:0;
	}
	
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border-top: 1px solid #eee;		
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:8px; margin:10px 0 0 30px;	
	list-style: none; 
	background-color: #faf9f8;
	border: 1px dashed #eee;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 15px 0;
	border-bottom: 1px solid #eee;	
	}
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 7px; }


/* ===================================================================
   Comment - Form
=====================================================================*/

.comment fieldset 	{ margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment legend 	  {font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font:0.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#ae91ab;vertical-align:middle;}
.comment label span	{color:#ae91ab;}

.comment input		{padding:2px .5em;width: 300px; font:1.0em Gulim, AppleGothic,Sans-Serif;vertical-align:middle;color:#ae91ab;border:1px solid #ddd; }
.comment textarea 	{padding:2px .5em;width:98%;height:100px;border:1px solid #ddd;font:1.0em Gulim,,AppleGothic, Sans-Serif;color:#ae91ab; overflow:hidden;}
.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:25px;font-size:.9em;color:#ae91ab;cursor:pointer;}

/* ======================================
	Content - Paging 
=========================================*/
.paging {
	text-align:center;
	font:9px verdana;	
	margin-top: 20px;
         margin-bottom:25px;
	}

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;
	}
		
.selected { 
	font-weight:bold; 
	}
	
/* ======================================
	Sidebar - from Tistory Gallery skin
=========================================*/

#sidebar_close {display:none;}

#sidebar { 
	color:#8b8a8a; 
         font:0.93em Nanum Gothic, dotum;
	line-height: 160%;
                 	}

.sidebar-one, .sidebar-two, .sidebar-three, .sidebar-four, .sidebar-five {word-break:break-allt:left; word-wrap:break-word; overflow:hidden; }
.sidebar-one {float:left; width:170px; /* margin-left:47px; */ margin-left:8px; margin-right:6px; }
.sidebar-two {float:left; width:148px; /* margin-right:20px; */ }
.sidebar-three {float:left; width:175px; /* margin-left: 3px; */ margin-right:15px; }
.sidebar-four {float:left; width:165px; margin-right:15px; }
.sidebar-five {float:left; width:171px; margin-right:-6px; }

#blogImage {margin-top:15px; margin-bottom:15px; }
#blogImage img {width:160px; }
/* #userID, */ 
#blogDesc {color:#7a7a7a; font:11px Nanum Gothic, dotum; } 
#userID {color:#311A60; margin-top:4px; margin-bottom:4px; font:13px font-weight:bold; }

.open_close	{
	font: bold 1.1em Nanum Gothic, dotum, sans-serif; 
	text-align:center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 4px;
	margin-bottom: 10px ;
	}
	
.open_close a	{ color:#311A60; font:bold 1.2em;}
.open_close img	{margin:0 0 0 2px;}

.sidebox, .sidebox2 {
         color:#8b8a8a;
         text-align:justify;
	margin: 15px 0;
	}

.sidetitle {
	color: #614b6d; 
        line-height: 200%;
	font:bold 1.1em Nanum Gothic, dotum, sans-serif; 
         margin-bottom:12px;
         padding-bottom:12px;
         	}
	
/* sidebox ul, li style */
.sidebox ul, .sidebox2 ul {
	margin:0; 
	padding:0;
	display:inline;
	}

.sidebox li {
	margin-right: 2px;
         line-height:190%
	font-size: 1em;
	}
.sidebox2 li {display:inline;
              padding: 0px;
              font-size: 0.9em;
              }
	
.sidebox li a {color:#848484; line-height:170%}
.sidebox ul li ul { padding:0 0 0 5px; margin:0; }
.sidebox ul li ul li { font-weight: bold; } /* 덜 세세한 카테고리 -.-; */
.sidebox ul li ul li ul { padding:0 0 0 5px; margin:0; } 
.sidebox ul li ul li ul li {font-weight: normal; } /* 가장 세세한 카테고리 */

.c_cnt { font:0.75em Nanum Gothic, dotum, sans-serif;  color:#999;}

/* sidebox tag cloud */
.sidebox2 ul.tagcloud li	{
	line-height:20px; font:12px/20px Nanum Gothic, dotum;
	}

.sidebox2 ul.tagcloud li .cloud1 {
	background-color:#311A60; 
         color:#fff; 
         font-weight:bolder; 
         font-size:1.0em;	
	color:#FF3399;

	}
	
.sidebox2 ul.tagcloud li .cloud2 {
	color:#311A60; 
         font-weight:bold; 
         font-size:1.0em;
	}

.sidebox2 ul.tagcloud li .cloud3 {
	background-color:#9370a7; 
         color:#fff; 
         font-weight:bold; 
         font-size:1.0em;
	}

.sidebox2 ul.tagcloud li .cloud4 {
	color:#9370a7; 
         font-weight:bold; 
         font-size:0.97em;
	}

.sidebox2 ul.tagcloud li .cloud5 {
	color:#939393; 
         font-size:0.9em; 
	}



/* 달력테이블 */
#calendar {margin-bottom:16px; }
.cal_month {padding:0 4px 9px 4px; }
.prev-month, .next-month {width:3px; height:5px; margin-top:3px; background-repeat:no-repeat; background-position:0px 0px; text-indent:-1000px; overflow:hidden; }
.prev-month {float:left; background-image:url(images/btn_prev.gif); }
.next-month {float:right; background-image:url(images/btn_next.gif); }
.tt-calendar thead {display:none; }
#sidebar .cal_month a {display:block; }
#sidebar .this-month {color:#9E9E9E; font:10px/10px Nanum Gothic, tahoma; }

.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear {clear: both; }

/* 달력 월 표시 */
	.cal_month       { font:1em Nanum Gothic, Verdana, Helvetica, Arial, Gulim, sans-serif;  
                                         height:18px; 
                                         font-weight:bolder; }
/* 달력 요일 표시(th 영역) */
	.cal_week1       { font:0.95em Nanum Gothic, Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
	.cal_week2       { font:0.95em Nanum Gothic, Dotum, Arial, sans-serif; }

/* 달력 Week(tr 영역)  */
	.cal_week               { }
	.cal_current_week       { }
/* 달력 Day(td 영역) */
	.cal_day                { height:16px; color:#A3A3A3; font:10px/10px Nanum Gothic, tahoma; text-align:center; }
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday         { }
	.cal_day_sunday a		{ }
/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { }
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { }
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { }
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { background:url(images/bg_today3.gif) no-repeat 5px 0px; color:#fff; }
/* 달력 글쓴 날 링크 스타일 */
	#sidebar .cal_click		{ color:#9370a7; font:10px/12px Nanum Gothic, tahoma; font-weight:bolder; }
	a.cal_click:link        { }
	a.cal_click:visited     { }
	a.cal_click:hover       { }

/* =========================================
          RSS & Top 등등 사이드 버튼
   =========================================*/
.side_button {display:scroll; position:fixed; right:0px;}






/* IE 버그 */
*:first-child+html .rss_feed .rss			{position:relative; top:1px;}
* html .rss_feed .rss						{position:relative; top:1px;}
* html .rss_feed							{padding:2px 0 0 0;}

*:first-child+html .tag .article_post		{padding:7px 15px 21px 15px;}
* html .tag .article_post					{padding:7px 15px 21px 15px;}

* html .ib	{height:18px;}
*:first-child+html	.ib	{height:18px;}/* CSS Document */


/* Float 버그 */
.floatWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */

/* 스크롤바 */
html, body{
scrollbar-face-color:#f1e6f0;
scrollbar-base-color:#f1e6f0;
scrollbar-arrow-color:white;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#f1e6f0;
scrollbar-highlight-color:#f1e6f0;
scrollbar-3dlight-color:#dad0d9;
scrollbar-darkshadow-Color:#dad0d9;
}

/*티스토리 툴바 없애기*/
/*#tistorytoolbarid {display : none; }*/