@charset "utf-8";
@font-face { font-family: 'Dovemayo-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/Dovemayo-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

/*reset*/
ul,ol,li {
	list-style-type:none;
}
html {
	overflow-x:hidden;
	overflow-y:scroll;
}
.clear {
		clear:both;
}
hr {
	display:none;
}
form {
	margin:0px;
	padding:0px;
}
p,div,th,td,select,input {
	border:none;
	outline:none;
	color:#333;
}

html {
	overflow-x:hidden;
	overflow-y: scroll;
}
/* chrome */
input::-webkit-input-placeholder {
	color:#333;
		font-size: 10px;
}
/* Firefox 4-18 */
input:-moz-placeholder {
	color:#333;
	font-size: 10px;
}
/* Firefox 19+*/
input::-moz-placeholder {
	color:#333;
	font-size: 10px;
}
/* IE10+*/
input:-ms-input-placeholder {
	color:#333;
	font-size: 10px;
}
/*스킨시작*/


::-webkit-scrollbar  { width: 5px; }
::-webkit-scrollbar-track { background-color: #e57373;}
::-webkit-scrollbar-thumb { background-color: #ef9a9a; }

::selection{ 
  color: #fff; 
  background-color: #ef9a9a;
  transition: all 250ms ease-in; 
} 
::-moz-selection{ 
  color: #fff; 
  background-color: #ef9a9a;
  transition: all 250ms ease-in; 
}


body {
    padding: 0px;
    margin: 0px;
    background-color: #ffcdd2;
    color: #333333;
    font-size: 0.73em;
    text-decoration: none;
    font-family: 'Noto Sans KR','Montserrat',sans-serif;
}
a {
	color:#333333;
	transition:all 0.60s ease;
	text-decoration:none;
}
a:hover,a:active {
    color: #ef9a9a;
    transition: all 0.60s ease;
}
textarea {
	width:99%;
	height:90px;
	border:1px solid #eee;
	font-size:1.2em;
	outline:none;
    font-family: 'Dovemayo-Bold';
}
input {
	padding:3px;
}

/*티스토리*/

code {
	  font-family: 'Noto Sans KR', sans-serif;
}

pre {
	 font-size: 0.92em;
	 color: #333333;
	 border: 1px solid #ffcdd2;
	 width:90%;
	 padding:10px;
}


#about_all {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ab {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8%;
}
/*왼쪽 사이드*/
.about {
    width: 200px;
    background-color: #FFFFFF;
    height: 220px;
    position: fixed;
    border: 1px solid #CDCDCD;
	overflow:hidden;
    margin-left: -480px;
}
.about #about_bg {
	width:100%;
	height:53%;
	overflow-y:no-display;
}
.about #about_bg img {
	position:relative;
	z-index:-9999;
	height:100%;
}
.about #about_line {
	width:100%;
	border-top:60px solid transparent;
	border-right:360px solid #FFFFFF;
	margin-left:-200px;
	position:absolute;
	z-index:-999;
	;
	margin-top:-60px;
}
.about #about_img {
	border-radius:1000px;
	overflow-x:hidden;
	overflow-y:hidden;
	width:60px;
	height:60px;
	position:absolute;
	margin-left:7px;
	border:3px solid #FFFFFF;
	margin-top:-45px;
}
.about #about_img img {
	width:100%;
	height: auto;
}
/*닉네임,태그 */
.about #about_me {
	padding:5px;
	margin-left:5px;
}
.about #about_me .about_name {
	font-family:'Roboto Slab',serif;
	font-weight:600;
	font-size:18px;
	color:#525252;
	font-style:normal;
	text-transform:capitalize;
}
.about #about_me .about_etc {
	font-family:'Noto Sans KR',sans-serif;
	margin-top:-12px;
	font-size:11px;
	font-weight:400;
	color:#565656;
	margin-left:13px;
	margin-bottom:5px;
}
#about_me .xi-bookmark {
	font-size:12px;
	position:absolute;
	margin-left:-15px;
	margin-top:3px;
	color:#8459E0;
}
#about_me .xi-heart {
	font-size:12px;
	position:absolute;
	margin-left:-15px;
	margin-top:3px;
	color: #CC5D5D;
}
/*트위터,유튜브*/
.about .about_sns {
	margin-top:-37px;
	position:absolute;
	margin-left:130px;
}
.about .about_sns ul {
	width:50px;
}
.about_sns ul li {
	display:inline-block;
	color:#646464;
	font-size:15px;
	margin-left:3px;
	margin-right:3px;
	margin-top:-1px;
}
.about_sns .xi-twitter {
	color: #4DAFAD;
}
/*방문자*/
#about2 {
    width: 200px;
    background-color: #FFFFFF;
    height: 50px;
    position: fixed;
    border: 1px solid #CDCDCD;
    overflow-x: hidden;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    overflow-y: hidden;
    margin-top: 230px;
    margin-left: -480px;
}
#about2 .counter {
	padding:0px;
	margin:0px;
}
#about2 .counter li {
	width:97px;
	height:60px;
	margin-top:-10px;
	border-right:1px solid #CDCDCD;
	display:inline-block;
	text-align:center;
}
.counter #total {
	color:#393939;
}
.counter #today {
    color: #ef9a9a;
    font-style: italic;
    font-weight: 600;
}
.counter p {
	margin-top:15px;
	margin-bottom:3px;
	text-transform:uppercase;
	font-weight:600;
	color:#8C8C8C;
	letter-spacing:0.5px;
	font-style:normal;
	font-size:8px;
}


