@charset "UTF-8";
body {width:100%; margin:0px;}

/* 티스토리 메뉴바(툴바) 숨기기 */
#tistorytoolbarid { display : none; }

/* ------------------------------------모바일------------------------------------ */
@media screen and (max-width:1000px){
/* 상단바 */
#header .blogMenu ul {
	position:fixed; 
	z-index:999; top:0px; 
	list-style-type:none; 
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:55px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:17px;
	padding-left:22px;
	padding-right:22px;
}

#header .blogMenu ul li {
	display:inline; 
}

#header .blogMenu ul li i {font-size:1.4em;}

#header .blogMenu ul .left {float:left;}
#header .blogMenu ul .left li {padding-right:15px;}
#header .blogMenu ul .right {float:right;}
#header .blogMenu ul .right li {padding-left:15px;}
#header .blogName {font-size:0.75em; font-weight:bold;}
	
#header .blogMenu a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:hover {color:rgba(50, 50, 50, 0.4); text-decoration:none;}
	
/* 카테고리 리스트 */
#content .searchList {width:100%;margin-right:0px;}
	
#content .blogProfile {width:100%; height:210px; }
#content .blogProfile .blogImage {float:left; position:relative; top:80px; left:45px;}
#content .blogProfile .blogImage img {width:90px;}
	#content .blogProfile	.blogBar {float:left; position:relative; top:83px; left:85px;}
#content .blogProfile .blogDesc {text-align:left; }
#content .blogProfile .blogDesc .userID {font-size:0.84em; font-weight:bold;}
#content .blogProfile .blogCategory {text-align:left; margin-left:-42px;}
#content .blogProfile .blogCategory ul {list-style-type:none;}
#content .blogProfile .blogCategory ul li {display:inline; padding-right:15px;}
#content .blogProfile .blogCategory a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:hover {color:rgba(50, 50, 50, 0.4); text-decoration:none;}
#content .blogProfile .blogName {text-align:left; }
#content .blogProfile .blogName .userNAME {font-size:0.78em;}
	
#content .fixed_img_col {margin-left:7.2%;}
#content .fixed_img_col ul {
	list-style-type:none; 
	display:inline;
}
#content .fixed_img_col li {
	float:left;
	position:relative;
	width: 98px;
	margin: 0px;
	padding: 0px;
}
#content .fixed_img_col li .thumb img {
	width: 100%;
	height: 98px;
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
}
#content .fixed_img_col li:hover .thumb img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
}
	
#content .fixed_img_col li:hover .lTitle .listTitle {
	color: #000;
	opacity: 0;
}
#content .fixed_img_col .lTitle {
	display:none;
	width:95px;
	position:absolute;
}
#content .fixed_img_col .lTitle .listTitle {
	color: #000;
	position:absolute;
	bottom:25px;
	left:10px;
	opacity: 0;
	font-size:0.89em;
	font-weight:bold;
}
	
#content .fixed_img_col li .sub {
	float:left;
	position:absolute;
	height: 20px;
	line-height: 20px;
}	
#content .fixed_img_col li .sub .date {
	color: rgba(0, 0, 0, 0.6);
	position:absolute;
	bottom:25px;
	left:10px;
	font-size:0.8em;
	font-family:calibri;
}
#content .fixed_img_col li .sub .cnt {
	color: #aaa;
	position:absolute;
	bottom:25px;
	right:10px;
}
	
/* 페이징 */
#footer {width:97%; float:left; margin:20px auto; text-align:center;}
#footer	.paging {
   font-size:0.8em; 
}
#footer .paging a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:hover {color:rgba(50, 50, 50, 0.3); text-decoration:none;}

	#footer .top {font-size:0.8em; padding-top:16px;}
#footer .top a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:hover {color:rgba(50, 50, 50, 0.3); text-decoration:none;}
	
/* 태그 */
.tag {width:70%; margin-top:70px; margin-left:auto; margin-right:auto;}
	.tag .tagTitle i {font-size:0.8em; padding-right:4px;}
	.tag .tagTitle span {font-size:0.86em;}
