@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:700,800');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Gothic+A1:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i');


ol,ul,li { margin:0; padding:0; list-style:none; }
img { vertical-align:middle; }
input,textarea { outline:none; border:0; }
section {
  display: block;
}
#tistorytoolbarid { display: none; }

/* 툴팁 */

.tooltip {
	display: none;
	position: absolute;
	z-index: 9999;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
	border-radius: 3px;
	padding: 5px;
	color: #292929;
	font-size: 8.5px;
}

.tooltip::before { 
	content:""; 
	position:absolute; 
	left:13px; 
	bottom:-6px; 
	border-top:9px solid #FFF;
	border-right:7px solid transparent; 
	border-left:0px solid transparent; 
}

.tooltip::after { 
	content:""; 
	position:absolute; 
	z-index:-2; 
	left:12px; 
	bottom:-10px; 
	border-top:10px solid #CECECE; 
	border-right:7px solid transparent; 
	border-left:0px solid transparent; 
}


/* 스크롤바 */

::-webkit-scrollbar { 
	width:7px; 
}

::-webkit-scrollbar-track { 
	-webkit-border-radius:0; 
	border-radius:0; 
	background:none; 
}

::-webkit-scrollbar-thumb { background-color:#D0D0D0; }
::-webkit-scrollbar-thumb:hover { background-color:#D0D0D0; }


/* 드래그 색상 */
::selection {
	color: #C70A0A;
	background-color: #EAEAEA;
} 
::-moz-selection { 
	color:#C70A0A; 
	background-color: #EAEAEA; 
} 


body {
	font-family: 'Gothic A1' , 'Barlow Condensed', sans-serif;
	margin: 0px;
	background-color: #EEEEEE;
	color: #1F1F1F;
	font-size: 11px;
}



a {
	transition:all .3s ease; 
	-webkit-transition:all .3s ease; 
	-moz-transition:all .3s ease; 
	-ms-transition:all .3s ease; 
	-o-transition:all .3s ease;
}
a:hover  , a:active{
	color: #777777;
	text-shadow: 0px 0px 1px #7F7F7F;
	-webkit-filter: blur(3px);
    -moz-filter: blur(3px); 
    -o-filter: blur(3px); 
    -ms-filter:blur(3px); 
    filter: blur(1px);
}
a:link, a:visited {
	text-decoration: none;
	color: #262122;
}

/* 메뉴바 */


.title_bar {
	width: 600px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 60px;
	padding-bottom: 40px;
	height: 110px;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom: 1px solid #E4E4E4;
}

.title  {
	border-radius: 100px;
	border: 1px solid #C6C6C6;
	width: 80px;
	padding: 3px;
	height: 80px;
}
.title img  {
	width: 100%;
	border-radius: 100px;
	height: 100%;
}
.title img:hover {
	transition:all .7s ease; 
	-webkit-transition:all .7s ease; 
	-moz-transition:all .7s ease; 
	-ms-transition:all .7s ease; 
	-o-transition:all .7s ease;
	opacity: 0.4;
}

/* 카테고리 */

.category {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 300;
	margin-left: 130px;
	margin-top: -50px;
	color: #E1E1E1;
}

.category ul {
}

.category ul li {
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
}
.category ul li a {
	font-family: 'Merriweather', serif;
	color: #6D6D6D;
	text-transform: lowercase;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: -1px;
}


.category ul li a:hover {
	color: #9E9E9E;
	-webkit-filter: blur(3px);
    -moz-filter: blur(3px); 
    -o-filter: blur(3px); 
    -ms-filter:blur(3px); 
    filter: blur(1px);
}

.sidebar {
	background-color: #FFFFFF;
	border-radius: 20px;
	width: 100%;
	margin-top: -30px;
	padding-bottom: 20px;
}
.sidebar ul {
	margin-top: 10px;
	margin-left: 220px;
}
.sidebar ul li {
	display: inline-block;
	padding-right: 40px;
}




.wrap {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #FFFFFF;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 50px;
}
.searchList {
	color: #757575;
	font-size: 10px;
}
.td_w {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #D0D0D0;
}
.title_w {
}
.date_w {
	float: right;
}







a ion-icon   {
	color: #515151;
	font-size: 13px;
}
.title_w ion-icon {
	font-size: 8px;
	color: #C8494B;
	padding-right: 10px;
}
.taglog {
	color: #727272;
	font-size: 11px;
}
.taglog h3  {
	font-size: 11px;
	color: #D3D3D3;
	font-weight: 500;
}
.guestbook {
}
.guestWrite {
	border-radius: 20px;
	padding: 10px;
	font-size: 10px;
	color: #858585;
}
.g_name {
	width: 140px;
	height: 11px;
	color: #666666;
	font-size: 10px;
}
.g_pass {
	width: 140px;
	height: 11px;
	color: #666666;
	font-size: 10px;
	margin-top: -11px;
	margin-left: 170px;
}
.g_text   {
	font-size: 10px;
	color: #737373;
	padding-top: 20px;
	height: auto;
	margin-top: 50px;
}

.g_text textarea {
	width: 100%;
	resize: none;
	overflow-y: hidden;
	height: auto;
}
.g_input {
	margin-top: 10px;
	margin-left: 410px;
}
.g_secret {
	display: inline;
	margin-top: -30px;
	margin-right: 10px;
}
.g_sumit {
	padding-top: 7px;
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 7px;
	background-color: #DFDFDF;
	font-size: 9px;
	color: #373737;
	display: inline;
	margin-top: -40px;
}



input[id="secret"] {
	display: none;
}

input[id="secret"]+label {
	display: inline-block;
	font-size: 9px;
	color: #666;
	text-transform: lowercase;
	padding: 5px;
	font-weight: 500;
}

input[id="secret"]:checked + label {
	color: #BFBFBF;
}

input[id="secret"]:checked + label:before {
	content: "\f205";
	font-family: "FontAwesome";
	color: #D46062;
	font-size: 13px;
}

input[id="secret"]+ label:before {
	content: "\f204";
	font-family: "FontAwesome";
	color: #BFBFBF;
	font-size: 13px;
}
.guestList {
	color: #545454;
	font-size: 11px;
	margin-left: 20px;
	padding-top: 30px;
}



.rp_name {
	font-weight: 600;
}

.rprp {
	border-bottom: 1px dashed #E2E2E2;
	width: 105%;
	margin-left: -30px;
}
.guest_rp1 {
	margin-left: 30px;
	padding-bottom: 10px;
}
.guest_rp {
	margin-left: 60px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 50px;
}



.entryNotice {
	text-align: center;
}
.notice_title {
	width:300px;
	padding-left: 10px;
	font-size: 11px;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.notice_date {
	margin-left:100px;
	width:100px;
	color: #AEAEAE;
	font-size: 9px;
	display: inline-block;
}
.article {
	padding-top: 20px;
}
.entryProtected {
	text-align: center;
}
.fas.fa-lock {
	color: #D3D3D3;
	font-size: 33px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.submit {
	padding: 5px 10px;
	background-color: #E4E4E4;
	color: #424242;
	font-size: 10px;
	text-transform: uppercase;
	width: 240px;
	height: 33px;
}



.ar_title {
		width:400px;
	display: inline-block;
	color: #292929;
	font-size: 11px;
	font-weight: 600;
}
.cate_link {
	margin-left:20px;
  width:100px;
	display: inline-block;
}
.ar_date {
	width:100px;
	float: right;
	font-size: 9px;
	color: #BDBDBD;
}
.admin {
	padding-top: 10px;
}
.tagTrail {
	padding-top: 10px;
	padding-bottom: 10px;
}
.actionTrail {
}
.tagText   {
	color: #656565;
	font-size: 11px;
	font-weight: 500;
}
.cate_link a {
	display: inline-block;
	color: #D48485;
	font-size: 9px;
}
.at_rp {
	padding-top: 5px;
	padding-bottom: 5px;
}
.guest_rp3 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 50px;
}
.rprp2 {
	border-bottom: 1px dashed #E2E2E2;
	width: 105%;
	margin-left: -15px;
}
.paging {
	text-align: center;
	cursor: pointer;
	padding-top: 20px;
}
.search {
	width: 150px;
	height: 7px;
	font-size: 10px;
	color: #929292;
	display: none;
	float: right;
	margin-right: 245px;
	margin-top: -10px;
}
.search2 {
	width: 150px;
	border: 1px solid #DCDCDC;
	padding: 4px;
	font-size: 10px;
}



/*카피라이터 수정 및 삭제 금지*/

.copyright {
	position: fixed;
	right: 22px;
	bottom: 22px;
}




@media (max-width:600px){
	
	body {
		font-size : 10px;
		overflow-x:hidden;
	}
	
.title_bar {
	width: 70%;
	height: 150px;
}
	
	.title {
	margin-top: -10px;
	margin-left:75px;
}
	
	.category {
		width:120%;
		margin-top:50px;
		margin-left:-35px;
	}
	
	.category li {
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.sidebar {
		margin-left:-120px;
	  width: 120%;
		background: transparent;
	}
	
	.sidebar li {
			margin-left:-15px;
		margin-right:-15px;
	}
	
.wrap {
	width: 81%;
}
	
	
}