/*검색창*/


#about3 {
    width: 200px;
    height: 40px;
    background-color: #FFFFFF;
    position: fixed;
    border: 1px solid #CDCDCD;
    margin-top: 290px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-left: -480px;
}
#about3 .search {
	padding:10px;
}
.search #search {
    width: 120px;
    border-bottom: 1px solid #ef9a9a;
    margin-left: 4px;
    margin-right: 7px;
}
.search .submit3 {
    color: #FFFFFF;
    padding: 4px;
    border: 1px solid #ef9a9a;
    background-color: #ef9a9a;
    font-size: 0.7em;
	-webkit-appearance:none;
}
.search .submit3:hover {
    border: 1px solid #ef9a9a;
    background-color: #FFFFFF;
    color: #ef9a9a;
    transition: all 0.3s linear;
}


/*카테고리*/

.about_menu {
	float:right;
	cursor:pointer;
}
.about_menu .xi-bookmark {
    position: absolute;
    color: #e57373;
    font-size: 5em;
    float: right;
    margin-left: -40px;
    margin-top: -50px;
}
#about_category {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
#about_category ul {
    width: 40px;
    position: absolute;
    margin-left: 420px;
    margin-top: -2px;
}
#about_category ul li {
    display: block;
    padding-bottom: 7px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-top: 5px;
}
#about_category ul li a {
    color: #ef9a9a;
    background-color: #FFFFFF;
    font-size: 17px;
    padding-top: 7px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 7px;
    text-align: center;
    margin-top: 0px;
    width: 35px;
    height: 35px;
}
#about_category ul li a:hover {
    color: #FFFFFF;
    background-color: #ef9a9a;
    transition: all 0.3s linear;
}


/*웹*/
.wrap {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    width: 660px;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    margin-top: 8%;
}
/* 커버 */
h1 {
	font-size:11px;
	margin-top:10px;
}
.cover_notice .xi-bell {
	color:#F3BB30;
	font-size:13px;
	margin-right:6px;
}
.xi-folder-open {
	color:#AFADC4;
	font-size:13px;
	margin-right:6px;
}

/*커버 갤러리*/