.tag ul {margin:5px -40px;}
.tag li {display:inline; font-size:1.2em;}
.tag li a {text-decoration:none; color:#aaa;}
.tag li a:link {text-decoration:none; color:#aaa;}
.tag li a:visited {text-decoration:none; color:#aaa;}
.tag li a:active {text-decoration:none; color:#aaa;}
.tag li a:hover {text-decoration:none; color:#000;}
	
	/*본문*/
	.entry {
		width:85%; 
		margin-top:80px; 
		margin-left:auto; 
		margin-right:auto;
		border:1px solid rgb(235, 235, 235);
	padding-bottom:10px;
	background-color:#fff;
	}
	
	.entry .titleWrap {
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:65px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:12px;
		margin-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	}
	.entry .titleWrap .entryImage img {width:45px;}
	.entry .titleWrap .entryTitle {text-align:left; padding-left:55px; margin-top:-27px; font-size:0.8em;}
	.entry .titleWrap .category {text-align:right; padding-right:1px; padding-top:1px; font-size:0.7em;}
	.entry .titleWrap .admin {display:none;}
	.entry .article .imageblock {
		width:100% !important; 
padding:0 !important;
		margin:0 !important;
}
.entry .article { font-size:/*@post-body-font-size*/0.83em/*@*/; line-height:220%;}
	.entry .article blockquote {padding-left:30px;}
	
		.entry .article a {text-decoration:line-through;}
	 .entry .article a:link {color:#000; text-decoration:line-through;}
 .entry.article a:visited {color:#000; text-decoration:line-through;}
 .entry .article a:active {color:#000; text-decoration:line-through;}
.entry .article a:hover {color:#000; text-decoration:none;}
	
	iframe, object, video, img {
		width:100%; height:auto;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
	
	/*본문태그출력*/
.tagTrail {width:100%; font-size:0.83em; text-align:center;}
	.tagTrail i {padding-right:8px;}
.tagTrail .tagText a {color:#000; text-decoration:none;}
 .tagTrail .tagText a:link {color:#000; text-decoration:none;}
 .tagTrail .tagText a:visited {color:#000; text-decoration:none;}
 .tagTrail .tagText a:active {color:#000; text-decoration:none;}
 .tagTrail .tagText a:hover {color:#000; text-decoration:line-through;}
	
		/*공지사항 글*/
		.entryNotice {
		width:85%; 
		margin-top:80px; 
		margin-left:auto; 
		margin-right:auto;
		border:1px solid rgb(235, 235, 235);
	padding-bottom:5px;
	background-color:#fff;
	}
	
	.entryNotice .titleWrap {
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:65px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:12px;
		margin-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	}
	.entryNotice .titleWrap .noticeImage img {width:45px;}
	.entryNotice .titleWrap .noticeDesc {text-align:left; padding-left:55px; margin-top:-27px; font-size:0.8em; font-weight:bold;}
	.entryNotice .titleWrap .admin {display:none;}
	.entryNotice .article .imageblock {
		width:100% !important; 
padding:0 !important;
		margin:0 !important;
}
.entryNotice .article { font-size:/*@post-body-font-size*/0.83em/*@*/; line-height:220%;}
	.entryNotice .article blockquote {padding-left:30px;}
	.entryNotice .article a {text-decoration:line-through;}
	 .entryNotice .article a:link {color:#000; text-decoration:line-through;}
 .entryNotice .article a:visited {color:#000; text-decoration:line-through;}
 .entryNotice .article a:active {color:#000; text-decoration:line-through;}
.entryNotice .article a:hover {color:#000; text-decoration:none;}
	
	.entryNotice .date {font-size:0.73em; text-align:right; padding-right:5px; text-decoration:line-through; color:#ccc;}
	
	iframe, object, video, img {
		width:100%; height:auto;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
	
}

/* ------------------------------------PC------------------------------------ */
@media screen and (min-width:1001px){
/* 상단바 */
#header .blogMenu ul {
	position:fixed; 
	z-index:999; top:0px; 
	list-style-type:none; 
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:55px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:17px;
	padding-left:200px;
	padding-right:200px;
}

#header .blogMenu ul li {
	display:inline; 
}

#header .blogMenu ul li i {font-size:1.4em;}

#header .blogMenu ul .left {float:left;}
#header .blogMenu ul .left li {padding-right:35px;}
#header .blogMenu ul .right {float:right;}
#header .blogMenu ul .right li {padding-left:35px;}
#header .blogName {font-size:0.75em; font-weight:bold;}
	
#header .blogMenu a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#header .blogMenu a:hover {color:rgba(50, 50, 50, 0.4); text-decoration:none;}
	
/* 카테고리 리스트 */
#content .searchList {width:60%; margin:0 auto;}

#content .blogProfile {width:60%; height:340px;}
#content .blogProfile .blogImage {float:left; position:relative; top:95px; left:120px;}
#content .blogProfile .blogImage img {width:150px;}
#content .blogProfile .blogDesc {float:left; position:relative; top:110px; left:194px;}
#content .blogProfile .blogDesc .userID {font-size:1em; font-weight:bold;}
#content .blogProfile .blogCategory {float:left; position:relative; top:136px; left:87px;}
#content .blogProfile .blogCategory ul {list-style-type:none;}
#content .blogProfile .blogCategory ul li {display:inline; padding-right:15px;}
#content .blogProfile .blogCategory a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#content .blogProfile .blogCategory a:hover {color:rgba(50, 50, 50, 1); text-decoration:line-through;}
#content .blogProfile .blogName {float:left; position:relative; top:190px; left:-33px;}
#content .blogProfile .blogName .userNAME {font-size:0.8em;}
	
#content .fixed_img_col {margin-left:10%;}
#content .fixed_img_col ul {
	list-style-type:none; 
	display:inline;
}
#content .fixed_img_col li {
	float:left;
	position:relative;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
#content .fixed_img_col li .thumb img {
	width: 100%;
	height: 250px;
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
}
#content .fixed_img_col li:hover .thumb img {
	opacity: 0.8;
	-webkit-filter: grayscale(0%);
}
	
#content .fixed_img_col li:hover .lTitle .listTitle {
	color: #000;
	opacity: 1;
}
	#content .fixed_img_col li:hover .sub {
	color: #000;
	opacity: 1;
}
#content .fixed_img_col .lTitle {
	width:240px;
	position:absolute;
}
#content .fixed_img_col .lTitle .listTitle {
	color: #000;
	position:absolute;
	bottom:25px;
	left:10px;
	opacity: 0;
	font-size:0.89em;
	font-weight:bold;
}
	
#content .fixed_img_col li .sub {
	float:left;
	position:absolute;
	height: 20px;
	line-height: 20px;
	opacity: 0;
}	
#content .fixed_img_col li .sub .date {
	color: rgba(0, 0, 0, 0.6);
	position:absolute;
	bottom:25px;
	left:10px;
	font-size:0.8em;
	font-family:calibri;
}
#content .fixed_img_col li .sub .cnt {
	color: #aaa;
	position:absolute;
	bottom:25px;
	right:10px;
}
	
/* 페이징 */
#footer {width:100%; text-align:center; float:left; margin:35px auto;}
#footer	.paging {padding-bottom:15px;
   font-size:0.7em;
}
#footer .paging a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .paging a:hover {color:rgba(50, 50, 50, 0.3); text-decoration:none;}
	
#footer	.top {
   font-size:0.8em;
}
#footer .top a {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:link {color:rgba(50, 50, 50, 1); text-decoration:none;}
##footer .top a:visited {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:active {color:rgba(50, 50, 50, 1); text-decoration:none;}
#footer .top a:hover {color:rgba(50, 50, 50, 0.3); text-decoration:none;}
	
/* 태그 */
.tag {width:50%; margin-top:90px; margin-left:auto; margin-right:auto;}
	.tag .tagTitle i {font-size:0.83em; padding-right:4px;}
	.tag .tagTitle span {font-size:0.83em;}
.tag ul {margin:5px -42px;}
.tag li {display:inline; font-size:0.*9em;}
.tag li a {text-decoration:none; color:#aaa;}
.tag li a:link {text-decoration:none; color:#aaa;}
.tag li a:visited {text-decoration:none; color:#aaa;}
.tag li a:active {text-decoration:none; color:#aaa;}
.tag li a:hover {text-decoration:none; color:#000;}
	
/*본문*/
	.entry {
		width:48%; 
		margin-top:80px; 
		margin-left:auto; 
		margin-right:auto;
		border:1px solid rgb(235, 235, 235);
	padding-bottom:10px;
	background-color:#fff;
	}
	
	.entry .titleWrap {
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:93px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:17px;
		margin-bottom:0px;
	padding-left:22px;
	padding-right:22px;
	}
	.entry .titleWrap .entryImage img {width:60px;}
	.entry .titleWrap .entryTitle {text-align:left; padding-left:70px; margin-top:-35px;}
	.entry .titleWrap .category {text-align:right; padding-right:20px; margin-top:-26px; font-size:0.8em;}
	.entry .titleWrap .admin {text-align:right; padding-right:20px; margin-top:3px; font-size:0.85em;}
	.entry .article .imageblock {
		width:100% !important; 
padding:0 !important;
		margin:0 !important;
}
.entry .article { font-size:/*@post-body-font-size*/0.83em/*@*/; line-height:220%;}
	.entry .article blockquote {padding-left:30px;}
		.entry .article a {text-decoration:none;}
	 .entry .article a:link {color:#000; text-decoration:none;}
 .entry .article a:visited {color:#000; text-decoration:none;}
 .entry .article a:active {color:#000; text-decoration:none;}
.entry .article a:hover {color:#000; text-decoration:line-through;}
	iframe, object, video {
		width:100%;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
	
	/*본문태그출력*/
.tagTrail {width:100%; font-size:0.83em; text-align:center;}
	.tagTrail i {padding-right:8px;}
.tagTrail .tagText a {color:#000; text-decoration:none;}
 .tagTrail .tagText a:link {color:#000; text-decoration:none;}
 .tagTrail .tagText a:visited {color:#000; text-decoration:none;}
 .tagTrail .tagText a:active {color:#000; text-decoration:none;}
 .tagTrail .tagText a:hover {color:#000; text-decoration:line-through;}
	
		/*공지사항 글*/
		.entryNotice {
		width:40%; 
		margin-top:80px; 
		margin-left:auto; 
		margin-right:auto;
		border:1px solid rgb(235, 235, 235);
	padding-bottom:5px;
	background-color:#fff;
	}
	
	.entryNotice .titleWrap {
	background-color:rgba(248, 248, 248, 1); 
	width:100%; height:65px; 
	margin-top:0px; 
	border-bottom:1px #ededed solid; 
	padding-top:12px;
		margin-bottom:0px;
	padding-left:10px;
	padding-right:0px;
	}
	.entryNotice .titleWrap .noticeImage img {width:45px;}
	.entryNotice .titleWrap .noticeDesc {text-align:left; padding-left:55px; margin-top:-27px; font-size:0.8em;}
	.entryNotice .titleWrap .admin {display:none;}
	.entryNotice .article .imageblock {
		width:100% !important; 
padding:0 !important;
		margin:0 !important;
}
.entryNotice .article { font-size:/*@post-body-font-size*/0.83em/*@*/; line-height:220%;}
	.entryNotice .article blockquote {padding-left:30px;}
	.entryNotice .article a {text-decoration:none;}
	 .entryNotice .article a:link {color:#000; text-decoration:none;}
 .entryNotice .article a:visited {color:#000; text-decoration:none;}
 .entryNotice .article a:active {color:#000; text-decoration:none;}
.entryNotice .article a:hover {color:#000; text-decoration:line-through;}
	.entryNotice .date {font-size:0.75em; text-align:right; padding-right:5px;text-decoration:line-through;}
	
iframe, object, video {
		width:100%;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
		
}