@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/malgungothic.css);
@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);

/* --- 공통 --- */
body {  background: #f4f4f4; color:#333; font:11px "Nanum Gothic","Malgun Gothic"; line-height:18px;}
a { color: #333; text-decoration:none; 	-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;text-decoration:none; text-shadow:4px 0px transparent, -4px 0px transparent; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;border-bottom:0px solid transparent; }
a:hover {color:#26e0d3; text-decoration: none;  text-shadow:0px 0px #aaa, 0px 0px #aaa;  -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background:transparent; } 
ol, ul	{	list-style: none;	margin:0;	padding:0;}

#container {width:690px; margin: 0px auto; position:relative; 	float: right; }
#content {float:left; width:650px;  height:auto; max-height: 680px; background:#fff; padding:0 20px 20px 20px; overflow-x:hidden;}
.main-wrap {	height:700px;	width:840px; overflow:hidden; display:block; background: transparent; margin: 30px auto;}
.article {width:640px; padding:0; margin: 20px 0px; overflow: hidden; }
.article *{  font-size : 11px;}
.entry { padding-top:5px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.articletitle { padding-top:20px; }
.h7 a {color:#666; font:11px "Cuprum","Nanum Gothic"; font-weight:600;border-left:5px solid #26e0d3; padding: 5px; !important; letter-spacing:1px;}

/* --- 댓글과 방명록 --- */
.h3 {	color: #333; padding-top:30px; letter-spacing:2px; font-size:25px; font-family:Mrs Saint Delafield, Cuprum, cursive; font-weight:400; text-align:center;}
.guestWrite, .commentWrite, .guestList li, .commentList li {padding-top:30px; }
.guestList .name, .commentList .name	{  color:#666; font-weight:bold; }/*비로그인*/
.guestList .name a, .commentList .name a {  color:#26e0d3;	font-weight:bold; }/* 로그인*/
.guestList .name a:hover, .commentList .name a:hover	{ color:#26e0d3;	font-weight:bold;  /* 로그인*/}
.guestList li li, .commentList li li { border:none;  margin: 15px 0; padding:0 10px; border-left: 6px solid #eee;}
.guestList .date, .commentList .date { font: 10px Cuprum; color: #666;  display: inline-block;}
.guest_admin a:hover, .rp_admin a:hover {font-style:bold; color:#5099b3!important}
.control a{color:#ddd; font:10px Cuprum,calibri;text-decoration: none;}

.information-wrap { position:relative; width:640px;}
.information-wrap input { font-family: Malgun Gothic, Nanum Gothic, sans-serif; font-size:10px; 	background:#fafafa; border:1px solid #eeeeee; padding: 2px;	margin:0 10px 10px 0;	position:relative;	float:left; display:inline;}
input.name { 	width:130px; height:14px;}
input.password{	width:150px; height:14px;}
input.homepage {	width:310px; height:14px;}
input.name:hover, input.name:focus, input.password:hover, input.password:focus, input.homepage:hover, input.homepage:focus { background:#fff; }
.input::-webkit-input-placeholder { font-family:Cuprum,Calibri; font-size:10px;}

.secret .checkbox { background:#ddd; border: none; padding: 0; margin-left: 10px; vertical-align: middle; cursor: pointer;}
.secret label { font-family:Cuprum,Calibri; color:#aaa; font-size:11px; display:inline; letter-spacing:1px; }

textarea {	
	font-family:'Nanum Gothic', sans-serif;	font-size:11px; border:1px solid #eeeeee; background:#fafafa; 
	width:627px;	height: 100px;
	-o-transition: background .2s ease-in;
	-ms-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	-webkit-transition: background .2s ease-in;
	transition: background .2s ease-in;}
textarea:hover, textarea:focus { background:#fff;}

input[type=button],
input[type=submit]	{
	width : 555px;	height : 20px; margin:10px 0; border:0;
	background:#ddd; font-family:Cuprum;	font-size:9px;	letter-spacing:1px; color:#fff; font-weight:600; 
	-o-transition: background .2s ease-in;
	-ms-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	-webkit-transition: background .2s ease-in;
	transition: background .2s ease-in;}
input[type=button]:hover, input[type=submit]:hover {  background:#26e0d3; }

/* --- 보호글 --- */
.entryProtected { padding-top:20px; }
.stitle2{width:100%; margin-bottom:40px;} 
.sdate2{text-align:center;position:absolute; right:0;}
.h8 {text-align:center;}
.entryProtected input[type="password"]{border:1px solid #eeeeee; background:#fafafa;  text-align:center; height:20px; line-height:20px; margin:15px 0px 5px 0px;}
.entryProtected input[type="button"]{width:60px;border:0; background:#ddd; color:#fff;}
input.protect:hover  {  background:#26e0d3; }
input.protect:focus { background:rgba(255,255,255,0.2); }


/* --- 페이징 --- */
.contents .paging { font-size:11px; font-family:Cuprum; color:#626058;padding-top: 15px; text-align:center; border:none;}
.contents .numbox { margin:30px; }
.numbox-inner  { padding:5px 5px;}
.numbox-inner:hover { 	color:#909090; font-sizet:12px;
 	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #eee;
	/* rounded corners */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
.paging-prev { 	color:#797770!important; background:url(./images/left.png) 0 center repeat-x;	padding:0px 10px;
	 border-radius: 3px 3px 3px 3px; }
.paging-next {	 color:#797770!important;background:url(./images/right.png) 0 center repeat-x; 	padding:0px 10px;
 	border-radius: 3px 3px 3px 3px; }
.paging-prev:hover { background: url(./images/left-hover.png) 0 center repeat-x;}
.paging-next:hover { background: url(./images/right-hover.png) 0 center repeat-x;}
.paging .selected	{ color:#26e0d3;font-weight:bold; }

/* --- 검색폼 --- */
.search input        {	width: 70px;	height: 15px;	background-color: #FFFFFF;	border: 1px solid #ddd;
	background-repeat: no-repeat;	margin:10px 5px;	border-radius: 5px;
	font-family:Malgun Gothic, Nanum Gothic; font-size:11px; color: #aaa;}

/* --- 액션트레일 --- */
.actionTrail   {clear: both; text-align: right;	font: 9px cuprum,Malgun Gothic; padding:0;}
.actionTrail a { color: #666; padding: 3px; font: 11px cuprum,calibri;}
.actionTrail .cnt     {	padding-left: 3px; padding-right: 3px;}
.actionTrail .daca    { clear: both; margin:0	border-radius: 20px; }
.actionTrail .daca:hover     {
	color: #26e0d3;
	transition:linear 0.3s;
	-moz-transition:linear 0.3s;
	-webkit-transition:linear 0.3s;
	-o-transition:linear 0.3s;
	-ms-transition:linear 0.3s;}
.actionTrail .coco   { 	font: 11px cuprum,calibri; }
.articletitle:hover .admin { opacity: 1; transition: all 0.3s ease;}
.admin { opacity: 0; height: 0 }
.articletitle .admin a { color:#ddd; display:inline; font: 9px cuprum,malgun gothic; border-bottom:0 !important; 	padding: 3px; margin:0 5px 0 -4px;}

/* --- 공지 --- */
.entryNotice {	padding:20px 0px 20px 0px;}
.entryNotice .articles {  clear:both; }
.notice_date { float: left;  font-family:  Cuprum, calibri; font-style: italic;  font-size: 9px; font-weight:600; letter-spacing:1px; border-bottom:1px solid #ddd; margin-bottom:7px;} 
.notice_date_y { display: inline; color: #ddd; } 
.notice_date_d { display: inline; color: #bcbcbc; } 

/* --- 인용글 --- */
.article blockquote {	padding-left: 10px; margin: 0;	border-left: 5px solid #ddd; color: #aaa; weight:600px;}
.moreless_fold span, .moreless_top span {
	padding: 5px 10px 5px 10px; 
	border-left: 5px solid #aaa;
	color: #aaa; font-style:bold; 
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; }
.moreless_fold span:hover, .moreless_top span:hover {color: #26e0d3;  background-color: #f5f5f5; }
.moreless_bottom { display: none; }
.moreless_content { padding-top: 20px; }

/* --- 이미지 --- */
img	{max-width: 100%; height: auto; border:0px; opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
img:hover{ border:0px;	opacity:0.9;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.clear {	clear:both;	}
.imageblock { display: block; position: relative; max-width: 100%; overflow: hidden; margin: 2px; }
span.imageblock {max-width: 100%; height: auto;}
.cap1 {text-align:center; padding-bottom:7px;}


/* --- 갤러리 --- */
.flexible_img_col ul{ list-style:none;}
.flexible_img_col ul:after{	display:block;	clear:both;	content:"";}
.flexible_img_col li{	width:200px; margin-right:12px; margin-bottom:0px; padding-top:20px; }	
.flexible_img_col li.masonry-brick {margin-top:0}
.flexible_img_col .thumb{ display:block; overflow:hidden; position:relative; width:200px;
	-webkit-filter: grayscale(100%); opacity:0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
.flexible_img_col .thumb img{	width:200px;	}
.flexible_img_col .thumb img.dno {  display:none;}
.flexible_img_col a:hover .thumb,.flexible_img_col a:hover p {filter: gray(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0%);  opacity:1; }
.flexible_img_col a{  display:block;	width:200px;text-decoration:none;cursor:pointer;  }
.flexible_img_col strong{ margin:0; color: #fff; font-weight:500!important }
.flexible_img_col .date{
	margin:0 auto;
	font-size: 9px;
	color: #B6C0C0;
	font-family: cuprum,tahoma;
	text-align:right;
	width: 194px;
	padding:0 3px;
	background-color:#f4f4f4;
	border-radius: 0 0 5px 5px;}
.flexible_img_col a:hover strong {}
.flexible_img_col a:hover .thumb{}
.flexible_img_col .img_title { width: 194px; padding:3px; background-color:#bababa; border-radius: 5px 5px 0 0;font-family: Cuprum, Malgun Gothic,Nanum Gothic; line-height:11px; letter-spacing:0px; }
.flexible_img_col{ width: 680px; margin: 0 auto; max-width:100%; margin-bottom: 30px; overflow:visible !important;}
.flexible_img_col *{	max-width:100% }
.w180 li{width:200px}
.w180 .thumb{width:200px}
.w180 .thumb img{width:200px}
.w180 a{width:200px}
.w180 p{width:200px}
.cnt {color:#26e0d3; letter-spacing:2px; font-style:bold;}

/* --- 사이드바 --- */
#sidebar { float: left;}
#sideMenu {position:absolute; right:0; top:0; text-align: left;  width:80px; height:auto;	   background:url(images/bg.png) repeat; background: #666;}
*{margin:0;padding:0;}
#menu {height:auto; }
#wrap {position:relative;width:150px; height:500px; z-index:10;overflow:hidden; float: left;color:#fff;  }
.c_right_menu{position:absolute;top:0;right:0;}
.c_right_menu a{display:block;}
.on_menu{position:absolute;right:0;top:0; background:#666;width:90px; height:40px;	padding:15px; border-radius: 20px 0 0 20px;}
.out_menu{position:relative;right:-250px;width:250px;height:301px;}
.out_menu p {position:absolute;right:0;top:0; z-index:100}
.hometitle {	display:block;color: #fff; letter-spacing:2px; font-size:28px; font-family:Mrs Saint Delafield, Cuprum, cursive; font-weight:400; text-align:right;  line-height:0.8;}
.riem a{  color:#bcbcbc;font-family:cuprum, Calibri; font-style:italic; font-size:9px; padding-top:10px; float:right; }
#admincenter a {display:inline; font-family:cuprum, Calibri; font-style:italic; font-size:9px; padding:0 5px; float:right; color:#333;}
.back {color:#fff; font-family:Calibri; font-size:11px; float:right; padding:10px 5px;}

#sideMenu {border-radius: 20px 0 0 20px; }
#sideMenu ul { text-transform: uppercase; padding-top:0px;}
#sideMenu li {  width:150px;height:30px;  font-family:Cuprum; font-size:10px;color:#999; border-bottom:1px solid #fff; color:#fff;}
#sideMenu ul>li:hover{ color:#999; background: #ddd;
	transition:linear 0.3s;
	-moz-transition:linear 0.3s;
	-webkit-transition:linear 0.3s;
	-o-transition:linear 0.3s;
	-ms-transition:linear 0.3s; }
	#sideMenu ul>li>a { width:140px; padding:10px 5px; color:#fff;  }
	#sideMenu ul>li>a:hover {padding:10px 5px; color:#3cc; }
.bar { position: absolute; right:0; font-weight:bold; padding-right:10px;}

/* --- 기타 --- */
#s-m-t-tooltip {
    font-family:Cuprum, Malgun Gothic;    font-size:9px; letter-spacing:1px;
    position:absolute;    margin-top: 15px;      z-index:9999;
    background:#fff;    border-radius:20px;    color:#b3b3b3; border:1px solid #ddd;
    padding:2px 3px 2px 3px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;}

::selection {background: transparent; color: #b3b3b3; text-shadow: 3px 0px .2px #eaeaea, -3px 0px .2px #26e0d3;}
 ::-moz-selection {background: transparent;color: #b3b3b3; text-shadow: 3px 0px .2px #eaeaea, -3px 0px .2px #deccc8;}

iframe#tumblr_controls {  opacity:0.5;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
iframe#tumblr_controls:hover { opacity:1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.tistorytoolbar {display:none}

/* --- 스크롤바 --- */
::-webkit-scrollbar {background-color:#fff; border:5px solid #fff ;height: 12px; width:10px; }
::-webkit-scrollbar-thumb {background: #ddd;border:2px solid #fff;height:auto; -webkit-border-radius:5px; border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background-color: #26e0d3;}