.cover_gal .thumb_gal {
	float:left;
	width:30%;
	 margin-top:1%;
	 margin-bottom:1%;
	 margin-left:2%;
	position:relative;
	display:inline-block;
	 overflow:hidden;
}
.cover_gal .thumb_gal .thumb_post {
	position:relative;
	display:block;
	overflow:hidden;
}
.cover_gal .thumb_post img {
	width:100%;
	display:block;
}
.thumb_gal .thumb_post img:hover {
	-webkit-transition:all 0.60s ease;
	transition:all 0.60s ease;
	background-color:rgba(255,255,255,0.50);
}
.thumb_gal a .post_td {
	margin-top:10px;
	margin-bottom:15px;
}
.thumb_gal a .post_cg {
    padding: 5px;
    font-size: 10px;
    background-color: #ef9a9a;
    color: rgba(255,255,255,1.00);
    margin-bottom: 20px;
    float: left;
    max-width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.thumb_gal a .post_tt {
	font-weight:500;
		float:left;
}
.thumb_gal a:hover .post_tt {
    -webkit-transition: all 0.60s ease;
    transition: all 0.60s ease;
    display: block;
    color: #ef9a9a;
}



/* 커버 리스트 */
.cover_list .list_td {
    padding-top: 7px;
	  padding-bottom :7px;
}
.cover_list a .list_td .list_cg {
    padding: 5px;
    background-color: #ef9a9a;
    float: left;
    color: #FFFFFF;
    font-size: 9px;
    margin-right: 5px;
    margin-top: -3px;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cover_list a .list_td .list_tt {
	color:#292929;
	font-weight:600;
	text-align:left;
	margin-top:0px;
}

.cover_list a:hover .list_td .list_tt {
    color: #ef9a9a;
    transition: all 0.60s ease;
}



.xi-tags {
	color:#2B2B2B;
	margin-right:4px;
}
.taglog h3 {
	padding:5px;
}
.taglog ul {
	margin-left:-30px;
}


.guestWrite p textarea {
	resize:none;
}
.guest_name,.guest_pass {
	width:74px;
	display:inline-block;
	margin-right:10px;
	border-bottom:1px solid #C9C9C9;
}
.guestList {
	padding-bottom:20px;

}




.submit {
    float: right;
    border: 1px solid #C8C8C8;
    background-color: #FFFFFF;
    padding: 5px;
    font-size: 10px;
    color: #CBCBCB;
	-webkit-appearance:none;
}
.submit:hover {
    border: 1px solid #ef9a9a;
    background-color: #ef9a9a;
    color: #fff;
    transition: all 0.60s ease;
}
#guest1 {
	padding:9px;
	margin-left:-40px;
	clear:none;
}
#guest2 {
	margin-left:60px;
}
.name {
    color: #ef9a9a;
    font-weight: 500;
}
.date {
	color:#BCBCBC;
	font-size:10px;
}
.control {
	font-size:10px;
	text-transform:lowercase;
}
#secret {
	display:none;
	position:absolute;
	float:right;
	padding-bottom:10px;
}
.secret {
	font-size:15px;
	color:#B8B8B8;
	margin-top:-23px;
	margin-left:67%;
}
.secret input[type="checkbox"]+label:before {
    content: "\f204";
    font-family: FontAwesome;
    display: inline-block;
    margin-top: 5px;
    color: #929292;
}
.secret input[type="checkbox"]:checked+label:before {
    content: "\f205";
    font-family: FontAwesome;
    color: #ef9a9a;
    font-weight: 600;
    text-shadow: 0px 0px;
}

.xi-enter {
	float:right;
	color:#313131;
	font-size:13px;
	margin-right:10px;
}

.entryNotice {
	padding:7px;
	background-color:#FFFFFF;
	margin-top:20px;
	border:1px solid #949494;
	text-align:center;
}
.entryNotice .titleWrap {
    padding-bottom: 10px;
}


/* 갤러리 */


#wrap_list {
  width:100%;
	display:block;
	box-sizing:border-box;
	margin-top:3%;
	margin-bottom:3%;
}

.wrap_list {	
 	 float:left;
	 width:30%;
	 margin-top:2%;
	 margin-bottom:2%;
	 margin-left:2%;
 	 position:relative;
	 overflow:hidden;
		display:inline-block;
}

.wrap_list:before { 
	content:"";  
	clear:both;
	padding-top:10%; 
}

.wrap_list a {
	display: inline-block;
}

.thumb_post {
	padding-left:0px;
	overflow:hidden;
}
.thumb_post img {
	width:100%;
	display:block;
}

/* 갤러리 카테고리 날짜 타이틀  */

.wrap_list .wrap_tdc {
	position: absolute;
	margin-top:10px;
	text-align:left;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#262626;
	font-size:0.9em;
	transition:all 0.3s linear;
}
.wrap_list .link_title {
	padding-top:5px;
	padding-bottom:5px;
}

.wrap_list:hover img {
	opacity:0.4; 
	 transition:all 0.3s linear;
}

.link_cate {
    padding: 4px;
    background-color: #ef9a9a;
    color: #FFFFFF;
    float: left;
    margin-bottom: 10px;
	max-width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.link_title {
	font-weight:600;
}

.link_day {
	color:#B5B5B5;
	font-size:0.7em;
}

.wrap_list:hover .link_title {
    color: #ef9a9a;
    transition: all 0.3s linear;
}

/*리스트형*/

.real_list {
	padding-top:30px;
	display:none;
	width:100%;
	clear:both;
}


.list_day {
	float:right;
	font-size:10px;
	color:#A2A2A2;
	margin-top:-10px;
}

.real_list .list_cg {
    padding: 5px;
    background-color: #ef9a9a;
    float: left;
    color: #FFFFFF;
    font-size: 9px;
    margin-right: 5px;
    margin-top: -3px;
	max-width: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.real_list a .list_td .list_tt {
	color:#292929;
	font-weight:600;
	text-align:left;
	margin-top:3px;
}
.real_list a .list_td .list_day {
	float:right;
	margin-top:-17px;
	font-size:10px;
	color:#A2A2A2;
}
.real_list a:hover .list_td .list_tt {
    color: #ef9a9a;
    transition: all 0.60s ease;
}

.real_list .list_td {
    padding-top: 0px;
	  padding-bottom: 0px;
}













.post_day {
	color:#989898;
	margin-top:-10px;
}
.post_word input {
    border-radius: 3px;
    border: 1px solid #ef9a9a;
}
.post_day {
	color:rgba(172,172,172,1.00);
}

.real_post .date {
	text-align:right;
	padding-bottom:20px;
}


.article {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dashed #E7E7E7;
}



.entryProtected {
	text-align:center;
}
h2 {
	font-size:1.2em;
	text-align:left;
}
.xi-lock {
    color: #ef9a9a;
    font-size: 4em;
    margin-top: 0px;
    padding-top: 20px;
}


.admin {
    float:right;
}

.admin a {
    padding:20px;
}
.tagTrail {
	margin-top:20px;
	text-align:right;
}
.tagTrail p {
    color: #ef9a9a;
}
.action_trail {
 	margin-top:20px;
}
.paging {
	text-align:center;
	margin-top:15px;
}
.paging a {
    color: #FFFFFF;
    font-size: 2em;
    padding-top: 2px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    background-color: #ef9a9a;
    margin-right: 13px;
    margin-left: 13px;
    margin-top: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}
.paging a:hover {
    background-color: #FFFFFF;
    color: #ef9a9a;
    transition: all 0.3s linear;
}



.top a {
    background-color: #ef9a9a;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    position: fixed;
    right: 11%;
    bottom: 11%;
    font-size: 15px;
}
.top a:hover {
    transition: all 0.3s linear;
    color: #FFFFFF;
    background-color: #ba6b6c;
}


/* 카피라이터 색상외엔 손대지마세요*/


.copy a {
    position: fixed;
    left: 14px;
    bottom: 14px;
    font-size: 15px;
    color: #ba6b6c;
}


@media (max-width:767px){
#about_all {
    margin: auto;
    width: 98%;
}

.ab .about {
    display: none;
}

.ab #about2 {
    display: none;
}
.ab #about3 {
    margin-top: -2%;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    width: 206px;
    float: none;
    position: absolute;
}
.about_menu {
    float: right;
    margin-left: 90%;
}

.about_menu .xi-bookmark {
    position: absolute;
    text-align: right;
}

.wrap {
    width: 88%;
    margin-top: 170px;
}
#about_category  {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
}
#about_category ul  {
    float: none;
    width: 90%;
    margin-left: -10px;
}
.top {
    right: 1px;
    margin-top: 140px;
    position: fixed;
    bottom: 10px;
}


#about_category ul li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
}
.secret {
    float: right;
    margin-top: -14px;
    margin-right: 30px;
}
p,div,th,td,select,input {
	border:none;
	outline:none;
	color:#333;
}

html {
	overflow-x:hidden;
	overflow-y: scroll;
}
/* chrome */
input::-webkit-input-placeholder {
	color:#333;
		font-size: 10px;
}





}